@draftbit/core 43.6.2 → 43.7.0

package/lib/commonjs/components/Accordion/AccordionGroup.js.map

@@ -1 +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"]}
+{"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"]}

package/lib/commonjs/components/AspectRatio.js

@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
 const AspectRatio = props => {
   const [layout, setLayout] = _react.default.useState(null);
 
@@ -43,7 +41,22 @@ const AspectRatio = props => {
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...props,
+    style: style,
+    onLayout: _ref => {
+      let {
+        nativeEvent: {
+          layout: l
+        }
+      } = _ref;
+      return setLayout(l);
+    }
+  }, props.children);
+};
+
+var _default = AspectRatio;
+exports.default = _default;
+//# sourceMappingURL=AspectRatio.js.mapateElement(_reactNative.View, _extends({}, props, {
     style: style,
     onLayout: _ref => {
       let {

package/lib/commonjs/components/AspectRatio.js.map

@@ -1 +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"]}
+{"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"]}

package/lib/commonjs/components/CardContainer.js

@@ -23,8 +23,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 
@@ -68,11 +66,12 @@ const CardContainer = _ref => {
       break;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -144,5 +143,17 @@ const CardContainer = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainer);
 
+exports.default = _default;
+//# sourceMappingURL=CardContainer.js.mapackgroundOpacity).rgb().string()
+    }
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    name: icon,
+    size: _Config.default.cardIconSize,
+    color: colors.surface
+  })) : null)));
+};
+
+var _default = (0, _theming.withTheme)(CardContainer);
+
 exports.default = _default;
 //# sourceMappingURL=CardContainer.js.map

package/lib/commonjs/components/CardContainer.js.map

