@draftbit/core 43.4.15-43f83d.0 → 43.4.15-641e7e.0

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.
Files changed (34) hide show
  1. package/lib/commonjs/components/Accordion/AccordionGroup.js +16 -17
  2. package/lib/commonjs/components/Accordion/AccordionGroup.js.map +1 -1
  3. package/lib/commonjs/components/Accordion/index.js.map +1 -1
  4. package/lib/commonjs/components/CardInline.js.map +1 -1
  5. package/lib/commonjs/components/Divider.js +3 -13
  6. package/lib/commonjs/components/Divider.js.map +1 -1
  7. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +10 -6
  8. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
  9. package/lib/commonjs/mappings/Accordion.js +10 -14
  10. package/lib/commonjs/mappings/Accordion.js.map +1 -1
  11. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  12. package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
  13. package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
  14. package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
  15. package/lib/module/components/Accordion/AccordionGroup.js +17 -43
  16. package/lib/module/components/Accordion/AccordionGroup.js.map +1 -1
  17. package/lib/module/components/ActionSheet/ActionSheetItem.js.map +1 -1
  18. package/lib/module/components/HeaderLarge.js.map +1 -1
  19. package/lib/module/components/RadioButton/RadioButtonGroup.js +10 -6
  20. package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
  21. package/lib/module/mappings/Accordion.js +10 -14
  22. package/lib/module/mappings/Accordion.js.map +1 -1
  23. package/lib/module/mappings/ActionSheetItem.js.map +1 -1
  24. package/lib/module/mappings/DatePicker.js.map +1 -1
  25. package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +23 -26
  26. package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts +1 -1
  27. package/lib/typescript/src/mappings/Accordion.d.ts +9 -20
  28. package/package.json +2 -2
  29. package/src/components/Accordion/AccordionGroup.js +9 -9
  30. package/src/components/Accordion/AccordionGroup.tsx +27 -50
  31. package/src/components/RadioButton/RadioButtonGroup.js +10 -6
  32. package/src/components/RadioButton/RadioButtonGroup.tsx +12 -8
  33. package/src/mappings/Accordion.js +9 -13
  34. package/src/mappings/Accordion.ts +9 -14
