@draftbit/core 42.4.6-75ef33.0 → 42.4.6-7e6a42.0

package/lib/module/components/Checkbox/CheckboxRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CheckboxRow.tsx"],"names":["React","StyleSheet","View","Platform","Checkbox","CheckboxStatus","Text","useCheckboxGroupContext","createTextProp","createTextStyle","createRowDirectionProp","createFieldNameProp","COMPONENT_TYPES","Triggers","createColorProp","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxRow","Icon","label","onPress","labelContainerStyle","checkboxStyle","status","disabled","style","color","uncheckedColor","indeterminateColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","Checked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","Unchecked","create","justifyContent","paddingStart","minHeight","paddingEnd","select","web","cursor","userSelect","SEED_DATA","name","tag","category","input","layout","triggers","OnPress","props","description","required","defaultValue","editable","fieldName","valuePropName","handlerPropName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps, CheckboxStatus } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport {\n  createTextProp,\n  createTextStyle,\n  createRowDirectionProp,\n  createFieldNameProp,\n  COMPONENT_TYPES,\n  Triggers,\n  createColorProp,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n  indeterminateColor: string;\n}\n\nconst getCheckboxAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  value,\n  onPress = () => {},\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  status,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  indeterminateColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status === CheckboxStatus.Checked || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress(value);\n      onValueChange && onValueChange(value, !isChecked);\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={\n            status || values.includes(value)\n              ? CheckboxStatus.Checked\n              : CheckboxStatus.Unchecked\n          }\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\n          indeterminateColor={indeterminateColor}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    flex: 1,\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default CheckboxRow;\n\nexport const SEED_DATA = {\n  name: \"Checkbox Row\",\n  tag: \"CheckboxRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    minHeight: 50,\n  },\n  triggers: [Triggers.OnPress],\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the checkbox\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    labelStyle: createTextStyle({\n      label: \"Label Style\",\n      description: \"Change the styles of the label\",\n      required: false,\n      editable: false,\n    }),\n    direction: createRowDirectionProp(),\n    fieldName: createFieldNameProp({\n      defaultValue: \"unchecked\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      description: \"Color for the button (used when the checkbox is checked)\",\n    }),\n    uncheckedColor: createColorProp({\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n    }),\n    indeterminateColor: createColorProp({\n      label: \"Indeterminate Color\",\n      description: \"Color for the button when the checkbox is indeterminate\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["CheckboxRow.tsx"],"names":["React","StyleSheet","View","Platform","Checkbox","Text","useCheckboxGroupContext","createTextProp","createTextStyle","createRowDirectionProp","createFieldNameProp","COMPONENT_TYPES","Triggers","createColorProp","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxRow","Icon","label","onPress","labelContainerStyle","checkboxStyle","status","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","select","web","cursor","userSelect","SEED_DATA","name","tag","category","input","layout","triggers","OnPress","props","description","required","defaultValue","editable","fieldName","valuePropName","handlerPropName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport {\n  createTextProp,\n  createTextStyle,\n  createRowDirectionProp,\n  createFieldNameProp,\n  COMPONENT_TYPES,\n  Triggers,\n  createColorProp,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string; // A string that this checkbox represents\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (status: boolean) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  value,\n  onPress = () => {},\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  status,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress(!isChecked);\n      onValueChange && onValueChange(value, !isChecked);\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={status || values.includes(value)}\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    flex: 1,\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default CheckboxRow;\n\nexport const SEED_DATA = {\n  name: \"Checkbox Row\",\n  tag: \"CheckboxRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    minHeight: 50,\n  },\n  triggers: [Triggers.OnPress],\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the checkbox\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    labelStyle: createTextStyle({\n      label: \"Label Style\",\n      description: \"Change the styles of the label\",\n      required: false,\n      editable: false,\n    }),\n    direction: createRowDirectionProp(),\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"value\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      description: \"Color for the button (used when the checkbox is checked)\",\n    }),\n    uncheckedColor: createColorProp({\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n    }),\n  },\n};\n"]}

package/lib/module/components/Switch.js

@@ -68,6 +68,7 @@ function Row({
   direction = RowDirection.Row,
   style,
   value,
+  defaultValue,
   disabled,
   onValueChange,
   activeTrackColor,
@@ -77,7 +78,7 @@ function Row({
   theme,
   ...rest
 }) {
-  const [checked, setChecked] = React.useState(value);
+  const [checked, setChecked] = React.useState(value || defaultValue);
   React.useEffect(() => {
     if (value !== checked) {
       setChecked(value);

package/lib/module/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Switch.tsx"],"names":["React","Switch","NativeSwitch","withTheme","FormRow","RowDirection","usePrevious","value","initialValue","defaultValue","disabled","onValueChange","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","theme","style","rest","activeTrackThemeColor","colors","primary","inactiveTrackThemeColor","activeThumbThemeColor","inactiveThumbThemeColor","checked","setChecked","useState","useEffect","booleanInitialValue","Boolean","previousInitialValue","false","true","bool","Row","label","direction","SwitchRow"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Switch as NativeSwitch,\n  SwitchProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport FormRow from \"./FormRow\";\nimport { RowDirection } from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n  value?: boolean;\n  disabled?: boolean;\n  onValueChange?: (value: boolean) => void;\n  initialValue?: boolean; // deprecated\n  defaultValue?: boolean;\n  theme: Theme;\n  activeTrackColor: string;\n  inactiveTrackColor: string;\n  activeThumbColor: string;\n  inactiveThumbColor: string;\n} & SwitchProps;\n\nfunction Switch({\n  value,\n  initialValue,\n  defaultValue,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  style,\n  ...rest\n}: Props) {\n  const activeTrackThemeColor = activeTrackColor || theme.colors.primary;\n  const inactiveTrackThemeColor = inactiveTrackColor || \"#EEE\";\n\n  const activeThumbThemeColor = activeThumbColor || \"#FFF\";\n  const inactiveThumbThemeColor = inactiveThumbColor || \"#FFF\";\n\n  const [checked, setChecked] = React.useState(value || defaultValue);\n\n  React.useEffect(() => {\n    if (value != null && value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setChecked(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const booleanInitialValue = Boolean(initialValue);\n  const previousInitialValue = usePrevious(booleanInitialValue);\n\n  React.useEffect(() => {\n    if (initialValue != null && booleanInitialValue !== previousInitialValue) {\n      setChecked(booleanInitialValue);\n      onValueChange && onValueChange(booleanInitialValue);\n    }\n  }, [\n    initialValue,\n    booleanInitialValue,\n    previousInitialValue,\n    setChecked,\n    onValueChange,\n  ]);\n\n  return (\n    <NativeSwitch\n      value={checked}\n      disabled={disabled}\n      trackColor={{\n        false: inactiveTrackThemeColor,\n        true: activeTrackThemeColor,\n      }}\n      thumbColor={value ? activeThumbThemeColor : inactiveThumbThemeColor}\n      // @ts-ignore react-native-web only\n      activeThumbColor={activeThumbThemeColor}\n      ios_backgroundColor={inactiveTrackThemeColor}\n      style={style}\n      onValueChange={(bool) => {\n        setChecked(bool);\n        onValueChange && onValueChange(bool);\n      }}\n      {...rest}\n    />\n  );\n}\n\ntype RowProps = {\n  label: string;\n  direction: RowDirection;\n  style?: StyleProp<ViewStyle>;\n};\n\nfunction Row({\n  label = \"Label\",\n  direction = RowDirection.Row,\n  style,\n  value,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  ...rest\n}: Props & RowProps) {\n  const [checked, setChecked] = React.useState(value);\n\n  React.useEffect(() => {\n    if (value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  return (\n    <FormRow\n      disabled={disabled}\n      onPress={() => {\n        setChecked(!checked);\n        onValueChange && onValueChange(!checked);\n      }}\n      label={label}\n      direction={direction}\n      style={style}\n      {...rest}\n    >\n      <Switch\n        theme={theme}\n        value={checked}\n        disabled={disabled}\n        onValueChange={onValueChange}\n        activeTrackColor={activeTrackColor}\n        inactiveTrackColor={inactiveTrackColor}\n        activeThumbColor={activeThumbColor}\n        inactiveThumbColor={inactiveThumbColor}\n      />\n    </FormRow>\n  );\n}\n\nconst SwitchRow = withTheme(Row);\nexport { SwitchRow };\nexport default withTheme(Switch);\n\n/* README: SEED_DATA lives inside mappings/Switch.js since there were weird issues taking place with sourceMaps being\n * generated */\n"]}
+{"version":3,"sources":["Switch.tsx"],"names":["React","Switch","NativeSwitch","withTheme","FormRow","RowDirection","usePrevious","value","initialValue","defaultValue","disabled","onValueChange","activeTrackColor","inactiveTrackColor","activeThumbColor","inactiveThumbColor","theme","style","rest","activeTrackThemeColor","colors","primary","inactiveTrackThemeColor","activeThumbThemeColor","inactiveThumbThemeColor","checked","setChecked","useState","useEffect","booleanInitialValue","Boolean","previousInitialValue","false","true","bool","Row","label","direction","SwitchRow"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  Switch as NativeSwitch,\n  SwitchProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport FormRow from \"./FormRow\";\nimport { RowDirection } from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { usePrevious } from \"../hooks\";\n\ntype Props = {\n  value?: boolean;\n  disabled?: boolean;\n  onValueChange?: (value: boolean) => void;\n  initialValue?: boolean; // deprecated\n  defaultValue?: boolean;\n  theme: Theme;\n  activeTrackColor: string;\n  inactiveTrackColor: string;\n  activeThumbColor: string;\n  inactiveThumbColor: string;\n} & SwitchProps;\n\nfunction Switch({\n  value,\n  initialValue,\n  defaultValue,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  style,\n  ...rest\n}: Props) {\n  const activeTrackThemeColor = activeTrackColor || theme.colors.primary;\n  const inactiveTrackThemeColor = inactiveTrackColor || \"#EEE\";\n\n  const activeThumbThemeColor = activeThumbColor || \"#FFF\";\n  const inactiveThumbThemeColor = inactiveThumbColor || \"#FFF\";\n\n  const [checked, setChecked] = React.useState(value || defaultValue);\n\n  React.useEffect(() => {\n    if (value != null && value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setChecked(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const booleanInitialValue = Boolean(initialValue);\n  const previousInitialValue = usePrevious(booleanInitialValue);\n\n  React.useEffect(() => {\n    if (initialValue != null && booleanInitialValue !== previousInitialValue) {\n      setChecked(booleanInitialValue);\n      onValueChange && onValueChange(booleanInitialValue);\n    }\n  }, [\n    initialValue,\n    booleanInitialValue,\n    previousInitialValue,\n    setChecked,\n    onValueChange,\n  ]);\n\n  return (\n    <NativeSwitch\n      value={checked}\n      disabled={disabled}\n      trackColor={{\n        false: inactiveTrackThemeColor,\n        true: activeTrackThemeColor,\n      }}\n      thumbColor={value ? activeThumbThemeColor : inactiveThumbThemeColor}\n      // @ts-ignore react-native-web only\n      activeThumbColor={activeThumbThemeColor}\n      ios_backgroundColor={inactiveTrackThemeColor}\n      style={style}\n      onValueChange={(bool) => {\n        setChecked(bool);\n        onValueChange && onValueChange(bool);\n      }}\n      {...rest}\n    />\n  );\n}\n\ntype RowProps = {\n  label: string;\n  direction: RowDirection;\n  style?: StyleProp<ViewStyle>;\n};\n\nfunction Row({\n  label = \"Label\",\n  direction = RowDirection.Row,\n  style,\n  value,\n  defaultValue,\n  disabled,\n  onValueChange,\n  activeTrackColor,\n  inactiveTrackColor,\n  activeThumbColor,\n  inactiveThumbColor,\n  theme,\n  ...rest\n}: Props & RowProps) {\n  const [checked, setChecked] = React.useState(value || defaultValue);\n\n  React.useEffect(() => {\n    if (value !== checked) {\n      setChecked(value);\n    }\n  }, [value, checked]);\n\n  return (\n    <FormRow\n      disabled={disabled}\n      onPress={() => {\n        setChecked(!checked);\n        onValueChange && onValueChange(!checked);\n      }}\n      label={label}\n      direction={direction}\n      style={style}\n      {...rest}\n    >\n      <Switch\n        theme={theme}\n        value={checked}\n        disabled={disabled}\n        onValueChange={onValueChange}\n        activeTrackColor={activeTrackColor}\n        inactiveTrackColor={inactiveTrackColor}\n        activeThumbColor={activeThumbColor}\n        inactiveThumbColor={inactiveThumbColor}\n      />\n    </FormRow>\n  );\n}\n\nconst SwitchRow = withTheme(Row);\nexport { SwitchRow };\nexport default withTheme(Switch);\n\n/* README: SEED_DATA lives inside mappings/Switch.js since there were weird issues taking place with sourceMaps being\n * generated */\n"]}

package/lib/module/mappings/Checkbox.js

@@ -22,12 +22,6 @@ export const SEED_DATA = {
       description: "Color for the button when the checkbox is unchecked",
       defaultValue: null
     }),
-    indeterminateColor: createColorProp({
-      group: GROUPS.basic,
-      label: "Indeterminate Color",
-      description: "Color for the button when the checkbox is indeterminate",
-      defaultValue: null
-    }),
     disabled: createBoolProp({
       label: "Disabled",
       description: "Whether the checkbox is disabled"
@@ -46,11 +40,6 @@ export const SEED_DATA = {
       label: "Unchecked Icon",
       description: 'Icon to show when the checkbox status is "unchecked"',
       defaultValue: null
-    }),
-    indeterminateIcon: createIconProp({
-      label: "Indeterminate Icon",
-      description: 'Icon to show when the checkbox status is "indeterminate"',
-      defaultValue: null
     })
   }
 };

package/lib/module/mappings/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.js"],"names":["COMPONENT_TYPES","createBoolProp","createIconProp","createStaticNumberProp","createColorProp","createFieldNameProp","GROUPS","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","basic","label","description","uncheckedColor","indeterminateColor","disabled","size","checkedIcon","uncheckedIcon","indeterminateIcon"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,sBAJF,EAKEC,eALF,EAMEC,mBANF,EAOEC,MAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEX,eAAe,CAACY,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEX,mBAAmB,CAAC;AAC7BY,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAAD,CADzB;AAMLC,IAAAA,KAAK,EAAEhB,eAAe,CAAC;AACrBiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBP,MAAAA,YAAY,EAAE;AAJO,KAAD,CANjB;AAYLQ,IAAAA,cAAc,EAAErB,eAAe,CAAC;AAC9BiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BP,MAAAA,YAAY,EAAE;AAJgB,KAAD,CAZ1B;AAkBLS,IAAAA,kBAAkB,EAAEtB,eAAe,CAAC;AAClCiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADoB;AAElCC,MAAAA,KAAK,EAAE,qBAF2B;AAGlCC,MAAAA,WAAW,EAAE,yDAHqB;AAIlCP,MAAAA,YAAY,EAAE;AAJoB,KAAD,CAlB9B;AAwBLU,IAAAA,QAAQ,EAAE1B,cAAc,CAAC;AACvBsB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAD,CAxBnB;AA4BLI,IAAAA,IAAI,EAAEzB,sBAAsB,CAAC;AAC3BoB,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BP,MAAAA,YAAY,EAAE;AAHa,KAAD,CA5BvB;AAiCLY,IAAAA,WAAW,EAAE3B,cAAc,CAAC;AAC1BqB,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BP,MAAAA,YAAY,EAAE;AAHY,KAAD,CAjCtB;AAsCLa,IAAAA,aAAa,EAAE5B,cAAc,CAAC;AAC5BqB,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BP,MAAAA,YAAY,EAAE;AAHc,KAAD,CAtCxB;AA2CLc,IAAAA,iBAAiB,EAAE7B,cAAc,CAAC;AAChCqB,MAAAA,KAAK,EAAE,oBADyB;AAEhCC,MAAAA,WAAW,EAAE,0DAFmB;AAGhCP,MAAAA,YAAY,EAAE;AAHkB,KAAD;AA3C5B;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createIconProp,\n  createStaticNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox\",\n  tag: \"Checkbox\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the button (used when the checkbox is checked)\",\n      defaultValue: null,\n    }),\n    uncheckedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n      defaultValue: null,\n    }),\n    indeterminateColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Indeterminate Color\",\n      description: \"Color for the button when the checkbox is indeterminate\",\n      defaultValue: null,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n    indeterminateIcon: createIconProp({\n      label: \"Indeterminate Icon\",\n      description: 'Icon to show when the checkbox status is \"indeterminate\"',\n      defaultValue: null,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Checkbox.js"],"names":["COMPONENT_TYPES","createBoolProp","createIconProp","createStaticNumberProp","createColorProp","createFieldNameProp","GROUPS","Triggers","SEED_DATA","name","tag","category","input","triggers","OnPress","props","fieldName","defaultValue","valuePropName","handlerPropName","color","group","basic","label","description","uncheckedColor","disabled","size","checkedIcon","uncheckedIcon"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,sBAJF,EAKEC,eALF,EAMEC,mBANF,EAOEC,MAPF,EAQEC,QARF,QASO,iBATP;AAWA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,QAAQ,EAAEX,eAAe,CAACY,KAHH;AAIvBC,EAAAA,QAAQ,EAAE,CAACN,QAAQ,CAACO,OAAV,CAJa;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEX,mBAAmB,CAAC;AAC7BY,MAAAA,YAAY,EAAE,eADe;AAE7BC,MAAAA,aAAa,EAAE,QAFc;AAG7BC,MAAAA,eAAe,EAAE;AAHY,KAAD,CADzB;AAMLC,IAAAA,KAAK,EAAEhB,eAAe,CAAC;AACrBiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADO;AAErBC,MAAAA,KAAK,EAAE,OAFc;AAGrBC,MAAAA,WAAW,EAAE,0DAHQ;AAIrBP,MAAAA,YAAY,EAAE;AAJO,KAAD,CANjB;AAYLQ,IAAAA,cAAc,EAAErB,eAAe,CAAC;AAC9BiB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADgB;AAE9BC,MAAAA,KAAK,EAAE,kBAFuB;AAG9BC,MAAAA,WAAW,EAAE,qDAHiB;AAI9BP,MAAAA,YAAY,EAAE;AAJgB,KAAD,CAZ1B;AAkBLS,IAAAA,QAAQ,EAAEzB,cAAc,CAAC;AACvBsB,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,WAAW,EAAE;AAFU,KAAD,CAlBnB;AAsBLG,IAAAA,IAAI,EAAExB,sBAAsB,CAAC;AAC3BoB,MAAAA,KAAK,EAAE,MADoB;AAE3BC,MAAAA,WAAW,EAAE,gCAFc;AAG3BP,MAAAA,YAAY,EAAE;AAHa,KAAD,CAtBvB;AA2BLW,IAAAA,WAAW,EAAE1B,cAAc,CAAC;AAC1BqB,MAAAA,KAAK,EAAE,cADmB;AAE1BC,MAAAA,WAAW,EAAE,oDAFa;AAG1BP,MAAAA,YAAY,EAAE;AAHY,KAAD,CA3BtB;AAgCLY,IAAAA,aAAa,EAAE3B,cAAc,CAAC;AAC5BqB,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,sDAFe;AAG5BP,MAAAA,YAAY,EAAE;AAHc,KAAD;AAhCxB;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createIconProp,\n  createStaticNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox\",\n  tag: \"Checkbox\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the button (used when the checkbox is checked)\",\n      defaultValue: null,\n    }),\n    uncheckedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n      defaultValue: null,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/TextInput.js

@@ -165,10 +165,7 @@ export const SEED_DATA = [{
   },
   triggers: [Triggers.OnChangeText],
   props: { ...NUMBER_INPUT_PROPS,
-    ...SEED_DATA_PROPS,
-    placeholder: { ...NUMBER_INPUT_PROPS.placeholder,
-      defaultValue: "Input a number… "
-    }
+    ...SEED_DATA_PROPS
   }
 }];
 //# sourceMappingURL=TextInput.js.map

package/lib/module/mappings/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextInput.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","NUMBER_INPUT_PROPS","Triggers","SEED_DATA_PROPS","style","group","basic","label","description","editable","required","formType","typeStyle","propType","THEME","defaultValue","clearButtonMode","options","flatArray","STRING","clearTextOnFocus","boolean","BOOLEAN","enablesReturnKeyAutomatically","underlineColorAndroid","color","fieldName","handlerPropName","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","multiline","numberOfLines","min","step","precision","number","NUMBER","scrollEnabled","spellcheck","textContentType","advanced","textBreakStrategy","placeholder"],"mappings":"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","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  NUMBER_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"textInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Text Input\",\n    tag: \"TextInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...TEXT_INPUT_PROPS,\n      ...SEED_DATA_PROPS,\n      multiline: {\n        group: GROUPS.basic,\n        label: \"Multiple Lines\",\n        description:\n          \"Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      numberOfLines: {\n        group: GROUPS.basic,\n        label: \"Number of Lines\",\n        description:\n          \"Sets the number of lines for the input (Multiple Lines needs to be true)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        min: 0,\n        step: 1,\n        precision: 0,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n      },\n      scrollEnabled: {\n        group: GROUPS.basic,\n        label: \"Scroll Enabled\",\n        description:\n          \"If false, scrolling of the input will be disabled. Only works when Multiple Lines is true\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      spellcheck: {\n        group: GROUPS.basic,\n        label: \"Disable Spell Check\",\n        description:\n          \"If false, disables spell-check style (red underlines). Default comes from Auto Correct\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      textContentType: {\n        group: GROUPS.advanced,\n        label: \"Text Content Type\",\n        description:\n          \"Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\n          \"none\",\n          \"URL\",\n          \"addressCity\",\n          \"addressCityAndState\",\n          \"addressState\",\n          \"countryName\",\n          \"creditCardNumber\",\n          \"emailAddress\",\n          \"familyName\",\n          \"fullStreetAddress\",\n          \"givenName\",\n          \"jobTitle\",\n          \"location\",\n          \"middleName\",\n          \"name\",\n          \"namePrefix\",\n          \"nameSuffix\",\n          \"nickname\",\n          \"organizationName\",\n          \"postalCode\",\n          \"streetAddressLine1\",\n          \"streetAddressLine2\",\n          \"sublocality\",\n          \"telephoneNumber\",\n          \"username\",\n          \"password\",\n        ],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n      textBreakStrategy: {\n        group: GROUPS.advanced,\n        label: \"Text Break Strategy\",\n        description:\n          \"(Android Only) Set the text break strategy. (Default: simple)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\"simple\", \"highQuality\", \"balanced\"],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n    },\n  },\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...NUMBER_INPUT_PROPS,\n      ...SEED_DATA_PROPS,\n      placeholder: {\n        ...NUMBER_INPUT_PROPS.placeholder,\n        defaultValue: \"Input a number… \",\n      },\n    },\n  },\n];\n"]}
+{"version":3,"sources":["TextInput.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","NUMBER_INPUT_PROPS","Triggers","SEED_DATA_PROPS","style","group","basic","label","description","editable","required","formType","typeStyle","propType","THEME","defaultValue","clearButtonMode","options","flatArray","STRING","clearTextOnFocus","boolean","BOOLEAN","enablesReturnKeyAutomatically","underlineColorAndroid","color","fieldName","handlerPropName","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","multiline","numberOfLines","min","step","precision","number","NUMBER","scrollEnabled","spellcheck","textContentType","advanced","textBreakStrategy"],"mappings":"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","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  NUMBER_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA_PROPS = {\n  style: {\n    group: GROUPS.basic,\n    label: \"Style\",\n    description: \"Text Style\",\n    editable: false,\n    required: false,\n    formType: FORM_TYPES.typeStyle,\n    propType: PROP_TYPES.THEME,\n    defaultValue: null,\n  },\n  clearButtonMode: {\n    group: GROUPS.basic,\n    label: \"Clear Button Mode\",\n    description:\n      \"Enables a button within the textInput to clear the data entered\",\n    editable: true,\n    required: false,\n    options: [\"never\", \"while-editing\", \"unless-editing\", \"always\"],\n    defaultValue: null,\n    formType: FORM_TYPES.flatArray,\n    propType: PROP_TYPES.STRING,\n  },\n  clearTextOnFocus: {\n    group: GROUPS.basic,\n    label: \"Clear Text on Focus\",\n    description:\n      \"If true, clears the text field automatically when its focused.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  enablesReturnKeyAutomatically: {\n    group: GROUPS.basic,\n    label: \"Enables Return Key Automatically\",\n    description:\n      \"If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n  },\n  underlineColorAndroid: {\n    group: GROUPS.basic,\n    label: \"Underline color\",\n    description:\n      \"(Android Only) The color of the underline(the line underneath the text when finished typing.\",\n    editable: true,\n    required: false,\n    defaultValue: null,\n    formType: FORM_TYPES.color,\n    propType: PROP_TYPES.THEME,\n  },\n  fieldName: {\n    ...FIELD_NAME,\n    defaultValue: \"textInputValue\",\n    handlerPropName: \"onChangeText\",\n  },\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Text Input\",\n    tag: \"TextInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...TEXT_INPUT_PROPS,\n      ...SEED_DATA_PROPS,\n      multiline: {\n        group: GROUPS.basic,\n        label: \"Multiple Lines\",\n        description:\n          \"Allows multiple lines of input, useful for situations where the user may be typing in a lot of data.\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      numberOfLines: {\n        group: GROUPS.basic,\n        label: \"Number of Lines\",\n        description:\n          \"Sets the number of lines for the input (Multiple Lines needs to be true)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        min: 0,\n        step: 1,\n        precision: 0,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n      },\n      scrollEnabled: {\n        group: GROUPS.basic,\n        label: \"Scroll Enabled\",\n        description:\n          \"If false, scrolling of the input will be disabled. Only works when Multiple Lines is true\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      spellcheck: {\n        group: GROUPS.basic,\n        label: \"Disable Spell Check\",\n        description:\n          \"If false, disables spell-check style (red underlines). Default comes from Auto Correct\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n      },\n      textContentType: {\n        group: GROUPS.advanced,\n        label: \"Text Content Type\",\n        description:\n          \"Give the keyboard and system about what it should do with the input. For example, if its an address, autofill from address book\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\n          \"none\",\n          \"URL\",\n          \"addressCity\",\n          \"addressCityAndState\",\n          \"addressState\",\n          \"countryName\",\n          \"creditCardNumber\",\n          \"emailAddress\",\n          \"familyName\",\n          \"fullStreetAddress\",\n          \"givenName\",\n          \"jobTitle\",\n          \"location\",\n          \"middleName\",\n          \"name\",\n          \"namePrefix\",\n          \"nameSuffix\",\n          \"nickname\",\n          \"organizationName\",\n          \"postalCode\",\n          \"streetAddressLine1\",\n          \"streetAddressLine2\",\n          \"sublocality\",\n          \"telephoneNumber\",\n          \"username\",\n          \"password\",\n        ],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n      textBreakStrategy: {\n        group: GROUPS.advanced,\n        label: \"Text Break Strategy\",\n        description:\n          \"(Android Only) Set the text break strategy. (Default: simple)\",\n        editable: true,\n        required: false,\n        defaultValue: null,\n        options: [\"simple\", \"highQuality\", \"balanced\"],\n        formType: FORM_TYPES.flatArray,\n        propType: PROP_TYPES.STRING,\n      },\n    },\n  },\n  {\n    name: \"Number Input\",\n    tag: \"NumberInput\",\n    description: \"An input field that allows users to type in data.\",\n    category: COMPONENT_TYPES.input,\n    preview_image_url:\n      \"https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png\",\n    supports_list_render: false,\n    layout: {\n      borderLeftWidth: 1,\n      borderRightWidth: 1,\n      borderTopWidth: 1,\n      borderBottomWidth: 1,\n      borderColor: \"divider\",\n      paddingLeft: 8,\n      paddingRight: 8,\n      paddingTop: 8,\n      paddingBottom: 8,\n      borderRadius: 8,\n    },\n    triggers: [Triggers.OnChangeText],\n    props: {\n      ...NUMBER_INPUT_PROPS,\n      ...SEED_DATA_PROPS,\n    },\n  },\n];\n"]}