@@ -1 +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":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AAIA;;;;;;AAGA,MAAMA,mBAAmB,GAAGC,gBAAOC,YAAP,GAAsB,CAAlD;AACA,MAAMC,sBAAsB,GAAGF,gBAAOC,YAAP,GAAsB,CAAtB,GAA0B,CAAzD;;AAiBA,MAAME,aAA8B,GAAG,QAejC;AAAA,MAfkC;AACtCC,IAAAA,IADsC;AAEtCC,IAAAA,IAFsC;AAGtCC,IAAAA,KAAK,GAAGN,gBAAOO,YAHuB;AAItCC,IAAAA,KAJsC;AAKtCC,IAAAA,eALsC;AAMtCC,IAAAA,gBANsC;AAOtCC,IAAAA,YAPsC;AAQtCC,IAAAA,WAAW,GAAG,GARwB;AAStCC,IAAAA,SAAS,GAAG,CAT0B;AAUtCC,IAAAA,UAAU,GAAG,CAVyB;AAWtCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,KAX+B;AAYtCC,IAAAA,KAZsC;AAatCC,IAAAA,OAbsC;AActC,OAAGC;AAdmC,GAelC;AACJ,MAAIC,iBAAJ;AAEA,MAAIC,UAAJ;;AAEA,MAAIZ,YAAY,IAAI,CAACD,gBAArB,EAAuC;AACrCY,IAAAA,iBAAiB,GAAG,QAApB;AACD,GAFD,MAEO;AACLA,IAAAA,iBAAiB,GAAG,eAApB;AACD;;AAED,UAAQR,UAAR;AACE,SAAK,CAAL;AACES,MAAAA,UAAU,GAAGL,UAAU,CAACM,SAAxB;AACA;;AACF,SAAK,CAAL;AACED,MAAAA,UAAU,GAAGL,UAAU,CAACO,SAAxB;AACA;AANJ;;AASA,sBACE,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAEN,KAAb;AAAoB,IAAA,OAAO,EAAEC,OAA7B;AAAsC,IAAA,UAAU,EAAEN;AAAlD,KAAkEO,IAAlE,gBACE,6BAAC,kBAAD;AAAW,IAAA,KAAK,EAAE;AAAER,MAAAA,SAAF;AAAaa,MAAAA,YAAY,EAAET;AAA3B;AAAlB,kBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLS,MAAAA,YAAY,EAAET,SADT;AAELU,MAAAA,QAAQ,EAAE,QAFL;AAGLC,MAAAA,eAAe,EAAEZ,MAAM,CAACa;AAHnB;AADT,kBAOE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEjB,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEwB,MAAAA,GAAG,EAAExB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAPF,eAYE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLyB,MAAAA,OAAO,EAAEjB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB;AAD3B;AADT,KAKGN,KAAK,gBACJ,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLwB,MAAAA,aAAa,EAAE,KADV;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,cAAc,EAAEZ;AAHX;AADT,kBAOE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACC,UAAD,EAAa;AAAEY,MAAAA,KAAK,EAAEnB,MAAM,CAACoB;AAAhB,KAAb;AAFT,KAIG5B,KAJH,CAPF,CADI,GAeF,IApBN,EAqBGC,eAAe,gBACd,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLuB,MAAAA,aAAa,EAAE,KADV;AAELE,MAAAA,cAAc,EAAEZ,iBAFX;AAGLW,MAAAA,UAAU,EAAE,QAHP;AAILI,MAAAA,SAAS,EAAEvB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB,IAAI;AAJjC;AADT,kBAQE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACI,UAAU,CAACoB,KAAZ,EAAmB;AAAEH,MAAAA,KAAK,EAAEnB,MAAM,CAACuB;AAAhB,KAAnB;AAFT,KAIG9B,eAJH,CARF,EAcGC,gBAAgB,gBACf,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACQ,UAAU,CAACsB,SAAZ,EAAuB;AAAEL,MAAAA,KAAK,EAAEnB,MAAM,CAACyB;AAAhB,KAAvB;AAFT,KAIG/B,gBAJH,CADe,GAOb,IArBN,CADc,GAwBZ,IA7CN,CAZF,EA2DGL,IAAI,gBACH,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,SAAS,EAAEb,gBAAO0C,iBADb;AAELC,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,GAAG,EAAE,EAHA;AAILC,MAAAA,KAAK,EAAE,EAJF;AAKLC,MAAAA,KAAK,EAAE/C,mBALF;AAMLgD,MAAAA,MAAM,EAAEhD,mBANH;AAOLgC,MAAAA,OAAO,EAAE7B,sBAPJ;AAQLwB,MAAAA,YAAY,EAAE3B,mBART;AASL6B,MAAAA,eAAe,EAAE,oBAAMZ,MAAM,CAACoB,MAAb,EACdY,KADc,CACRhD,gBAAOiD,yBADC,EAEdC,GAFc,GAGdC,MAHc;AATZ;AADT,kBAgBE,6BAAC,IAAD;AACE,IAAA,IAAI,EAAE9C,IADR;AAEE,IAAA,IAAI,EAAEL,gBAAOC,YAFf;AAGE,IAAA,KAAK,EAAEe,MAAM,CAACa;AAHhB,IAhBF,CADG,GAuBD,IAlFN,CADF,CADF,CADF;AA0FD,CA7HD;;eA+He,wBAAU1B,aAAV,C","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"]}
+{"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"]}

package/lib/commonjs/components/CardContainerShortImage.js

@@ -21,8 +21,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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); }
-
 const CardContainerShortImage = _ref => {
   let {
     image = _Config.default.squareImageUrl,
@@ -40,10 +38,11 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
-    onPress: onPress
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    onPress: onPress,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -93,5 +92,19 @@ const CardContainerShortImage = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
 
+exports.default = _default;
+//# sourceMappingURL=CardContainerShortImage.js.mapteElement(_Image.default, {
+    style: {
+      aspectRatio
+    },
+    source: typeof image === "string" ? {
+      uri: image
+    } : image,
+    resizeMode: "cover"
+  }))));
+};
+
+var _default = (0, _theming.withTheme)(CardContainerShortImage);
+
 exports.default = _default;
 //# sourceMappingURL=CardContainerShortImage.js.map

package/lib/commonjs/components/CardContainerShortImage.js.map