@@ -1 +1 @@
1
- {"version":3,"sources":["ActionSheetItem.js"],"names":["React","Text","StyleSheet","TouchableOpacity","extractStyles","ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","createElement","activeOpacity","styles","wrapper","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,gBAA3B,QAAoD,cAApD;AACA,SAASC,aAAT,QAA8B,iBAA9B;;AACA,MAAMC,eAAe,GAAG,QAAsC;AAAA,MAArC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,GAAqC;AAC1D,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BP,aAAa,CAACG,KAAD,CAAhD;AACA,sBAAQP,KAAK,CAACY,aAAN,CAAoBT,gBAApB,EAAsC;AAAEU,IAAAA,aAAa,EAAE,GAAjB;AAAsBN,IAAAA,KAAK,EAAE,CAACO,MAAM,CAACC,OAAR,EAAiBJ,UAAjB,CAA7B;AAA2DF,IAAAA,OAAO,EAAEA;AAApE,GAAtC,eACJT,KAAK,CAACY,aAAN,CAAoBX,IAApB,EAA0B;AAAEM,IAAAA,KAAK,EAAE,CAACO,MAAM,CAACR,KAAR,EAAeI,UAAf,EAA2B;AAAEF,MAAAA;AAAF,KAA3B;AAAT,GAA1B,EAA4EF,KAA5E,CADI,CAAR;AAEH,CAJD;;AAKA,MAAMQ,MAAM,GAAGZ,UAAU,CAACc,MAAX,CAAkB;AAC7BD,EAAAA,OAAO,EAAE;AACLE,IAAAA,iBAAiB,EAAEf,UAAU,CAACgB,aADzB;AAELC,IAAAA,iBAAiB,EAAE,SAFd;AAGLC,IAAAA,eAAe,EAAE,SAHZ;AAILC,IAAAA,SAAS,EAAE,EAJN;AAKLC,IAAAA,QAAQ,EAAE,QALL;AAMLC,IAAAA,OAAO,EAAE,MANJ;AAOLC,IAAAA,cAAc,EAAE;AAPX,GADoB;AAU7BlB,EAAAA,KAAK,EAAE;AACHmB,IAAAA,QAAQ,EAAE,EADP;AAEHC,IAAAA,SAAS,EAAE,QAFR;AAGHlB,IAAAA,KAAK,EAAE,SAHJ;AAIHmB,IAAAA,UAAU,EAAE,KAJT;AAKHL,IAAAA,QAAQ,EAAE,QALP;AAMHM,IAAAA,iBAAiB,EAAE,EANhB;AAOHC,IAAAA,eAAe,EAAE,EAPd;AAQHC,IAAAA,SAAS,EAAE;AARR;AAVsB,CAAlB,CAAf;AAqBA,eAAezB,eAAf","sourcesContent":["import React from \"react\";\nimport { Text, StyleSheet, TouchableOpacity, } from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\nconst ActionSheetItem = ({ label, style, color, onPress }) => {\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },\n React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));\n};\nconst styles = StyleSheet.create({\n wrapper: {\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: \"#CCCCCC\",\n backgroundColor: \"#F1F1F1\",\n minHeight: 50,\n overflow: \"hidden\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n label: {\n fontSize: 16,\n textAlign: \"center\",\n color: \"#0A84FF\",\n fontWeight: \"500\",\n overflow: \"hidden\",\n paddingHorizontal: 20,\n paddingVertical: 10,\n alignSelf: \"center\",\n },\n});\nexport default ActionSheetItem;\n"]}
1
+ {"version":3,"sources":["ActionSheetItem.tsx"],"names":["React","Text","StyleSheet","TouchableOpacity","extractStyles","ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","styles","wrapper","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,UAFF,EAIEC,gBAJF,QAOO,cAPP;AAQA,SAASC,aAAT,QAA8B,iBAA9B;;AASA,MAAMC,eAAgC,GAAG,QAAsC;AAAA,MAArC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,GAAqC;AAC7E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BP,aAAa,CAACG,KAAD,CAAhD;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,aAAa,EAAE,GADjB;AAEE,IAAA,KAAK,EAAE,CAACK,MAAM,CAACC,OAAR,EAAiBF,UAAjB,CAFT;AAGE,IAAA,OAAO,EAAEF;AAHX,kBAKE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACG,MAAM,CAACN,KAAR,EAAeI,UAAf,EAA2B;AAAEF,MAAAA;AAAF,KAA3B;AAAb,KAAqDF,KAArD,CALF,CADF;AASD,CAXD;;AAaA,MAAMM,MAAM,GAAGV,UAAU,CAACY,MAAX,CAAkB;AAC/BD,EAAAA,OAAO,EAAE;AACPE,IAAAA,iBAAiB,EAAEb,UAAU,CAACc,aADvB;AAEPC,IAAAA,iBAAiB,EAAE,SAFZ;AAGPC,IAAAA,eAAe,EAAE,SAHV;AAIPC,IAAAA,SAAS,EAAE,EAJJ;AAKPC,IAAAA,QAAQ,EAAE,QALH;AAMPC,IAAAA,OAAO,EAAE,MANF;AAOPC,IAAAA,cAAc,EAAE;AAPT,GADsB;AAU/BhB,EAAAA,KAAK,EAAE;AACLiB,IAAAA,QAAQ,EAAE,EADL;AAELC,IAAAA,SAAS,EAAE,QAFN;AAGLhB,IAAAA,KAAK,EAAE,SAHF;AAILiB,IAAAA,UAAU,EAAE,KAJP;AAKLL,IAAAA,QAAQ,EAAE,QALL;AAMLM,IAAAA,iBAAiB,EAAE,EANd;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,SAAS,EAAE;AARN;AAVwB,CAAlB,CAAf;AAsBA,eAAevB,eAAf","sourcesContent":["import React from \"react\";\nimport {\n Text,\n StyleSheet,\n StyleProp,\n TouchableOpacity,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n label: string;\n color: string;\n style?: StyleProp<ViewStyle | TextStyle>;\n onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<Props> = ({ label, style, color, onPress }) => {\n const { textStyles, viewStyles } = extractStyles(style);\n return (\n <TouchableOpacity\n activeOpacity={0.7}\n style={[styles.wrapper, viewStyles]}\n onPress={onPress}\n >\n <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n wrapper: {\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderBottomColor: \"#CCCCCC\",\n backgroundColor: \"#F1F1F1\",\n minHeight: 50,\n overflow: \"hidden\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n label: {\n fontSize: 16,\n textAlign: \"center\",\n color: \"#0A84FF\",\n fontWeight: \"500\",\n overflow: \"hidden\",\n paddingHorizontal: 20,\n paddingVertical: 10,\n alignSelf: \"center\",\n },\n});\n\nexport default ActionSheetItem;\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["HeaderLarge.js"],"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","createElement","titleTypeStyle","headline4","titleColor","strong"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,WAAW,GAAG,QAAmG;AAAA,MAAlG;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,UAAf;AAA2BC,IAAAA,IAA3B;AAAiCC,IAAAA,OAAO,GAAG,MAAM,CAAG,CAApD;AAAsDC,IAAAA,KAAtD;AAA6DC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAApE,GAAkG;AACnH,sBAAQZ,KAAK,CAACa,aAAN,CAAoBX,MAApB,EAA4B;AAAEE,IAAAA,IAAI,EAAEA,IAAR;AAAcU,IAAAA,cAAc,EAAEF,UAAU,CAACG,SAAzC;AAAoDC,IAAAA,UAAU,EAAEL,MAAM,CAACM,MAAvE;AAA+EZ,IAAAA,KAAK,EAAEA,KAAtF;AAA6FC,IAAAA,UAAU,EAAEA,UAAzG;AAAqHC,IAAAA,IAAI,EAAEA,IAA3H;AAAiIC,IAAAA,OAAO,EAAEA,OAA1I;AAAmJC,IAAAA,KAAK,EAAEA;AAA1J,GAA5B,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACE,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Header from \"./Header\";\nconst HeaderLarge = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline4, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderLarge);\n"]}
1
+ {"version":3,"sources":["HeaderLarge.tsx"],"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,WAA4B,GAAG,QAQ/B;AAAA,MARgC;AACpCC,IAAAA,IADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,UAHoC;AAIpCC,IAAAA,IAJoC;AAKpCC,IAAAA,OAAO,GAAG,MAAM,CAAE,CALkB;AAMpCC,IAAAA,KANoC;AAOpCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAP6B,GAQhC;AACJ,sBACE,oBAAC,MAAD;AACE,IAAA,IAAI,EAAER,IADR;AAEE,IAAA,cAAc,EAAEQ,UAAU,CAACC,SAF7B;AAGE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAHrB;AAIE,IAAA,KAAK,EAAET,KAJT;AAKE,IAAA,UAAU,EAAEC,UALd;AAME,IAAA,IAAI,EAAEC,IANR;AAOE,IAAA,OAAO,EAAEC,OAPX;AAQE,IAAA,KAAK,EAAEC;AART,IADF;AAYD,CArBD;;AAuBA,eAAeR,SAAS,CAACE,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<Props> = ({\n Icon,\n title,\n buttonText,\n icon,\n onPress = () => {},\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Header\n Icon={Icon}\n titleTypeStyle={typography.headline4}\n titleColor={colors.strong}\n title={title}\n buttonText={buttonText}\n icon={icon}\n onPress={onPress}\n style={style}\n />\n );\n};\n\nexport default withTheme(HeaderLarge);\n"]}
@@ -13,19 +13,23 @@ const RadioButtonGroup = _ref => {
13
13
  direction = Direction.Vertical,
14
14
  value = "",
15
15
  onValueChange,
16
- defaultValue = "",
16
+ defaultValue,
17
17
  style,
18
18
  children,
19
19
  ...rest
20
20
  } = _ref;
21
21
  const [internalValue, setInternalValue] = React.useState("");
22
22
  React.useEffect(() => {
23
- const realValue = getValueForRadioButton(value);
24
- setInternalValue(realValue);
23
+ if (value != null) {
24
+ const realValue = getValueForRadioButton(value);
25
+ setInternalValue(realValue);
26
+ }
25
27
  }, [value]);
26
28
  React.useEffect(() => {
27
- const realDefaultValue = getValueForRadioButton(defaultValue);
28
- setInternalValue(realDefaultValue);
29
+ if (defaultValue != null) {
30
+ const realDefaultValue = getValueForRadioButton(defaultValue);
31
+ setInternalValue(realDefaultValue);
32
+ }
29
33
  }, [defaultValue]);
30
34
 
31
35
  const handleValueChange = newValue => {
@@ -50,7 +54,7 @@ const RadioButtonGroup = _ref => {
50
54
  }, style]
51
55
  }, rest), /*#__PURE__*/React.createElement(Provider, {
52
56
  value: {
53
- value: internalValue || "",
57
+ value: internalValue,
54
58
  onValueChange: handleValueChange,
55
59
  direction
56
60
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["RadioButtonGroup.tsx"],"names":["React","View","getValueForRadioButton","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","realValue","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAA2C,cAA3C;AAEA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,uBAAT,EAAkCC,SAAlC,QAAmD,WAAnD;AAWA,MAAM;AAAEC,EAAAA;AAAF,IAAeF,uBAArB;;AAEA,MAAMG,gBAAiD,GAAG,QAQpD;AAAA,MARqD;AACzDC,IAAAA,SAAS,GAAGH,SAAS,CAACI,QADmC;AAEzDC,IAAAA,KAAK,GAAG,EAFiD;AAGzDC,IAAAA,aAHyD;AAIzDC,IAAAA,YAAY,GAAG,EAJ0C;AAKzDC,IAAAA,KALyD;AAMzDC,IAAAA,QANyD;AAOzD,OAAGC;AAPsD,GAQrD;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoChB,KAAK,CAACiB,QAAN,CAAuB,EAAvB,CAA1C;AAEAjB,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,UAAMC,SAAS,GAAGjB,sBAAsB,CAACO,KAAD,CAAxC;AAEAO,IAAAA,gBAAgB,CAACG,SAAD,CAAhB;AACD,GAJD,EAIG,CAACV,KAAD,CAJH;AAMAT,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,UAAME,gBAAgB,GAAGlB,sBAAsB,CAACS,YAAD,CAA/C;AAEAK,IAAAA,gBAAgB,CAACI,gBAAD,CAAhB;AACD,GAJD,EAIG,CAACT,YAAD,CAJH;;AAMA,QAAMU,iBAAiB,GAAIC,QAAD,IAA+B;AACvD,UAAMC,YAAY,GAAGrB,sBAAsB,CAACoB,QAAD,CAA3C;AAEAN,IAAAA,gBAAgB,CAACO,YAAD,CAAhB;AACAb,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGa,YAAH,CAAb;AACD,GALD;;AAOA,QAAMC,eAAqC,GAAG,CAC5C;AACEC,IAAAA,aAAa,EAAElB,SAAS,KAAKH,SAAS,CAACsB,UAAxB,GAAqC,KAArC,GAA6C;AAD9D,GAD4C,CAA9C;;AAMA,MAAInB,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;AACpCgB,IAAAA,eAAe,CAACG,IAAhB,CAAqB;AACnBC,MAAAA,UAAU,EAAE;AADO,KAArB;AAGD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBjB,KAApB;AAAb,KAA6CE,IAA7C,gBACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAE;AACLL,MAAAA,KAAK,EAAEM,aAAa,IAAI,EADnB;AAELL,MAAAA,aAAa,EAAEW,iBAFV;AAGLd,MAAAA;AAHK;AADT,kBAOE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEiB;AAAb,KAA+BX,QAA/B,CAPF,CADF,CADF;AAaD,CAvDD;;AAyDA,eAAeP,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n value: string;\n onValueChange?: (value: string) => void;\n defaultValue?: string | number;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n direction = Direction.Vertical,\n value = \"\",\n onValueChange,\n defaultValue = \"\",\n style,\n children,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<string>(\"\");\n\n React.useEffect(() => {\n const realValue = getValueForRadioButton(value);\n\n setInternalValue(realValue);\n }, [value]);\n\n React.useEffect(() => {\n const realDefaultValue = getValueForRadioButton(defaultValue);\n\n setInternalValue(realDefaultValue);\n }, [defaultValue]);\n\n const handleValueChange = (newValue: string | number) => {\n const realNewValue = getValueForRadioButton(newValue);\n\n setInternalValue(realNewValue);\n onValueChange?.(realNewValue);\n };\n\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider\n value={{\n value: internalValue || \"\",\n onValueChange: handleValueChange,\n direction,\n }}\n >\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default RadioButtonGroup;\n"]}
1
+ {"version":3,"sources":["RadioButtonGroup.tsx"],"names":["React","View","getValueForRadioButton","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","realValue","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAA2C,cAA3C;AAEA,SAASC,sBAAT,QAAuC,iBAAvC;AACA,SAASC,uBAAT,EAAkCC,SAAlC,QAAmD,WAAnD;AAWA,MAAM;AAAEC,EAAAA;AAAF,IAAeF,uBAArB;;AAEA,MAAMG,gBAAiD,GAAG,QAQpD;AAAA,MARqD;AACzDC,IAAAA,SAAS,GAAGH,SAAS,CAACI,QADmC;AAEzDC,IAAAA,KAAK,GAAG,EAFiD;AAGzDC,IAAAA,aAHyD;AAIzDC,IAAAA,YAJyD;AAKzDC,IAAAA,KALyD;AAMzDC,IAAAA,QANyD;AAOzD,OAAGC;AAPsD,GAQrD;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoChB,KAAK,CAACiB,QAAN,CAAe,EAAf,CAA1C;AAEAjB,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,QAAIT,KAAK,IAAI,IAAb,EAAmB;AACjB,YAAMU,SAAS,GAAGjB,sBAAsB,CAACO,KAAD,CAAxC;AAEAO,MAAAA,gBAAgB,CAACG,SAAD,CAAhB;AACD;AACF,GAND,EAMG,CAACV,KAAD,CANH;AAQAT,EAAAA,KAAK,CAACkB,SAAN,CAAgB,MAAM;AACpB,QAAIP,YAAY,IAAI,IAApB,EAA0B;AACxB,YAAMS,gBAAgB,GAAGlB,sBAAsB,CAACS,YAAD,CAA/C;AAEAK,MAAAA,gBAAgB,CAACI,gBAAD,CAAhB;AACD;AACF,GAND,EAMG,CAACT,YAAD,CANH;;AAQA,QAAMU,iBAAiB,GAAIC,QAAD,IAA+B;AACvD,UAAMC,YAAY,GAAGrB,sBAAsB,CAACoB,QAAD,CAA3C;AAEAN,IAAAA,gBAAgB,CAACO,YAAD,CAAhB;AACAb,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGa,YAAH,CAAb;AACD,GALD;;AAOA,QAAMC,eAAqC,GAAG,CAC5C;AACEC,IAAAA,aAAa,EAAElB,SAAS,KAAKH,SAAS,CAACsB,UAAxB,GAAqC,KAArC,GAA6C;AAD9D,GAD4C,CAA9C;;AAMA,MAAInB,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;AACpCgB,IAAAA,eAAe,CAACG,IAAhB,CAAqB;AACnBC,MAAAA,UAAU,EAAE;AADO,KAArB;AAGD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBjB,KAApB;AAAb,KAA6CE,IAA7C,gBACE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAE;AACLL,MAAAA,KAAK,EAAEM,aADF;AAELL,MAAAA,aAAa,EAAEW,iBAFV;AAGLd,MAAAA;AAHK;AADT,kBAOE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEiB;AAAb,KAA+BX,QAA/B,CAPF,CADF,CADF;AAaD,CA3DD;;AA6DA,eAAeP,gBAAf","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n value: string | number;\n onValueChange?: (value: string) => void;\n defaultValue?: string | number;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n direction = Direction.Vertical,\n value = \"\",\n onValueChange,\n defaultValue,\n style,\n children,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState(\"\");\n\n React.useEffect(() => {\n if (value != null) {\n const realValue = getValueForRadioButton(value);\n\n setInternalValue(realValue);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n const realDefaultValue = getValueForRadioButton(defaultValue);\n\n setInternalValue(realDefaultValue);\n }\n }, [defaultValue]);\n\n const handleValueChange = (newValue: string | number) => {\n const realNewValue = getValueForRadioButton(newValue);\n\n setInternalValue(realNewValue);\n onValueChange?.(realNewValue);\n };\n\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider\n value={{\n value: internalValue,\n onValueChange: handleValueChange,\n direction,\n }}\n >\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default RadioButtonGroup;\n"]}
@@ -12,31 +12,27 @@ export const SEED_DATA = {
12
12
  fontSize: 16
13
13
  },
14
14
  props: {
15
- label: createTextProp({
16
- label: "Label"
17
- }),
18
- expanded: createStaticBoolProp({
19
- label: "Expanded",
20
- description: "Whether the AccordionGroup should be initaially expanded or not"
21
- }),
22
15
  openColor: createColorProp({
23
16
  label: "Open text color"
24
17
  }),
25
18
  closedColor: createColorProp({
26
- label: "Closed text color"
19
+ label: "Closed text Color"
27
20
  }),
28
21
  caretColor: createColorProp({
29
22
  label: "Caret color"
30
23
  }),
31
- caretSize: createNumberProp({
32
- label: "Caret size",
33
- defaultValue: 24
34
- }),
35
- icon: createIconProp(),
36
24
  iconSize: createNumberProp({
37
25
  label: "Icon size",
38
26
  defaultValue: 24
39
- })
27
+ }),
28
+ label: createTextProp({
29
+ label: "Label"
30
+ }),
31
+ expanded: createStaticBoolProp({
32
+ label: "Expanded",
33
+ description: "Whether the AccordionGroup should be expanded or not"
34
+ }),
35
+ icon: createIconProp()
40
36
  }
