@draftbit/core 46.0.1-212bca.1 → 46.0.1-9668b2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","basic","unselectedColor"],"sources":["RadioButtonRow.js"],"sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button Row\",\n tag: \"RadioButtonRow\",\n category: COMPONENT_TYPES.input,\n layout: {},\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the radio button\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createTextEnumProp({\n label: \"Direction\",\n description: \"Whether the checkbox will appear on the left or on the right\",\n options: [\"row\", \"row-reverse\"],\n }),\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,kBADe;EAErBC,GAAG,EAAE,gBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,MAAM,EAAE,EAJa;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBD,KAAK,EAAE,OADW;MAElBE,WAAW,EAAE,qCAFK;MAGlBC,QAAQ,EAAE,IAHQ;MAIlBC,YAAY,EAAE;IAJI,CAAf,CADJ;IAOHC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC1BN,KAAK,EAAE,WADmB;MAE1BE,WAAW,EAAE,8DAFa;MAG1BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAHiB,CAAnB,CAPR;IAYHC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MAClBD,KAAK,EAAE,OADW;MAElBE,WAAW,EAAE,2BAFK;MAGlBE,YAAY,EAAE,IAHI;MAIlBD,QAAQ,EAAE;IAJQ,CAAf,CAZJ;IAkBHM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBX,WAAW,EAAE,sBAFM;MAGnBE,YAAY,EAAE;IAHK,CAAhB,CAlBJ;IAuBHU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7Bb,KAAK,EAAE,kBAFsB;MAG7BE,WAAW,EAAE,iCAHgB;MAI7BE,YAAY,EAAE;IAJe,CAAhB;EAvBd;AALc,CAAlB"}
1
+ {"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n createTextProp,\n createTextEnumProp,\n COMPONENT_TYPES,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Row\",\n tag: \"RadioButtonRow\",\n category: COMPONENT_TYPES.input,\n layout: {},\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the radio button\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createTextEnumProp({\n label: \"Direction\",\n description:\n \"Whether the checkbox will appear on the left or on the right\",\n options: [\"row\", \"row-reverse\"],\n }),\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAf,CADF;IAOLC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC5BN,KAAK,EAAE,WADqB;MAE5BE,WAAW,EACT,8DAH0B;MAI5BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAnB,CAPN;IAaLC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAf,CAbF;IAmBLM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBX,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAhB,CAnBF;IAwBLU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/Bb,KAAK,EAAE,kBAFwB;MAG/BE,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAhB;EAxBZ;AALgB,CAAlB"}
@@ -7,7 +7,7 @@ exports.SEED_DATA = void 0;
7
7
 
8
8
  var _types = require("@draftbit/types");
9
9
 
