@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.
- package/lib/commonjs/components/Accordion/AccordionGroup.js +16 -17
- package/lib/commonjs/components/Accordion/AccordionGroup.js.map +1 -1
- package/lib/commonjs/components/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/CardInline.js.map +1 -1
- package/lib/commonjs/components/Divider.js +3 -13
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +10 -6
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/Accordion.js +10 -14
- package/lib/commonjs/mappings/Accordion.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/components/Accordion/AccordionGroup.js +17 -43
- package/lib/module/components/Accordion/AccordionGroup.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/module/components/HeaderLarge.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonGroup.js +10 -6
- package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/module/mappings/Accordion.js +10 -14
- package/lib/module/mappings/Accordion.js.map +1 -1
- package/lib/module/mappings/ActionSheetItem.js.map +1 -1
- package/lib/module/mappings/DatePicker.js.map +1 -1
- package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +23 -26
- package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts +1 -1
- package/lib/typescript/src/mappings/Accordion.d.ts +9 -20
- package/package.json +2 -2
- package/src/components/Accordion/AccordionGroup.js +9 -9
- package/src/components/Accordion/AccordionGroup.tsx +27 -50
- package/src/components/RadioButton/RadioButtonGroup.js +10 -6
- package/src/components/RadioButton/RadioButtonGroup.tsx +12 -8
- package/src/mappings/Accordion.js +9 -13
- package/src/mappings/Accordion.ts +9 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ActionSheetItem.
|
|
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.
|
|
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
|
-
|
|
24
|
-
|
|
23
|
+
if (value != null) {
|
|
24
|
+
const realValue = getValueForRadioButton(value);
|
|
25
|
+
setInternalValue(realValue);
|
|
26
|
+
}
|
|
25
27
|
}, [value]);
|
|
26
28
|
React.useEffect(() => {
|
|
27
|
-
|
|
28
|
-
|
|
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,
|
|
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
|
|
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","
|
|
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.
|
|
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.
|
|
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
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
|
10
|
+
iconSize: number;
|
|
14
11
|
style?: StyleProp<TextStyle>;
|
|
15
|
-
children
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
|
22
|
+
iconSize: number;
|
|
27
23
|
style?: StyleProp<TextStyle>;
|
|
28
|
-
children
|
|
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
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
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
|
|
1533
|
+
iconSize: number;
|
|
1539
1534
|
style?: StyleProp<TextStyle>;
|
|
1540
|
-
children
|
|
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> & (({
|
|
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
|
-
|
|
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
|
-
|
|
55
|
+
label: any;
|
|
56
|
+
expanded: {
|
|
67
57
|
label: string;
|
|
68
58
|
description: string;
|
|
69
59
|
formType: string;
|
|
70
60
|
propType: string;
|
|
71
|
-
defaultValue:
|
|
72
|
-
required: boolean;
|
|
61
|
+
defaultValue: boolean;
|
|
73
62
|
editable: boolean;
|
|
63
|
+
required: boolean;
|
|
74
64
|
group: string;
|
|
75
65
|
};
|
|
76
|
-
|
|
66
|
+
icon: {
|
|
77
67
|
label: string;
|
|
78
68
|
description: string;
|
|
79
69
|
formType: string;
|
|
80
70
|
propType: string;
|
|
81
|
-
|
|
82
|
-
defaultValue: null;
|
|
83
|
-
editable: boolean;
|
|
71
|
+
defaultValue: string;
|
|
84
72
|
required: boolean;
|
|
85
|
-
|
|
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-
|
|
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": "
|
|
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 = ({
|
|
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:
|
|
29
|
-
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
|
20
|
+
iconSize: number;
|
|
51
21
|
style?: StyleProp<TextStyle>;
|
|
52
|
-
children
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
label: string;
|
|
24
|
+
expanded?: boolean;
|
|
53
25
|
theme: Theme;
|
|
54
26
|
} & IconSlot;
|
|
55
27
|
|
|
56
28
|
const AccordionGroup = ({
|
|
57
|
-
|
|
58
|
-
expanded: expandedProp = false,
|
|
29
|
+
Icon,
|
|
59
30
|
openColor,
|
|
60
31
|
closedColor,
|
|
61
|
-
caretColor
|
|
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
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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={
|
|
93
|
+
size={24}
|
|
117
94
|
/>
|
|
118
95
|
</Pressable>
|
|
119
|
-
{
|
|
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
|
|
6
|
+
const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueChange, defaultValue, style, children, ...rest }) => {
|
|
7
7
|
const [internalValue, setInternalValue] = React.useState("");
|
|
8
8
|
React.useEffect(() => {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
if (value != null) {
|
|
10
|
+
const realValue = getValueForRadioButton(value);
|
|
11
|
+
setInternalValue(realValue);
|
|
12
|
+
}
|
|
11
13
|
}, [value]);
|
|
12
14
|
React.useEffect(() => {
|
|
13
|
-
|
|
14
|
-
|
|
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
|
} },
|