41
37
  };
42
38
  //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["Accordion.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","layout","paddingTop","paddingRight","paddingBottom","paddingLeft","fontSize","props","label","expanded","openColor","closedColor","caretColor","caretSize","defaultValue","icon","iconSize"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,CADN;AAENC,IAAAA,YAAY,EAAE,CAFR;AAGNC,IAAAA,aAAa,EAAE,CAHT;AAINC,IAAAA,WAAW,EAAE,CAJP;AAKNC,IAAAA,QAAQ,EAAE;AALJ,GALe;AAYvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEhB,cAAc,CAAC;AACpBgB,MAAAA,KAAK,EAAE;AADa,KAAD,CADhB;AAILC,IAAAA,QAAQ,EAAEhB,oBAAoB,CAAC;AAC7Be,MAAAA,KAAK,EAAE,UADsB;AAE7BV,MAAAA,WAAW,EACT;AAH2B,KAAD,CAJzB;AASLY,IAAAA,SAAS,EAAEhB,eAAe,CAAC;AACzBc,MAAAA,KAAK,EAAE;AADkB,KAAD,CATrB;AAYLG,IAAAA,WAAW,EAAEjB,eAAe,CAAC;AAC3Bc,MAAAA,KAAK,EAAE;AADoB,KAAD,CAZvB;AAeLI,IAAAA,UAAU,EAAElB,eAAe,CAAC;AAC1Bc,MAAAA,KAAK,EAAE;AADmB,KAAD,CAftB;AAkBLK,IAAAA,SAAS,EAAEvB,gBAAgB,CAAC;AAC1BkB,MAAAA,KAAK,EAAE,YADmB;AAE1BM,MAAAA,YAAY,EAAE;AAFY,KAAD,CAlBtB;AAsBLC,IAAAA,IAAI,EAAExB,cAAc,EAtBf;AAuBLyB,IAAAA,QAAQ,EAAE1B,gBAAgB,CAAC;AACzBkB,MAAAA,KAAK,EAAE,WADkB;AAEzBM,MAAAA,YAAY,EAAE;AAFW,KAAD;AAvBrB;AAZgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingTop: 8,\n paddingRight: 8,\n paddingBottom: 8,\n paddingLeft: 8,\n fontSize: 16,\n },\n props: {\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description:\n \"Whether the AccordionGroup should be initaially expanded or not\",\n }),\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n caretSize: createNumberProp({\n label: \"Caret size\",\n defaultValue: 24,\n }),\n icon: createIconProp(),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["Accordion.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","layout","paddingTop","paddingRight","paddingBottom","paddingLeft","fontSize","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,CADN;AAENC,IAAAA,YAAY,EAAE,CAFR;AAGNC,IAAAA,aAAa,EAAE,CAHT;AAINC,IAAAA,WAAW,EAAE,CAJP;AAKNC,IAAAA,QAAQ,EAAE;AALJ,GALe;AAYvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEd,eAAe,CAAC;AACzBe,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEhB,eAAe,CAAC;AAC3Be,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEjB,eAAe,CAAC;AAC1Be,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEtB,gBAAgB,CAAC;AACzBmB,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEjB,cAAc,CAAC;AACpBiB,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAErB,oBAAoB,CAAC;AAC7BgB,MAAAA,KAAK,EAAE,UADsB;AAE7BX,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLiB,IAAAA,IAAI,EAAExB,cAAc;AArBf;AAZgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingTop: 8,\n paddingRight: 8,\n paddingBottom: 8,\n paddingLeft: 8,\n fontSize: 16,\n },\n props: {\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text Color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description: \"Whether the AccordionGroup should be expanded or not\",\n }),\n icon: createIconProp(),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["ActionSheetItem.js"],"names":["COMPONENT_TYPES","createActionProp","createColorProp","createTextProp","GROUPS","Triggers","SEED_DATA","name","tag","description","category","button","triggers","OnPress","layout","textAlign","props","onPress","label","group","basic","defaultValue","color"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,gBAA1B,EAA4CC,eAA5C,EAA6DC,cAA7D,EAA6EC,MAA7E,EAAqFC,QAArF,QAAsG,iBAAtG;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,mBADe;AAErBC,EAAAA,GAAG,EAAE,iBAFgB;AAGrBC,EAAAA,WAAW,EAAE,mBAHQ;AAIrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALW;AAMrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,SAAS,EAAE;AADP,GANa;AASrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAEhB,gBAAgB,EADtB;AAEHiB,IAAAA,KAAK,EAAEf,cAAc,CAAC;AAClBgB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADI;AAElBF,MAAAA,KAAK,EAAE,OAFW;AAGlBG,MAAAA,YAAY,EAAE;AAHI,KAAD,CAFlB;AAOHC,IAAAA,KAAK,EAAEpB,eAAe,CAAC;AACnBgB,MAAAA,KAAK,EAAE;AADY,KAAD;AAPnB;AATc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Action Sheet Item\",\n tag: \"ActionSheetItem\",\n description: \"Action Sheet item\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n layout: {\n textAlign: \"center\",\n },\n props: {\n onPress: createActionProp(),\n label: createTextProp({\n group: GROUPS.basic,\n label: \"Label\",\n defaultValue: \"Option\",\n }),\n color: createColorProp({\n label: \"Font Color\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["ActionSheetItem.ts"],"names":["COMPONENT_TYPES","createActionProp","createColorProp","createTextProp","GROUPS","Triggers","SEED_DATA","name","tag","description","category","button","triggers","OnPress","layout","textAlign","props","onPress","label","group","basic","defaultValue","color"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,eAHF,EAIEC,cAJF,EAKEC,MALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,mBADiB;AAEvBC,EAAAA,GAAG,EAAE,iBAFkB;AAGvBC,EAAAA,WAAW,EAAE,mBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALa;AAMvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL,GANe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEhB,gBAAgB,EADpB;AAELiB,IAAAA,KAAK,EAAEf,cAAc,CAAC;AACpBgB,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADM;AAEpBF,MAAAA,KAAK,EAAE,OAFa;AAGpBG,MAAAA,YAAY,EAAE;AAHM,KAAD,CAFhB;AAOLC,IAAAA,KAAK,EAAEpB,eAAe,CAAC;AACrBgB,MAAAA,KAAK,EAAE;AADc,KAAD;AAPjB;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createColorProp,\n createTextProp,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Action Sheet Item\",\n tag: \"ActionSheetItem\",\n description: \"Action Sheet item\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n layout: {\n textAlign: \"center\",\n },\n props: {\n onPress: createActionProp(),\n label: createTextProp({\n group: GROUPS.basic,\n label: \"Label\",\n defaultValue: \"Option\",\n }),\n color: createColorProp({\n label: \"Font Color\",\n }),\n },\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["DatePicker.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","assistiveText","locale","minuteInterval","NUMBER","timeZoneOffsetInMinutes","number","disabled","boolean","BOOLEAN","error","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n label: {\n label: \"Label\",\n description: \"The label to be displayed on the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Date\",\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n mode: {\n label: \"Mode\",\n description: \"Choose between date, time and datetime\",\n defaultValue: \"date\",\n editable: true,\n required: true,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"date\", \"time\", \"datetime\"],\n group: GROUPS.basic,\n },\n assistiveText: {\n label: \"Assistive text\",\n description: \"Helper text to display below the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n locale: {\n label: \"Locale\",\n description: \"Locale for the datepicker. Must be a valid Locale\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n minuteInterval: {\n label: \"Minute Interval\",\n description: \"The interval at which minutes can be selected\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.NUMBER,\n options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n timeZoneOffsetInMinutes: {\n label: \"Time zone offset\",\n description:\n \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n disabled: {\n label: \"Disabled\",\n description:\n \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n error: {\n label: \"Error\",\n description: \"Whether the picker should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n leftIconName: {\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n leftIconMode: {\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: \"inset\",\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n rightIconName: {\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onDateChange\",\n valuePropName: \"date\",\n defaultValue: \"date\",\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Date Picker\",\n tag: \"DatePicker\",\n description: \"A component used to select a date from a visual calendar\",\n category: COMPONENT_TYPES.input,\n layout: null,\n triggers: [Triggers.OnDateChange],\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 },\n },\n];\n"]}
