@draftbit/core 43.7.0 → 43.7.1-c7d91d.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 (64) hide show
  1. package/lib/commonjs/components/Accordion/AccordionGroup.js.map +1 -1
  2. package/lib/commonjs/components/Accordion/AccordionItem.js +21 -5
  3. package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
  4. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  5. package/lib/commonjs/components/AnimatedCircularProgress.js +11 -3
  6. package/lib/commonjs/components/AnimatedCircularProgress.js.map +1 -1
  7. package/lib/commonjs/components/AspectRatio.js +3 -16
  8. package/lib/commonjs/components/AspectRatio.js.map +1 -1
  9. package/lib/commonjs/components/CardContainer.js +5 -16
  10. package/lib/commonjs/components/CardContainer.js.map +1 -1
  11. package/lib/commonjs/components/CardContainerShortImage.js +5 -18
  12. package/lib/commonjs/components/CardContainerShortImage.js.map +1 -1
  13. package/lib/commonjs/components/Checkbox/CheckboxGroup.js +5 -17
  14. package/lib/commonjs/components/Checkbox/CheckboxGroup.js.map +1 -1
  15. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +6 -22
  16. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map +1 -1
  17. package/lib/commonjs/components/Container.js +5 -16
  18. package/lib/commonjs/components/Container.js.map +1 -1
  19. package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
  20. package/lib/commonjs/components/DeprecatedButton.js +4 -19
  21. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  22. package/lib/commonjs/components/DeprecatedCardWrapper.js +14 -2
  23. package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
  24. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +2 -11
  25. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  26. package/lib/commonjs/components/Row.js.map +1 -1
  27. package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -1
  28. package/lib/commonjs/components/StarRating.js +5 -23
  29. package/lib/commonjs/components/StarRating.js.map +1 -1
  30. package/lib/commonjs/components/StepIndicator.js.map +1 -1
  31. package/lib/commonjs/components/Stepper.js.map +1 -1
  32. package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
  33. package/lib/commonjs/components/Switch.js +10 -22
  34. package/lib/commonjs/components/Switch.js.map +1 -1
  35. package/lib/commonjs/components/Typography.js.map +1 -1
  36. package/lib/commonjs/components/useAuthState.js.map +1 -1
  37. package/lib/commonjs/hooks.js.map +1 -1
  38. package/lib/commonjs/index.js.map +1 -1
  39. package/lib/commonjs/mappings/AccordionItem.js.map +1 -1
  40. package/lib/commonjs/mappings/CardBlock.js.map +1 -1
  41. package/lib/commonjs/mappings/Checkbox.js.map +1 -1
  42. package/lib/commonjs/mappings/DatePicker.js.map +1 -1
  43. package/lib/commonjs/mappings/IconButton.js.map +1 -1
  44. package/lib/commonjs/mappings/ImageBackground.js.map +1 -1
  45. package/lib/commonjs/mappings/KeyboardAwareScrollView.js.map +1 -1
  46. package/lib/commonjs/mappings/MapCallout.js.map +1 -1
  47. package/lib/commonjs/mappings/MapView.js +1 -2
  48. package/lib/commonjs/mappings/MapView.js.map +1 -1
  49. package/lib/commonjs/mappings/Modal.js.map +1 -1
  50. package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
  51. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  52. package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
  53. package/lib/commonjs/mappings/ScrollView.js.map +1 -1
  54. package/lib/commonjs/mappings/Swiper.js.map +1 -1
  55. package/lib/commonjs/mappings/WebView.js.map +1 -1
  56. package/lib/commonjs/utilities.js.map +1 -1
  57. package/lib/module/components/Accordion/AccordionItem.js +22 -5
  58. package/lib/module/components/Accordion/AccordionItem.js.map +1 -1
  59. package/lib/module/mappings/MapView.js +1 -2
  60. package/lib/module/mappings/MapView.js.map +1 -1
  61. package/lib/typescript/src/mappings/MapView.d.ts +1 -2
  62. package/package.json +2 -2
  63. package/src/mappings/MapView.js +1 -2
  64. package/src/mappings/MapView.ts +1 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["AccordionGroup.js"],"names":["AccordionGroup","label","expanded","expandedProp","openColor","closedColor","caretColor","caretColorProp","caretSize","icon","iconSize","style","children","theme","Icon","setExpanded","React","useState","textStyles","viewStyles","expandedColor","colors","primary","collapsedColor","labelColor","handlePressAction","createElement","Fragment","Pressable","styles","row","onPress","accessibilityRole","name","size","color","View","content","Text","selectable","StyleSheet","create","flexDirection","alignItems","flex","justifyContent","marginRight"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, Pressable, } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\nconst AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {\n const [expanded, setExpanded] = React.useState(expandedProp);\n const { textStyles, viewStyles } = extractStyles(style);\n const expandedColor = openColor || theme.colors.primary;\n const collapsedColor = closedColor || theme.colors.primary;\n const labelColor = expanded ? expandedColor : collapsedColor;\n const caretColor = caretColorProp || labelColor;\n const handlePressAction = () => {\n setExpanded(!expanded);\n };\n return (React.createElement(React.Fragment, null,\n React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: \"button\" },\n icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,\n React.createElement(View, { style: styles.content },\n React.createElement(Text, { selectable: false, style: [\n textStyles,\n {\n color: labelColor,\n },\n ] }, label)),\n React.createElement(Icon, { name: expanded\n ? \"MaterialIcons/keyboard-arrow-up\"\n : \"MaterialIcons/keyboard-arrow-down\", color: caretColor, size: caretSize })),\n expanded ? children : null));\n};\nconst styles = StyleSheet.create({\n row: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n content: {\n flex: 1,\n justifyContent: \"center\",\n },\n icon: {\n marginRight: 8,\n },\n});\nexport default withTheme(AccordionGroup);\n"]}
1
+ {"version":3,"sources":["AccordionGroup.tsx"],"names":["AccordionGroup","label","expanded","expandedProp","openColor","closedColor","caretColor","caretColorProp","caretSize","icon","iconSize","style","children","theme","Icon","setExpanded","React","useState","textStyles","viewStyles","expandedColor","colors","primary","collapsedColor","labelColor","handlePressAction","styles","row","content","color","StyleSheet","create","flexDirection","alignItems","flex","justifyContent","marginRight"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AAGA;;;;;;;;AAgBA,MAAMA,cAAc,GAAG,QAaI;AAAA,MAbH;AACtBC,IAAAA,KADsB;AAEtBC,IAAAA,QAAQ,EAAEC,YAAY,GAAG,KAFH;AAGtBC,IAAAA,SAHsB;AAItBC,IAAAA,WAJsB;AAKtBC,IAAAA,UAAU,EAAEC,cALU;AAMtBC,IAAAA,SAAS,GAAG,EANU;AAOtBC,IAAAA,IAPsB;AAQtBC,IAAAA,QAAQ,GAAG,EARW;AAStBC,IAAAA,KATsB;AAUtBC,IAAAA,QAVsB;AAWtBC,IAAAA,KAXsB;AAYtBC,IAAAA;AAZsB,GAaG;AACzB,QAAM,CAACZ,QAAD,EAAWa,WAAX,IAA0BC,KAAK,CAACC,QAAN,CAAwBd,YAAxB,CAAhC;AACA,QAAM;AAAEe,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcR,KAAd,CAAnC;AACA,QAAMS,aAAa,GAAGhB,SAAS,IAAIS,KAAK,CAACQ,MAAN,CAAaC,OAAhD;AACA,QAAMC,cAAc,GAAGlB,WAAW,IAAIQ,KAAK,CAACQ,MAAN,CAAaC,OAAnD;AACA,QAAME,UAAU,GAAGtB,QAAQ,GAAGkB,aAAH,GAAmBG,cAA9C;AACA,QAAMjB,UAAU,GAAGC,cAAc,IAAIiB,UAArC;;AAEA,QAAMC,iBAAiB,GAAG,MAAM;AAC9BV,IAAAA,WAAW,CAAC,CAACb,QAAF,CAAX;AACD,GAFD;;AAIA,sBACE,uDACE,oBAAC,sBAAD;AACE,IAAA,KAAK,EAAE,CAACwB,MAAM,CAACC,GAAR,EAAaR,UAAb,CADT;AAEE,IAAA,OAAO,EAAEM,iBAFX;AAGE,IAAA,iBAAiB,EAAC;AAHpB,KAKGhB,IAAI,gBACH,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAEC,QAFR;AAGE,IAAA,KAAK,EAAEc,UAHT;AAIE,IAAA,KAAK,EAAEE,MAAM,CAACjB;AAJhB,IADG,GAOD,IAZN,eAaE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEiB,MAAM,CAACE;AAApB,kBACE,oBAAC,aAAD;AACE,IAAA,UAAU,EAAE,KADd;AAEE,IAAA,KAAK,EAAE,CACLV,UADK,EAEL;AACEW,MAAAA,KAAK,EAAEL;AADT,KAFK;AAFT,KASGvB,KATH,CADF,CAbF,eA0BE,oBAAC,IAAD;AACE,IAAA,IAAI,EACFC,QAAQ,GACJ,iCADI,GAEJ,mCAJR;AAME,IAAA,KAAK,EAAEI,UANT;AAOE,IAAA,IAAI,EAAEE;AAPR,IA1BF,CADF,EAqCGN,QAAQ,GAAGU,QAAH,GAAc,IArCzB,CADF;AAyCD,CAlED;;AAoEA,MAAMc,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BJ,EAAAA,GAAG,EAAE;AACHK,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,UAAU,EAAE;AAFT,GAD0B;AAK/BL,EAAAA,OAAO,EAAE;AACPM,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,cAAc,EAAE;AAFT,GALsB;AAS/B1B,EAAAA,IAAI,EAAE;AACJ2B,IAAAA,WAAW,EAAE;AADT;AATyB,CAAlB,CAAf;;eAce,wBAAUpC,cAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n StyleProp,\n TextStyle,\n Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { extractStyles } from \"../../utilities\";\n\ntype AccordionGroupProps = {\n label?: string;\n expanded?: boolean;\n openColor?: string;\n closedColor?: string;\n caretColor?: string;\n caretSize?: number;\n icon?: string;\n iconSize?: number;\n style?: StyleProp<TextStyle>;\n children?: React.ReactNode;\n theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n label,\n expanded: expandedProp = false,\n openColor,\n closedColor,\n caretColor: caretColorProp,\n caretSize = 24,\n icon,\n iconSize = 24,\n style,\n children,\n theme,\n Icon,\n}: AccordionGroupProps) => {\n const [expanded, setExpanded] = React.useState<boolean>(expandedProp);\n const { textStyles, viewStyles } = extractStyles(style);\n const expandedColor = openColor || theme.colors.primary;\n const collapsedColor = closedColor || theme.colors.primary;\n const labelColor = expanded ? expandedColor : collapsedColor;\n const caretColor = caretColorProp || labelColor;\n\n const handlePressAction = () => {\n setExpanded(!expanded);\n };\n\n return (\n <>\n <Pressable\n style={[styles.row, viewStyles]}\n onPress={handlePressAction}\n accessibilityRole=\"button\"\n >\n {icon ? (\n <Icon\n name={icon}\n size={iconSize}\n color={labelColor}\n style={styles.icon}\n />\n ) : null}\n <View style={styles.content}>\n <Text\n selectable={false}\n style={[\n textStyles,\n {\n color: labelColor,\n },\n ]}\n >\n {label}\n </Text>\n </View>\n <Icon\n name={\n expanded\n ? \"MaterialIcons/keyboard-arrow-up\"\n : \"MaterialIcons/keyboard-arrow-down\"\n }\n color={caretColor}\n size={caretSize}\n />\n </Pressable>\n {expanded ? children : null}\n </>\n );\n};\n\nconst styles = StyleSheet.create({\n row: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n content: {\n flex: 1,\n justifyContent: \"center\",\n },\n icon: {\n marginRight: 8,\n },\n});\n\nexport default withTheme(AccordionGroup);\n"]}
@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
21
21
 
22
22
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
23
 
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
24
  const AccordionItem = _ref => {
27
25
  let {
28
26
  Icon,
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
37
35
  textStyles,
38
36
  viewStyles
39
37
  } = (0, _utilities.extractStyles)(style);
40
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
41
- style: [styles.container, viewStyles]
42
- }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
38
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
39
+ style: [styles.container, viewStyles],
40
+ ...rest
41
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
43
42
  style: styles.row
44
43
  }, icon ? /*#__PURE__*/React.createElement(Icon, {
45
44
  name: icon,
@@ -74,5 +73,22 @@ const styles = _reactNative.StyleSheet.create({
74
73
 
75
74
  var _default = (0, _theming.withTheme)(AccordionItem);
76
75
 
76
+ exports.default = _default;
77
+ //# sourceMappingURL=AccordionItem.js.map flexDirection: "row",
78
+ alignItems: "center",
79
+ paddingLeft: 8
80
+ },
81
+ item: {
82
+ marginVertical: 6,
83
+ paddingLeft: 8
84
+ },
85
+ content: {
86
+ flex: 1,
87
+ justifyContent: "center"
88
+ }
89
+ });
90
+
91
+ var _default = (0, _theming.withTheme)(AccordionItem);
92
+
77
93
  exports.default = _default;
78
94
  //# sourceMappingURL=AccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["AccordionItem.tsx"],"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,QAQT;AAAA,MARU;AACrBC,IAAAA,IADqB;AAErBC,IAAAA,IAFqB;AAGrBC,IAAAA,KAHqB;AAIrBC,IAAAA,KAJqB;AAKrBC,IAAAA,SALqB;AAMrBC,IAAAA,KANqB;AAOrB,OAAGC;AAPkB,GAQV;AACX,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcL,KAAd,CAAnC;AACA,sBACE,oBAAC,sBAAD;AAAW,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmBF,UAAnB;AAAlB,KAAsDF,IAAtD,gBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACE;AAApB,KACGV,IAAI,gBACH,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAE,EAFR;AAGE,IAAA,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACO,MAAN,CAAaC;AAHnC,IADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;AAAb,kBACE,oBAAC,aAAD;AAAM,IAAA,UAAU,EAAE,KAAlB;AAAyB,IAAA,KAAK,EAAER;AAAhC,KACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA5BD;;AA8BA,MAAMO,MAAM,GAAGO,wBAAWC,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,OAAO,EAAE;AADA,GADoB;AAI/BP,EAAAA,GAAG,EAAE;AACHQ,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,UAAU,EAAE,QAFT;AAGHC,IAAAA,WAAW,EAAE;AAHV,GAJ0B;AAS/BP,EAAAA,IAAI,EAAE;AACJQ,IAAAA,cAAc,EAAE,CADZ;AAEJD,IAAAA,WAAW,EAAE;AAFT,GATyB;AAa/BN,EAAAA,OAAO,EAAE;AACPQ,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,cAAc,EAAE;AAFT;AAbsB,CAAlB,CAAf;;eAmBe,wBAAUzB,aAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n Pressable,\n StyleSheet,\n View,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n icon?: string;\n label: string;\n iconColor?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n Icon,\n icon,\n label,\n style,\n iconColor,\n theme,\n ...rest\n}: Props) => {\n const { textStyles, viewStyles } = extractStyles(style);\n return (\n <Pressable style={[styles.container, viewStyles]} {...rest}>\n <View style={styles.row}>\n {icon ? (\n <Icon\n name={icon}\n size={24}\n color={iconColor || theme.colors.primary}\n />\n ) : null}\n <View style={[styles.item, styles.content]}>\n <Text selectable={false} style={textStyles}>\n {label}\n </Text>\n </View>\n </View>\n </Pressable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n padding: 8,\n },\n row: {\n flexDirection: \"row\",\n alignItems: \"center\",\n paddingLeft: 8,\n },\n item: {\n marginVertical: 6,\n paddingLeft: 8,\n },\n content: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\n\nexport default withTheme(AccordionItem);\n"]}
1
+ {"version":3,"sources":["AccordionItem.js"],"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","React","createElement","Pressable","styles","container","View","row","name","size","color","colors","primary","item","content","Text","selectable","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,aAAa,GAAG,QAA6D;AAAA,MAA5D;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,KAAd;AAAqBC,IAAAA,KAArB;AAA4BC,IAAAA,SAA5B;AAAuCC,IAAAA,KAAvC;AAA8C,OAAGC;AAAjD,GAA4D;AAC/E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcL,KAAd,CAAnC;AACA,sBAAQM,KAAK,CAACC,aAAN,CAAoBC,sBAApB,EAA+B;AAAER,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmBL,UAAnB,CAAT;AAAyC,OAAGF;AAA5C,GAA/B,eACJG,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAES,MAAM,CAACG;AAAhB,GAA1B,EACId,IAAI,gBAAIQ,KAAK,CAACC,aAAN,CAAoBV,IAApB,EAA0B;AAAEgB,IAAAA,IAAI,EAAEf,IAAR;AAAcgB,IAAAA,IAAI,EAAE,EAApB;AAAwBC,IAAAA,KAAK,EAAEd,SAAS,IAAIC,KAAK,CAACc,MAAN,CAAaC;AAAzD,GAA1B,CAAJ,GAAqG,IAD7G,eAEIX,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACS,IAAR,EAAcT,MAAM,CAACU,OAArB;AAAT,GAA1B,eACIb,KAAK,CAACC,aAAN,CAAoBa,aAApB,EAA0B;AAAEC,IAAAA,UAAU,EAAE,KAAd;AAAqBrB,IAAAA,KAAK,EAAEI;AAA5B,GAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMU,MAAM,GAAGa,wBAAWC,MAAX,CAAkB;AAC7Bb,EAAAA,SAAS,EAAE;AACPc,IAAAA,OAAO,EAAE;AADF,GADkB;AAI7BZ,EAAAA,GAAG,EAAE;AACDa,IAAAA,aAAa,EAAE,KADd;AAEDC,IAAAA,UAAU,EAAE,QAFX;AAGDC,IAAAA,WAAW,EAAE;AAHZ,GAJwB;AAS7BT,EAAAA,IAAI,EAAE;AACFU,IAAAA,cAAc,EAAE,CADd;AAEFD,IAAAA,WAAW,EAAE;AAFX,GATuB;AAa7BR,EAAAA,OAAO,EAAE;AACLU,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,cAAc,EAAE;AAFX;AAboB,CAAlB,CAAf;;eAkBe,wBAAUlC,aAAV,C","sourcesContent":["import * as React from \"react\";\nimport { Pressable, StyleSheet, View, } from \"react-native\";\nimport Text from \"../Text\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nconst AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },\n React.createElement(View, { style: styles.row },\n icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,\n React.createElement(View, { style: [styles.item, styles.content] },\n React.createElement(Text, { selectable: false, style: textStyles }, label)))));\n};\nconst styles = StyleSheet.create({\n container: {\n padding: 8,\n },\n row: {\n flexDirection: \"row\",\n alignItems: \"center\",\n paddingLeft: 8,\n },\n item: {\n marginVertical: 6,\n paddingLeft: 8,\n },\n content: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\nexport default withTheme(AccordionItem);\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["ActionSheetCancel.tsx"],"names":["ActionSheetCancel","label","color","style","onPress"],"mappings":";;;;;;;AAAA;;AAEA;;;;AASA,MAAMA,iBAAkC,GAAG,QAKrC;AAAA,MALsC;AAC1CC,IAAAA,KAAK,GAAG,QADkC;AAE1CC,IAAAA,KAF0C;AAG1CC,IAAAA,KAH0C;AAI1CC,IAAAA;AAJ0C,GAKtC;AACJ,sBACE,6BAAC,wBAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,KAAK,EAAEC,KAAK,IAAI,SAFlB;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,CAHT;AAIE,IAAA,OAAO,EAAEC;AAJX,IADF;AAQD,CAdD;;eAgBeJ,iB","sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n label: string;\n color: string;\n style?: StyleProp<ViewStyle | TextStyle>;\n onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<Props> = ({\n label = \"Cancel\",\n color,\n style,\n onPress,\n}) => {\n return (\n <ActionSheetItem\n label={label}\n color={color || \"#FF453A\"}\n style={[style]}\n onPress={onPress}\n />\n );\n};\n\nexport default ActionSheetCancel;\n"]}
1
+ {"version":3,"sources":["ActionSheetCancel.js"],"names":["ActionSheetCancel","label","color","style","onPress","React","createElement","ActionSheetItem"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,iBAAiB,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAK,GAAG,QAAV;AAAoBC,IAAAA,KAApB;AAA2BC,IAAAA,KAA3B;AAAkCC,IAAAA;AAAlC,GAAiD;AACxE,sBAAQC,eAAMC,aAAN,CAAoBC,wBAApB,EAAqC;AAAEN,IAAAA,KAAK,EAAEA,KAAT;AAAgBC,IAAAA,KAAK,EAAEA,KAAK,IAAI,SAAhC;AAA2CC,IAAAA,KAAK,EAAE,CAACA,KAAD,CAAlD;AAA2DC,IAAAA,OAAO,EAAEA;AAApE,GAArC,CAAR;AACH,CAFD;;eAGeJ,iB","sourcesContent":["import React from \"react\";\nimport ActionSheetItem from \"./ActionSheetItem\";\nconst ActionSheetCancel = ({ label = \"Cancel\", color, style, onPress, }) => {\n return (React.createElement(ActionSheetItem, { label: label, color: color || \"#FF453A\", style: [style], onPress: onPress }));\n};\nexport default ActionSheetCancel;\n"]}
@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
19
 
20
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
-
22
20
  const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
23
21
 
24
22
  const AnimatedCircularProgress = _ref => {
@@ -69,7 +67,17 @@ const AnimatedCircularProgress = _ref => {
69
67
  React.useEffect(() => {
70
68
  animate();
71
69
  }, [fill, animate]);
72
- return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
70
+ return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
71
+ style: other.style,
72
+ childrenContainerStyle: other.childrenContainerStyle,
73
+ fill: fillAnimation,
74
+ tintColor: animateColor()
75
+ });
76
+ };
77
+
78
+ var _default = AnimatedCircularProgress;
79
+ exports.default = _default;
80
+ //# sourceMappingURL=AnimatedCircularProgress.js.map/React.createElement(AnimatedProgress, _extends({}, other, {
73
81
  style: other.style,
74
82
  childrenContainerStyle: other.childrenContainerStyle,
75
83
  fill: fillAnimation,
@@ -1 +1 @@
1
- {"version":3,"sources":["AnimatedCircularProgress.tsx"],"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;;;;;;;;;AAGA,MAAMA,gBAAgB,GAAGC,sBAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AAWA,MAAMC,wBAAyC,GAAG,QAU5C;AAAA,MAV6C;AACjDC,IAAAA,QAAQ,GAAG,GADsC;AAEjDC,IAAAA,MAAM,GAAGC,oBAAOC,GAAP,CAAWD,oBAAOE,IAAlB,CAFwC;AAGjDC,IAAAA,IAHiD;AAIjDC,IAAAA,OAAO,GAAG,CAJuC;AAKjDC,IAAAA,eAAe,GAAG,KAL+B;AAMjDC,IAAAA,kBANiD;AAOjDC,IAAAA,mBAPiD;AAQjDC,IAAAA,SAAS,GAAG,OARqC;AASjD,OAAGC;AAT8C,GAU7C;AACJ,QAAM,CAACC,aAAD,IAAkBC,KAAK,CAACC,QAAN,CACtB,IAAIlB,sBAASmB,KAAb,CAAmBT,OAAnB,CADsB,CAAxB;AAIA,QAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CACd,YAIkC;AAAA,QAHhCC,KAGgC,uEAHhB,CAAC,CAGe;AAAA,QAFhCC,GAEgC;AAAA,QADhCf,IACgC;AAChC,UAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;AACA,UAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;AACA,UAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;AACA,UAAMsB,SAAS,GAAGhB,eAAlB;;AAEA,UAAMiB,IAAI,GAAG5B,sBAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;AAC1CL,MAAAA,eAAe,EAAEgB,SADyB;AAE1CH,MAAAA,OAF0C;AAG1CnB,MAAAA,MAAM,EAAEqB,GAHkC;AAI1CtB,MAAAA,QAAQ,EAAEqB;AAJgC,KAA/B,CAAb;;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWjB,mBAAX;AAEA,WAAOe,IAAP;AACD,GApBa,EAqBd,CACExB,QADF,EAEEC,MAFF,EAGEI,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;AA+BA,QAAMkB,YAAY,GAAG,MAAM;AACzB,QAAI,CAACnB,kBAAL,EAAyB;AACvB,aAAOE,SAAP;AACD;;AAED,UAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;AAC9CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;AAE9CC,MAAAA,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;AAFiC,KAA1B,CAAtB;AAKA,WAAOoB,aAAP;AACD,GAXD;;AAaAf,EAAAA,KAAK,CAACmB,SAAN,CAAgB,MAAM;AACpBhB,IAAAA,OAAO;AACR,GAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;AAIA,sBACE,oBAAC,gBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAEA,KAAK,CAACsB,KAFf;AAGE,IAAA,sBAAsB,EACpBtB,KAAK,CAACuB,sBAJV;AAQE,IAAA,IAAI,EAAEtB,aARR;AASE,IAAA,SAAS,EAAEe,YAAY;AATzB,KADF;AAaD,CA5ED;;eA8Ee5B,wB","sourcesContent":["import * as React from \"react\";\nimport {\n Animated,\n Easing,\n EasingFunction,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport CircularProgress, {\n Props as CircularProgressProps,\n} from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\n\ntype Props = {\n duration?: number;\n easing?: EasingFunction;\n prefill?: number;\n useNativeDriver?: boolean;\n tintColorSecondary?: string;\n onAnimationComplete?: Animated.EndCallback | undefined;\n} & CircularProgressProps;\n\nconst AnimatedCircularProgress: React.FC<Props> = ({\n duration = 500,\n easing = Easing.out(Easing.ease),\n fill,\n prefill = 0,\n useNativeDriver = false,\n tintColorSecondary,\n onAnimationComplete,\n tintColor = \"black\",\n ...other\n}) => {\n const [fillAnimation] = React.useState<Animated.Value>(\n new Animated.Value(prefill)\n );\n\n const animate = React.useCallback(\n (\n toVal: number = -1,\n dur?: number,\n ease?: EasingFunction\n ): Animated.CompositeAnimation => {\n const toValue = toVal >= 0 ? toVal : fill;\n const dura = dur || duration;\n const eas = ease || easing;\n const useNative = useNativeDriver;\n\n const anim = Animated.timing(fillAnimation, {\n useNativeDriver: useNative,\n toValue,\n easing: eas,\n duration: dura,\n });\n anim.start(onAnimationComplete);\n\n return anim;\n },\n [\n duration,\n easing,\n fill,\n useNativeDriver,\n fillAnimation,\n onAnimationComplete,\n ]\n );\n\n const animateColor = () => {\n if (!tintColorSecondary) {\n return tintColor;\n }\n\n const tintAnimation = fillAnimation.interpolate({\n inputRange: [0, 100],\n outputRange: [tintColor, tintColorSecondary],\n });\n\n return tintAnimation;\n };\n\n React.useEffect(() => {\n animate();\n }, [fill, animate]);\n\n return (\n <AnimatedProgress\n {...other}\n style={other.style as Animated.WithAnimatedValue<StyleProp<ViewStyle>>}\n childrenContainerStyle={\n other.childrenContainerStyle as Animated.WithAnimatedValue<\n StyleProp<ViewStyle>\n >\n }\n fill={fillAnimation}\n tintColor={animateColor()}\n />\n );\n};\n\nexport default AnimatedCircularProgress;\n"]}
1
+ {"version":3,"sources":["AnimatedCircularProgress.js"],"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","createElement","style","childrenContainerStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACA,MAAMA,gBAAgB,GAAGC,sBAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AACA,MAAMC,wBAAwB,GAAG,QAA8K;AAAA,MAA7K;AAAEC,IAAAA,QAAQ,GAAG,GAAb;AAAkBC,IAAAA,MAAM,GAAGC,oBAAOC,GAAP,CAAWD,oBAAOE,IAAlB,CAA3B;AAAoDC,IAAAA,IAApD;AAA0DC,IAAAA,OAAO,GAAG,CAApE;AAAuEC,IAAAA,eAAe,GAAG,KAAzF;AAAgGC,IAAAA,kBAAhG;AAAoHC,IAAAA,mBAApH;AAAyIC,IAAAA,SAAS,GAAG,OAArJ;AAA8J,OAAGC;AAAjK,GAA6K;AAC3M,QAAM,CAACC,aAAD,IAAkBC,KAAK,CAACC,QAAN,CAAe,IAAIlB,sBAASmB,KAAb,CAAmBT,OAAnB,CAAf,CAAxB;AACA,QAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CAAkB,YAA2B;AAAA,QAA1BC,KAA0B,uEAAlB,CAAC,CAAiB;AAAA,QAAdC,GAAc;AAAA,QAATf,IAAS;AACzD,UAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;AACA,UAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;AACA,UAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;AACA,UAAMsB,SAAS,GAAGhB,eAAlB;;AACA,UAAMiB,IAAI,GAAG5B,sBAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;AACxCL,MAAAA,eAAe,EAAEgB,SADuB;AAExCH,MAAAA,OAFwC;AAGxCnB,MAAAA,MAAM,EAAEqB,GAHgC;AAIxCtB,MAAAA,QAAQ,EAAEqB;AAJ8B,KAA/B,CAAb;;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWjB,mBAAX;AACA,WAAOe,IAAP;AACH,GAbe,EAab,CACCxB,QADD,EAECC,MAFD,EAGCI,IAHD,EAICE,eAJD,EAKCK,aALD,EAMCH,mBAND,CAba,CAAhB;;AAqBA,QAAMkB,YAAY,GAAG,MAAM;AACvB,QAAI,CAACnB,kBAAL,EAAyB;AACrB,aAAOE,SAAP;AACH;;AACD,UAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;AAC5CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADgC;AAE5CC,MAAAA,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;AAF+B,KAA1B,CAAtB;AAIA,WAAOoB,aAAP;AACH,GATD;;AAUAf,EAAAA,KAAK,CAACmB,SAAN,CAAgB,MAAM;AAClBhB,IAAAA,OAAO;AACV,GAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;AAGA,sBAAQH,KAAK,CAACoB,aAAN,CAAoBtC,gBAApB,EAAsC,EAAE,GAAGgB,KAAL;AAAYuB,IAAAA,KAAK,EAAEvB,KAAK,CAACuB,KAAzB;AAAgCC,IAAAA,sBAAsB,EAAExB,KAAK,CAACwB,sBAA9D;AAAsF9B,IAAAA,IAAI,EAAEO,aAA5F;AAA2GF,IAAAA,SAAS,EAAEiB,YAAY;AAAlI,GAAtC,CAAR;AACH,CArCD;;eAsCe5B,wB","sourcesContent":["import * as React from \"react\";\nimport { Animated, Easing, } from \"react-native\";\nimport CircularProgress from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\nconst AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = \"black\", ...other }) => {\n const [fillAnimation] = React.useState(new Animated.Value(prefill));\n const animate = React.useCallback((toVal = -1, dur, ease) => {\n const toValue = toVal >= 0 ? toVal : fill;\n const dura = dur || duration;\n const eas = ease || easing;\n const useNative = useNativeDriver;\n const anim = Animated.timing(fillAnimation, {\n useNativeDriver: useNative,\n toValue,\n easing: eas,\n duration: dura,\n });\n anim.start(onAnimationComplete);\n return anim;\n }, [\n duration,\n easing,\n fill,\n useNativeDriver,\n fillAnimation,\n onAnimationComplete,\n ]);\n const animateColor = () => {\n if (!tintColorSecondary) {\n return tintColor;\n }\n const tintAnimation = fillAnimation.interpolate({\n inputRange: [0, 100],\n outputRange: [tintColor, tintColorSecondary],\n });\n return tintAnimation;\n };\n React.useEffect(() => {\n animate();\n }, [fill, animate]);\n return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));\n};\nexport default AnimatedCircularProgress;\n"]}
@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
+
14
16
  const AspectRatio = props => {
15
17
  const [layout, setLayout] = _react.default.useState(null);
16
18
 
@@ -41,22 +43,7 @@ const AspectRatio = props => {
41
43
  }
42
44
  }
43
45
 
44
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...props,
45
- style: style,
46
- onLayout: _ref => {
47
- let {
48
- nativeEvent: {
49
- layout: l
50
- }
51
- } = _ref;
52
- return setLayout(l);
53
- }
54
- }, props.children);
55
- };
56
-
57
- var _default = AspectRatio;
58
- exports.default = _default;
59
- //# sourceMappingURL=AspectRatio.js.mapateElement(_reactNative.View, _extends({}, props, {
46
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
60
47
  style: style,