@@ -1 +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"]}
+{"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":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,uBAAuB,GAAG,QAA0K;AAAA,MAAzK;AAAEC,IAAAA,KAAK,GAAGC,gBAAOC,cAAjB;AAAiCC,IAAAA,KAAjC;AAAwCC,IAAAA,QAAxC;AAAkDC,IAAAA,IAAI,GAAG,MAAzD;AAAiEC,IAAAA,WAAW,GAAG,CAA/E;AAAkFC,IAAAA,SAAS,GAAG,CAA9F;AAAiGC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,KAAxG;AAA2IC,IAAAA,KAA3I;AAAkJC,IAAAA,OAAlJ;AAA2J,OAAGC;AAA9J,GAAyK;AACtM,sBAAQC,eAAMC,aAAN,CAAoBC,8BAApB,EAA0B;AAAEL,IAAAA,KAAK,EAAEA,KAAT;AAAgBC,IAAAA,OAAO,EAAEA,OAAzB;AAAkC,OAAGC;AAArC,GAA1B,eACJC,eAAMC,aAAN,CAAoBE,kBAApB,EAA+B;AAAEN,IAAAA,KAAK,EAAE;AAChCL,MAAAA,SADgC;AAEhCY,MAAAA,YAAY,EAAET;AAFkB;AAAT,GAA/B,eAIIK,eAAMC,aAAN,CAAoBI,iBAApB,EAA0B;AAAER,IAAAA,KAAK,EAAE;AAC3BS,MAAAA,QAAQ,EAAE,QADiB;AAE3BC,MAAAA,aAAa,EAAE,KAFY;AAG3BC,MAAAA,cAAc,EAAElB,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAH1B;AAI3Bc,MAAAA,YAAY,EAAET;AAJa;AAAT,GAA1B,EAMIL,IAAI,KAAK,MAAT,iBAAoBU,eAAMC,aAAN,CAAoBQ,cAApB,EAA2B;AAAEZ,IAAAA,KAAK,EAAE;AAAEN,MAAAA;AAAF,KAAT;AAA0BmB,IAAAA,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;AAAE0B,MAAAA,GAAG,EAAE1B;AAAP,KAA5B,GAA6CA,KAA/E;AAAsF2B,IAAAA,UAAU,EAAE;AAAlG,GAA3B,CANxB,eAOIZ,eAAMC,aAAN,CAAoBI,iBAApB,EAA0B;AAAER,IAAAA,KAAK,EAAE;AAC3BgB,MAAAA,OAAO,EAAE,EADkB;AAE3BC,MAAAA,eAAe,EAAEpB,MAAM,CAACqB,OAFG;AAG3BC,MAAAA,IAAI,EAAE;AAHqB;AAAT,GAA1B,eAKIhB,eAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;AAAEC,IAAAA,aAAa,EAAE,CAAjB;AAAoBrB,IAAAA,KAAK,EAAE,CAACD,UAAU,CAACuB,SAAZ,EAAuB;AAAEC,MAAAA,KAAK,EAAE1B,MAAM,CAAC2B;AAAhB,KAAvB;AAA3B,GAA1B,EAAyGjC,KAAzG,CALJ,EAMIC,QAAQ,gBAAIW,eAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;AAAEC,IAAAA,aAAa,EAAE,CAAjB;AAAoBrB,IAAAA,KAAK,EAAE,CACzDD,UAAU,CAAC0B,KAD8C,EAEzD;AAAEF,MAAAA,KAAK,EAAE1B,MAAM,CAAC6B,MAAhB;AAAwBC,MAAAA,SAAS,EAAE;AAAnC,KAFyD;AAA3B,GAA1B,EAGHnC,QAHG,CAAJ,GAGc,IAT1B,CAPJ,EAiBIC,IAAI,KAAK,OAAT,iBAAqBU,eAAMC,aAAN,CAAoBQ,cAApB,EAA2B;AAAEZ,IAAAA,KAAK,EAAE;AAAEN,MAAAA;AAAF,KAAT;AAA0BmB,IAAAA,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;AAAE0B,MAAAA,GAAG,EAAE1B;AAAP,KAA5B,GAA6CA,KAA/E;AAAsF2B,IAAAA,UAAU,EAAE;AAAlG,GAA3B,CAjBzB,CAJJ,CADI,CAAR;AAuBH,CAxBD;;eAyBe,wBAAU5B,uBAAV,C","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"]}

package/lib/commonjs/components/Checkbox/CheckboxGroup.js

@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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); }
-
 const {
   Provider
 } = _context.checkboxGroupContext;
@@ -41,11 +39,25 @@ const CheckboxGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
       minHeight: 40