1
+ {"version":3,"sources":["DatePicker.js"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","GROUPS","Triggers","SEED_DATA_PROPS","label","description","formType","string","propType","STRING","defaultValue","editable","required","group","data","mode","flatArray","options","basic","assistiveText","locale","minuteInterval","NUMBER","timeZoneOffsetInMinutes","number","disabled","boolean","BOOLEAN","error","leftIconName","icon","leftIconMode","rightIconName","fieldName","handlerPropName","valuePropName","SEED_DATA","name","tag","category","input","layout","triggers","OnDateChange","props","type"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n label: {\n label: \"Label\",\n description: \"The label to be displayed on the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Date\",\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n mode: {\n label: \"Mode\",\n description: \"Choose between date, time and datetime\",\n defaultValue: \"date\",\n editable: true,\n required: true,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"date\", \"time\", \"datetime\"],\n group: GROUPS.basic,\n },\n assistiveText: {\n label: \"Assistive text\",\n description: \"Helper text to display below the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n locale: {\n label: \"Locale\",\n description: \"Locale for the datepicker. Must be a valid Locale\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n minuteInterval: {\n label: \"Minute Interval\",\n description: \"The interval at which minutes can be selected\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.NUMBER,\n options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n timeZoneOffsetInMinutes: {\n label: \"Time zone offset\",\n description: \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n disabled: {\n label: \"Disabled\",\n description: \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n error: {\n label: \"Error\",\n description: \"Whether the picker should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n group: GROUPS.data,\n },\n leftIconName: {\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n leftIconMode: {\n label: \"Left icon mode\",\n description: \"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: \"inset\",\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n rightIconName: {\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onDateChange\",\n valuePropName: \"date\",\n defaultValue: \"date\",\n },\n};\nexport const SEED_DATA = [\n {\n name: \"Date Picker\",\n tag: \"DatePicker\",\n description: \"A component used to select a date from a visual calendar\",\n category: COMPONENT_TYPES.input,\n layout: null,\n triggers: [Triggers.OnDateChange],\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 },\n },\n];\n"]}
@@ -2,30 +2,28 @@ import * as React from "react";
2
2
  import { StyleProp, TextStyle } from "react-native";