61
48
  onLayout: _ref => {
62
49
  let {
@@ -1 +1 @@
1
- {"version":3,"sources":["AspectRatio.js"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","createElement","View","onLayout","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,WAAW,GAAIC,KAAD,IAAW;AAC3B,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,IAAf,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MAAqCC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EAA9E;AACA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AACA,MAAIJ,MAAJ,EAAY;AACR,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACbD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACH,KAFD,MAGK;AACDF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACH;AACJ;;AACD,sBAAQF,eAAMU,aAAN,CAAoBC,iBAApB,EAA0B,EAAE,GAAGd,KAAL;AAAYS,IAAAA,KAAK,EAAEA,KAAnB;AAA0BM,IAAAA,QAAQ,EAAE;AAAA,UAAC;AAAEC,QAAAA,WAAW,EAAE;AAAEf,UAAAA,MAAM,EAAEgB;AAAV;AAAf,OAAD;AAAA,aAAoCf,SAAS,CAACe,CAAD,CAA7C;AAAA;AAApC,GAA1B,EAAkHjB,KAAK,CAACkB,QAAxH,CAAR;AACH,CAdD;;eAeenB,W","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, } from \"react-native\";\nconst AspectRatio = (props) => {\n const [layout, setLayout] = React.useState(null);\n const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};\n const style = [inputStyle, { aspectRatio }];\n if (layout) {\n const { width = 0, height = 0 } = layout;\n if (width === 0) {\n style.push({ width: height * (1 / aspectRatio), height });\n }\n else {\n style.push({ width, height: width * (1 / aspectRatio) });\n }\n }\n return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));\n};\nexport default AspectRatio;\n"]}
1
+ {"version":3,"sources":["AspectRatio.tsx"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAaA,MAAMA,WAA4B,GAAIC,KAAD,IAAW;AAC9C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAuC,IAAvC,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MACJC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EADrC;AAEA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AAEA,MAAIJ,MAAJ,EAAY;AACV,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACfD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACD,KAFD,MAEO;AACLF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACD;AACF;;AACD,sBACE,6BAAC,iBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAES,KAFT;AAGE,IAAA,QAAQ,EAAE;AAAA,UAAC;AAAEI,QAAAA,WAAW,EAAE;AAAEZ,UAAAA,MAAM,EAAEa;AAAV;AAAf,OAAD;AAAA,aAAoCZ,SAAS,CAACY,CAAD,CAA7C;AAAA;AAHZ,MAKGd,KAAK,CAACe,QALT,CADF;AASD,CAvBD;;eAyBehB,W","sourcesContent":["import React from \"react\";\nimport {\n View,\n StyleSheet,\n LayoutRectangle,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<Props> = (props) => {\n const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n const { aspectRatio = 1, ...inputStyle } =\n StyleSheet.flatten(props.style) || {};\n const style = [inputStyle, { aspectRatio }];\n\n if (layout) {\n const { width = 0, height = 0 } = layout;\n if (width === 0) {\n style.push({ width: height * (1 / aspectRatio), height });\n } else {\n style.push({ width, height: width * (1 / aspectRatio) });\n }\n }\n return (\n <View\n {...props}\n style={style}\n onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n >\n {props.children}\n </View>\n );\n};\n\nexport default AspectRatio;\n"]}
@@ -23,6 +23,8 @@ var _Config = _interopRequireDefault(require("./Config"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
25
 
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
26
28
  const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
27
29
  const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
28
30
 
@@ -66,12 +68,11 @@ const CardContainer = _ref => {
66
68
  break;
67
69
  }
68
70
 
69
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
71
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
70
72
  style: style,
71
73
  onPress: onPress,
72
- numColumns: numColumns,
73
- ...rest
74
- }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
74
+ numColumns: numColumns
75
+ }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
75
76
  style: {
76
77
  elevation,
77
78
  borderRadius: roundness
@@ -143,17 +144,5 @@ const CardContainer = _ref => {
143
144
 
144
145
  var _default = (0, _theming.withTheme)(CardContainer);
145
146
 
146
- exports.default = _default;
147
- //# sourceMappingURL=CardContainer.js.mapackgroundOpacity).rgb().string()
148
- }
149
- }, /*#__PURE__*/_react.default.createElement(Icon, {
150
- name: icon,
151
- size: _Config.default.cardIconSize,
152
- color: colors.surface
153
- })) : null)));
154
- };
155
-
156
- var _default = (0, _theming.withTheme)(CardContainer);
157
-
158
147
  exports.default = _default;