-    }, style]
-  }, rest), /*#__PURE__*/React.createElement(Provider, {
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      values,
+      onValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _containerStyle
+  }, children)));
+};
+
+var _default = CheckboxGroup;
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroup.js.map/*#__PURE__*/React.createElement(Provider, {
     value: {
       values,
       onValueChange,

package/lib/commonjs/components/Checkbox/CheckboxGroup.js.map

@@ -1 +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"]}
+{"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"]}

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -25,9 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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); }
-
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -91,13 +89,14 @@ const CheckboxGroupRow = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -137,6 +136,23 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 
+var _default = CheckboxGroupRow;
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroupRow.js.map    minHeight: 50,
+    paddingEnd: 20,
+    display: "flex",
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: "pointer",
+        userSelect: "none"
+      }
+    })
+  },
+  label: {
+    flex: 3
+  }
+});
+
 var _default = CheckboxGroupRow;
 exports.default = _default;
 //# sourceMappingURL=CheckboxGroupRow.js.map

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map

@@ -1 +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"]}
+{"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"]}

package/lib/commonjs/components/Container.js

@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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); }
-
 const Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -86,9 +84,10 @@ const Container = _ref => {
     containerStyle.elevation = elevation;
   }
 
-  return /*#__PURE__*/React.createElement(Wrap, _extends({
-    style: [containerStyle, style]
-  }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
+  return /*#__PURE__*/React.createElement(Wrap, {
+    style: [containerStyle, style],
+    ...rest
+  }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
     source: typeof backgroundImage === "string" ? {
       uri: backgroundImage
     } : backgroundImage,
@@ -105,5 +104,17 @@ const Container = _ref => {
 
 var _default = (0, _theming.withTheme)(Container);
 
+exports.default = _default;
+//# sourceMappingURL=Container.js.map 1
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: innerStyle
+  }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: innerStyle
+  }, children));
+};
+
+var _default = (0, _theming.withTheme)(Container);
+
 exports.default = _default;
 //# sourceMappingURL=Container.js.map