3
3
  import type { IconSlot } from "../../interfaces/Icon";
4
4
  import type { Theme } from "../../styles/DefaultTheme";
5
- declare type AccordionGroupProps = {
6
- label?: string;
7
- expanded?: boolean;
8
- openColor?: string;
9
- closedColor?: string;
10
- caretColor?: string;
11
- caretSize?: number;
5
+ declare type Props = {
6
+ openColor: string;
7
+ closedColor: string;
8
+ caretColor: string;
12
9
  icon?: string;
13
- iconSize?: number;
10
+ iconSize: number;
14
11
  style?: StyleProp<TextStyle>;
15
- children?: React.ReactNode;
12
+ children: React.ReactNode;
13
+ label: string;
14
+ expanded?: boolean;
16
15
  theme: Theme;
17
16
  } & IconSlot;
18
17
  declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
19
- label?: string | undefined;
20
- expanded?: boolean | undefined;
21
- openColor?: string | undefined;
22
- closedColor?: string | undefined;
23
- caretColor?: string | undefined;
24
- caretSize?: number | undefined;
18
+ openColor: string;
19
+ closedColor: string;
20
+ caretColor: string;
25
21
  icon?: string | undefined;
26
- iconSize?: number | undefined;
22
+ iconSize: number;
27
23
  style?: StyleProp<TextStyle>;
28
- children?: React.ReactNode;
24
+ children: React.ReactNode;
25
+ label: string;
26
+ expanded?: boolean | undefined;
29
27
  theme: {
30
28
  disabledOpacity: number;
31
29
  roundness: number;
@@ -1528,16 +1526,15 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1528
1526
  } & IconSlot, "theme"> & {
1529
1527
  theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
1530
1528
  }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
1531
- label?: string | undefined;
1532
- expanded?: boolean | undefined;
1533
- openColor?: string | undefined;
1534
- closedColor?: string | undefined;
1535
- caretColor?: string | undefined;
1536
- caretSize?: number | undefined;
1529
+ openColor: string;
1530
+ closedColor: string;
1531
+ caretColor: string;
1537
1532
  icon?: string | undefined;
1538
- iconSize?: number | undefined;
1533
+ iconSize: number;
1539
1534
  style?: StyleProp<TextStyle>;
1540
- children?: React.ReactNode;
1535
+ children: React.ReactNode;
1536
+ label: string;
1537
+ expanded?: boolean | undefined;
1541
1538
  theme: {
1542
1539
  disabledOpacity: number;
1543
1540
  roundness: number;
@@ -3037,5 +3034,5 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3037
3034
  };
3038
3035
  };