159
148
  //# sourceMappingURL=CardContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardContainer.js"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","React","createElement","Card","Elevation","borderRadius","View","overflow","backgroundColor","surface","Image","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","Text","numberOfLines","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainer = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, textCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n let textJustification;\n let titleStyle;\n if (textCentered && !rightDescription) {\n textJustification = \"center\";\n }\n else {\n textJustification = \"space-between\";\n }\n switch (numColumns) {\n case 2:\n titleStyle = typography.headline6;\n break;\n case 3:\n titleStyle = typography.headline5;\n break;\n }\n return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n React.createElement(View, { style: {\n borderRadius: roundness,\n overflow: \"hidden\",\n backgroundColor: colors.surface,\n } },\n React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n React.createElement(View, { style: {\n padding: numColumns === 1 ? 8 : 16,\n } },\n title ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: textJustification,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n leftDescription ? (React.createElement(View, { style: {\n flexDirection: \"row\",\n justifyContent: textJustification,\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: [typography.subtitle2, { color: colors.light }] }, rightDescription)) : null)) : null),\n icon ? (React.createElement(Elevation, { style: {\n elevation: Config.cardIconElevation,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: color(colors.strong)\n .alpha(Config.cardIconBackgroundOpacity)\n .rgb()\n .string(),\n } },\n React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainer);\n"]}