package/lib/typescript/src/components/Checkbox/Checkbox.d.ts

@@ -1,23 +1,16 @@
 import * as React from "react";
 import { TouchableHighlightProps, StyleProp, ViewStyle } from "react-native";
 import type { IconSlot } from "../../interfaces/Icon";
-export declare enum CheckboxStatus {
-    Checked = "checked",
-    Unchecked = "unchecked",
-    Indeterminate = "indeterminate"
-}
 export interface CheckboxProps {
-    status?: CheckboxStatus;
+    status?: boolean;
     disabled?: boolean;
     onPress?: (checked: boolean) => void;
     color?: string;
     uncheckedColor?: string;
-    indeterminateColor?: string;
     checkedIcon?: string;
     uncheckedIcon?: string;
-    indeterminateIcon?: string;
     initialValue?: boolean;
-    defaultValue?: CheckboxStatus;
+    defaultValue?: boolean;
     size?: number;
     style?: StyleProp<ViewStyle>;
 }

package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts

@@ -12,11 +12,10 @@ export interface CheckboxRowProps extends Omit<CheckboxProps, "onPress"> {
     labelContainerStyle: StyleProp<ViewStyle>;
     checkboxStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
-    onPress?: (value: string) => void;
+    onPress?: (status: boolean) => void;
     direction?: Direction;
     color: string;
     unselectedColor: string;
-    indeterminateColor: string;
 }
 declare const CheckboxRow: React.FC<CheckboxRowProps & IconSlot>;
 export default CheckboxRow;