3039
3036
  };
3040
- } & IconSlot> & (({ label, expanded: expandedProp, openColor, closedColor, caretColor: caretColorProp, caretSize, icon, iconSize, style, children, theme, Icon, }: AccordionGroupProps) => JSX.Element), {}>;
3037
+ } & IconSlot> & (({ Icon, openColor, closedColor, caretColor, icon, iconSize, style, label, children, expanded: expandedProp, theme, }: Props) => JSX.Element), {}>;
3041
3038
  export default _default;
@@ -5,7 +5,7 @@ import { Direction } from "./context";
5
5
  export interface RadioButtonGroupProps {
6
6
  direction?: Direction;
7
7
  style?: StyleProp<ViewStyle>;
8
- value: string;
8
+ value: string | number;
9
9
  onValueChange?: (value: string) => void;
10
10
  defaultValue?: string | number;
11
11
  theme: Theme;
@@ -11,17 +11,6 @@ export declare const SEED_DATA: {
11
11
  fontSize: number;
12
12
  };
13
13
  props: {
14
- label: any;
15
- expanded: {
16
- label: string;
17
- description: string;
18
- formType: string;
19
- propType: string;
20
- defaultValue: boolean;
21
- editable: boolean;
22
- required: boolean;
23
- group: string;
24
- };
25
14
  openColor: {
26
15
  group: string;
27
16
  label: string;
@@ -52,7 +41,7 @@ export declare const SEED_DATA: {
52
41
  formType: string;
53
42
  propType: string;
54
43
  };
55
- caretSize: {
44
+ iconSize: {
56
45
  label: string;
57
46
  description: string;
58
47
  formType: string;
@@ -63,26 +52,26 @@ export declare const SEED_DATA: {
63
52
  required: boolean;
64
53
  step: number;
65
54
  };
66
- icon: {
55
+ label: any;
56
+ expanded: {
67
57
  label: string;
68
58
  description: string;
69
59
  formType: string;
70
60
  propType: string;
71
- defaultValue: string;
72
- required: boolean;
61
+ defaultValue: boolean;
73
62
  editable: boolean;
63
+ required: boolean;
74
64
  group: string;
75
65
  };
76
- iconSize: {
66
+ icon: {
77
67
  label: string;
78
68
  description: string;
79
69
  formType: string;
80
70
  propType: string;
81
- group: string;
82
- defaultValue: null;
83
- editable: boolean;
71
+ defaultValue: string;
84
72
  required: boolean;
85
- step: number;
73
+ editable: boolean;
74
+ group: string;
86
75
  };
87
76
  };
88
77
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.4.15-43f83d.0+43f83d0f",
3
+ "version": "43.4.15-641e7e.0+641e7e58",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -80,5 +80,5 @@
80
80
  ]
81
81
  ]
82
82
  },
83
- "gitHead": "43f83d0fd0613f64682d66f7420dbf1a170d81fd"
83
+ "gitHead": "641e7e58aa06994d0836b6b5df5c687b444fc7aa"
84
84
  }
@@ -3,16 +3,16 @@ import { View, StyleSheet, Pressable, } from "react-native";
3
3
  import Text from "../Text";
4
4
  import { withTheme } from "../../theming";
5
5
  import { extractStyles } from "../../utilities";
6
- const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
7
- const [expanded, setExpanded] = React.useState(expandedProp);
8
- const { textStyles, viewStyles } = extractStyles(style);
9
- const expandedColor = openColor || theme.colors.primary;
10
- const collapsedColor = closedColor || theme.colors.primary;
11
- const labelColor = expanded ? expandedColor : collapsedColor;
12
- const caretColor = caretColorProp || labelColor;
6
+ const AccordionGroup = ({ Icon, openColor, closedColor, caretColor, icon, iconSize = 24, style, label, children, expanded: expandedProp, theme, }) => {
7
+ const [expanded, setExpanded] = React.useState(expandedProp || false);
13
8
  const handlePressAction = () => {
14
9
  setExpanded(!expanded);
15
10
  };
11
+ const expandedInternal = expandedProp !== undefined ? expandedProp : expanded;
12
+ const expandedColor = openColor || theme.colors.primary;
13
+ const collapsedColor = closedColor || theme.colors.primary;
14
+ const labelColor = expanded ? expandedColor : collapsedColor;
15
+ const { textStyles, viewStyles } = extractStyles(style);
16
16
  return (React.createElement(React.Fragment, null,
17
17
  React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
18
18
  icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
@@ -25,8 +25,8 @@ const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, clos
25
25
  ] }, label)),
26
26
  React.createElement(Icon, { name: expanded
27
27
  ? "MaterialIcons/keyboard-arrow-up"
28
- : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
29
- expanded ? children : null));
28
+ : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: 24 })),
29
+ expandedInternal ? children : null));
30
30
  };