1
+ {"version":3,"sources":["CardContainer.tsx"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n View,\n ImageSourcePropType,\n Text,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n leftDescription?: string;\n rightDescription?: string;\n textCentered: boolean;\n icon?: string;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<Props> = ({\n Icon,\n icon,\n image = Config.cardImageUrl,\n title,\n leftDescription,\n rightDescription,\n textCentered,\n aspectRatio = 1.5,\n elevation = 2,\n numColumns = 3,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n let textJustification: justificationType;\n\n let titleStyle;\n\n if (textCentered && !rightDescription) {\n textJustification = \"center\";\n } else {\n textJustification = \"space-between\";\n }\n\n switch (numColumns) {\n case 2:\n titleStyle = typography.headline6;\n break;\n case 3:\n titleStyle = typography.headline5;\n break;\n }\n\n return (\n <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n <Elevation style={{ elevation, borderRadius: roundness }}>\n <View\n style={{\n borderRadius: roundness,\n overflow: \"hidden\",\n backgroundColor: colors.surface,\n }}\n >\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n <View\n style={{\n padding: numColumns === 1 ? 8 : 16,\n }}\n >\n {title ? (\n <View\n style={{\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: textJustification,\n }}\n >\n <Text\n numberOfLines={1}\n style={[titleStyle, { color: colors.strong }]}\n >\n {title}\n </Text>\n </View>\n ) : null}\n {leftDescription ? (\n <View\n style={{\n flexDirection: \"row\",\n justifyContent: textJustification,\n alignItems: \"center\",\n marginTop: numColumns === 3 ? 4 : 4 / 2,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.body2, { color: colors.medium }]}\n >\n {leftDescription}\n </Text>\n {rightDescription ? (\n <Text\n numberOfLines={1}\n style={[typography.subtitle2, { color: colors.light }]}\n >\n {rightDescription}\n </Text>\n ) : null}\n </View>\n ) : null}\n </View>\n {icon ? (\n <Elevation\n style={{\n elevation: Config.cardIconElevation,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: color(colors.strong)\n .alpha(Config.cardIconBackgroundOpacity)\n .rgb()\n .string(),\n }}\n >\n <Icon\n name={icon}\n size={Config.cardIconSize}\n color={colors.surface}\n />\n </Elevation>\n ) : null}\n </View>\n </Elevation>\n </Card>\n );\n};\n\nexport default withTheme(CardContainer);\n"]}
@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
+
24
26
  const CardContainerShortImage = _ref => {
25
27
  let {
26
28
  image = _Config.default.squareImageUrl,
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
38
40
  onPress,
39
41
  ...rest
40
42
  } = _ref;
41
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
43
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
42
44
  style: style,
43
- onPress: onPress,
44
- ...rest
45
- }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
45
+ onPress: onPress
46
+ }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
46
47
  style: {
47
48
  elevation,
48
49
  borderRadius: roundness
@@ -92,19 +93,5 @@ const CardContainerShortImage = _ref => {
92
93
 
93
94
  var _default = (0, _theming.withTheme)(CardContainerShortImage);
94
95
 
95
- exports.default = _default;
96
- //# sourceMappingURL=CardContainerShortImage.js.mapteElement(_Image.default, {
97
- style: {
98
- aspectRatio
99
- },
100
- source: typeof image === "string" ? {
101
- uri: image
102
- } : image,
103
- resizeMode: "cover"
104
- }))));
105
- };
106
-
107
- var _default = (0, _theming.withTheme)(CardContainerShortImage);
108
-
109
96
  exports.default = _default;