10
- const SEED_DATA_PROPS = { ..._types.TEXT_INPUT_PROPS,
10
+ const SEED_DATA_PROPS = { ..._types.TEXT_FIELD_PROPS,
11
11
  label: {
12
12
  group: _types.GROUPS.data,
13
13
  label: "Label",
@@ -122,7 +122,7 @@ const SEED_DATA = [{
122
122
  supports_list_render: false,
123
123
  triggers: SEED_DATA_TRIGGERS,
124
124
  props: { ...SEED_DATA_PROPS,
125
- placeholder: { ..._types.TEXT_INPUT_PROPS.placeholder,
125
+ placeholder: { ..._types.TEXT_FIELD_PROPS.placeholder,
126
126
  defaultValue: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
127
127
  },
128
128
  type: {
@@ -1 +1 @@
1
- {"version":3,"names":["SEED_DATA_PROPS","TEXT_INPUT_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","createColorProp","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines","createNumberProp","createFieldNameProp"],"sources":["TextField.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n createColorProp,\n createNumberProp,\n createFieldNameProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n ...TEXT_INPUT_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description:\n \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n },\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"],"mappings":"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"}
1
+ {"version":3,"names":["SEED_DATA_PROPS","TEXT_FIELD_PROPS","label","group","GROUPS","data","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","FIELD_NAME","handlerPropName","SEED_DATA_TRIGGERS","Triggers","OnChangeText","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","createColorProp","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines","createNumberProp","createFieldNameProp"],"sources":["TextField.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_FIELD_PROPS,\n Triggers,\n createColorProp,\n createNumberProp,\n createFieldNameProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n ...TEXT_FIELD_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description:\n \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n placeholder: {\n ...TEXT_FIELD_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n },\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","styles","container","fieldSearchBarFullIconSize","primary","light","marginLeft","flex","color","medium","create","flexDirection","alignItems"],"sources":["FieldSearchBarFull.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n TextInput,\n StyleSheet,\n StyleProp,\n ViewStyle,\n NativeSyntheticEvent,\n TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\n\ntype Props = {\n showIcon: boolean;\n icon?: string;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n onChange?: (text: string) => void;\n onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n value?: string;\n defaultValue?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({\n showIcon,\n Icon,\n icon = \"search\",\n placeholder = \"\",\n style,\n theme: { colors, typography },\n onChange: changeOverride,\n onSubmit: submitOverride,\n value,\n defaultValue,\n}) => {\n const [focused, setIsFocused] = React.useState(false);\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const onChange = React.useCallback(\n (text: string) => {\n changeOverride && changeOverride(text);\n },\n [changeOverride]\n );\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onSubmit = (\n e: NativeSyntheticEvent<TextInputSubmitEditingEventData>\n ) => {\n submitOverride && submitOverride(e);\n };\n\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n const handleChangeText = (newValue: string) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n\n return (\n <View style={[styles.container, style]}>\n {showIcon && (\n <Icon\n name={icon}\n size={Config.fieldSearchBarFullIconSize}\n color={focused ? colors.primary : colors.light}\n />\n )}\n <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>\n <TextInput\n clearButtonMode=\"while-editing\"\n placeholder={placeholder}\n value={internalValue}\n onBlur={onBlur}\n onFocus={onFocus}\n onChangeText={handleChangeText}\n onSubmitEditing={onSubmit}\n placeholderTextColor={colors.light}\n style={[\n {\n color: colors.medium,\n },\n typeStyles,\n ]}\n />\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n});\n\nexport default withTheme(FieldSearchBarFull);\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","createElement","styles","container","name","size","fieldSearchBarFullIconSize","color","primary","light","marginLeft","flex","clearButtonMode","onChangeText","onSubmitEditing","placeholderTextColor","medium","create","flexDirection","alignItems"],"sources":["FieldSearchBarFull.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, TextInput, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst FieldSearchBarFull = ({ showIcon, Icon, icon = \"search\", placeholder = \"\", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, defaultValue, }) => {\n const [focused, setIsFocused] = React.useState(false);\n const onBlur = () => {\n setIsFocused(false);\n };\n const [internalValue, setInternalValue] = React.useState(value || defaultValue);\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n const onChange = React.useCallback((text) => {\n changeOverride && changeOverride(text);\n }, [changeOverride]);\n const onFocus = () => {\n setIsFocused(true);\n };\n const onSubmit = (e) => {\n submitOverride && submitOverride(e);\n };\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n const handleChangeText = (newValue) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n return (React.createElement(View, { style: [styles.container, style] },\n showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),\n React.createElement(View, { style: { marginLeft: showIcon ? 12 : 0, flex: 1 } },\n React.createElement(TextInput, { clearButtonMode: \"while-editing\", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [\n {\n color: colors.medium,\n },\n typeStyles,\n ] }))));\n};\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n});\nexport default withTheme(FieldSearchBarFull);\n"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_INPUT_PROPS, Triggers, createColorProp, createNumberProp, createFieldNameProp } from "@draftbit/types";
2
- const SEED_DATA_PROPS = { ...TEXT_INPUT_PROPS,
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_FIELD_PROPS, Triggers, createColorProp, createNumberProp, createFieldNameProp } from "@draftbit/types";
2
+ const SEED_DATA_PROPS = { ...TEXT_FIELD_PROPS,
3
3
  label: {
4
4
  group: GROUPS.data,
5
5
  label: "Label",
@@ -114,7 +114,7 @@ export const SEED_DATA = [{
114
114
  supports_list_render: false,
115
115
  triggers: SEED_DATA_TRIGGERS,
116
116
  props: { ...SEED_DATA_PROPS,
117
- placeholder: { ...TEXT_INPUT_PROPS.placeholder,
117
+ placeholder: { ...TEXT_FIELD_PROPS.placeholder,
118
118
  defaultValue: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
119
119
  },
120
120
  type: {
@@ -1 +1 @@
1
- {"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","createColorProp","createNumberProp","createFieldNameProp","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnChangeText","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines"],"sources":["TextField.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n createColorProp,\n createNumberProp,\n createFieldNameProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n ...TEXT_INPUT_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description:\n \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n },\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"],"mappings":"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"}
1
+ {"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_FIELD_PROPS","Triggers","createColorProp","createNumberProp","createFieldNameProp","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","assistiveText","basic","error","boolean","BOOLEAN","leftIconName","icon","ASSET","leftIconMode","flatArray","options","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnChangeText","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","triggers","props","type","underlineColor","secureTextEntry","layout","placeholder","multiline","uncategorized","numberOfLines"],"sources":["TextField.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_FIELD_PROPS,\n Triggers,\n createColorProp,\n createNumberProp,\n createFieldNameProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n ...TEXT_FIELD_PROPS,\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the text field\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the input\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the input should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description:\n \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null /* inset */,\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onChangeText\",\n defaultValue: \"textFieldValue\",\n },\n};\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnChangeText];\nexport const SEED_DATA = [\n {\n name: \"Styled Text Field\",\n tag: \"TextField\",\n description: \"A text input with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Textfield.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n underlineColor: createColorProp({\n label: \"Underline Color\",\n defaultValue: \"light\",\n }),\n secureTextEntry: {\n group: GROUPS.basic,\n label: \"Password field\",\n description:\n \"If true, this turns the field into a password field, hiding the text\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Styled Text Area\",\n tag: \"TextField\",\n description: \"A text area with a solid border or underline\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/TextArea.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n placeholder: {\n ...TEXT_FIELD_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.\",\n },\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: false,\n required: false,\n },\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines for Multiline Field\",\n defaultValue: 4,\n group: GROUPS.basic,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"textAreaValue\",\n }),\n },\n layout: {},\n },\n];\n"],"mappings":"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"}
@@ -120,23 +120,13 @@ export declare const SEED_DATA: {
120
120
  formType: string;
121
121
  propType: string;
122
122
  };
123
- disabled: {
124
- group: string;
125
- label: string;
126
- description: string;
127
- formType: string;
128
- propType: string;
129
- defaultValue: null;
130
- editable: boolean;
131
- required: boolean;
132
- };
133
123
  editable: {
134
124
  group: string;
135
125
  label: string;
136
126
  description: string;
137
127
  editable: boolean;
138
128
  required: boolean;
139
- defaultValue: null;
129
+ defaultValue: boolean;
140
130
  formType: string;
141
131
  propType: string;
142
132
  };
@@ -178,7 +178,7 @@ export declare const SEED_DATA: ({
178
178
  description: string;
179
179
  formType: string;
180
180
  propType: string;
181
- defaultValue: null;
181
+ defaultValue: boolean;
182
182
  editable: boolean;
183
183
  required: boolean;
184
184
  };
@@ -188,7 +188,7 @@ export declare const SEED_DATA: ({
188
188
  description: string;
189
189
  editable: boolean;
190
190
  required: boolean;
191
- defaultValue: null;
191
+ defaultValue: boolean;
192
192
  formType: string;
193
193
  propType: string;
194
194
  };
@@ -481,7 +481,7 @@ export declare const SEED_DATA: ({
481
481
  description: string;
482
482
  formType: string;
483
483
  propType: string;
484
- defaultValue: null;
484
+ defaultValue: boolean;
485
485
  editable: boolean;
486
486
  required: boolean;
487
487
  };
@@ -491,7 +491,7 @@ export declare const SEED_DATA: ({
491
491
  description: string;
492
492
  editable: boolean;
493
493
  required: boolean;
494
- defaultValue: null;
494
+ defaultValue: boolean;
495
495
  formType: string;
496
496
  propType: string;
497
497
  };
@@ -273,23 +273,13 @@ export declare const SEED_DATA: ({
273
273
  formType: string;
274
274
  propType: string;
275
275
  };
276
- disabled: {
277
- group: string;
278
- label: string;
279
- description: string;
280
- formType: string;
281
- propType: string;
282
- defaultValue: null;
283
- editable: boolean;
284
- required: boolean;
285
- };
286
276
  editable: {
287
277
  group: string;
288
278
  label: string;
289
279
  description: string;
290
280
  editable: boolean;
291
281
  required: boolean;
292
- defaultValue: null;
282
+ defaultValue: boolean;
293
283
  formType: string;
294
284
  propType: string;
295
285
  };
@@ -473,23 +463,13 @@ export declare const SEED_DATA: ({
473
463
  formType: string;
474
464
  propType: string;
475
465
  };
476
- disabled: {
477
- group: string;
478
- label: string;
479
- description: string;
480
- formType: string;
481
- propType: string;
482
- defaultValue: null;
483
- editable: boolean;
484
- required: boolean;
485
- };
486
466
  editable: {
487
467
  group: string;
488
468
  label: string;
489
469
  description: string;
490
470
  editable: boolean;
491
471
  required: boolean;
492
- defaultValue: null;
472
+ defaultValue: boolean;
493
473
  formType: string;
494
474
  propType: string;
495
475
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.0.1-212bca.1+212bcaf1",
3
+ "version": "46.0.1-9668b2.2+9668b2d0",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,18 +41,18 @@
41
41
  "dependencies": {
42
42
  "@date-io/date-fns": "^1.3.13",
43
43
  "@draftbit/react-theme-provider": "^2.1.1",
44
- "@draftbit/types": "^46.0.0",
44
+ "@draftbit/types": "^46.0.1-9668b2.2+9668b2d0",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
- "@react-native-community/slider": "4.2.3",
48
- "@react-native-picker/picker": "2.4.2",
47
+ "@react-native-community/slider": "4.1.12",
48
+ "@react-native-picker/picker": "2.4.1",
49
49
  "color": "^3.1.2",
50
50
  "date-fns": "^2.16.1",
51
51
  "dateformat": "^3.0.3",
52
52
  "lodash.isnumber": "^3.0.3",
53
53
  "lodash.omit": "^4.5.0",
54
54
  "lodash.tonumber": "^4.0.3",
55
- "react-native-modal-datetime-picker": "^13.1.2",
55
+ "react-native-modal-datetime-picker": "^13.0.0",
56
56
  "react-native-typography": "^1.4.1",
57
57
  "react-native-web-swiper": "^2.2.3"
58
58
  },
@@ -78,5 +78,5 @@
78
78
  ]
79
79
  ]
80
80
  },
81
- "gitHead": "212bcaf124bdb2bc733c08d2018e8ba44b71ea33"
81
+ "gitHead": "9668b2d0d2410747e01949d664480c0bf1dc049e"
82
82
  }
@@ -1,6 +1,6 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_INPUT_PROPS, Triggers, createColorProp, createNumberProp, createFieldNameProp, } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, TEXT_FIELD_PROPS, Triggers, createColorProp, createNumberProp, createFieldNameProp, } from "@draftbit/types";
2
2
  const SEED_DATA_PROPS = {
3
- ...TEXT_INPUT_PROPS,
3
+ ...TEXT_FIELD_PROPS,
4
4
  label: {
5
5
  group: GROUPS.data,
6
6
  label: "Label",
@@ -119,7 +119,7 @@ export const SEED_DATA = [
119
119
  props: {
120
120
  ...SEED_DATA_PROPS,
121
121
  placeholder: {
122
- ...TEXT_INPUT_PROPS.placeholder,
122
+ ...TEXT_FIELD_PROPS.placeholder,
123
123
  defaultValue: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
124
124
  },
125
125
  type: {
@@ -4,7 +4,7 @@ import {
4
4
  FORM_TYPES,
5
5
  PROP_TYPES,
6
6
  FIELD_NAME,
7
- TEXT_INPUT_PROPS,
7
+ TEXT_FIELD_PROPS,
8
8
  Triggers,
9
9
  createColorProp,
10
10
  createNumberProp,
@@ -12,7 +12,7 @@ import {
12
12
  } from "@draftbit/types";
13
13
 
14
14
  const SEED_DATA_PROPS = {
15
- ...TEXT_INPUT_PROPS,
15
+ ...TEXT_FIELD_PROPS,
16
16
  label: {
17
17
  group: GROUPS.data,
18
18
  label: "Label",
@@ -134,7 +134,7 @@ export const SEED_DATA = [
134
134
  props: {
135
135
  ...SEED_DATA_PROPS,
136
136
  placeholder: {
137
- ...TEXT_INPUT_PROPS.placeholder,
137
+ ...TEXT_FIELD_PROPS.placeholder,
138
138
  defaultValue:
139
139
  "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
140
140
  },