31
31
  const styles = StyleSheet.create({
32
32
  row: {
@@ -12,72 +12,49 @@ import type { IconSlot } from "../../interfaces/Icon";
12
12
  import type { Theme } from "../../styles/DefaultTheme";
13
13
  import { extractStyles } from "../../utilities";
14
14
 
15
- // label: createTextProp({
16
- // label: "Label",
17
- // }),
18
- // expanded: createStaticBoolProp({
19
- // label: "Expanded",
20
- // description:
21
- // "Whether the AccordionGroup should be initaially expanded or not",
22
- // }),
23
- // openColor: createColorProp({
24
- // label: "Open text color",
25
- // }),
26
- // closedColor: createColorProp({
27
- // label: "Closed text color",
28
- // }),
29
- // caretColor: createColorProp({
30
- // label: "Caret color",
31
- // }),
32
- // caretSize: createNumberProp({
33
- // label: "Caret size",
34
- // defaultValue: 24,
35
- // }),
36
- // icon: createIconProp(),
37
- // iconSize: createNumberProp({
38
- // label: "Icon size",
39
- // defaultValue: 24,
40
- // }),
41
-
42
- type AccordionGroupProps = {
43
- label?: string;
44
- expanded?: boolean;
45
- openColor?: string;
46
- closedColor?: string;
47
- caretColor?: string;
48
- caretSize?: number;
15
+ type Props = {
16
+ openColor: string;
17
+ closedColor: string;
18
+ caretColor: string;
49
19
  icon?: string;
50
- iconSize?: number;
20
+ iconSize: number;
51
21
  style?: StyleProp<TextStyle>;
52
- children?: React.ReactNode;
22
+ children: React.ReactNode;
23
+ label: string;
24
+ expanded?: boolean;
53
25
  theme: Theme;
54
26
  } & IconSlot;
55
27
 
56
28
  const AccordionGroup = ({
57
- label,
58
- expanded: expandedProp = false,
29
+ Icon,
59
30
  openColor,
60
31
  closedColor,
61
- caretColor: caretColorProp,
62
- caretSize = 24,
32
+ caretColor,
63
33
  icon,
64
34
  iconSize = 24,
65
35
  style,
36
+ label,
66
37
  children,
38
+ expanded: expandedProp,
67
39
  theme,
68
- Icon,
69
- }: AccordionGroupProps) => {
70
- const [expanded, setExpanded] = React.useState<boolean>(expandedProp);
71
- const { textStyles, viewStyles } = extractStyles(style);
72
- const expandedColor = openColor || theme.colors.primary;
73
- const collapsedColor = closedColor || theme.colors.primary;
74
- const labelColor = expanded ? expandedColor : collapsedColor;
75
- const caretColor = caretColorProp || labelColor;
40
+ }: Props) => {
41
+ const [expanded, setExpanded] = React.useState<boolean>(
42
+ expandedProp || false
43
+ );
76
44
 
77
45
  const handlePressAction = () => {
78
46
  setExpanded(!expanded);
79
47
  };
80
48
 
49
+ const expandedInternal = expandedProp !== undefined ? expandedProp : expanded;
50
+
51
+ const expandedColor = openColor || theme.colors.primary;
52
+ const collapsedColor = closedColor || theme.colors.primary;
53
+
54
+ const labelColor = expanded ? expandedColor : collapsedColor;
55
+
56
+ const { textStyles, viewStyles } = extractStyles(style);
57
+
81
58
  return (
82
59
  <>
83
60
  <Pressable
@@ -113,10 +90,10 @@ const AccordionGroup = ({
113
90
  : "MaterialIcons/keyboard-arrow-down"
114
91
  }
115
92
  color={caretColor}
116
- size={caretSize}
93
+ size={24}
117
94
  />
118
95
  </Pressable>
119
- {expanded ? children : null}
96
+ {expandedInternal ? children : null}
120
97
  </>
121
98
  );
122
99
  };
@@ -3,15 +3,19 @@ import { View } from "react-native";
3
3
  import { getValueForRadioButton } from "../../utilities";
4
4
  import { radioButtonGroupContext, Direction } from "./context";
5
5
  const { Provider } = radioButtonGroupContext;
6
- const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueChange, defaultValue = "", style, children, ...rest }) => {
6
+ const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueChange, defaultValue, style, children, ...rest }) => {
7
7
  const [internalValue, setInternalValue] = React.useState("");
8
8
  React.useEffect(() => {
9
- const realValue = getValueForRadioButton(value);
10
- setInternalValue(realValue);
9
+ if (value != null) {
10
+ const realValue = getValueForRadioButton(value);
11
+ setInternalValue(realValue);
12
+ }
11
13
  }, [value]);
12
14
  React.useEffect(() => {
13
- const realDefaultValue = getValueForRadioButton(defaultValue);
14
- setInternalValue(realDefaultValue);
15
+ if (defaultValue != null) {
16
+ const realDefaultValue = getValueForRadioButton(defaultValue);
17
+ setInternalValue(realDefaultValue);
18
+ }
15
19
  }, [defaultValue]);
16
20
  const handleValueChange = (newValue) => {
17
21
  const realNewValue = getValueForRadioButton(newValue);
@@ -30,7 +34,7 @@ const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueC
30
34
  }
31
35
  return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },
32
36
  React.createElement(Provider, { value: {
33
- value: internalValue || "",
37
+ value: internalValue,
34
38
  onValueChange: handleValueChange,
35
39
  direction,
36
40
  } },