110
97
  //# sourceMappingURL=CardContainerShortImage.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CardContainerShortImage.js"],"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","React","createElement","Card","Elevation","borderRadius","View","overflow","flexDirection","justifyContent","Image","source","uri","resizeMode","padding","backgroundColor","surface","flex","Text","numberOfLines","headline5","color","strong","body2","medium","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardContainerShortImage = ({ image = Config.squareImageUrl, title, subtitle, mode = \"left\", aspectRatio = 1, elevation = 2, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n return (React.createElement(Card, { style: style, onPress: onPress, ...rest },\n React.createElement(Elevation, { style: {\n elevation,\n borderRadius: roundness,\n } },\n React.createElement(View, { style: {\n overflow: \"hidden\",\n flexDirection: \"row\",\n justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n borderRadius: roundness,\n } },\n mode === \"left\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n React.createElement(View, { style: {\n padding: 16,\n backgroundColor: colors.surface,\n flex: 1,\n } },\n React.createElement(Text, { numberOfLines: 1, style: [typography.headline5, { color: colors.strong }] }, title),\n subtitle ? (React.createElement(Text, { numberOfLines: 1, style: [\n typography.body2,\n { color: colors.medium, marginTop: 4 },\n ] }, subtitle)) : null),\n mode === \"right\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }))))));\n};\nexport default withTheme(CardContainerShortImage);\n"]}