@@ -83,15 +82,5 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
-        indeterminateColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
     };
 };

package/lib/typescript/src/components/Switch.d.ts

@@ -20,7 +20,7 @@ declare type RowProps = {
     direction: RowDirection;
     style?: StyleProp<ViewStyle>;
 };
-declare function Row({ label, direction, style, value, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }: Props & RowProps): JSX.Element;
+declare function Row({ label, direction, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }: Props & RowProps): JSX.Element;
 declare const SwitchRow: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
     value?: boolean | undefined;
     disabled?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "42.4.6-75ef33.0+75ef33f2",
+  "version": "42.4.6-7e6a42.0+7e6a42fd",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -95,5 +95,5 @@
       ]
     ]
   },
-  "gitHead": "75ef33f25c394d76c052b5546ffcd871e8d9cb40"
+  "gitHead": "7e6a42fdb0152df913abdf0fd3963116ded6f2f9"
 }

package/src/components/Checkbox/Checkbox.js

@@ -3,14 +3,8 @@ import { View, StyleSheet, } from "react-native";
 import { useTheme } from "../../theming";
 import Touchable from "../Touchable";
 import { usePrevious } from "../../hooks";
-export var CheckboxStatus;
-(function (CheckboxStatus) {
-    CheckboxStatus["Checked"] = "checked";
-    CheckboxStatus["Unchecked"] = "unchecked";
-    CheckboxStatus["Indeterminate"] = "indeterminate";
-})(CheckboxStatus || (CheckboxStatus = {}));
-const Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, color, uncheckedColor, indeterminateColor, initialValue, defaultValue, checkedIcon = "MaterialCommunityIcons/checkbox-marked", uncheckedIcon = "MaterialCommunityIcons/checkbox-blank-outline", indeterminateIcon = "AntDesign/minussquareo", size = 24, style, ...rest }) => {
-    const [internalValue, setInternalValue] = React.useState(status || defaultValue || CheckboxStatus.Unchecked);
+const Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, color, uncheckedColor, initialValue, defaultValue, checkedIcon = "MaterialCommunityIcons/checkbox-marked", uncheckedIcon = "MaterialCommunityIcons/checkbox-blank-outline", size = 24, style, ...rest }) => {
+    const [internalValue, setInternalValue] = React.useState(status || defaultValue || false);
     React.useEffect(() => {
         if (status != null) {
             setInternalValue(status);
@@ -28,25 +22,15 @@ const Checkbox = ({ Icon, status, disabled = false, onPress = () => { }, color,
         }
     }, [initialValue, previousInitialValue, onPress]);
     const { colors } = useTheme();
-    const colorsMap = {
-        [CheckboxStatus.Checked]: color || colors.primary,
-        [CheckboxStatus.Unchecked]: uncheckedColor || colors.primary,
-        [CheckboxStatus.Indeterminate]: indeterminateColor || colors.light,
-    };
-    const iconsMap = {
-        [CheckboxStatus.Checked]: checkedIcon,
-        [CheckboxStatus.Unchecked]: uncheckedIcon,
-        [CheckboxStatus.Indeterminate]: indeterminateIcon,
-    };
-    const checkboxColor = colorsMap[internalValue];
+    const checkboxColor = internalValue
+        ? color || colors.primary
+        : uncheckedColor || colors.primary;
     const handlePress = () => {
-        setInternalValue(internalValue === CheckboxStatus.Unchecked
-            ? CheckboxStatus.Checked
-            : CheckboxStatus.Unchecked);
-        onPress(internalValue === CheckboxStatus.Unchecked);
+        setInternalValue(!internalValue);
+        onPress(!internalValue);
     };
     return (React.createElement(Touchable, { ...rest, onPress: handlePress, disabled: disabled, accessibilityState: { disabled }, accessibilityRole: "button", accessibilityLiveRegion: "polite", style: [styles.container, style, { width: size, height: size }] },
-        React.createElement(Icon, { style: styles.icon, name: iconsMap[internalValue], size: size, color: checkboxColor }),
+        React.createElement(Icon, { style: styles.icon, name: internalValue ? checkedIcon : uncheckedIcon, size: size, color: checkboxColor }),
         React.createElement(View, { style: [StyleSheet.absoluteFill, styles.fillContainer] },
             React.createElement(View, { style: [
                     styles.fill,

package/src/components/Checkbox/Checkbox.tsx

@@ -12,24 +12,16 @@ import type { IconSlot } from "../../interfaces/Icon";
 import Touchable from "../Touchable";
 import { usePrevious } from "../../hooks";
 
-export enum CheckboxStatus {
-  Checked = "checked",
-  Unchecked = "unchecked",
-  Indeterminate = "indeterminate",
-}
-
 export interface CheckboxProps {
-  status?: CheckboxStatus;
+  status?: boolean;
   disabled?: boolean;
   onPress?: (checked: boolean) => void;
   color?: string;
   uncheckedColor?: string;
-  indeterminateColor?: string;
   checkedIcon?: string;
   uncheckedIcon?: string;
-  indeterminateIcon?: string;
   initialValue?: boolean; // deprecated
-  defaultValue?: CheckboxStatus;
+  defaultValue?: boolean;
   size?: number;
   style?: StyleProp<ViewStyle>;
 }
@@ -42,18 +34,16 @@ const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =
     onPress = () => {},
     color,
     uncheckedColor,
-    indeterminateColor,
     initialValue,
     defaultValue,
     checkedIcon = "MaterialCommunityIcons/checkbox-marked",
     uncheckedIcon = "MaterialCommunityIcons/checkbox-blank-outline",
-    indeterminateIcon = "AntDesign/minussquareo",
     size = 24,
     style,
     ...rest
   }) => {
-    const [internalValue, setInternalValue] = React.useState<CheckboxStatus>(
-      status || defaultValue || CheckboxStatus.Unchecked
+    const [internalValue, setInternalValue] = React.useState<boolean>(
+      status || defaultValue || false
     );
 
     React.useEffect(() => {
@@ -76,27 +66,13 @@ const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =
     }, [initialValue, previousInitialValue, onPress]);
     const { colors } = useTheme();
 
-    const colorsMap = {
-      [CheckboxStatus.Checked]: color || colors.primary,
-      [CheckboxStatus.Unchecked]: uncheckedColor || colors.primary,
-      [CheckboxStatus.Indeterminate]: indeterminateColor || colors.light,
-    };
-
-    const iconsMap = {
-      [CheckboxStatus.Checked]: checkedIcon,
-      [CheckboxStatus.Unchecked]: uncheckedIcon,
-      [CheckboxStatus.Indeterminate]: indeterminateIcon,
-    };
-
-    const checkboxColor = colorsMap[internalValue];
+    const checkboxColor = internalValue
+      ? color || colors.primary
+      : uncheckedColor || colors.primary;
 
     const handlePress = () => {
-      setInternalValue(
-        internalValue === CheckboxStatus.Unchecked
-          ? CheckboxStatus.Checked
-          : CheckboxStatus.Unchecked
-      );
-      onPress(internalValue === CheckboxStatus.Unchecked);
+      setInternalValue(!internalValue);
+      onPress(!internalValue);
     };
 
     return (
@@ -111,7 +87,7 @@ const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot> =
       >
         <Icon
           style={styles.icon}
-          name={iconsMap[internalValue]}
+          name={internalValue ? checkedIcon : uncheckedIcon}
           size={size}
           color={checkboxColor}
         />

package/src/components/Checkbox/CheckboxRow.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StyleSheet, View, Platform, } from "react-native";
-import Checkbox, { CheckboxStatus } from "./Checkbox";
+import Checkbox from "./Checkbox";
 import Text from "../Text";
 import { useCheckboxGroupContext } from "./context";
 import { createTextProp, createTextStyle, createRowDirectionProp, createFieldNameProp, COMPONENT_TYPES, Triggers, createColorProp, } from "@draftbit/types";
@@ -31,13 +31,13 @@ const renderLabel = (value, labelStyle, textStyle) => {
         return React.createElement(React.Fragment, null, value);
     }
 };
-const CheckboxRow = ({ Icon, label = "Label", value, onPress = () => { }, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, status, disabled, style, color, uncheckedColor, indeterminateColor, ...rest }) => {
+const CheckboxRow = ({ Icon, label = "Label", value, onPress = () => { }, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, status, disabled, style, color, uncheckedColor, ...rest }) => {
     const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();
     const values = Array.isArray(selectedValues) ? selectedValues : [];
-    const isChecked = status === CheckboxStatus.Checked || values.includes(value);
+    const isChecked = status || values.includes(value);
     const handlePress = () => {
         if (!disabled) {
-            onPress(value);
+            onPress(!isChecked);
             onValueChange && onValueChange(value, !isChecked);
         }
     };
@@ -54,9 +54,7 @@ const CheckboxRow = ({ Icon, label = "Label", value, onPress = () => { }, labelC
                 flex: 1,
                 alignItems: getCheckboxAlignment(parentDirection, direction),
             } },
-            React.createElement(Checkbox, { Icon: Icon, status: status || values.includes(value)
-                    ? CheckboxStatus.Checked
-                    : CheckboxStatus.Unchecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor, indeterminateColor: indeterminateColor }))));
+            React.createElement(Checkbox, { Icon: Icon, status: status || values.includes(value), onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));
 };
 const styles = StyleSheet.create({
     mainParent: {
@@ -101,8 +99,8 @@ export const SEED_DATA = {
         }),
         direction: createRowDirectionProp(),
         fieldName: createFieldNameProp({
-            defaultValue: "unchecked",
-            valuePropName: "status",
+            defaultValue: "checkboxValue",
+            valuePropName: "value",
             handlerPropName: "onPress",
         }),
         color: createColorProp({
@@ -112,9 +110,5 @@ export const SEED_DATA = {
             label: "Unselected Color",
             description: "Color for the button when the checkbox is unchecked",
         }),
-        indeterminateColor: createColorProp({
-            label: "Indeterminate Color",
-            description: "Color for the button when the checkbox is indeterminate",
-        }),
     },
 };

package/src/components/Checkbox/CheckboxRow.tsx

@@ -7,7 +7,7 @@ import {
   View,
   Platform,
 } from "react-native";
-import Checkbox, { CheckboxProps, CheckboxStatus } from "./Checkbox";
+import Checkbox, { CheckboxProps } from "./Checkbox";
 import Text from "../Text";
 import { useCheckboxGroupContext } from "./context";
 import {
@@ -31,15 +31,14 @@ export enum Direction {
 
 export interface CheckboxRowProps extends Omit<CheckboxProps, "onPress"> {
   label: string | React.ReactNode;
-  value: string;
+  value: string; // A string that this checkbox represents
   labelContainerStyle: StyleProp<ViewStyle>;
   checkboxStyle?: StyleProp<ViewStyle>;
   labelStyle?: StyleProp<TextStyle>;
-  onPress?: (value: string) => void;
+  onPress?: (status: boolean) => void;
   direction?: Direction;
   color: string;
   unselectedColor: string;
-  indeterminateColor: string;
 }
 
 const getCheckboxAlignment = (
@@ -81,7 +80,6 @@ const CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({
   style,
   color,
   uncheckedColor,
-  indeterminateColor,
   ...rest
 }) => {
   const {
@@ -91,11 +89,11 @@ const CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({
   } = useCheckboxGroupContext();
 
   const values = Array.isArray(selectedValues) ? selectedValues : [];
-  const isChecked = status === CheckboxStatus.Checked || values.includes(value);
+  const isChecked = status || values.includes(value);
 
   const handlePress = () => {
     if (!disabled) {
-      onPress(value);
+      onPress(!isChecked);
       onValueChange && onValueChange(value, !isChecked);
     }
   };
@@ -128,17 +126,12 @@ const CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({
       >
         <Checkbox
           Icon={Icon}
-          status={
-            status || values.includes(value)
-              ? CheckboxStatus.Checked
-              : CheckboxStatus.Unchecked
-          }
+          status={status || values.includes(value)}
           onPress={handlePress}
           style={checkboxStyle}
           disabled={disabled}
           color={color}
           uncheckedColor={uncheckedColor}
-          indeterminateColor={indeterminateColor}
         />
       </View>
     </Touchable>
@@ -190,8 +183,8 @@ export const SEED_DATA = {
     }),
     direction: createRowDirectionProp(),
     fieldName: createFieldNameProp({
-      defaultValue: "unchecked",
-      valuePropName: "status",
+      defaultValue: "checkboxValue",
+      valuePropName: "value",
       handlerPropName: "onPress",
     }),
     color: createColorProp({
@@ -201,9 +194,5 @@ export const SEED_DATA = {
       label: "Unselected Color",
       description: "Color for the button when the checkbox is unchecked",
     }),
-    indeterminateColor: createColorProp({
-      label: "Indeterminate Color",
-      description: "Color for the button when the checkbox is indeterminate",
-    }),
   },
 };

package/src/components/Switch.js

@@ -44,8 +44,8 @@ function Switch({ value, initialValue, defaultValue, disabled, onValueChange, ac
             onValueChange && onValueChange(bool);
         }, ...rest }));
 }
-function Row({ label = "Label", direction = RowDirection.Row, style, value, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }) {
-    const [checked, setChecked] = React.useState(value);
+function Row({ label = "Label", direction = RowDirection.Row, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }) {
+    const [checked, setChecked] = React.useState(value || defaultValue);
     React.useEffect(() => {
         if (value !== checked) {
             setChecked(value);