package/lib/commonjs/components/Container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Container.tsx"],"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","uri"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;;;;;;;;;AAiBA,MAAMA,SAA0B,GAAG,QAY7B;AAAA,MAZ8B;AAClCC,IAAAA,qBADkC;AAElCC,IAAAA,WAFkC;AAGlCC,IAAAA,WAHkC;AAIlCC,IAAAA,eAJkC;AAKlCC,IAAAA,eALkC;AAMlCC,IAAAA,yBANkC;AAOlCC,IAAAA,SAPkC;AAQlCC,IAAAA,KARkC;AASlCC,IAAAA,QATkC;AAUlCC,IAAAA,KAVkC;AAU3B;AACP,OAAGC;AAX+B,GAY9B;AACJ,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,YAPI;AAQJC,IAAAA,cARI;AASJC,IAAAA,UATI;AAUJC,IAAAA,OAVI;AAWJC,IAAAA,UAXI;AAYJC,IAAAA,aAZI;AAaJC,IAAAA,WAbI;AAcJC,IAAAA,YAdI;AAeJC,IAAAA,eAfI;AAgBJC,IAAAA,iBAhBI;AAiBJ,OAAGC;AAjBC,MAkBFC,wBAAWC,OAAX,CAAmBtB,KAAnB,KAA6B,EAlBjC;AAoBA,QAAMuB,cAAoC,GAAG;AAC3C3B,IAAAA,eAD2C;AAE3CF,IAAAA,WAF2C;AAG3CC,IAAAA,WAH2C;AAI3C6B,IAAAA,KAAK,EAAE,MAJoC;AAK3C,OAAGJ;AALwC,GAA7C;AAQA,QAAMK,UAAgC,GAAG;AACvCrB,IAAAA,IADuC;AAEvCC,IAAAA,QAFuC;AAGvCC,IAAAA,QAHuC;AAIvCC,IAAAA,SAJuC;AAKvCC,IAAAA,UALuC;AAMvCC,IAAAA,aANuC;AAOvCC,IAAAA,YAPuC;AAQvCC,IAAAA,cARuC;AASvCC,IAAAA,UATuC;AAUvCC,IAAAA,OAVuC;AAWvCC,IAAAA,UAXuC;AAYvCC,IAAAA,aAZuC;AAavCC,IAAAA,WAbuC;AAcvCC,IAAAA,YAduC;AAevCC,IAAAA,eAfuC;AAgBvCC,IAAAA,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;AAhB9B,GAAzC;AAmBA,QAAMiC,IAAI,GAAG3B,SAAS,GAAG4B,kBAAH,GAAeC,iBAArC;;AAEA,MAAI7B,SAAJ,EAAe;AACbwB,IAAAA,cAAc,CAACxB,SAAf,GAA2BA,SAA3B;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACwB,cAAD,EAAiBvB,KAAjB;AAAb,KAA0CG,IAA1C,GACGN,eAAe,gBACd,oBAAC,4BAAD;AACE,IAAA,MAAM,EACJ,OAAOA,eAAP,KAA2B,QAA3B,GACI;AAAEgC,MAAAA,GAAG,EAAEhC;AAAP,KADJ,GAEIA,eAJR;AAME,IAAA,UAAU,EAAEC,yBANd;AAOE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE;AADD;AAPT,kBAWE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEqB;AAAb,KAA0BxB,QAA1B,CAXF,CADc,gBAed,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEwB;AAAb,KAA0BxB,QAA1B,CAhBJ,CADF;AAqBD,CAvFD;;eAyFe,wBAAUT,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  ImageBackground,\n  ImageSourcePropType,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n  theme: Theme;\n  useThemeGutterPadding: boolean;\n  borderColor: string;\n  borderWidth: number;\n  backgroundColor: string;\n  backgroundImage?: string | ImageSourcePropType;\n  backgroundImageResizeMode?: ResizeModeType;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nconst Container: React.FC<Props> = ({\n  useThemeGutterPadding,\n  borderColor,\n  borderWidth,\n  backgroundColor,\n  backgroundImage,\n  backgroundImageResizeMode,\n  elevation,\n  style,\n  children,\n  theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n  ...rest\n}) => {\n  const {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal,\n    ...styleProp\n  } = StyleSheet.flatten(style) || {};\n\n  const containerStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    width: \"100%\",\n    ...styleProp,\n  };\n\n  const innerStyle: StyleProp<ViewStyle> = {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n  };\n\n  const Wrap = elevation ? Elevation : View;\n\n  if (elevation) {\n    containerStyle.elevation = elevation;\n  }\n\n  return (\n    <Wrap style={[containerStyle, style]} {...rest}>\n      {backgroundImage ? (\n        <ImageBackground\n          source={\n            typeof backgroundImage === \"string\"\n              ? { uri: backgroundImage }\n              : backgroundImage\n          }\n          resizeMode={backgroundImageResizeMode}\n          style={{\n            flex: 1,\n          }}\n        >\n          <View style={innerStyle}>{children}</View>\n        </ImageBackground>\n      ) : (\n        <View style={innerStyle}>{children}</View>\n      )}\n    </Wrap>\n  );\n};\n\nexport default withTheme(Container);\n"]}
+{"version":3,"sources":["Container.js"],"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","React","createElement","ImageBackground","source","uri","resizeMode"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,SAAS,GAAG,QACJ;AAAA,MADK;AAAEC,IAAAA,qBAAF;AAAyBC,IAAAA,WAAzB;AAAsCC,IAAAA,WAAtC;AAAmDC,IAAAA,eAAnD;AAAoEC,IAAAA,eAApE;AAAqFC,IAAAA,yBAArF;AAAgHC,IAAAA,SAAhH;AAA2HC,IAAAA,KAA3H;AAAkIC,IAAAA,QAAlI;AAA4IC,IAAAA,KAA5I;AAAmJ;AACtK,OAAGC;AADgB,GACL;AACV,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,QAAlB;AAA4BC,IAAAA,SAA5B;AAAuCC,IAAAA,UAAvC;AAAmDC,IAAAA,aAAnD;AAAkEC,IAAAA,YAAlE;AAAgFC,IAAAA,cAAhF;AAAgGC,IAAAA,UAAhG;AAA4GC,IAAAA,OAA5G;AAAqHC,IAAAA,UAArH;AAAiIC,IAAAA,aAAjI;AAAgJC,IAAAA,WAAhJ;AAA6JC,IAAAA,YAA7J;AAA2KC,IAAAA,eAA3K;AAA4LC,IAAAA,iBAA5L;AAA+M,OAAGC;AAAlN,MAAgOC,wBAAWC,OAAX,CAAmBtB,KAAnB,KAA6B,EAAnQ;AACA,QAAMuB,cAAc,GAAG;AACnB3B,IAAAA,eADmB;AAEnBF,IAAAA,WAFmB;AAGnBC,IAAAA,WAHmB;AAInB6B,IAAAA,KAAK,EAAE,MAJY;AAKnB,OAAGJ;AALgB,GAAvB;AAOA,QAAMK,UAAU,GAAG;AACfrB,IAAAA,IADe;AAEfC,IAAAA,QAFe;AAGfC,IAAAA,QAHe;AAIfC,IAAAA,SAJe;AAKfC,IAAAA,UALe;AAMfC,IAAAA,aANe;AAOfC,IAAAA,YAPe;AAQfC,IAAAA,cARe;AASfC,IAAAA,UATe;AAUfC,IAAAA,OAVe;AAWfC,IAAAA,UAXe;AAYfC,IAAAA,aAZe;AAafC,IAAAA,WAbe;AAcfC,IAAAA,YAde;AAefC,IAAAA,eAfe;AAgBfC,IAAAA,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAArB,GAA6C,EAA7C,GAAkD;AAhBtD,GAAnB;AAkBA,QAAMiC,IAAI,GAAG3B,SAAS,GAAG4B,kBAAH,GAAeC,iBAArC;;AACA,MAAI7B,SAAJ,EAAe;AACXwB,IAAAA,cAAc,CAACxB,SAAf,GAA2BA,SAA3B;AACH;;AACD,sBAAQ8B,KAAK,CAACC,aAAN,CAAoBJ,IAApB,EAA0B;AAAE1B,IAAAA,KAAK,EAAE,CAACuB,cAAD,EAAiBvB,KAAjB,CAAT;AAAkC,OAAGG;AAArC,GAA1B,EAAuEN,eAAe,gBAAIgC,KAAK,CAACC,aAAN,CAAoBC,4BAApB,EAAqC;AAAEC,IAAAA,MAAM,EAAE,OAAOnC,eAAP,KAA2B,QAA3B,GACvI;AAAEoC,MAAAA,GAAG,EAAEpC;AAAP,KADuI,GAEvIA,eAF6H;AAE5GqC,IAAAA,UAAU,EAAEpC,yBAFgG;AAErEE,IAAAA,KAAK,EAAE;AACjEI,MAAAA,IAAI,EAAE;AAD2D;AAF8D,GAArC,eAK9FyB,KAAK,CAACC,aAAN,CAAoBF,iBAApB,EAA0B;AAAE5B,IAAAA,KAAK,EAAEyB;AAAT,GAA1B,EAAiDxB,QAAjD,CAL8F,CAAJ,gBAK1B4B,KAAK,CAACC,aAAN,CAAoBF,iBAApB,EAA0B;AAAE5B,IAAAA,KAAK,EAAEyB;AAAT,GAA1B,EAAiDxB,QAAjD,CAL5D,CAAR;AAMH,CAtCD;;eAuCe,wBAAUT,SAAV,C","sourcesContent":["import * as React from \"react\";\nimport { View, ImageBackground, StyleSheet, } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Elevation from \"./Elevation\";\nconst Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n...rest }) => {\n    const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};\n    const containerStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        width: \"100%\",\n        ...styleProp,\n    };\n    const innerStyle = {\n        flex,\n        flexGrow,\n        flexWrap,\n        flexBasis,\n        flexShrink,\n        flexDirection,\n        alignContent,\n        justifyContent,\n        alignItems,\n        padding,\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        paddingVertical,\n        paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n    };\n    const Wrap = elevation ? Elevation : View;\n    if (elevation) {\n        containerStyle.elevation = elevation;\n    }\n    return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === \"string\"\n            ? { uri: backgroundImage }\n            : backgroundImage, resizeMode: backgroundImageResizeMode, style: {\n            flex: 1,\n        } },\n        React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));\n};\nexport default withTheme(Container);\n"]}