1
+ {"version":3,"sources":["CardContainerShortImage.tsx"],"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAwC,GAAG,QAW3C;AAAA,MAX4C;AAChDC,IAAAA,KAAK,GAAGC,gBAAOC,cADiC;AAEhDC,IAAAA,KAFgD;AAGhDC,IAAAA,QAHgD;AAIhDC,IAAAA,IAAI,GAAG,MAJyC;AAKhDC,IAAAA,WAAW,GAAG,CALkC;AAMhDC,IAAAA,SAAS,GAAG,CANoC;AAOhDC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,KAPyC;AAQhDC,IAAAA,KARgD;AAShDC,IAAAA,OATgD;AAUhD,OAAGC;AAV6C,GAW5C;AACJ,sBACE,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,OAAO,EAAEC;AAA7B,KAA0CC,IAA1C,gBACE,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLP,MAAAA,SADK;AAELQ,MAAAA,YAAY,EAAEL;AAFT;AADT,kBAME,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,QAAQ,EAAE,QADL;AAELC,MAAAA,aAAa,EAAE,KAFV;AAGLC,MAAAA,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;AAILU,MAAAA,YAAY,EAAEL;AAJT;AADT,KAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IATJ,eAeE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLoB,MAAAA,OAAO,EAAE,EADJ;AAELC,MAAAA,eAAe,EAAEZ,MAAM,CAACa,OAFnB;AAGLC,MAAAA,IAAI,EAAE;AAHD;AADT,kBAOE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;AAAEC,MAAAA,KAAK,EAAEhB,MAAM,CAACiB;AAAhB,KAAvB;AAFT,KAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;AAAEF,MAAAA,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;AAAwBC,MAAAA,SAAS,EAAE;AAAnC,KAFK;AAFT,KAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,wBAAUD,uBAAV,C","sourcesContent":["import React from \"react\";\nimport {\n View,\n Text,\n ImageSourcePropType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n subtitle?: string;\n mode?: \"right\" | \"left\";\n aspectRatio?: number;\n elevation?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<Props> = ({\n image = Config.squareImageUrl,\n title,\n subtitle,\n mode = \"left\",\n aspectRatio = 1,\n elevation = 2,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n return (\n <Card style={style} onPress={onPress} {...rest}>\n <Elevation\n style={{\n elevation,\n borderRadius: roundness,\n }}\n >\n <View\n style={{\n overflow: \"hidden\",\n flexDirection: \"row\",\n justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n borderRadius: roundness,\n }}\n >\n {mode === \"left\" && (\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n )}\n <View\n style={{\n padding: 16,\n backgroundColor: colors.surface,\n flex: 1,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.headline5, { color: colors.strong }]}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n numberOfLines={1}\n style={[\n typography.body2,\n { color: colors.medium, marginTop: 4 },\n ]}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n {mode === \"right\" && (\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n )}\n </View>\n </Elevation>\n </Card>\n );\n};\n\nexport default withTheme(CardContainerShortImage);\n"]}
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
17
 
18
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
+
18
20
  const {
19
21
  Provider
20
22
  } = _context.checkboxGroupContext;
@@ -39,25 +41,11 @@ const CheckboxGroup = _ref => {
39
41
  });
40
42
  }
41
43
 
