63 lines
1.2 KiB
Svelte
63 lines
1.2 KiB
Svelte
<script>
|
|
import { CoreCheckbox } from "@budibase/bbui"
|
|
import Field from "./Field.svelte"
|
|
|
|
export let field
|
|
export let label
|
|
export let text
|
|
export let disabled = false
|
|
export let readonly = false
|
|
export let size
|
|
export let validation
|
|
export let defaultValue
|
|
export let onChange
|
|
|
|
let fieldState
|
|
let fieldApi
|
|
|
|
const isTruthy = value => {
|
|
if (!value) {
|
|
return false
|
|
}
|
|
if (value === true) {
|
|
return true
|
|
}
|
|
if (typeof value === "string" && value.toLowerCase() === "true") {
|
|
return true
|
|
}
|
|
return false
|
|
}
|
|
|
|
const handleChange = e => {
|
|
const changed = fieldApi.setValue(e.detail)
|
|
if (onChange && changed) {
|
|
onChange({ value: e.detail })
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<Field
|
|
{label}
|
|
{field}
|
|
{disabled}
|
|
{readonly}
|
|
{validation}
|
|
defaultValue={isTruthy(defaultValue)}
|
|
type="boolean"
|
|
bind:fieldState
|
|
bind:fieldApi
|
|
>
|
|
{#if fieldState}
|
|
<CoreCheckbox
|
|
value={fieldState.value}
|
|
disabled={fieldState.disabled}
|
|
readonly={fieldState.readonly}
|
|
error={fieldState.error}
|
|
id={fieldState.fieldId}
|
|
{size}
|
|
{text}
|
|
on:change={handleChange}
|
|
/>
|
|
{/if}
|
|
</Field>
|