package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePickerComponent.web.tsx"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","DateFnsUtils","d"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAMA;;AAEA;;AACA;;;;AAEA,MAAMA,mBAA8D,GAAG,QAOjE;AAAA;;AAAA,MAPkE;AACtEC,IAAAA,KADsE;AAEtEC,IAAAA,QAFsE;AAGtEC,IAAAA,IAHsE;AAItEC,IAAAA,gBAJsE;AAKtEC,IAAAA,SALsE;AAMtEC,IAAAA;AANsE,GAOlE;AACJ,QAAMC,aAAa,GAAG,4BAAe;AACnCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,sBAAMD,MAAN,CAAaF;AADtC,OADF;AAIPI,MAAAA,SAAS,EAAE;AACTH,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,sBAAMD,MAAN,CAAaE;AADtC;AAJJ;AAD0B,GAAf,CAAtB;AAWA,QAAMC,MAAM,GACVX,IAAI,KAAK,MAAT,GACIY,mBADJ,GAEIZ,IAAI,KAAK,MAAT,GACAa,mBADA,GAEAC,uBALN;AAOA,sBACE,6BAAC,gCAAD;AAAyB,IAAA,KAAK,EAAEC;AAAhC,kBACE,6BAAC,qBAAD;AAAe,IAAA,KAAK,EAAEX;AAAtB,kBACE,6BAAC,MAAD;AACE,IAAA,KAAK,EAAEN,KADT;AAEE,IAAA,IAAI,EAAEI,SAFR;AAGE,IAAA,QAAQ,EAAGc,CAAD,IAAO;AACff,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOiB,CAAP,CAAR;AACD,KANH;AAOE,IAAA,OAAO,EAAE,MAAMf,gBAAgB,EAPjC;AAQE,IAAA,OAAO,EAAC,QARV;AASE,IAAA,kBAAkB,EAAE,MAAM;AAT5B,IADF,CADF,CADF;AAiBD,CA3CD;;eA6Ce,wBAAUJ,mBAAV,C","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme?.colors?.primary ?? Theme.colors.primary,\n      },\n      secondary: {\n        main: theme?.colors?.secondary ?? Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"]}
+{"version":3,"sources":["DatePickerComponent.web.js"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","React","createElement","MuiPickersUtilsProvider","utils","DateFnsUtils","ThemeProvider","open","d","onClose","variant","TextFieldComponent"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,mBAAmB,GAAG,QAAoE;AAAA;;AAAA,MAAnE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,IAAnB;AAAyBC,IAAAA,gBAAzB;AAA2CC,IAAAA,SAA3C;AAAsDC,IAAAA;AAAtD,GAAmE;AAC5F,QAAMC,aAAa,GAAG,4BAAe;AACjCC,IAAAA,OAAO,EAAE;AACLC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,sBAAMD,MAAN,CAAaF;AADxC,OADJ;AAILI,MAAAA,SAAS,EAAE;AACPH,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,sBAAMD,MAAN,CAAaE;AADxC;AAJN;AADwB,GAAf,CAAtB;AAUA,QAAMC,MAAM,GAAGX,IAAI,KAAK,MAAT,GACTY,mBADS,GAETZ,IAAI,KAAK,MAAT,GACIa,mBADJ,GAEIC,uBAJV;AAKA,sBAAQC,eAAMC,aAAN,CAAoBC,gCAApB,EAA6C;AAAEC,IAAAA,KAAK,EAAEC;AAAT,GAA7C,eACJJ,eAAMC,aAAN,CAAoBI,qBAApB,EAAmC;AAAEjB,IAAAA,KAAK,EAAEC;AAAT,GAAnC,eACIW,eAAMC,aAAN,CAAoBL,MAApB,EAA4B;AAAEb,IAAAA,KAAK,EAAEA,KAAT;AAAgBuB,IAAAA,IAAI,EAAEnB,SAAtB;AAAiCH,IAAAA,QAAQ,EAAGuB,CAAD,IAAO;AACtErB,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOuB,CAAP,CAAR;AACH,KAHuB;AAGrBC,IAAAA,OAAO,EAAE,MAAMtB,gBAAgB,EAHV;AAGcuB,IAAAA,OAAO,EAAE,QAHvB;AAGiCC,IAAAA,kBAAkB,EAAE,MAAM;AAH3D,GAA5B,CADJ,CADI,CAAR;AAMH,CAtBD;;eAuBe,wBAAU5B,mBAAV,C","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {\n    const internalTheme = createMuiTheme({\n        palette: {\n            primary: {\n                main: theme?.colors?.primary ?? Theme.colors.primary,\n            },\n            secondary: {\n                main: theme?.colors?.secondary ?? Theme.colors.secondary,\n            },\n        },\n    });\n    const Picker = mode === \"date\"\n        ? DatePicker\n        : mode === \"time\"\n            ? TimePicker\n            : DateTimePicker;\n    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },\n        React.createElement(ThemeProvider, { theme: internalTheme },\n            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {\n                    toggleVisibility();\n                    onChange(null, d);\n                }, onClose: () => toggleVisibility(), variant: \"dialog\", TextFieldComponent: () => null }))));\n};\nexport default withTheme(DatePickerComponent);\n"]}

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -13,6 +13,8 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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); }
+
 const getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -35,20 +37,6 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
