@draftbit/core 43.4.16-ee8347.1 → 43.4.17

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

@@ -1 +1 @@
-{"version":3,"sources":["Card.tsx"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","uri","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n  ({\n    Icon,\n    icon,\n    theme,\n    onPress,\n  }: {\n    icon: string;\n    theme: Theme;\n    onPress?: () => void;\n  } & IconSlot) => {\n    return (\n      <Surface\n        style={{\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          elevation: ICON_ELEVATION,\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: \"rgba(0, 0, 0, 0.1)\",\n        }}\n      >\n        <Pressable\n          disabled={!onPress}\n          onPress={onPress}\n          style={({ pressed }) => {\n            return [\n              {\n                opacity: pressed ? 0.8 : 1,\n              },\n            ];\n          }}\n        >\n          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n        </Pressable>\n      </Surface>\n    );\n  }\n);\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  description?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  descriptionStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n  onPressIcon?: () => void;\n  children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<Props> = ({\n  Icon,\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  description,\n  textCentered,\n  icon,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  onPress,\n  onPressIcon,\n  titleStyle,\n  subtitleStyle,\n  descriptionStyle,\n  theme,\n  children,\n}) => {\n  const {\n    backgroundColor: bgColor,\n    padding,\n    ...styles\n  } = StyleSheet.flatten(style || {});\n\n  const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n  const innerPadding = padding ? padding : 12;\n\n  return (\n    <Surface style={[{ elevation, backgroundColor }, styles]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={{ aspectRatio }}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={{ padding: innerPadding }}>\n          <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n            {title || (title && title !== \"\") ? (\n              <Title text={title} style={titleStyle} />\n            ) : null}\n            {subtitle || (subtitle && subtitle !== \"\") ? (\n              <Subtitle text={subtitle} style={subtitleStyle} />\n            ) : null}\n            {description || (description && description !== \"\") ? (\n              <View style={{ marginTop: 4 }}>\n                <Caption text={description} style={descriptionStyle} />\n              </View>\n            ) : null}\n            {children}\n          </View>\n        </View>\n        {icon ? (\n          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n        ) : null}\n      </Pressable>\n    </Surface>\n  );\n};\n\nexport default withTheme(Card);\n"]}
+{"version":3,"sources":["Card.js"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","React","createElement","Surface","style","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","Pressable","disabled","pressed","opacity","name","size","color","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","Image","source","uri","resizeMode","View","Title","text","Subtitle","marginTop","Caption"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { StyleSheet, View, Pressable, } from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\nexport const TopRightCircleIcon = withTheme(({ Icon, icon, theme, onPress, }) => {\n    return (React.createElement(Surface, { style: {\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            elevation: ICON_ELEVATION,\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: \"rgba(0, 0, 0, 0.1)\",\n        } },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.surface }))));\n});\nconst Card = ({ Icon, image = Config.cardImageUrl, title, subtitle, description, textCentered, icon, aspectRatio = 1.5, elevation = 2, style, onPress, onPressIcon, titleStyle, subtitleStyle, descriptionStyle, theme, children, }) => {\n    const { backgroundColor: bgColor, padding, ...styles } = StyleSheet.flatten(style || {});\n    const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n    const innerPadding = padding ? padding : 12;\n    return (React.createElement(Surface, { style: [{ elevation, backgroundColor }, styles] },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n            React.createElement(View, { style: { padding: innerPadding } },\n                React.createElement(View, { style: { alignItems: textCentered ? \"center\" : \"flex-start\" } },\n                    title || (title && title !== \"\") ? (React.createElement(Title, { text: title, style: titleStyle })) : null,\n                    subtitle || (subtitle && subtitle !== \"\") ? (React.createElement(Subtitle, { text: subtitle, style: subtitleStyle })) : null,\n                    description || (description && description !== \"\") ? (React.createElement(View, { style: { marginTop: 4 } },\n                        React.createElement(Caption, { text: description, style: descriptionStyle }))) : null,\n                    children)),\n            icon ? (React.createElement(TopRightCircleIcon, { Icon: Icon, icon: icon, onPress: onPressIcon })) : null)));\n};\nexport default withTheme(Card);\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":"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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"]}

package/lib/commonjs/components/ScreenContainer.js

@@ -21,10 +21,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function ScreenContainer(_ref) {
   let {
-    hasSafeArea = false,
     scrollable = false,
-    hasBottomSafeArea,
-    hasTopSafeArea,
+    hasSafeArea = false,
+    hasBottomSafeArea = false,
+    hasTopSafeArea = false,
     theme,
     style,
     children,

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

@@ -1 +1 @@
-{"version":3,"sources":["ScreenContainer.tsx"],"names":["ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","StyleSheet","create","flex","flexGrow","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AAEA;;;;;;;;AAaA,SAASA,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,wCAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,uBAAD;AACE,IAAA,qBAAqB,EAAE,CACrBY,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE;AACTI,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BH,EAAAA,mBAAmB,EAAE;AACnBI,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;;eAUe,wBAAUrB,eAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  hasSafeArea: boolean;\n  scrollable: boolean;\n  hasBottomSafeArea?: boolean;\n  hasTopSafeArea?: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  hasSafeArea = false,\n  scrollable = false,\n  hasBottomSafeArea,\n  hasTopSafeArea,\n  theme,\n  style,\n  children,\n  ...rest\n}: Props) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
+{"version":3,"sources":["ScreenContainer.tsx"],"names":["ScreenContainer","scrollable","hasSafeArea","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","StyleSheet","create","flex","flexGrow","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AAEA;;;;;;;;AAaA,SAASA,eAAT,OASyB;AAAA,MATA;AACvBC,IAAAA,UAAU,GAAG,KADU;AAEvBC,IAAAA,WAAW,GAAG,KAFS;AAGvBC,IAAAA,iBAAiB,GAAG,KAHG;AAIvBC,IAAAA,cAAc,GAAG,KAJM;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASA;AACvB,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIV,WAAW,IAAIE,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIX,WAAW,IAAIC,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,wCAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGP,UAAU,gBACT,oBAAC,uBAAD;AACE,IAAA,qBAAqB,EAAE,CACrBa,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE;AACTI,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BH,EAAAA,mBAAmB,EAAE;AACnBI,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;;eAUe,wBAAUrB,eAAV,C","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype ScreenContainerProps = {\n  scrollable: boolean;\n  hasSafeArea: boolean;\n  hasTopSafeArea: boolean;\n  hasBottomSafeArea: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  scrollable = false,\n  hasSafeArea = false,\n  hasBottomSafeArea = false,\n  hasTopSafeArea = false,\n  theme,\n  style,\n  children,\n  ...rest\n}: ScreenContainerProps) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}

package/lib/commonjs/components/Stepper.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _lodash = require("lodash");
+
 var _theming = require("../theming");
 
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 
-var _lodash = _interopRequireDefault(require("lodash.isnumber"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -23,89 +23,71 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const Stepper = _ref => {
   let {
-    Icon,
-    value,
-    min,
-    max,
+    min = -Infinity,
+    max = Infinity,
+    value: valueProp,
+    defaultValue,
     style,
+    typeStyle,
+    iconSize = 24,
+    iconColor,
     onChange,
-    defaultValue,
     theme: {
       colors,
-      typography,
-      roundness
+      typography
     },
-    iconSize = 24,
-    iconColor = colors.strong,
-    borderRadius = roundness,
-    typeStyle
+    Icon
   } = _ref;
-  const [stateValue, setStateValue] = React.useState(value || defaultValue || 0);
-  React.useEffect(() => {
-    if (value || value === 0) {
-      onChange && onChange(stateValue);
-    }
-  }, [onChange, stateValue, value]);
-  React.useEffect(() => {
-    let newValue = value || defaultValue || 0;
+  const [value, setValue] = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
-    if ((0, _lodash.default)(max) && newValue > max) {
-      newValue = max;
-    }
+  const isValidValue = valueArg => valueArg >= min && valueArg <= max;
 
-    if ((0, _lodash.default)(min) && newValue < min) {
-      newValue = min;
-    }
+  const handlePlusOrMinus = type => {
+    const newValue = type === "plus" ? value + 1 : value - 1;
 
-    setStateValue(newValue);
-  }, [defaultValue, value, min, max]);
-  const handleMinus = React.useCallback(() => {
-    if ((0, _lodash.default)(min) && value === min) {
-      return;
+    if (isValidValue(newValue)) {
+      setValue(newValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     }
+  };
 
-    setStateValue(stateValue - 1);
-  }, [min, stateValue, value]);
-  const handlePlus = React.useCallback(() => {
-    if ((0, _lodash.default)(max) && value === max) {
-      return;
-    }
+  (0, _react.useEffect)(() => {
+    if (valueProp != null && (0, _lodash.isNumber)(valueProp) && valueProp !== value && isValidValue(valueProp)) {
+      setValue(valueProp);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
 
-    setStateValue(stateValue + 1);
-  }, [max, stateValue, value]);
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, [valueProp]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
       flexDirection: "row"
-    }, style, borderRadius ? {
-      borderRadius
-    } : {}]
-  }, /*#__PURE__*/React.createElement(_IconButton.default, {
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     Icon: Icon,
     icon: "MaterialIcons/remove",
-    onPress: handleMinus,
+    onPress: () => handlePlusOrMinus("minus"),
     size: iconSize,
     color: iconColor,
-    disabled: stateValue === min,
-    style: stateValue === min ? {
-      opacity: 0.5
-    } : {}
-  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    disabled: value === min,
+    style: {
+      opacity: value === min ? 0.5 : 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [typography.body1, {
       textAlign: "center",
       alignSelf: "center",
       color: colors.medium,
       marginHorizontal: 8
     }, typeStyle]
-  }, value || stateValue), /*#__PURE__*/React.createElement(_IconButton.default, {
+  }, value), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     Icon: Icon,
     icon: "MaterialIcons/add",
-    onPress: handlePlus,
+    onPress: () => handlePlusOrMinus("plus"),
     size: iconSize,
     color: iconColor,
-    disabled: stateValue === max,
-    style: stateValue === max ? {
-      opacity: 0.5
-    } : {}
+    disabled: value === max,
+    style: {
+      opacity: value === max ? 0.5 : 1
+    }
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.tsx"],"names":["Stepper","Icon","value","min","max","style","onChange","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","React","useState","useEffect","newValue","handleMinus","useCallback","handlePlus","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\nimport isNumber from \"lodash.isnumber\";\n\ntype Props = {\n  value?: number;\n  min?: number;\n  max?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onChange?: (value: number) => void;\n  defaultValue?: number;\n  iconSize?: number;\n  iconColor?: string;\n  borderRadius?: number;\n  typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n  Icon,\n  value,\n  min,\n  max,\n  style,\n  onChange,\n  defaultValue,\n  theme: { colors, typography, roundness },\n  iconSize = 24,\n  iconColor = colors.strong,\n  borderRadius = roundness,\n  typeStyle,\n}) => {\n  const [stateValue, setStateValue] = React.useState(\n    value || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (value || value === 0) {\n      onChange && onChange(stateValue);\n    }\n  }, [onChange, stateValue, value]);\n\n  React.useEffect(() => {\n    let newValue = value || defaultValue || 0;\n    if (isNumber(max) && newValue > max) {\n      newValue = max;\n    }\n    if (isNumber(min) && newValue < min) {\n      newValue = min;\n    }\n    setStateValue(newValue);\n  }, [defaultValue, value, min, max]);\n\n  const handleMinus = React.useCallback(() => {\n    if (isNumber(min) && value === min) {\n      return;\n    }\n    setStateValue(stateValue - 1);\n  }, [min, stateValue, value]);\n\n  const handlePlus = React.useCallback(() => {\n    if (isNumber(max) && value === max) {\n      return;\n    }\n    setStateValue(stateValue + 1);\n  }, [max, stateValue, value]);\n\n  return (\n    <View\n      style={[\n        { flexDirection: \"row\" },\n        style,\n        borderRadius ? { borderRadius } : {},\n      ]}\n    >\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={handleMinus}\n        size={iconSize}\n        color={iconColor}\n        disabled={stateValue === min}\n        style={stateValue === min ? { opacity: 0.5 } : {}}\n      />\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value || stateValue}\n      </Text>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={handlePlus}\n        size={iconSize}\n        color={iconColor}\n        disabled={stateValue === max}\n        style={stateValue === max ? { opacity: 0.5 } : {}}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}
+{"version":3,"sources":["Stepper.tsx"],"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}

package/lib/commonjs/components/Touchable.js

@@ -11,6 +11,8 @@ 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); }
+
 function Touchable(_ref) {
   let {
     children,
@@ -19,22 +21,7 @@ function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    onPress: onPress,
-    disabled: disabled,
-    hitSlop: 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed || disabled ? 0.75 : 1
-      }, style];
-    },
-    ...props
-  }, children);
-}
-//# sourceMappingURL=Touchable.js.mapElement(_reactNative.Pressable, _extends({
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled,
     hitSlop: 8,

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

@@ -1 +1 @@
-{"version":3,"sources":["Touchable.js"],"names":["Touchable","children","disabled","onPress","style","props","React","createElement","Pressable","hitSlop","pressed","opacity"],"mappings":";;;;;;;AAAA;;AACA;;;;AACe,SAASA,SAAT,OAAqE;AAAA,MAAlD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA,KAA/B;AAAsC,OAAGC;AAAzC,GAAkD;AAChF,sBAAQC,eAAMC,aAAN,CAAoBC,sBAApB,EAA+B;AAAEL,IAAAA,OAAO,EAAEA,OAAX;AAAoBD,IAAAA,QAAQ,EAAEA,QAA9B;AAAwCO,IAAAA,OAAO,EAAE,CAAjD;AAAoDL,IAAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEM,QAAAA;AAAF,OAAgB;AAC3G,aAAO,CACH;AACIC,QAAAA,OAAO,EAAED,OAAO,IAAIR,QAAX,GAAsB,IAAtB,GAA6B;AAD1C,OADG,EAIHE,KAJG,CAAP;AAMH,KAPkC;AAOhC,OAAGC;AAP6B,GAA/B,EAOWJ,QAPX,CAAR;AAQH","sourcesContent":["import React from \"react\";\nimport { Pressable } from \"react-native\";\nexport default function Touchable({ children, disabled, onPress, style, ...props }) {\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled, hitSlop: 8, style: ({ pressed }) => {\n            return [\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                style,\n            ];\n        }, ...props }, children));\n}\n"]}
+{"version":3,"sources":["Touchable.tsx"],"names":["Touchable","children","disabled","onPress","style","props","pressed","opacity"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AASe,SAASA,SAAT,OAML;AAAA,MANwB;AAChCC,IAAAA,QADgC;AAEhCC,IAAAA,QAFgC;AAGhCC,IAAAA,OAHgC;AAIhCC,IAAAA,KAJgC;AAKhC,OAAGC;AAL6B,GAMxB;AACR,sBACE,6BAAC,sBAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,OAAO,EAAE,CAHX;AAIE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEI,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,IAAIJ,QAAX,GAAsB,IAAtB,GAA6B;AADxC,OADK,EAILE,KAJK,CAAP;AAMD;AAXH,KAYMC,KAZN,GAcGJ,QAdH,CADF;AAkBD","sourcesContent":["import React from \"react\";\nimport { Pressable, ViewStyle, PressableProps } from \"react-native\";\n\ntype Props = {\n  disabled?: boolean;\n  children: React.ReactNode;\n  style?: ViewStyle;\n  onPress?: () => void;\n} & PressableProps;\n\nexport default function Touchable({\n  children,\n  disabled,\n  onPress,\n  style,\n  ...props\n}: Props) {\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled}\n      hitSlop={8}\n      style={({ pressed }) => {\n        return [\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      {children}\n    </Pressable>\n  );\n}\n"]}

package/lib/commonjs/styles/overlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["overlay.js"],"names":["isAnimatedValue","it","Animated","Value","overlay","elevation","surfaceColor","DarkTheme","colors","surface","inputRange","interpolate","outputRange","map","e","calculateColor","overlayTransparency","elevationOverlayTransparency","mix","hex"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;AAHA;AAIA,MAAMA,eAAe,GAAIC,EAAD,IAAQA,EAAE,YAAYC,sBAASC,KAAvD;;AACe,SAASC,OAAT,CAAiBC,SAAjB,EAAqE;AAAA,MAAzCC,YAAyC,uEAA1BC,mBAAUC,MAAV,CAAiBC,OAAS;;AAChF,MAAIT,eAAe,CAACK,SAAD,CAAnB,EAAgC;AAC5B,UAAMK,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB,CAD4B,CAE5B;;AACA,WAAOL,SAAS,CAACM,WAAV,CAAsB;AACzBD,MAAAA,UADyB;AAEzBE,MAAAA,WAAW,EAAEF,UAAU,CAACG,GAAX,CAAgBC,CAAD,IAAO;AAC/B,eAAOC,cAAc,CAACT,YAAD,EAAeQ,CAAf,CAArB;AACH,OAFY;AAFY,KAAtB,CAAP;AAMH,GAV+E,CAWhF;;;AACA,SAAOC,cAAc,CAACT,YAAD,EAAeD,SAAf,CAArB;AACH;;AACD,SAASU,cAAT,CAAwBT,YAAxB,EAAqD;AAAA,MAAfD,SAAe,uEAAH,CAAG;AACjD,MAAIW,mBAAJ;;AACA,MAAIX,SAAS,IAAI,CAAb,IAAkBA,SAAS,IAAI,EAAnC,EAAuC;AACnCW,IAAAA,mBAAmB,GAAGC,4BAA4B,CAACZ,SAAD,CAAlD;AACH,GAFD,MAGK,IAAIA,SAAS,GAAG,EAAhB,EAAoB;AACrBW,IAAAA,mBAAmB,GAAGC,4BAA4B,CAAC,EAAD,CAAlD;AACH,GAFI,MAGA;AACDD,IAAAA,mBAAmB,GAAGC,4BAA4B,CAAC,CAAD,CAAlD;AACH;;AACD,SAAO,oBAAMX,YAAN,EACFY,GADE,CACE,oBAAM,OAAN,CADF,EACkBF,mBAAmB,GAAG,IADxC,EAEFG,GAFE,EAAP;AAGH;;AACD,MAAMF,4BAA4B,GAAG;AACjC,KAAG,CAD8B;AAEjC,KAAG,CAF8B;AAGjC,KAAG,CAH8B;AAIjC,KAAG,CAJ8B;AAKjC,KAAG,EAL8B;AAMjC,KAAG,EAN8B;AAOjC,KAAG,IAP8B;AAQjC,KAAG,EAR8B;AASjC,KAAG,IAT8B;AAUjC,MAAI,EAV6B;AAWjC,MAAI,IAX6B;AAYjC,MAAI,EAZ6B;AAajC,MAAI,KAb6B;AAcjC,MAAI,IAd6B;AAejC,MAAI,KAf6B;AAgBjC,MAAI,EAhB6B;AAiBjC,MAAI,KAjB6B;AAkBjC,MAAI,KAlB6B;AAmBjC,MAAI,KAnB6B;AAoBjC,MAAI,KApB6B;AAqBjC,MAAI,IArB6B;AAsBjC,MAAI,KAtB6B;AAuBjC,MAAI,KAvB6B;AAwBjC,MAAI;AAxB6B,CAArC","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */\nimport color from \"color\";\nimport { Animated } from \"react-native\";\nimport DarkTheme from \"./DarkTheme\";\nconst isAnimatedValue = (it) => it instanceof Animated.Value;\nexport default function overlay(elevation, surfaceColor = DarkTheme.colors.surface) {\n    if (isAnimatedValue(elevation)) {\n        const inputRange = [0, 1, 2, 3, 8, 24];\n        // @ts-expect-error: TS doesn't seem to refine the type correctly\n        return elevation.interpolate({\n            inputRange,\n            outputRange: inputRange.map((e) => {\n                return calculateColor(surfaceColor, e);\n            }),\n        });\n    }\n    // @ts-expect-error: TS doesn't seem to refine the type correctly\n    return calculateColor(surfaceColor, elevation);\n}\nfunction calculateColor(surfaceColor, elevation = 1) {\n    let overlayTransparency;\n    if (elevation >= 1 && elevation <= 24) {\n        overlayTransparency = elevationOverlayTransparency[elevation];\n    }\n    else if (elevation > 24) {\n        overlayTransparency = elevationOverlayTransparency[24];\n    }\n    else {\n        overlayTransparency = elevationOverlayTransparency[1];\n    }\n    return color(surfaceColor)\n        .mix(color(\"white\"), overlayTransparency * 0.01)\n        .hex();\n}\nconst elevationOverlayTransparency = {\n    1: 5,\n    2: 7,\n    3: 8,\n    4: 9,\n    5: 10,\n    6: 11,\n    7: 11.5,\n    8: 12,\n    9: 12.5,\n    10: 13,\n    11: 13.5,\n    12: 14,\n    13: 14.25,\n    14: 14.5,\n    15: 14.75,\n    16: 15,\n    17: 15.12,\n    18: 15.24,\n    19: 15.36,\n    20: 15.48,\n    21: 15.6,\n    22: 15.72,\n    23: 15.84,\n    24: 16,\n};\n"]}
+{"version":3,"sources":["overlay.tsx"],"names":["isAnimatedValue","it","Animated","Value","overlay","elevation","surfaceColor","DarkTheme","colors","surface","inputRange","interpolate","outputRange","map","e","calculateColor","overlayTransparency","elevationOverlayTransparency","mix","hex"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;AAHA;AAKA,MAAMA,eAAe,GACnBC,EADsB,IAEGA,EAAE,YAAYC,sBAASC,KAFlD;;AAIe,SAASC,OAAT,CACbC,SADa,EAG+C;AAAA,MAD5DC,YAC4D,uEADrCC,mBAAUC,MAAV,CAAiBC,OACoB;;AAC5D,MAAIT,eAAe,CAACK,SAAD,CAAnB,EAAgC;AAC9B,UAAMK,UAAU,GAAG,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,EAAhB,CAAnB,CAD8B,CAG9B;;AACA,WAAOL,SAAS,CAACM,WAAV,CAAsB;AAC3BD,MAAAA,UAD2B;AAE3BE,MAAAA,WAAW,EAAEF,UAAU,CAACG,GAAX,CAAgBC,CAAD,IAAO;AACjC,eAAOC,cAAc,CAACT,YAAD,EAAeQ,CAAf,CAArB;AACD,OAFY;AAFc,KAAtB,CAAP;AAMD,GAX2D,CAa5D;;;AACA,SAAOC,cAAc,CAACT,YAAD,EAAeD,SAAf,CAArB;AACD;;AAED,SAASU,cAAT,CAAwBT,YAAxB,EAAqE;AAAA,MAAvBD,SAAuB,uEAAH,CAAG;AACnE,MAAIW,mBAAJ;;AACA,MAAIX,SAAS,IAAI,CAAb,IAAkBA,SAAS,IAAI,EAAnC,EAAuC;AACrCW,IAAAA,mBAAmB,GAAGC,4BAA4B,CAACZ,SAAD,CAAlD;AACD,GAFD,MAEO,IAAIA,SAAS,GAAG,EAAhB,EAAoB;AACzBW,IAAAA,mBAAmB,GAAGC,4BAA4B,CAAC,EAAD,CAAlD;AACD,GAFM,MAEA;AACLD,IAAAA,mBAAmB,GAAGC,4BAA4B,CAAC,CAAD,CAAlD;AACD;;AACD,SAAO,oBAAMX,YAAN,EACJY,GADI,CACA,oBAAM,OAAN,CADA,EACgBF,mBAAmB,GAAG,IADtC,EAEJG,GAFI,EAAP;AAGD;;AAED,MAAMF,4BAAoD,GAAG;AAC3D,KAAG,CADwD;AAE3D,KAAG,CAFwD;AAG3D,KAAG,CAHwD;AAI3D,KAAG,CAJwD;AAK3D,KAAG,EALwD;AAM3D,KAAG,EANwD;AAO3D,KAAG,IAPwD;AAQ3D,KAAG,EARwD;AAS3D,KAAG,IATwD;AAU3D,MAAI,EAVuD;AAW3D,MAAI,IAXuD;AAY3D,MAAI,EAZuD;AAa3D,MAAI,KAbuD;AAc3D,MAAI,IAduD;AAe3D,MAAI,KAfuD;AAgB3D,MAAI,EAhBuD;AAiB3D,MAAI,KAjBuD;AAkB3D,MAAI,KAlBuD;AAmB3D,MAAI,KAnBuD;AAoB3D,MAAI,KApBuD;AAqB3D,MAAI,IArBuD;AAsB3D,MAAI,KAtBuD;AAuB3D,MAAI,KAvBuD;AAwB3D,MAAI;AAxBuD,CAA7D","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */\nimport color from \"color\";\nimport { Animated } from \"react-native\";\nimport DarkTheme from \"./DarkTheme\";\n\nconst isAnimatedValue = (\n  it: number | Animated.AnimatedInterpolation\n): it is Animated.Value => it instanceof Animated.Value;\n\nexport default function overlay<T extends Animated.Value | number>(\n  elevation: T,\n  surfaceColor: string = DarkTheme.colors.surface\n): T extends number ? string : Animated.AnimatedInterpolation {\n  if (isAnimatedValue(elevation)) {\n    const inputRange = [0, 1, 2, 3, 8, 24];\n\n    // @ts-expect-error: TS doesn't seem to refine the type correctly\n    return elevation.interpolate({\n      inputRange,\n      outputRange: inputRange.map((e) => {\n        return calculateColor(surfaceColor, e);\n      }),\n    });\n  }\n\n  // @ts-expect-error: TS doesn't seem to refine the type correctly\n  return calculateColor(surfaceColor, elevation);\n}\n\nfunction calculateColor(surfaceColor: string, elevation: number = 1) {\n  let overlayTransparency: number;\n  if (elevation >= 1 && elevation <= 24) {\n    overlayTransparency = elevationOverlayTransparency[elevation];\n  } else if (elevation > 24) {\n    overlayTransparency = elevationOverlayTransparency[24];\n  } else {\n    overlayTransparency = elevationOverlayTransparency[1];\n  }\n  return color(surfaceColor)\n    .mix(color(\"white\"), overlayTransparency * 0.01)\n    .hex();\n}\n\nconst elevationOverlayTransparency: Record<string, number> = {\n  1: 5,\n  2: 7,\n  3: 8,\n  4: 9,\n  5: 10,\n  6: 11,\n  7: 11.5,\n  8: 12,\n  9: 12.5,\n  10: 13,\n  11: 13.5,\n  12: 14,\n  13: 14.25,\n  14: 14.5,\n  15: 14.75,\n  16: 15,\n  17: 15.12,\n  18: 15.24,\n  19: 15.36,\n  20: 15.48,\n  21: 15.6,\n  22: 15.72,\n  23: 15.84,\n  24: 16,\n};\n"]}

package/lib/module/components/Elevation.js

@@ -1,11 +1,9 @@
-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); }
-
 import * as React from "react";
 import { Animated, StyleSheet, View } from "react-native";
 import shadow from "../styles/shadow";
 import { withTheme } from "../theming";
-
 /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
+
 const Elevation = _ref => {
   let {
     style,
@@ -21,12 +19,12 @@ const Elevation = _ref => {
     colors
   } = theme;
   const borderRadius = radius;
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
     style: [{
       borderRadius,
       backgroundColor: colors.surface
     }, elevation ? shadow(elevation) : null, style]
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: {
       overflow: "hidden",
       borderRadius

package/lib/module/components/Elevation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Elevation.tsx"],"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","backgroundColor","surface","overflow"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,EAMEC,IANF,QAOO,cAPP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAQA;AACA,MAAMC,SAA0B,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,QAAhB;AAA0B,OAAGC;AAA7B,GAAwC;AAC1E,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MACJX,UAAU,CAACY,OAAX,CAAmBP,KAAnB,KAA6B,EAD/B;AAEA,QAAM;AAAEQ,IAAAA;AAAF,MAAaP,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AAEA,sBACE,oBAAC,QAAD,CAAU,IAAV,eACMH,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,YADF;AAEEI,MAAAA,eAAe,EAAED,MAAM,CAACE;AAF1B,KADK,EAKLN,SAAS,GAAGP,MAAM,CAACO,SAAD,CAAT,GAAuB,IAL3B,EAMLJ,KANK;AAFT,mBAWE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEW,MAAAA,QAAQ,EAAE,QAAZ;AAAsBN,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAXF,CADF;AAeD,CArBD;;AAuBA,eAAeJ,SAAS,CAACC,SAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<Props> = ({ style, theme, children, ...rest }) => {\n  const { elevation = 4, borderRadius: radius } =\n    StyleSheet.flatten(style) || {};\n  const { colors } = theme;\n  const borderRadius = radius;\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          borderRadius,\n          backgroundColor: colors.surface,\n        },\n        elevation ? shadow(elevation) : null,\n        style,\n      ]}\n    >\n      <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Elevation);\n"]}
+{"version":3,"sources":["Elevation.js"],"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","createElement","backgroundColor","surface","overflow"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,IAA/B,QAA4C,cAA5C;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA;;AACA,MAAMC,SAAS,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,QAAhB;AAA0B,OAAGC;AAA7B,GAAwC;AACvD,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MAA0CX,UAAU,CAACY,OAAX,CAAmBP,KAAnB,KAA6B,EAA7E;AACA,QAAM;AAAEQ,IAAAA;AAAF,MAAaP,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AACA,sBAAQb,KAAK,CAACgB,aAAN,CAAoBf,QAAQ,CAACE,IAA7B,EAAmC,EAAE,GAAGO,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIK,MAAAA,YADJ;AAEIK,MAAAA,eAAe,EAAEF,MAAM,CAACG;AAF5B,KADqD,EAKrDP,SAAS,GAAGP,MAAM,CAACO,SAAD,CAAT,GAAuB,IALqB,EAMrDJ,KANqD;AAAlB,GAAnC,eAQJP,KAAK,CAACgB,aAAN,CAAoBb,IAApB,EAA0B;AAAEI,IAAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE,QAAZ;AAAsBP,MAAAA;AAAtB;AAAT,GAA1B,EAA2EH,QAA3E,CARI,CAAR;AASH,CAbD;;AAcA,eAAeJ,SAAS,CAACC,SAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Animated, StyleSheet, View, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation = ({ style, theme, children, ...rest }) => {\n    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};\n    const { colors } = theme;\n    const borderRadius = radius;\n    return (React.createElement(Animated.View, { ...rest, style: [\n            {\n                borderRadius,\n                backgroundColor: colors.surface,\n            },\n            elevation ? shadow(elevation) : null,\n            style,\n        ] },\n        React.createElement(View, { style: { overflow: \"hidden\", borderRadius } }, children)));\n};\nexport default withTheme(Elevation);\n"]}

package/lib/module/components/RowBodyIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RowBodyIcon.js"],"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","createElement","titleTypeStyle","body1","titleColor","medium","subtitleTypeStyle","subtitle2","subtitleColor","light","right","name","size","rowSingleLineIconSize","color","marginLeft"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,WAAW,GAAG,QAA4E;AAAA,MAA3E;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,QAAf;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,KAA/B;AAAsCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAA7C,GAA2E;AAC5F,sBAAQZ,KAAK,CAACa,aAAN,CAAoBX,GAApB,EAAyB;AAAEY,IAAAA,cAAc,EAAEF,UAAU,CAACG,KAA7B;AAAoCC,IAAAA,UAAU,EAAEL,MAAM,CAACM,MAAvD;AAA+DC,IAAAA,iBAAiB,EAAEN,UAAU,CAACO,SAA7F;AAAwGC,IAAAA,aAAa,EAAET,MAAM,CAACU,KAA9H;AAAqIf,IAAAA,KAAK,EAAEA,KAA5I;AAAmJC,IAAAA,QAAQ,EAAEA,QAA7J;AAAuKe,IAAAA,KAAK,EAAE,mBAAOtB,KAAK,CAACa,aAAN,CAAoBR,IAApB,EAA0B;AAAEkB,MAAAA,IAAI,EAAEf,IAAR;AAAcgB,MAAAA,IAAI,EAAErB,MAAM,CAACsB,qBAA3B;AAAkDC,MAAAA,KAAK,EAAEf,MAAM,CAACU,KAAhE;AAAuEZ,MAAAA,KAAK,EAAE;AAAEkB,QAAAA,UAAU,EAAE;AAAd;AAA9E,KAA1B,CAArL;AAAqTlB,IAAAA,KAAK,EAAEA;AAA5T,GAAzB,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACG,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nconst RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {\n    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));\n};\nexport default withTheme(RowBodyIcon);\n"]}
+{"version":3,"sources":["RowBodyIcon.tsx"],"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAWA,MAAMC,WAA4B,GAAG,QAO/B;AAAA,MAPgC;AACpCC,IAAAA,IADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,QAHoC;AAIpCC,IAAAA,IAJoC;AAKpCC,IAAAA,KALoC;AAMpCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAN6B,GAOhC;AACJ,sBACE,oBAAC,GAAD;AACE,IAAA,cAAc,EAAEA,UAAU,CAACC,KAD7B;AAEE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAFrB;AAGE,IAAA,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;AAIE,IAAA,aAAa,EAAEJ,MAAM,CAACK,KAJxB;AAKE,IAAA,KAAK,EAAEV,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,KAAK,EAAE,mBACL,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEC,IADR;AAEE,MAAA,IAAI,EAAEL,MAAM,CAACc,qBAFf;AAGE,MAAA,KAAK,EAAEN,MAAM,CAACK,KAHhB;AAIE,MAAA,KAAK,EAAE;AAAEE,QAAAA,UAAU,EAAE;AAAd;AAJT,MARJ;AAeE,IAAA,KAAK,EAAET;AAfT,IADF;AAmBD,CA3BD;;AA6BA,eAAeR,SAAS,CAACG,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n  Icon,\n  title,\n  subtitle,\n  icon,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.body1}\n      titleColor={colors.medium}\n      subtitleTypeStyle={typography.subtitle2}\n      subtitleColor={colors.light}\n      title={title}\n      subtitle={subtitle}\n      right={() => (\n        <Icon\n          name={icon}\n          size={Config.rowSingleLineIconSize}\n          color={colors.light}\n          style={{ marginLeft: 16 }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowBodyIcon);\n"]}

package/lib/module/components/ScreenContainer.js

@@ -7,10 +7,10 @@ import { withTheme } from "../theming";
 
 function ScreenContainer(_ref) {
   let {
-    hasSafeArea = false,
     scrollable = false,
-    hasBottomSafeArea,
-    hasTopSafeArea,
+    hasSafeArea = false,
+    hasBottomSafeArea = false,
+    hasTopSafeArea = false,
     theme,
     style,
     children,

package/lib/module/components/ScreenContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAFF,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,SAASC,eAAT,OASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASf;AACR,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIX,WAAW,IAAIG,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIZ,WAAW,IAAIE,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGN,UAAU,gBACT,oBAAC,UAAD;AACE,IAAA,qBAAqB,EAAE,CACrBY,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BF,EAAAA,mBAAmB,EAAE;AACnBG,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;AAUA,eAAerB,SAAS,CAACC,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  hasSafeArea: boolean;\n  scrollable: boolean;\n  hasBottomSafeArea?: boolean;\n  hasTopSafeArea?: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  hasSafeArea = false,\n  scrollable = false,\n  hasBottomSafeArea,\n  hasTopSafeArea,\n  theme,\n  style,\n  children,\n  ...rest\n}: Props) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
+{"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","scrollable","hasSafeArea","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAFF,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,SAASC,eAAT,OASyB;AAAA,MATA;AACvBC,IAAAA,UAAU,GAAG,KADU;AAEvBC,IAAAA,WAAW,GAAG,KAFS;AAGvBC,IAAAA,iBAAiB,GAAG,KAHG;AAIvBC,IAAAA,cAAc,GAAG,KAJM;AAKvBC,IAAAA,KALuB;AAMvBC,IAAAA,KANuB;AAOvBC,IAAAA,QAPuB;AAQvB,OAAGC;AARoB,GASA;AACvB,QAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIV,WAAW,IAAIE,cAAnB,EAAmC;AACjCQ,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIX,WAAW,IAAIC,iBAAnB,EAAsC;AACpCS,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,GAUGP,UAAU,gBACT,oBAAC,UAAD;AACE,IAAA,qBAAqB,EAAE,CACrBa,MAAM,CAACE,mBADc,EAErB;AAAEP,MAAAA;AAAF,KAFqB,EAGrBH,KAHqB;AADzB,KAOGC,QAPH,CADS,gBAWT,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCH,KAAxC;AAAb,KACGC,QADH,CArBJ,CADF;AA4BD;;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BF,EAAAA,mBAAmB,EAAE;AACnBG,IAAAA,QAAQ,EAAE,CADS;AAEnBD,IAAAA,IAAI,EAAEE;AAFa;AAJU,CAAlB,CAAf;AAUA,eAAerB,SAAS,CAACC,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype ScreenContainerProps = {\n  scrollable: boolean;\n  hasSafeArea: boolean;\n  hasTopSafeArea: boolean;\n  hasBottomSafeArea: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  scrollable = false,\n  hasSafeArea = false,\n  hasBottomSafeArea = false,\n  hasTopSafeArea = false,\n  theme,\n  style,\n  children,\n  ...rest\n}: ScreenContainerProps) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"]}

package/lib/module/components/Stepper.js

@@ -1,77 +1,59 @@
-import * as React from "react";
+import React, { useEffect, useState } from "react";
 import { View, Text } from "react-native";
+import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
-import isNumber from "lodash.isnumber";
 
 const Stepper = _ref => {
   let {
-    Icon,
-    value,
-    min,
-    max,
+    min = -Infinity,
+    max = Infinity,
+    value: valueProp,
+    defaultValue,
     style,
+    typeStyle,
+    iconSize = 24,
+    iconColor,
     onChange,
-    defaultValue,
     theme: {
       colors,
-      typography,
-      roundness
+      typography
     },
-    iconSize = 24,
-    iconColor = colors.strong,
-    borderRadius = roundness,
-    typeStyle
+    Icon
   } = _ref;
-  const [stateValue, setStateValue] = React.useState(value || defaultValue || 0);
-  React.useEffect(() => {
-    if (value || value === 0) {
-      onChange && onChange(stateValue);
-    }
-  }, [onChange, stateValue, value]);
-  React.useEffect(() => {
-    let newValue = value || defaultValue || 0;
+  const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
-    if (isNumber(max) && newValue > max) {
-      newValue = max;
-    }
+  const isValidValue = valueArg => valueArg >= min && valueArg <= max;
 
-    if (isNumber(min) && newValue < min) {
-      newValue = min;
-    }
+  const handlePlusOrMinus = type => {
+    const newValue = type === "plus" ? value + 1 : value - 1;
 
-    setStateValue(newValue);
-  }, [defaultValue, value, min, max]);
-  const handleMinus = React.useCallback(() => {
-    if (isNumber(min) && value === min) {
-      return;
+    if (isValidValue(newValue)) {
+      setValue(newValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     }
+  };
 
-    setStateValue(stateValue - 1);
-  }, [min, stateValue, value]);
-  const handlePlus = React.useCallback(() => {
-    if (isNumber(max) && value === max) {
-      return;
-    }
+  useEffect(() => {
+    if (valueProp != null && isNumber(valueProp) && valueProp !== value && isValidValue(valueProp)) {
+      setValue(valueProp);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
 
-    setStateValue(stateValue + 1);
-  }, [max, stateValue, value]);
+  }, [valueProp]);
   return /*#__PURE__*/React.createElement(View, {
     style: [{
       flexDirection: "row"
-    }, style, borderRadius ? {
-      borderRadius
-    } : {}]
+    }, style]
   }, /*#__PURE__*/React.createElement(IconButton, {
     Icon: Icon,
     icon: "MaterialIcons/remove",
-    onPress: handleMinus,
+    onPress: () => handlePlusOrMinus("minus"),
     size: iconSize,
     color: iconColor,
-    disabled: stateValue === min,
-    style: stateValue === min ? {
-      opacity: 0.5
-    } : {}
+    disabled: value === min,
+    style: {
+      opacity: value === min ? 0.5 : 1
+    }
   }), /*#__PURE__*/React.createElement(Text, {
     style: [typography.body1, {
       textAlign: "center",
@@ -79,16 +61,16 @@ const Stepper = _ref => {
       color: colors.medium,
       marginHorizontal: 8
     }, typeStyle]
-  }, value || stateValue), /*#__PURE__*/React.createElement(IconButton, {
+  }, value), /*#__PURE__*/React.createElement(IconButton, {
     Icon: Icon,
     icon: "MaterialIcons/add",
-    onPress: handlePlus,
+    onPress: () => handlePlusOrMinus("plus"),
     size: iconSize,
     color: iconColor,
-    disabled: stateValue === max,
-    style: stateValue === max ? {
-      opacity: 0.5
-    } : {}
+    disabled: value === max,
+    style: {
+      opacity: value === max ? 0.5 : 1
+    }
   }));
 };
 

package/lib/module/components/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.tsx"],"names":["React","View","Text","withTheme","IconButton","isNumber","Stepper","Icon","value","min","max","style","onChange","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","useState","useEffect","newValue","handleMinus","useCallback","handlePlus","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\nimport isNumber from \"lodash.isnumber\";\n\ntype Props = {\n  value?: number;\n  min?: number;\n  max?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onChange?: (value: number) => void;\n  defaultValue?: number;\n  iconSize?: number;\n  iconColor?: string;\n  borderRadius?: number;\n  typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n  Icon,\n  value,\n  min,\n  max,\n  style,\n  onChange,\n  defaultValue,\n  theme: { colors, typography, roundness },\n  iconSize = 24,\n  iconColor = colors.strong,\n  borderRadius = roundness,\n  typeStyle,\n}) => {\n  const [stateValue, setStateValue] = React.useState(\n    value || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (value || value === 0) {\n      onChange && onChange(stateValue);\n    }\n  }, [onChange, stateValue, value]);\n\n  React.useEffect(() => {\n    let newValue = value || defaultValue || 0;\n    if (isNumber(max) && newValue > max) {\n      newValue = max;\n    }\n    if (isNumber(min) && newValue < min) {\n      newValue = min;\n    }\n    setStateValue(newValue);\n  }, [defaultValue, value, min, max]);\n\n  const handleMinus = React.useCallback(() => {\n    if (isNumber(min) && value === min) {\n      return;\n    }\n    setStateValue(stateValue - 1);\n  }, [min, stateValue, value]);\n\n  const handlePlus = React.useCallback(() => {\n    if (isNumber(max) && value === max) {\n      return;\n    }\n    setStateValue(stateValue + 1);\n  }, [max, stateValue, value]);\n\n  return (\n    <View\n      style={[\n        { flexDirection: \"row\" },\n        style,\n        borderRadius ? { borderRadius } : {},\n      ]}\n    >\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={handleMinus}\n        size={iconSize}\n        color={iconColor}\n        disabled={stateValue === min}\n        style={stateValue === min ? { opacity: 0.5 } : {}}\n      />\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value || stateValue}\n      </Text>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={handlePlus}\n        size={iconSize}\n        color={iconColor}\n        disabled={stateValue === max}\n        style={stateValue === max ? { opacity: 0.5 } : {}}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}
+{"version":3,"sources":["Stepper.tsx"],"names":["React","useEffect","useState","View","Text","isNumber","withTheme","IconButton","Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","isValidValue","valueArg","handlePlusOrMinus","type","newValue","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,SAApB,EAA+BC,QAA/B,QAA+C,OAA/C;AACA,SAASC,IAAT,EAAeC,IAAf,QAA4D,cAA5D;AACA,SAASC,QAAT,QAAyB,QAAzB;AAEA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,UAAP,MAAuB,cAAvB;;AAeA,MAAMC,OAAkB,GAAG,QAYrB;AAAA,MAZsB;AAC1BC,IAAAA,GAAG,GAAG,CAACC,QADmB;AAE1BC,IAAAA,GAAG,GAAGD,QAFoB;AAG1BE,IAAAA,KAAK,EAAEC,SAHmB;AAI1BC,IAAAA,YAJ0B;AAK1BC,IAAAA,KAL0B;AAM1BC,IAAAA,SAN0B;AAO1BC,IAAAA,QAAQ,GAAG,EAPe;AAQ1BC,IAAAA,SAR0B;AAS1BC,IAAAA,QAT0B;AAU1BC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAVmB;AAW1BC,IAAAA;AAX0B,GAYtB;AACJ,QAAM,CAACX,KAAD,EAAQY,QAAR,IAAoBtB,QAAQ,CAACY,YAAD,aAACA,YAAD,cAACA,YAAD,GAAiB,CAAjB,CAAlC;;AAEA,QAAMW,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIjB,GAAZ,IAAmBiB,QAAQ,IAAIf,GAA1E;;AAEA,QAAMgB,iBAAiB,GAAIC,IAAD,IAA4B;AACpD,UAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBhB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;AAEA,QAAIa,YAAY,CAACI,QAAD,CAAhB,EAA4B;AAC1BL,MAAAA,QAAQ,CAACK,QAAD,CAAR;AACAV,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,QAAH,CAAR;AACD;AACF,GAPD;;AASA5B,EAAAA,SAAS,CAAC,MAAM;AACd,QACEY,SAAS,IAAI,IAAb,IACAR,QAAQ,CAACQ,SAAD,CADR,IAEAA,SAAS,KAAKD,KAFd,IAGAa,YAAY,CAACZ,SAAD,CAJd,EAKE;AACAW,MAAAA,QAAQ,CAACX,SAAD,CAAR;AACD,KARa,CASd;;AACD,GAVQ,EAUN,CAACA,SAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEiB,MAAAA,aAAa,EAAE;AAAjB,KAAD,EAA2Bf,KAA3B;AAAb,kBACE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAEQ,IADR;AAEE,IAAA,IAAI,EAAC,sBAFP;AAGE,IAAA,OAAO,EAAE,MAAMI,iBAAiB,CAAC,OAAD,CAHlC;AAIE,IAAA,IAAI,EAAEV,QAJR;AAKE,IAAA,KAAK,EAAEC,SALT;AAME,IAAA,QAAQ,EAAEN,KAAK,KAAKH,GANtB;AAOE,IAAA,KAAK,EAAE;AAAEsB,MAAAA,OAAO,EAAEnB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;AAAjC;AAPT,IADF,eAWE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACLa,UAAU,CAACU,KADN,EAEL;AACEC,MAAAA,SAAS,EAAE,QADb;AAEEC,MAAAA,SAAS,EAAE,QAFb;AAGEC,MAAAA,KAAK,EAAEd,MAAM,CAACe,MAHhB;AAIEC,MAAAA,gBAAgB,EAAE;AAJpB,KAFK,EAQLrB,SARK;AADT,KAYGJ,KAZH,CAXF,eA0BE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAEW,IADR;AAEE,IAAA,IAAI,EAAC,mBAFP;AAGE,IAAA,OAAO,EAAE,MAAMI,iBAAiB,CAAC,MAAD,CAHlC;AAIE,IAAA,IAAI,EAAEV,QAJR;AAKE,IAAA,KAAK,EAAEC,SALT;AAME,IAAA,QAAQ,EAAEN,KAAK,KAAKD,GANtB;AAOE,IAAA,KAAK,EAAE;AAAEoB,MAAAA,OAAO,EAAEnB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;AAAjC;AAPT,IA1BF,CADF;AAsCD,CA5ED;;AA8EA,eAAeL,SAAS,CAACE,OAAD,CAAxB","sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}

package/lib/module/components/Touchable.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Touchable.web.tsx"],"names":["TouchableOpacity"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,cAAjC;AAEA,eAAeA,gBAAf","sourcesContent":["import { TouchableOpacity } from \"react-native\";\n\nexport default TouchableOpacity;\n"]}
+{"version":3,"sources":["Touchable.web.js"],"names":["TouchableOpacity"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,cAAjC;AACA,eAAeA,gBAAf","sourcesContent":["import { TouchableOpacity } from \"react-native\";\nexport default TouchableOpacity;\n"]}

package/lib/module/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["hooks.ts"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAAiC;AACtC;AACA;AACA,QAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,EAAZ,CAHsC,CAKtC;;AACAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AACpBF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;AACA,SAAOC,GAAG,CAACG,OAAX;AACD","sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}
+{"version":3,"sources":["hooks.js"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC/B;AACA;AACA,QAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,EAAZ,CAH+B,CAI/B;;AACAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AAClBF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACH,GAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;AACA,SAAOC,GAAG,CAACG,OAAX;AACH","sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"]}

package/lib/typescript/src/components/ScreenContainer.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import type { Theme } from "../styles/DefaultTheme";
-declare type Props = {
-    hasSafeArea: boolean;
+declare type ScreenContainerProps = {
     scrollable: boolean;
-    hasBottomSafeArea?: boolean;
-    hasTopSafeArea?: boolean;
+    hasSafeArea: boolean;
+    hasTopSafeArea: boolean;
+    hasBottomSafeArea: boolean;
     theme: Theme;
     style?: StyleProp<ViewStyle>;
     children?: React.ReactNode;
 };
-declare function ScreenContainer({ hasSafeArea, scrollable, hasBottomSafeArea, hasTopSafeArea, theme, style, children, ...rest }: Props): JSX.Element;
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+declare function ScreenContainer({ scrollable, hasSafeArea, hasBottomSafeArea, hasTopSafeArea, theme, style, children, ...rest }: ScreenContainerProps): JSX.Element;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<ScreenContainerProps, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof ScreenContainer, {}>;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<ScreenContainerProps> & typeof ScreenContainer, {}>;
 export default _default;

package/lib/typescript/src/components/Stepper.d.ts

@@ -1,19 +1,18 @@
-import * as React from "react";
+import React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
 import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 declare type Props = {
+    min: number;
+    max: number;
     value?: number;
-    min?: number;
-    max?: number;
-    theme: Theme;
-    style?: StyleProp<ViewStyle>;
-    onChange?: (value: number) => void;
     defaultValue?: number;
-    iconSize?: number;
-    iconColor?: string;
-    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
     typeStyle?: StyleProp<TextStyle>;
+    iconSize: number;
+    iconColor?: string;
+    onChange?: (value: number) => void;
+    theme: Theme;
 } & IconSlot;
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.4.16-ee8347.1+ee8347b7",
+  "version": "43.4.17",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "ee8347b711c14994a47801c7d5b7b040e4ef9db2"
+  "gitHead": "bb5a474e9ca7c610a01542540c43e4691ebe2bea"
 }

package/src/components/ScreenContainer.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { StyleSheet, ScrollView, View, } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { withTheme } from "../theming";
-function ScreenContainer({ hasSafeArea = false, scrollable = false, hasBottomSafeArea, hasTopSafeArea, theme, style, children, ...rest }) {
+function ScreenContainer({ scrollable = false, hasSafeArea = false, hasBottomSafeArea = false, hasTopSafeArea = false, theme, style, children, ...rest }) {
     const backgroundColor = theme.colors.background;
     const edges = ["left", "right"];
     if (hasSafeArea || hasTopSafeArea) {

package/src/components/ScreenContainer.tsx

@@ -11,26 +11,26 @@ import type { Edge } from "react-native-safe-area-context";
 import { withTheme } from "../theming";
 import type { Theme } from "../styles/DefaultTheme";
 
-type Props = {
-  hasSafeArea: boolean;
+type ScreenContainerProps = {
   scrollable: boolean;
-  hasBottomSafeArea?: boolean;
-  hasTopSafeArea?: boolean;
+  hasSafeArea: boolean;
+  hasTopSafeArea: boolean;
+  hasBottomSafeArea: boolean;
   theme: Theme;
   style?: StyleProp<ViewStyle>;
   children?: React.ReactNode;
 };
 
 function ScreenContainer({
-  hasSafeArea = false,
   scrollable = false,
-  hasBottomSafeArea,
-  hasTopSafeArea,
+  hasSafeArea = false,
+  hasBottomSafeArea = false,
+  hasTopSafeArea = false,
   theme,
   style,
   children,
   ...rest
-}: Props) {
+}: ScreenContainerProps) {
   const backgroundColor = theme.colors.background;
 
   const edges: Edge[] = ["left", "right"];

package/src/components/Stepper.js

@@ -1,43 +1,29 @@
-import * as React from "react";
+import React, { useEffect, useState } from "react";
 import { View, Text } from "react-native";
+import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
-import isNumber from "lodash.isnumber";
-const Stepper = ({ Icon, value, min, max, style, onChange, defaultValue, theme: { colors, typography, roundness }, iconSize = 24, iconColor = colors.strong, borderRadius = roundness, typeStyle, }) => {
-    const [stateValue, setStateValue] = React.useState(value || defaultValue || 0);
-    React.useEffect(() => {
-        if (value || value === 0) {
-            onChange && onChange(stateValue);
+const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, typeStyle, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
+    const [value, setValue] = useState(defaultValue ?? 0);
+    const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;
+    const handlePlusOrMinus = (type) => {
+        const newValue = type === "plus" ? value + 1 : value - 1;
+        if (isValidValue(newValue)) {
+            setValue(newValue);
+            onChange?.(newValue);
         }
-    }, [onChange, stateValue, value]);
-    React.useEffect(() => {
-        let newValue = value || defaultValue || 0;
-        if (isNumber(max) && newValue > max) {
-            newValue = max;
+    };
+    useEffect(() => {
+        if (valueProp != null &&
+            isNumber(valueProp) &&
+            valueProp !== value &&
+            isValidValue(valueProp)) {
+            setValue(valueProp);
         }
-        if (isNumber(min) && newValue < min) {
-            newValue = min;
-        }
-        setStateValue(newValue);
-    }, [defaultValue, value, min, max]);
-    const handleMinus = React.useCallback(() => {
-        if (isNumber(min) && value === min) {
-            return;
-        }
-        setStateValue(stateValue - 1);
-    }, [min, stateValue, value]);
-    const handlePlus = React.useCallback(() => {
-        if (isNumber(max) && value === max) {
-            return;
-        }
-        setStateValue(stateValue + 1);
-    }, [max, stateValue, value]);
-    return (React.createElement(View, { style: [
-            { flexDirection: "row" },
-            style,
-            borderRadius ? { borderRadius } : {},
-        ] },
-        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: handleMinus, size: iconSize, color: iconColor, disabled: stateValue === min, style: stateValue === min ? { opacity: 0.5 } : {} }),
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [valueProp]);
+    return (React.createElement(View, { style: [{ flexDirection: "row" }, style] },
+        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: () => handlePlusOrMinus("minus"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),
         React.createElement(Text, { style: [
                 typography.body1,
                 {
@@ -47,7 +33,7 @@ const Stepper = ({ Icon, value, min, max, style, onChange, defaultValue, theme:
                     marginHorizontal: 8,
                 },
                 typeStyle,
-            ] }, value || stateValue),
-        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: handlePlus, size: iconSize, color: iconColor, disabled: stateValue === max, style: stateValue === max ? { opacity: 0.5 } : {} })));
+            ] }, value),
+        React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: () => handlePlusOrMinus("plus"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));
 };
 export default withTheme(Stepper);

package/src/components/Stepper.tsx

@@ -1,92 +1,75 @@
-import * as React from "react";
+import React, { FC, useEffect, useState } from "react";
 import { View, Text, StyleProp, ViewStyle, TextStyle } from "react-native";
+import { isNumber } from "lodash";
+
 import { withTheme } from "../theming";
 import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
-
 import IconButton from "./IconButton";
-import isNumber from "lodash.isnumber";
 
 type Props = {
+  min: number;
+  max: number;
   value?: number;
-  min?: number;
-  max?: number;
-  theme: Theme;
-  style?: StyleProp<ViewStyle>;
-  onChange?: (value: number) => void;
   defaultValue?: number;
-  iconSize?: number;
-  iconColor?: string;
-  borderRadius?: number;
+  style?: StyleProp<ViewStyle>;
   typeStyle?: StyleProp<TextStyle>;
+  iconSize: number;
+  iconColor?: string;
+  onChange?: (value: number) => void;
+  theme: Theme;
 } & IconSlot;
 
-const Stepper: React.FC<Props> = ({
-  Icon,
-  value,
-  min,
-  max,
-  style,
-  onChange,
+const Stepper: FC<Props> = ({
+  min = -Infinity,
+  max = Infinity,
+  value: valueProp,
   defaultValue,
-  theme: { colors, typography, roundness },
-  iconSize = 24,
-  iconColor = colors.strong,
-  borderRadius = roundness,
+  style,
   typeStyle,
+  iconSize = 24,
+  iconColor,
+  onChange,
+  theme: { colors, typography },
+  Icon,
 }) => {
-  const [stateValue, setStateValue] = React.useState(
-    value || defaultValue || 0
-  );
+  const [value, setValue] = useState(defaultValue ?? 0);
 
-  React.useEffect(() => {
-    if (value || value === 0) {
-      onChange && onChange(stateValue);
-    }
-  }, [onChange, stateValue, value]);
+  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;
 
-  React.useEffect(() => {
-    let newValue = value || defaultValue || 0;
-    if (isNumber(max) && newValue > max) {
-      newValue = max;
-    }
-    if (isNumber(min) && newValue < min) {
-      newValue = min;
-    }
-    setStateValue(newValue);
-  }, [defaultValue, value, min, max]);
+  const handlePlusOrMinus = (type: "plus" | "minus") => {
+    const newValue = type === "plus" ? value + 1 : value - 1;
 
-  const handleMinus = React.useCallback(() => {
-    if (isNumber(min) && value === min) {
-      return;
+    if (isValidValue(newValue)) {
+      setValue(newValue);
+      onChange?.(newValue);
     }
-    setStateValue(stateValue - 1);
-  }, [min, stateValue, value]);
+  };
 
-  const handlePlus = React.useCallback(() => {
-    if (isNumber(max) && value === max) {
-      return;
+  useEffect(() => {
+    if (
+      valueProp != null &&
+      isNumber(valueProp) &&
+      valueProp !== value &&
+      isValidValue(valueProp)
+    ) {
+      setValue(valueProp);
     }
-    setStateValue(stateValue + 1);
-  }, [max, stateValue, value]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [valueProp]);
 
   return (
-    <View
-      style={[
-        { flexDirection: "row" },
-        style,
-        borderRadius ? { borderRadius } : {},
-      ]}
-    >
+    <View style={[{ flexDirection: "row" }, style]}>
       <IconButton
         Icon={Icon}
         icon="MaterialIcons/remove"
-        onPress={handleMinus}
+        onPress={() => handlePlusOrMinus("minus")}
         size={iconSize}
         color={iconColor}
-        disabled={stateValue === min}
-        style={stateValue === min ? { opacity: 0.5 } : {}}
+        disabled={value === min}
+        style={{ opacity: value === min ? 0.5 : 1 }}
       />
+
       <Text
         style={[
           typography.body1,
@@ -99,16 +82,17 @@ const Stepper: React.FC<Props> = ({
           typeStyle,
         ]}
       >
-        {value || stateValue}
+        {value}
       </Text>
+
       <IconButton
         Icon={Icon}
         icon="MaterialIcons/add"
-        onPress={handlePlus}
+        onPress={() => handlePlusOrMinus("plus")}
         size={iconSize}
         color={iconColor}
-        disabled={stateValue === max}
-        style={stateValue === max ? { opacity: 0.5 } : {}}
+        disabled={value === max}
+        style={{ opacity: value === max ? 0.5 : 1 }}
       />
     </View>
   );