42
- return /*#__PURE__*/React.createElement(_reactNative.View, {
44
+ return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
43
45
  style: [{
44
46
  minHeight: 40
45
- }, style],
46
- ...rest
47
- }, /*#__PURE__*/React.createElement(Provider, {
48
- value: {
49
- values,
50
- onValueChange,
51
- direction
52
- }
53
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
54
- style: _containerStyle
55
- }, children)));
56
- };
57
-
58
- var _default = CheckboxGroup;
59
- exports.default = _default;
60
- //# sourceMappingURL=CheckboxGroup.js.map/*#__PURE__*/React.createElement(Provider, {
47
+ }, style]
48
+ }, rest), /*#__PURE__*/React.createElement(Provider, {
61
49
  value: {
62
50
  values,
63
51
  onValueChange,
@@ -1 +1 @@
1
- {"version":3,"sources":["CheckboxGroup.js"],"names":["Provider","checkboxGroupContext","CheckboxGroup","direction","Direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","React","createElement","View","minHeight","value"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAM;AAAEA,EAAAA;AAAF,IAAeC,6BAArB;;AACA,MAAMC,aAAa,GAAG,QAAqG;AAAA,MAApG;AAAEC,IAAAA,SAAS,GAAGC,mBAAUC,QAAxB;AAAkCC,IAAAA,MAAlC;AAA0CC,IAAAA,aAAa,GAAG,MAAM,CAAG,CAAnE;AAAqEC,IAAAA,KAArE;AAA4EC,IAAAA,QAA5E;AAAsF,OAAGC;AAAzF,GAAoG;AACvH,QAAMC,eAAe,GAAG,CACpB;AACIC,IAAAA,aAAa,EAAET,SAAS,KAAKC,mBAAUS,UAAxB,GAAqC,KAArC,GAA6C,QADhE;AAEIC,IAAAA,QAAQ,EAAE;AAFd,GADoB,CAAxB;;AAMA,MAAIX,SAAS,KAAKC,mBAAUC,QAA5B,EAAsC;AAClCM,IAAAA,eAAe,CAACI,IAAhB,CAAqB;AACjBC,MAAAA,UAAU,EAAE;AADK,KAArB;AAGH;;AACD,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAE,CAAC;AAAEY,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBZ,KAApB,CAAT;AAAqC,OAAGE;AAAxC,GAA1B,eACJO,KAAK,CAACC,aAAN,CAAoBlB,QAApB,EAA8B;AAAEqB,IAAAA,KAAK,EAAE;AAAEf,MAAAA,MAAF;AAAUC,MAAAA,aAAV;AAAyBJ,MAAAA;AAAzB;AAAT,GAA9B,eACIc,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAEG;AAAT,GAA1B,EAAsDF,QAAtD,CADJ,CADI,CAAR;AAGH,CAfD;;eAgBeP,a","sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport { checkboxGroupContext, Direction } from \"./context\";\nconst { Provider } = checkboxGroupContext;\nconst CheckboxGroup = ({ direction = Direction.Vertical, values, onValueChange = () => { }, style, children, ...rest }) => {\n const _containerStyle = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n overflow: \"hidden\",\n },\n ];\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },\n React.createElement(Provider, { value: { values, onValueChange, direction } },\n React.createElement(View, { style: _containerStyle }, children))));\n};\nexport default CheckboxGroup;\n"]}
1
+ {"version":3,"sources":["CheckboxGroup.tsx"],"names":["Provider","checkboxGroupContext","CheckboxGroup","direction","Direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","minHeight"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAWA,MAAM;AAAEA,EAAAA;AAAF,IAAeC,6BAArB;;AAEA,MAAMC,aAA2C,GAAG,QAO9C;AAAA,MAP+C;AACnDC,IAAAA,SAAS,GAAGC,mBAAUC,QAD6B;AAEnDC,IAAAA,MAFmD;AAGnDC,IAAAA,aAAa,GAAG,MAAM,CAAE,CAH2B;AAInDC,IAAAA,KAJmD;AAKnDC,IAAAA,QALmD;AAMnD,OAAGC;AANgD,GAO/C;AACJ,QAAMC,eAAqC,GAAG,CAC5C;AACEC,IAAAA,aAAa,EAAET,SAAS,KAAKC,mBAAUS,UAAxB,GAAqC,KAArC,GAA6C,QAD9D;AAEEC,IAAAA,QAAQ,EAAE;AAFZ,GAD4C,CAA9C;;AAOA,MAAIX,SAAS,KAAKC,mBAAUC,QAA5B,EAAsC;AACpCM,IAAAA,eAAe,CAACI,IAAhB,CAAqB;AACnBC,MAAAA,UAAU,EAAE;AADO,KAArB;AAGD;;AAED,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAD,EAAoBT,KAApB;AAAb,KAA6CE,IAA7C,gBACE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAE;AAAEJ,MAAAA,MAAF;AAAUC,MAAAA,aAAV;AAAyBJ,MAAAA;AAAzB;AAAjB,kBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEQ;AAAb,KAA+BF,QAA/B,CADF,CADF,CADF;AAOD,CA5BD;;eA8BeP,a","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { checkboxGroupContext, Direction } from \"./context\";\n\nexport interface CheckboxGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n values: string[];\n onValueChange: (value: string, selected: boolean) => void;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = checkboxGroupContext;\n\nconst CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n direction = Direction.Vertical,\n values,\n onValueChange = () => {},\n style,\n children,\n ...rest\n}) => {\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n overflow: \"hidden\",\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 value={{ values, onValueChange, direction }}>\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default CheckboxGroup;\n"]}
@@ -25,7 +25,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
27
 
28
- var Direction;
28
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
29
+
30
+ let Direction;
29
31
  exports.Direction = Direction;
30
32
 
31
33
  (function (Direction) {
@@ -89,14 +91,13 @@ const CheckboxGroupRow = _ref => {
89
91
  textStyles,
90
92
  viewStyles
91
93
  } = (0, _utilities.extractStyles)(style);
92
- return /*#__PURE__*/React.createElement(_Touchable.default, {
94
+ return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
93
95
  onPress: handlePress,
94
96
  style: [styles.mainParent, {
95
97
  flexDirection: direction
96
98
  }, viewStyles],
97
- disabled: disabled,
98
- ...rest
99
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
99
+ disabled: disabled
100
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
100
101
  style: [styles.label, {
101
102
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
102
103
  }, labelContainerStyle]
@@ -136,23 +137,6 @@ const styles = _reactNative.StyleSheet.create({
136
137
  }
137
138
  });
138
139
 
139
- var _default = CheckboxGroupRow;
140
- exports.default = _default;
141
- //# sourceMappingURL=CheckboxGroupRow.js.map minHeight: 50,
142
- paddingEnd: 20,
143
- display: "flex",
144
- ..._reactNative.Platform.select({
145
- web: {
146
- cursor: "pointer",
147
- userSelect: "none"
148
- }
149
- })
150
- },
151
- label: {
152
- flex: 3
153
- }
154
- });
155
-
156
140
  var _default = CheckboxGroupRow;
157
141
  exports.default = _default;
158
142
  //# sourceMappingURL=CheckboxGroupRow.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["CheckboxGroupRow.js"],"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","React","createElement","Text","style","Fragment","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","Touchable","styles","mainParent","flexDirection","View","alignItems","flex","Checkbox","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n Direction[\"Row\"] = \"row\";\n Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n }\n else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n }\n else {\n return \"flex-end\";\n }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n if (typeof value === \"string\") {\n return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n }\n else {\n return React.createElement(React.Fragment, null, value);\n }\n};\nconst CheckboxGroupRow = ({ Icon, label = \"Label\", status, value, onPress, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, disabled, style, color, uncheckedColor, ...rest }) => {\n const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n const values = Array.isArray(selectedValues) ? selectedValues : [];\n const isChecked = status || values.includes(value);\n const handlePress = () => {\n if (!disabled) {\n onPress?.(!isChecked);\n onValueChange?.(value, !isChecked);\n }\n };\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n React.createElement(View, { style: [\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ] }, renderLabel(label, labelStyle, textStyles)),\n React.createElement(View, { style: {\n flex: 1,\n alignItems: getCheckboxAlignment(parentDirection, direction),\n } },\n React.createElement(Checkbox, { Icon: Icon, status: isChecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));\n};\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\nexport default CheckboxGroupRow;\n"]}
1
+ {"version":3,"sources":["CheckboxGroupRow.tsx"],"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;IAEYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAiBZ,MAAMC,oBAAoB,GAAG,CAC3BC,eAD2B,EAE3BC,SAF2B,KAGxB;AACH,MAAID,eAAe,KAAKE,mBAAeC,UAAvC,EAAmD;AACjD,WAAOF,SAAS,KAAKH,SAAS,CAACM,GAAxB,GAA8B,YAA9B,GAA6C,UAApD;AACD,GAFD,MAEO,IAAIH,SAAS,KAAKH,SAAS,CAACO,UAA5B,EAAwC;AAC7C,WAAO,YAAP;AACD,GAFM,MAEA;AACL,WAAO,UAAP;AACD;AACF,CAXD;;AAaA,MAAMC,WAAW,GAAG,CAClBC,KADkB,EAElBC,UAFkB,EAGlBC,SAHkB,KAIf;AACH,MAAI,OAAOF,KAAP,KAAiB,QAArB,EAA+B;AAC7B,wBAAO,oBAAC,aAAD;AAAM,MAAA,KAAK,EAAE,CAACC,UAAD,EAAaC,SAAb;AAAb,OAAuCF,KAAvC,CAAP;AACD,GAFD,MAEO;AACL,wBAAO,0CAAGA,KAAH,CAAP;AACD;AACF,CAVD;;AAYA,MAAMG,gBAA4D,GAAG,QAe/D;AAAA,MAfgE;AACpEC,IAAAA,IADoE;AAEpEC,IAAAA,KAAK,GAAG,OAF4D;AAGpEC,IAAAA,MAHoE;AAIpEN,IAAAA,KAJoE;AAKpEO,IAAAA,OALoE;AAMpEC,IAAAA,mBANoE;AAOpEP,IAAAA,UAPoE;AAQpEQ,IAAAA,aARoE;AASpEf,IAAAA,SAAS,GAAGH,SAAS,CAACM,GAT8C;AAUpEa,IAAAA,QAVoE;AAWpEC,IAAAA,KAXoE;AAYpEC,IAAAA,KAZoE;AAapEC,IAAAA,cAboE;AAcpE,OAAGC;AAdiE,GAehE;AACJ,QAAM;AACJC,IAAAA,MAAM,EAAEC,cADJ;AAEJC,IAAAA,aAFI;AAGJvB,IAAAA,SAAS,EAAED;AAHP,MAIF,uCAJJ;AAMA,QAAMsB,MAAM,GAAGG,KAAK,CAACC,OAAN,CAAcH,cAAd,IAAgCA,cAAhC,GAAiD,EAAhE;AACA,QAAMI,SAAS,GAAGd,MAAM,IAAIS,MAAM,CAACM,QAAP,CAAgBrB,KAAhB,CAA5B;;AAEA,QAAMsB,WAAW,GAAG,MAAM;AACxB,QAAI,CAACZ,QAAL,EAAe;AACbH,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAG,CAACa,SAAJ,CAAP;AACAH,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGjB,KAAH,EAAU,CAACoB,SAAX,CAAb;AACD;AACF,GALD;;AAOA,QAAM;AAAEG,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcb,KAAd,CAAnC;AAEA,sBACE,oBAAC,kBAAD;AACE,IAAA,OAAO,EAAEW,WADX;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,UAAR,EAAoB;AAAEC,MAAAA,aAAa,EAAEjC;AAAjB,KAApB,EAAkD8B,UAAlD,CAFT;AAGE,IAAA,QAAQ,EAAEd;AAHZ,KAIMI,IAJN,gBAME,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLW,MAAM,CAACpB,KADF,EAEL;AACEuB,MAAAA,UAAU,EAAElC,SAAS,KAAKH,SAAS,CAACM,GAAxB,GAA8B,YAA9B,GAA6C;AAD3D,KAFK,EAKLW,mBALK;AADT,KASGT,WAAW,CAACM,KAAD,EAAQJ,UAAR,EAAoBsB,UAApB,CATd,CANF,eAiBE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE,CADD;AAELD,MAAAA,UAAU,EAAEpC,oBAAoB,CAACC,eAAD,EAAkBC,SAAlB;AAF3B;AADT,kBAME,oBAAC,iBAAD;AACE,IAAA,IAAI,EAAEU,IADR;AAEE,IAAA,MAAM,EAAEgB,SAFV;AAGE,IAAA,OAAO,EAAEE,WAHX;AAIE,IAAA,KAAK,EAAEb,aAJT;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,KAAK,EAAEE,KANT;AAOE,IAAA,cAAc,EAAEC;AAPlB,IANF,CAjBF,CADF;AAoCD,CAtED;;AAwEA,MAAMY,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,UAAU,EAAE;AACVE,IAAAA,UAAU,EAAE,QADF;AAEVI,IAAAA,cAAc,EAAE,cAFN;AAGVC,IAAAA,YAAY,EAAE,EAHJ;AAIVC,IAAAA,SAAS,EAAE,EAJD;AAKVC,IAAAA,UAAU,EAAE,EALF;AAMVC,IAAAA,OAAO,EAAE,MANC;AAOV,OAAGC,sBAASC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAPO,GADmB;AAe/BpC,EAAAA,KAAK,EAAE;AACLwB,IAAAA,IAAI,EAAE;AADD;AAfwB,CAAlB,CAAf;;eAoBe1B,gB","sourcesContent":["import * as React from \"react\";\nimport {\n StyleProp,\n ViewStyle,\n StyleSheet,\n TextStyle,\n View,\n Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n Row = \"row\",\n RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxGroupRowProps extends Omit<CheckboxProps, \"onPress\"> {\n label: string | React.ReactNode;\n value: string; // A string that this checkbox represents\n labelContainerStyle: StyleProp<ViewStyle>;\n checkboxStyle?: StyleProp<ViewStyle>;\n labelStyle?: StyleProp<TextStyle>;\n onPress?: (value: boolean) => void;\n direction?: Direction;\n color: string;\n unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\n parentDirection: GroupDirection | undefined,\n direction: Direction\n) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n } else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n } else {\n return \"flex-end\";\n }\n};\n\nconst renderLabel = (\n value: string | React.ReactNode,\n labelStyle: StyleProp<TextStyle>,\n textStyle: StyleProp<TextStyle>\n) => {\n if (typeof value === \"string\") {\n return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n } else {\n return <>{value}</>;\n }\n};\n\nconst CheckboxGroupRow: React.FC<CheckboxGroupRowProps & IconSlot> = ({\n Icon,\n label = \"Label\",\n status,\n value,\n onPress,\n labelContainerStyle,\n labelStyle,\n checkboxStyle,\n direction = Direction.Row,\n disabled,\n style,\n color,\n uncheckedColor,\n ...rest\n}) => {\n const {\n values: selectedValues,\n onValueChange,\n direction: parentDirection,\n } = useCheckboxGroupContext();\n\n const values = Array.isArray(selectedValues) ? selectedValues : [];\n const isChecked = status || values.includes(value);\n\n const handlePress = () => {\n if (!disabled) {\n onPress?.(!isChecked);\n onValueChange?.(value, !isChecked);\n }\n };\n\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <Touchable\n onPress={handlePress}\n style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n disabled={disabled}\n {...rest}\n >\n <View\n style={[\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ]}\n >\n {renderLabel(label, labelStyle, textStyles)}\n </View>\n <View\n style={{\n flex: 1,\n alignItems: getCheckboxAlignment(parentDirection, direction),\n }}\n >\n <Checkbox\n Icon={Icon}\n status={isChecked}\n onPress={handlePress}\n style={checkboxStyle}\n disabled={disabled}\n color={color}\n uncheckedColor={uncheckedColor}\n />\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\n\nexport default CheckboxGroupRow;\n"]}