-  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
-    disabled: !onPress,
-    onPress: onPress,
-    style: [style, {
-      width
-    }],
-    ...rest
-  }, children);
-};
-
-var _default = (0, _theming.withTheme)(Card);
-
-exports.default = _default;
-//# sourceMappingURL=DeprecatedCardWrapper.js.map);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

package/lib/commonjs/components/DeprecatedCardWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DeprecatedCardWrapper.js"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","React","createElement","Touchable","disabled"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,QAAQ,GAAIC,UAAD,IAAgB;AAC7B,UAAQA,UAAR;AACI,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ;AACI,aAAO,MAAP;AANR;AAQH,CATD;;AAUA,MAAMC,IAAI,GAAG,QAA2D;AAAA,MAA1D;AAAED,IAAAA,UAAU,GAAG,CAAf;AAAkBE,IAAAA,QAAlB;AAA4BC,IAAAA,OAA5B;AAAqCC,IAAAA,KAArC;AAA4C,OAAGC;AAA/C,GAA0D;AACpE,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBAAQO,eAAMC,aAAN,CAAoBC,kBAApB,EAA+B;AAAEC,IAAAA,QAAQ,EAAE,CAACP,OAAb;AAAsBA,IAAAA,OAAO,EAAEA,OAA/B;AAAwCC,IAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR,CAA/C;AAAmE,OAAGD;AAAtE,GAA/B,EAA6GH,QAA7G,CAAR;AACH,CAHD;;eAIe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nconst getWidth = (numColumns) => {\n    switch (numColumns) {\n        case 1:\n            return \"33%\";\n        case 2:\n            return \"50%\";\n        default:\n            return \"100%\";\n    }\n};\nconst Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {\n    const width = getWidth(numColumns);\n    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));\n};\nexport default withTheme(Card);\n"]}
+{"version":3,"sources":["DeprecatedCardWrapper.tsx"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;AACvC,UAAQA,UAAR;AACE,SAAK,CAAL;AACE,aAAO,KAAP;;AACF,SAAK,CAAL;AACE,aAAO,KAAP;;AACF;AACE,aAAO,MAAP;AANJ;AAQD,CATD;;AAWA,MAAMC,IAAqB,GAAG,QAMxB;AAAA,MANyB;AAC7BD,IAAAA,UAAU,GAAG,CADgB;AAE7BE,IAAAA,QAF6B;AAG7BC,IAAAA,OAH6B;AAI7BC,IAAAA,KAJ6B;AAK7B,OAAGC;AAL0B,GAMzB;AACJ,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAE,CAACG,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR;AAHT,KAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  numColumns?: number;\n  children?: React.ReactNode;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n  switch (numColumns) {\n    case 1:\n      return \"33%\";\n    case 2:\n      return \"50%\";\n    default:\n      return \"100%\";\n  }\n};\n\nconst Card: React.FC<Props> = ({\n  numColumns = 3,\n  children,\n  onPress,\n  style,\n  ...rest\n}) => {\n  const width = getWidth(numColumns);\n  return (\n    <Touchable\n      disabled={!onPress}\n      onPress={onPress}\n      style={[style, { width }]}\n      {...rest}\n    >\n      {children}\n    </Touchable>\n  );\n};\n\nexport default withTheme(Card);\n"]}