@draftbit/core 46.1.4 → 46.2.1-d40959.2

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 ? Object.assign.bind() : 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.map_*/_react.default.createElement(_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,"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","withTheme"],"sources":["CardContainerShortImage.tsx"],"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<React.PropsWithChildren<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"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAiE,GAAG,QAWpE;EAAA,IAXqE;IACzEC,KAAK,GAAGC,eAAA,CAAOC,cAD0D;IAEzEC,KAFyE;IAGzEC,QAHyE;IAIzEC,IAAI,GAAG,MAJkE;IAKzEC,WAAW,GAAG,CAL2D;IAMzEC,SAAS,GAAG,CAN6D;IAOzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAPkE;IAQzEC,KARyE;IASzEC,OATyE;IAUzE,GAAGC;EAVsE,CAWrE;EACJ,oBACE,6BAAC,8BAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,OAAO,EAAEC;EAA7B,GAA0CC,IAA1C,gBACE,6BAAC,kBAAD;IACE,KAAK,EAAE;MACLP,SADK;MAELQ,YAAY,EAAEL;IAFT;EADT,gBAME,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLM,QAAQ,EAAE,QADL;MAELC,aAAa,EAAE,KAFV;MAGLC,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;MAILU,YAAY,EAAEL;IAJT;EADT,GAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EATJ,eAeE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLoB,OAAO,EAAE,EADJ;MAELC,eAAe,EAAEZ,MAAM,CAACa,OAFnB;MAGLC,IAAI,EAAE;IAHD;EADT,gBAOE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;MAAEC,KAAK,EAAEhB,MAAM,CAACiB;IAAhB,CAAvB;EAFT,GAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;MAAEF,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFK;EAFT,GAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,IAAA8B,kBAAA,EAAU/B,uBAAV,C"}
+{"version":3,"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","withTheme"],"sources":["CardContainerShortImage.js"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,uBAAuB,GAAG,QAA0K;EAAA,IAAzK;IAAEC,KAAK,GAAGC,eAAA,CAAOC,cAAjB;IAAiCC,KAAjC;IAAwCC,QAAxC;IAAkDC,IAAI,GAAG,MAAzD;IAAiEC,WAAW,GAAG,CAA/E;IAAkFC,SAAS,GAAG,CAA9F;IAAiGC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAAxG;IAA2IC,KAA3I;IAAkJC,OAAlJ;IAA2J,GAAGC;EAA9J,CAAyK;EACtM,oBAAQC,cAAA,CAAMC,aAAN,CAAoBC,8BAApB,EAA0B;IAAEL,KAAK,EAAEA,KAAT;IAAgBC,OAAO,EAAEA,OAAzB;IAAkC,GAAGC;EAArC,CAA1B,eACJC,cAAA,CAAMC,aAAN,CAAoBE,kBAApB,EAA+B;IAAEN,KAAK,EAAE;MAChCL,SADgC;MAEhCY,YAAY,EAAET;IAFkB;EAAT,CAA/B,eAIIK,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BS,QAAQ,EAAE,QADiB;MAE3BC,aAAa,EAAE,KAFY;MAG3BC,cAAc,EAAElB,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAH1B;MAI3Bc,YAAY,EAAET;IAJa;EAAT,CAA1B,EAMIL,IAAI,KAAK,MAAT,iBAAoBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CANxB,eAOIZ,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BgB,OAAO,EAAE,EADkB;MAE3BC,eAAe,EAAEpB,MAAM,CAACqB,OAFG;MAG3BC,IAAI,EAAE;IAHqB;EAAT,CAA1B,eAKIhB,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CAACD,UAAU,CAACuB,SAAZ,EAAuB;MAAEC,KAAK,EAAE1B,MAAM,CAAC2B;IAAhB,CAAvB;EAA3B,CAA1B,EAAyGjC,KAAzG,CALJ,EAMIC,QAAQ,gBAAIW,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CACzDD,UAAU,CAAC0B,KAD8C,EAEzD;MAAEF,KAAK,EAAE1B,MAAM,CAAC6B,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFyD;EAA3B,CAA1B,EAGHnC,QAHG,CAAJ,GAGc,IAT1B,CAPJ,EAiBIC,IAAI,KAAK,OAAT,iBAAqBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CAjBzB,CAJJ,CADI,CAAR;AAuBH,CAxBD;;eAyBe,IAAAa,kBAAA,EAAUzC,uBAAV,C"}

package/lib/commonjs/components/Carousel.js

@@ -50,6 +50,8 @@ function Pager(_ref) {
 }
 
 function Carousel(_ref2) {
+  var _data$length;
+
   let {
     data,
     children,
@@ -59,7 +61,7 @@ function Carousel(_ref2) {
   } = _ref2;
   const [index, setIndex] = React.useState(0);
   const length = React.Children.count(children);
-  const itemsLength = ((data === null || data === void 0 ? void 0 : data.length) ?? 0) + length;
+  const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
   const slides = Array.isArray(data) ? data : [];
 
   const {

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

@@ -1 +1 @@
-{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}
+{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}

package/lib/commonjs/components/Config.js

@@ -30,14 +30,14 @@ const getFilters = options => {
     height
   } = options;
   const filters = ["c_scale", "q_auto", "dpr_auto"];
-  if (width) filters.push(`w_${width}`);
-  if (height) filters.push(`h_${height}`);
+  if (width) filters.push("w_".concat(width));
+  if (height) filters.push("h_".concat(height));
   return filters.join(",");
 };
 
 const buildImageUrl = (options, name) => {
   const filters = getFilters(options);
-  return ["https://res.cloudinary.com/altos/image/upload", filters, `${name}.png`].join("/");
+  return ["https://res.cloudinary.com/altos/image/upload", filters, "".concat(name, ".png")].join("/");
 };
 
 const getExtension = () => {

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

@@ -1 +1 @@
-{"version":3,"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"sources":["Config.ts"],"sourcesContent":["import { Dimensions, Platform } from \"react-native\";\n\nconst getWindowDimensions = () => {\n  const { width, height } = Dimensions.get(\"window\");\n  return {\n    windowWidth: width,\n    windowHeight: height,\n  };\n};\n\nconst { windowWidth, windowHeight } = getWindowDimensions();\n\nconst getFilters = (options: { width: number; height: number }) => {\n  const { width, height } = options;\n  const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n\n  if (width) filters.push(`w_${width}`);\n  if (height) filters.push(`h_${height}`);\n\n  return filters.join(\",\");\n};\n\nconst buildImageUrl = (\n  options: { width: number; height: number },\n  name: string\n) => {\n  const filters = getFilters(options);\n  return [\n    \"https://res.cloudinary.com/altos/image/upload\",\n    filters,\n    `${name}.png`,\n  ].join(\"/\");\n};\n\nconst getExtension = () => {\n  return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\n\nexport default {\n  windowWidth,\n  windowHeight,\n  avatarImageUrl: buildImageUrl(\n    {\n      width: 60,\n      height: 60,\n    },\n    \"Avatar\"\n  ),\n  avatarImageSize: 60,\n  cardImageSize: 200,\n  cardImageUrl:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  cardIconSize: 16,\n  cardIconBackgroundOpacity: 0.24,\n  cardIconElevation: 1,\n  placeholderImageURL:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  getPlaceholderImageUrl: (size: { width: number; height: number }) =>\n    buildImageUrl(\n      { width: size.width, height: size.height },\n      \"image-placeholder_1\"\n    ),\n  squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n  FABSize: 40,\n  FABBorderRadius: 20,\n  FABFixedHeight: 64,\n  cardContainerShortImageAspectRatio: 1,\n  rowSingleLineImageSize: 24,\n  rowMultiLineImageSize: 48,\n  rowSingleLineIconSize: 24,\n  rowMultiLineIconSize: 16,\n  headerIconSize: 24,\n  buttonIconSize: 24,\n  swiperInactiveDotSize: 6,\n  swiperActiveDotSize: 10,\n  fieldSearchBarFullIconSize: 24,\n  stepperButtonSize: 40,\n  radioButtonSize: 24,\n  topSafeAreaViewHeight: 0,\n  // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,mBAAmB,GAAG,MAAM;EAChC,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,OAAO;IACLC,WAAW,EAAEJ,KADR;IAELK,YAAY,EAAEJ;EAFT,CAAP;AAID,CAND;;AAQA,MAAM;EAAEG,WAAF;EAAeC;AAAf,IAAgCN,mBAAmB,EAAzD;;AAEA,MAAMO,UAAU,GAAIC,OAAD,IAAgD;EACjE,MAAM;IAAEP,KAAF;IAASC;EAAT,IAAoBM,OAA1B;EACA,MAAMC,OAAO,GAAG,CAAC,SAAD,EAAY,QAAZ,EAAsB,UAAtB,CAAhB;EAEA,IAAIR,KAAJ,EAAWQ,OAAO,CAACC,IAAR,CAAc,KAAIT,KAAM,EAAxB;EACX,IAAIC,MAAJ,EAAYO,OAAO,CAACC,IAAR,CAAc,KAAIR,MAAO,EAAzB;EAEZ,OAAOO,OAAO,CAACE,IAAR,CAAa,GAAb,CAAP;AACD,CARD;;AAUA,MAAMC,aAAa,GAAG,CACpBJ,OADoB,EAEpBK,IAFoB,KAGjB;EACH,MAAMJ,OAAO,GAAGF,UAAU,CAACC,OAAD,CAA1B;EACA,OAAO,CACL,+CADK,EAELC,OAFK,EAGJ,GAAEI,IAAK,MAHH,EAILF,IAJK,CAIA,GAJA,CAAP;AAKD,CAVD;;AAYA,MAAMG,YAAY,GAAG,MAAM;EACzB,OAAOC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,MAAxC;AACD,CAFD;;eAIe;EACbX,WADa;EAEbC,YAFa;EAGbW,cAAc,EAAEL,aAAa,CAC3B;IACEX,KAAK,EAAE,EADT;IAEEC,MAAM,EAAE;EAFV,CAD2B,EAK3B,QAL2B,CAHhB;EAUbgB,eAAe,EAAE,EAVJ;EAWbC,aAAa,EAAE,GAXF;EAYbC,YAAY,EACV,yDAAyDN,YAAY,EAb1D;EAcbO,YAAY,EAAE,EAdD;EAebC,yBAAyB,EAAE,IAfd;EAgBbC,iBAAiB,EAAE,CAhBN;EAiBbC,mBAAmB,EACjB,yDAAyDV,YAAY,EAlB1D;EAmBbW,sBAAsB,EAAGC,IAAD,IACtBd,aAAa,CACX;IAAEX,KAAK,EAAEyB,IAAI,CAACzB,KAAd;IAAqBC,MAAM,EAAEwB,IAAI,CAACxB;EAAlC,CADW,EAEX,qBAFW,CApBF;EAwBbyB,cAAc,EAAEf,aAAa,CAAC;IAAEX,KAAK,EAAE,GAAT;IAAcC,MAAM,EAAE;EAAtB,CAAD,EAA8B,QAA9B,CAxBhB;EAyBb0B,OAAO,EAAE,EAzBI;EA0BbC,eAAe,EAAE,EA1BJ;EA2BbC,cAAc,EAAE,EA3BH;EA4BbC,kCAAkC,EAAE,CA5BvB;EA6BbC,sBAAsB,EAAE,EA7BX;EA8BbC,qBAAqB,EAAE,EA9BV;EA+BbC,qBAAqB,EAAE,EA/BV;EAgCbC,oBAAoB,EAAE,EAhCT;EAiCbC,cAAc,EAAE,EAjCH;EAkCbC,cAAc,EAAE,EAlCH;EAmCbC,qBAAqB,EAAE,CAnCV;EAoCbC,mBAAmB,EAAE,EApCR;EAqCbC,0BAA0B,EAAE,EArCf;EAsCbC,iBAAiB,EAAE,EAtCN;EAuCbC,eAAe,EAAE,EAvCJ;EAwCbC,qBAAqB,EAAE,CAxCV,CAyCb;;AAzCa,C"}
+{"version":3,"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"sources":["Config.ts"],"sourcesContent":["import { Dimensions, Platform } from \"react-native\";\n\nconst getWindowDimensions = () => {\n  const { width, height } = Dimensions.get(\"window\");\n  return {\n    windowWidth: width,\n    windowHeight: height,\n  };\n};\n\nconst { windowWidth, windowHeight } = getWindowDimensions();\n\nconst getFilters = (options: { width: number; height: number }) => {\n  const { width, height } = options;\n  const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n\n  if (width) filters.push(`w_${width}`);\n  if (height) filters.push(`h_${height}`);\n\n  return filters.join(\",\");\n};\n\nconst buildImageUrl = (\n  options: { width: number; height: number },\n  name: string\n) => {\n  const filters = getFilters(options);\n  return [\n    \"https://res.cloudinary.com/altos/image/upload\",\n    filters,\n    `${name}.png`,\n  ].join(\"/\");\n};\n\nconst getExtension = () => {\n  return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\n\nexport default {\n  windowWidth,\n  windowHeight,\n  avatarImageUrl: buildImageUrl(\n    {\n      width: 60,\n      height: 60,\n    },\n    \"Avatar\"\n  ),\n  avatarImageSize: 60,\n  cardImageSize: 200,\n  cardImageUrl:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  cardIconSize: 16,\n  cardIconBackgroundOpacity: 0.24,\n  cardIconElevation: 1,\n  placeholderImageURL:\n    \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n  getPlaceholderImageUrl: (size: { width: number; height: number }) =>\n    buildImageUrl(\n      { width: size.width, height: size.height },\n      \"image-placeholder_1\"\n    ),\n  squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n  FABSize: 40,\n  FABBorderRadius: 20,\n  FABFixedHeight: 64,\n  cardContainerShortImageAspectRatio: 1,\n  rowSingleLineImageSize: 24,\n  rowMultiLineImageSize: 48,\n  rowSingleLineIconSize: 24,\n  rowMultiLineIconSize: 16,\n  headerIconSize: 24,\n  buttonIconSize: 24,\n  swiperInactiveDotSize: 6,\n  swiperActiveDotSize: 10,\n  fieldSearchBarFullIconSize: 24,\n  stepperButtonSize: 40,\n  radioButtonSize: 24,\n  topSafeAreaViewHeight: 0,\n  // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,mBAAmB,GAAG,MAAM;EAChC,MAAM;IAAEC,KAAF;IAASC;EAAT,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,OAAO;IACLC,WAAW,EAAEJ,KADR;IAELK,YAAY,EAAEJ;EAFT,CAAP;AAID,CAND;;AAQA,MAAM;EAAEG,WAAF;EAAeC;AAAf,IAAgCN,mBAAmB,EAAzD;;AAEA,MAAMO,UAAU,GAAIC,OAAD,IAAgD;EACjE,MAAM;IAAEP,KAAF;IAASC;EAAT,IAAoBM,OAA1B;EACA,MAAMC,OAAO,GAAG,CAAC,SAAD,EAAY,QAAZ,EAAsB,UAAtB,CAAhB;EAEA,IAAIR,KAAJ,EAAWQ,OAAO,CAACC,IAAR,aAAkBT,KAAlB;EACX,IAAIC,MAAJ,EAAYO,OAAO,CAACC,IAAR,aAAkBR,MAAlB;EAEZ,OAAOO,OAAO,CAACE,IAAR,CAAa,GAAb,CAAP;AACD,CARD;;AAUA,MAAMC,aAAa,GAAG,CACpBJ,OADoB,EAEpBK,IAFoB,KAGjB;EACH,MAAMJ,OAAO,GAAGF,UAAU,CAACC,OAAD,CAA1B;EACA,OAAO,CACL,+CADK,EAELC,OAFK,YAGFI,IAHE,WAILF,IAJK,CAIA,GAJA,CAAP;AAKD,CAVD;;AAYA,MAAMG,YAAY,GAAG,MAAM;EACzB,OAAOC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,MAAxB,GAAiC,MAAxC;AACD,CAFD;;eAIe;EACbX,WADa;EAEbC,YAFa;EAGbW,cAAc,EAAEL,aAAa,CAC3B;IACEX,KAAK,EAAE,EADT;IAEEC,MAAM,EAAE;EAFV,CAD2B,EAK3B,QAL2B,CAHhB;EAUbgB,eAAe,EAAE,EAVJ;EAWbC,aAAa,EAAE,GAXF;EAYbC,YAAY,EACV,yDAAyDN,YAAY,EAb1D;EAcbO,YAAY,EAAE,EAdD;EAebC,yBAAyB,EAAE,IAfd;EAgBbC,iBAAiB,EAAE,CAhBN;EAiBbC,mBAAmB,EACjB,yDAAyDV,YAAY,EAlB1D;EAmBbW,sBAAsB,EAAGC,IAAD,IACtBd,aAAa,CACX;IAAEX,KAAK,EAAEyB,IAAI,CAACzB,KAAd;IAAqBC,MAAM,EAAEwB,IAAI,CAACxB;EAAlC,CADW,EAEX,qBAFW,CApBF;EAwBbyB,cAAc,EAAEf,aAAa,CAAC;IAAEX,KAAK,EAAE,GAAT;IAAcC,MAAM,EAAE;EAAtB,CAAD,EAA8B,QAA9B,CAxBhB;EAyBb0B,OAAO,EAAE,EAzBI;EA0BbC,eAAe,EAAE,EA1BJ;EA2BbC,cAAc,EAAE,EA3BH;EA4BbC,kCAAkC,EAAE,CA5BvB;EA6BbC,sBAAsB,EAAE,EA7BX;EA8BbC,qBAAqB,EAAE,EA9BV;EA+BbC,qBAAqB,EAAE,EA/BV;EAgCbC,oBAAoB,EAAE,EAhCT;EAiCbC,cAAc,EAAE,EAjCH;EAkCbC,cAAc,EAAE,EAlCH;EAmCbC,qBAAqB,EAAE,CAnCV;EAoCbC,mBAAmB,EAAE,EApCR;EAqCbC,0BAA0B,EAAE,EArCf;EAsCbC,iBAAiB,EAAE,EAtCN;EAuCbC,eAAe,EAAE,EAvCJ;EAwCbC,qBAAqB,EAAE,CAxCV,CAyCb;;AAzCa,C"}

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -89,14 +89,14 @@ const DatePicker = _ref => {
     if (format) return (0, _dateformat.default)(newDate, format);
 
     if (mode === "time") {
-      return `${newDate.toLocaleTimeString()}`;
+      return "".concat(newDate.toLocaleTimeString());
     }
 
     if (mode === "datetime") {
-      return `${newDate.toLocaleString()}`;
+      return "".concat(newDate.toLocaleString());
     }
 
-    return `${MONTHS[newDate.getMonth()]} ${newDate.getDate()}, ${newDate.getFullYear()}`;
+    return "".concat(MONTHS[newDate.getMonth()], " ").concat(newDate.getDate(), ", ").concat(newDate.getFullYear());
   };
 
   const toggleVisibility = async () => {

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

@@ -1 +1 @@
-{"version":3,"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","MONTHS","DatePicker","Icon","style","theme","colors","typography","roundness","disabledOpacity","date","onDateChange","defaultValue","disabled","mode","format","type","leftIconName","rightIconName","leftIconMode","label","placeholder","props","value","setValue","React","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","dateFormat","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","useSafeAreaInsets","_hidePlaceholder","timing","toValue","duration","useNativeDriver","start","_showPlaceholder","setTimeout","clearTimeout","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","underlineColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","paddingVertical","color","paddingLeft","paddingRight","height","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","inputStyles","styles","input","marginHorizontal","container","underline","scaleY","StyleSheet","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","I18nManager","isRTL","zIndex","closeButton","withTheme"],"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  Text,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  TextInputProps,\n  ImageStyle,\n  I18nManager,\n  LayoutChangeEvent,\n  TextInput as NativeTextInput,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport dateFormat from \"dateformat\";\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport DateTimePicker from \"./DatePickerComponent\";\n\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\ntype Props = {\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  // initialDate?: string;\n  // locale?: string;\n  // minuteInterval?: number;\n  // timeZoneOffsetInMinutes?: number;\n  // error?: boolean;\n  // type?: string;\n  date?: Date;\n  format?: string;\n  onDateChange?: (data?: Date) => void;\n  defaultValue?: Date;\n  disabled?: boolean;\n  mode?: \"date\" | \"time\" | \"datetime\";\n  type?: \"solid\" | \"underline\";\n  label?: string;\n  placeholder?: string;\n  leftIconName?: string;\n  leftIconMode?: \"outset\" | \"inset\";\n  rightIconName?: string;\n} & IconSlot &\n  TextInputProps;\n\nconst MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nconst DatePicker: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  style,\n  theme: { colors, typography, roundness, disabledOpacity },\n  date,\n  onDateChange = () => {},\n  defaultValue,\n  disabled = false,\n  mode = \"date\",\n  format,\n  type = \"underline\",\n  leftIconName,\n  rightIconName,\n  leftIconMode = \"inset\",\n  label,\n  placeholder,\n  ...props\n}) => {\n  const [value, setValue] = React.useState<any>(date || defaultValue);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const [pickerVisible, setPickerVisible] = React.useState(false);\n  const [labeled] = React.useState<Animated.Value>(\n    new Animated.Value(date ? 0 : 1)\n  );\n  const [placeholder1, setPlaceholder1] = React.useState(\"\");\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const [labelLayout, setLabelLayout] = React.useState<{\n    measured: Boolean;\n    width: number;\n  }>({ measured: false, width: 0 });\n\n  const getValidDate = (): Date => {\n    if (!value) {\n      return new Date();\n    }\n    return typeof value?.getMonth === \"function\" ? value : new Date();\n  };\n\n  const formatDate = (): string => {\n    if (!value) return \"\";\n    let newDate = getValidDate();\n\n    if (format) return dateFormat(newDate, format);\n\n    if (mode === \"time\") {\n      return `${newDate.toLocaleTimeString()}`;\n    }\n\n    if (mode === \"datetime\") {\n      return `${newDate.toLocaleString()}`;\n    }\n\n    return `${\n      MONTHS[newDate.getMonth()]\n    } ${newDate.getDate()}, ${newDate.getFullYear()}`;\n  };\n\n  const toggleVisibility = async () => {\n    setPickerVisible(!pickerVisible);\n    focused ? _handleBlur() : _handleFocus();\n  };\n  const insets = useSafeAreaInsets();\n\n  // const _restoreLabel = () =>\n  //   Animated.timing(labeled, {\n  //     toValue: 1,\n  //     duration: FOCUS_ANIMATION_DURATION,\n  //     useNativeDriver: true,\n  //   }).start();\n\n  // const _minmizeLabel = () =>\n  //   Animated.timing(labeled, {\n  //     toValue: 0,\n  //     duration: BLUR_ANIMATION_DURATION,\n  //     useNativeDriver: true,\n  //   }).start();\n\n  // const _showPlaceholder = () =>\n  //   setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n\n  const _hidePlaceholder = () => {\n    setPlaceholder1(\"\");\n  };\n\n  React.useEffect(() => {\n    setValue(date);\n  }, [date]);\n\n  React.useEffect(() => {\n    if (value || focused || placeholder1) {\n      // _minmizeLabel();\n      Animated.timing(labeled, {\n        toValue: 0,\n        duration: BLUR_ANIMATION_DURATION,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      // _restoreLabel();\n      Animated.timing(labeled, {\n        toValue: 1,\n        duration: FOCUS_ANIMATION_DURATION,\n        useNativeDriver: true,\n      }).start();\n    }\n  }, [value, focused, placeholder1, labeled]);\n\n  React.useEffect(() => {\n    const _showPlaceholder = () =>\n      setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n    if (focused || !label) {\n      _showPlaceholder();\n    } else {\n      _hidePlaceholder();\n    }\n    return () => {\n      clearTimeout(_showPlaceholder());\n    };\n  }, [focused, label, placeholder]);\n\n  const _handleFocus = () => {\n    if (disabled) {\n      return;\n    }\n\n    setFocused(true);\n  };\n\n  const _handleBlur = () => {\n    if (disabled) {\n      return;\n    }\n    setFocused(false);\n  };\n\n  const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n  const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n  const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n  const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n  const hasActiveOutline = focused;\n\n  let inputTextColor,\n    activeColor,\n    underlineColor,\n    borderColor,\n    placeholderColor,\n    containerStyle: StyleProp<ViewStyle>,\n    backgroundColor,\n    inputStyle: StyleProp<TextStyle>;\n\n  inputTextColor = colors.strong;\n  if (disabled) {\n    activeColor = colors.light;\n    placeholderColor = colors.light;\n    borderColor = \"transparent\";\n    underlineColor = \"transparent\";\n    backgroundColor = colors.divider;\n  } else {\n    activeColor = colors.primary;\n    placeholderColor = borderColor = colors.light;\n    underlineColor = colors.light;\n    backgroundColor = colors.background;\n  }\n\n  const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n  inputStyle = {\n    paddingVertical: 0,\n    color: inputTextColor,\n    paddingLeft:\n      leftIconName && leftIconMode === \"inset\"\n        ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n        : 0,\n    paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n    ...subtitle1,\n    height: lineHeight,\n  };\n\n  if (type === \"underline\") {\n    containerStyle = {\n      borderTopLeftRadius: roundness,\n      borderTopRightRadius: roundness,\n      paddingBottom: 12,\n      marginTop: 16,\n    };\n  } else {\n    containerStyle = {\n      borderRadius: roundness,\n      borderColor: hasActiveOutline ? activeColor : borderColor,\n      borderWidth: 1,\n      paddingTop: labeled ? 16 * 1.5 : 16,\n      paddingBottom: labeled ? 16 * 0.5 : 16,\n      opacity: disabled ? disabledOpacity : 1,\n      backgroundColor,\n    };\n\n    inputStyle.paddingHorizontal = 12;\n  }\n\n  if (leftIconName && leftIconMode === \"outset\") {\n    containerStyle.marginLeft = ICON_SIZE + 8;\n  }\n\n  let leftIconColor;\n  if (focused) {\n    leftIconColor = colors.primary;\n  } else {\n    leftIconColor = colors.light;\n  }\n\n  const leftIconProps = {\n    size: 24,\n    color: leftIconColor,\n    name: leftIconName || \"\",\n  };\n\n  const leftIconStyle: ImageStyle = {\n    position: \"absolute\",\n    marginTop:\n      type === \"solid\"\n        ? leftIconMode === \"inset\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : 16\n        : leftIconMode === \"outset\"\n        ? 16\n        : 0,\n  };\n\n  const labelStyle = {\n    ...typography.subtitle1,\n    top: type === \"solid\" ? 16 : 0,\n    left:\n      leftIconName && leftIconMode === \"inset\"\n        ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n        : 0,\n    transform: [\n      {\n        // Move label to top\n        translateY: labeled.interpolate({\n          inputRange: [0, 1],\n          outputRange: [\n            type === \"solid\"\n              ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n              : MINIMIZED_LABEL_Y_OFFSET,\n            0,\n          ],\n        }),\n      },\n      {\n        // Make label smaller\n        scale: labeled.interpolate({\n          inputRange: [0, 1],\n          outputRange: [\n            MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n            1,\n          ],\n        }),\n      },\n      {\n        // Offset label scale since RN doesn't support transform origin\n        translateX: labeled.interpolate({\n          inputRange: [0, 1],\n          outputRange: [\n            -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n              (labelLayout.width / 2),\n            0,\n          ],\n        }),\n      },\n    ],\n  };\n\n  const inputStyles = [\n    styles.input,\n    inputStyle,\n    type === \"solid\" ? { marginHorizontal: 12 } : {},\n  ];\n\n  // const render = (props) => <NativeTextInput {...props} />;\n\n  return (\n    <View style={[styles.container, style]}>\n      <Touchable disabled={disabled} onPress={toggleVisibility}>\n        <View pointerEvents=\"none\">\n          <View style={[styles.container, style]}>\n            {leftIconName && leftIconMode === \"outset\" ? (\n              <Icon {...leftIconProps} style={leftIconStyle} />\n            ) : null}\n            <View\n              style={[containerStyle, style ? { height: style.height } : {}]}\n            >\n              {type === \"underline\" ? (\n                // When type === 'flat', render an underline\n                <Animated.View\n                  style={[\n                    styles.underline,\n                    {\n                      backgroundColor: focused ? activeColor : underlineColor,\n                      // Underlines is thinner when input is not focused\n                      transform: [{ scaleY: focused ? 1 : 0.5 }],\n                    },\n                  ]}\n                />\n              ) : null}\n\n              {label ? (\n                // Position colored placeholder and gray placeholder on top of each other and crossfade them\n                // This gives the effect of animating the color, but allows us to use native driver\n                <View\n                  pointerEvents=\"none\"\n                  style={[\n                    StyleSheet.absoluteFill,\n                    {\n                      opacity:\n                        // Hide the label in minimized state until we measure its width\n                        date || focused ? (labelLayout.measured ? 1 : 0) : 1,\n                    },\n                  ]}\n                >\n                  <AnimatedText\n                    onLayout={(e: LayoutChangeEvent) =>\n                      setLabelLayout({\n                        width: e.nativeEvent.layout.width,\n                        measured: true,\n                      })\n                    }\n                    style={[\n                      styles.placeholder,\n                      type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                      labelStyle,\n                      {\n                        color: colors.light,\n                        opacity: labeled.interpolate({\n                          inputRange: [0, 1],\n                          outputRange: [hasActiveOutline ? 1 : 0, 0],\n                        }),\n                      },\n                    ]}\n                    numberOfLines={1}\n                  >\n                    {label}\n                  </AnimatedText>\n                  <AnimatedText\n                    style={[\n                      styles.placeholder,\n                      type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                      labelStyle,\n                      {\n                        color: placeholderColor,\n                        opacity: hasActiveOutline ? labeled : 1,\n                      },\n                    ]}\n                    numberOfLines={1}\n                  >\n                    {label}\n                  </AnimatedText>\n                </View>\n              ) : null}\n\n              {leftIconName && leftIconMode === \"inset\" ? (\n                <Icon\n                  {...leftIconProps}\n                  style={{\n                    ...leftIconStyle,\n                    marginLeft: type === \"solid\" ? 16 : 0,\n                  }}\n                />\n              ) : null}\n\n              <NativeTextInput\n                value={formatDate()}\n                placeholder={label ? placeholder1 : placeholder}\n                editable={!disabled}\n                placeholderTextColor={placeholderColor}\n                selectionColor={activeColor}\n                onFocus={_handleFocus}\n                onBlur={_handleBlur}\n                underlineColorAndroid={\"transparent\"}\n                style={inputStyles}\n                {...props}\n              />\n            </View>\n            {rightIconName ? (\n              <Icon\n                name={rightIconName}\n                size={ICON_SIZE}\n                color={colors.light}\n                style={{\n                  position: \"absolute\",\n                  right: 16,\n                  marginTop:\n                    type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n                }}\n              />\n            ) : null}\n          </View>\n        </View>\n      </Touchable>\n      {pickerVisible && (\n        <Portal>\n          <View\n            style={[\n              styles.picker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\n            <View\n              style={[\n                styles.pickerContainer,\n                {\n                  paddingTop: insets.top,\n                  paddingBottom: insets.bottom,\n                  paddingLeft: insets.left,\n                  paddingRight: insets.right,\n                },\n              ]}\n            >\n              <DateTimePicker\n                value={getValidDate()}\n                mode={mode}\n                isVisible={pickerVisible}\n                toggleVisibility={toggleVisibility}\n                onChange={(_event: any, data: any) => {\n                  toggleVisibility();\n                  setValue(data);\n                  onDateChange(data);\n                }}\n              />\n            </View>\n          </View>\n        </Portal>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  pickerContainer: { flexDirection: \"column\", width: \"100%\", zIndex: 100 },\n  closeButton: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport default withTheme(DatePicker);\n"],"mappings":"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"}
+{"version":3,"names":["AnimatedText","Animated","createAnimatedComponent","Text","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","MONTHS","DatePicker","Icon","style","theme","colors","typography","roundness","disabledOpacity","date","onDateChange","defaultValue","disabled","mode","format","type","leftIconName","rightIconName","leftIconMode","label","placeholder","props","value","setValue","React","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","dateFormat","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","useSafeAreaInsets","_hidePlaceholder","timing","toValue","duration","useNativeDriver","start","_showPlaceholder","setTimeout","clearTimeout","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","underlineColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","paddingVertical","color","paddingLeft","paddingRight","height","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","inputStyles","styles","input","marginHorizontal","container","underline","scaleY","StyleSheet","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","I18nManager","isRTL","zIndex","closeButton","withTheme"],"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Animated,\n  Text,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  TextInputProps,\n  ImageStyle,\n  I18nManager,\n  LayoutChangeEvent,\n  TextInput as NativeTextInput,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport dateFormat from \"dateformat\";\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport DateTimePicker from \"./DatePickerComponent\";\n\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\ntype Props = {\n  style?: StyleProp<ViewStyle> & { height?: number };\n  theme: Theme;\n  // initialDate?: string;\n  // locale?: string;\n  // minuteInterval?: number;\n  // timeZoneOffsetInMinutes?: number;\n  // error?: boolean;\n  // type?: string;\n  date?: Date;\n  format?: string;\n  onDateChange?: (data?: Date) => void;\n  defaultValue?: Date;\n  disabled?: boolean;\n  mode?: \"date\" | \"time\" | \"datetime\";\n  type?: \"solid\" | \"underline\";\n  label?: string;\n  placeholder?: string;\n  leftIconName?: string;\n  leftIconMode?: \"outset\" | \"inset\";\n  rightIconName?: string;\n} & IconSlot &\n  TextInputProps;\n\nconst MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\n\nconst DatePicker: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  style,\n  theme: { colors, typography, roundness, disabledOpacity },\n  date,\n  onDateChange = () => {},\n  defaultValue,\n  disabled = false,\n  mode = \"date\",\n  format,\n  type = \"underline\",\n  leftIconName,\n  rightIconName,\n  leftIconMode = \"inset\",\n  label,\n  placeholder,\n  ...props\n}) => {\n  const [value, setValue] = React.useState<any>(date || defaultValue);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const [pickerVisible, setPickerVisible] = React.useState(false);\n  const [labeled] = React.useState<Animated.Value>(\n    new Animated.Value(date ? 0 : 1)\n  );\n  const [placeholder1, setPlaceholder1] = React.useState(\"\");\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const [labelLayout, setLabelLayout] = React.useState<{\n    measured: Boolean;\n    width: number;\n  }>({ measured: false, width: 0 });\n\n  const getValidDate = (): Date => {\n    if (!value) {\n      return new Date();\n    }\n    return typeof value?.getMonth === \"function\" ? value : new Date();\n  };\n\n  const formatDate = (): string => {\n    if (!value) return \"\";\n    let newDate = getValidDate();\n\n    if (format) return dateFormat(newDate, format);\n\n    if (mode === \"time\") {\n      return `${newDate.toLocaleTimeString()}`;\n    }\n\n    if (mode === \"datetime\") {\n      return `${newDate.toLocaleString()}`;\n    }\n\n    return `${\n      MONTHS[newDate.getMonth()]\n    } ${newDate.getDate()}, ${newDate.getFullYear()}`;\n  };\n\n  const toggleVisibility = async () => {\n    setPickerVisible(!pickerVisible);\n    focused ? _handleBlur() : _handleFocus();\n  };\n  const insets = useSafeAreaInsets();\n\n  // const _restoreLabel = () =>\n  //   Animated.timing(labeled, {\n  //     toValue: 1,\n  //     duration: FOCUS_ANIMATION_DURATION,\n  //     useNativeDriver: true,\n  //   }).start();\n\n  // const _minmizeLabel = () =>\n  //   Animated.timing(labeled, {\n  //     toValue: 0,\n  //     duration: BLUR_ANIMATION_DURATION,\n  //     useNativeDriver: true,\n  //   }).start();\n\n  // const _showPlaceholder = () =>\n  //   setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n\n  const _hidePlaceholder = () => {\n    setPlaceholder1(\"\");\n  };\n\n  React.useEffect(() => {\n    setValue(date);\n  }, [date]);\n\n  React.useEffect(() => {\n    if (value || focused || placeholder1) {\n      // _minmizeLabel();\n      Animated.timing(labeled, {\n        toValue: 0,\n        duration: BLUR_ANIMATION_DURATION,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      // _restoreLabel();\n      Animated.timing(labeled, {\n        toValue: 1,\n        duration: FOCUS_ANIMATION_DURATION,\n        useNativeDriver: true,\n      }).start();\n    }\n  }, [value, focused, placeholder1, labeled]);\n\n  React.useEffect(() => {\n    const _showPlaceholder = () =>\n      setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n    if (focused || !label) {\n      _showPlaceholder();\n    } else {\n      _hidePlaceholder();\n    }\n    return () => {\n      clearTimeout(_showPlaceholder());\n    };\n  }, [focused, label, placeholder]);\n\n  const _handleFocus = () => {\n    if (disabled) {\n      return;\n    }\n\n    setFocused(true);\n  };\n\n  const _handleBlur = () => {\n    if (disabled) {\n      return;\n    }\n    setFocused(false);\n  };\n\n  const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n  const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n  const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n  const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n  const hasActiveOutline = focused;\n\n  let inputTextColor,\n    activeColor,\n    underlineColor,\n    borderColor,\n    placeholderColor,\n    containerStyle: StyleProp<ViewStyle>,\n    backgroundColor,\n    inputStyle: StyleProp<TextStyle>;\n\n  inputTextColor = colors.strong;\n  if (disabled) {\n    activeColor = colors.light;\n    placeholderColor = colors.light;\n    borderColor = \"transparent\";\n    underlineColor = \"transparent\";\n    backgroundColor = colors.divider;\n  } else {\n    activeColor = colors.primary;\n    placeholderColor = borderColor = colors.light;\n    underlineColor = colors.light;\n    backgroundColor = colors.background;\n  }\n\n  const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n  inputStyle = {\n    paddingVertical: 0,\n    color: inputTextColor,\n    paddingLeft:\n      leftIconName && leftIconMode === \"inset\"\n        ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n        : 0,\n    paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n    ...subtitle1,\n    height: lineHeight,\n  };\n\n  if (type === \"underline\") {\n    containerStyle = {\n      borderTopLeftRadius: roundness,\n      borderTopRightRadius: roundness,\n      paddingBottom: 12,\n      marginTop: 16,\n    };\n  } else {\n    containerStyle = {\n      borderRadius: roundness,\n      borderColor: hasActiveOutline ? activeColor : borderColor,\n      borderWidth: 1,\n      paddingTop: labeled ? 16 * 1.5 : 16,\n      paddingBottom: labeled ? 16 * 0.5 : 16,\n      opacity: disabled ? disabledOpacity : 1,\n      backgroundColor,\n    };\n\n    inputStyle.paddingHorizontal = 12;\n  }\n\n  if (leftIconName && leftIconMode === \"outset\") {\n    containerStyle.marginLeft = ICON_SIZE + 8;\n  }\n\n  let leftIconColor;\n  if (focused) {\n    leftIconColor = colors.primary;\n  } else {\n    leftIconColor = colors.light;\n  }\n\n  const leftIconProps = {\n    size: 24,\n    color: leftIconColor,\n    name: leftIconName || \"\",\n  };\n\n  const leftIconStyle: ImageStyle = {\n    position: \"absolute\",\n    marginTop:\n      type === \"solid\"\n        ? leftIconMode === \"inset\"\n          ? MINIMIZED_LABEL_FONT_SIZE + 4\n          : 16\n        : leftIconMode === \"outset\"\n        ? 16\n        : 0,\n  };\n\n  const labelStyle = {\n    ...typography.subtitle1,\n    top: type === \"solid\" ? 16 : 0,\n    left:\n      leftIconName && leftIconMode === \"inset\"\n        ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n        : 0,\n    transform: [\n      {\n        // Move label to top\n        translateY: labeled.interpolate({\n          inputRange: [0, 1],\n          outputRange: [\n            type === \"solid\"\n              ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n              : MINIMIZED_LABEL_Y_OFFSET,\n            0,\n          ],\n        }),\n      },\n      {\n        // Make label smaller\n        scale: labeled.interpolate({\n          inputRange: [0, 1],\n          outputRange: [\n            MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n            1,\n          ],\n        }),\n      },\n      {\n        // Offset label scale since RN doesn't support transform origin\n        translateX: labeled.interpolate({\n          inputRange: [0, 1],\n          outputRange: [\n            -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n              (labelLayout.width / 2),\n            0,\n          ],\n        }),\n      },\n    ],\n  };\n\n  const inputStyles = [\n    styles.input,\n    inputStyle,\n    type === \"solid\" ? { marginHorizontal: 12 } : {},\n  ];\n\n  // const render = (props) => <NativeTextInput {...props} />;\n\n  return (\n    <View style={[styles.container, style]}>\n      <Touchable disabled={disabled} onPress={toggleVisibility}>\n        <View pointerEvents=\"none\">\n          <View style={[styles.container, style]}>\n            {leftIconName && leftIconMode === \"outset\" ? (\n              <Icon {...leftIconProps} style={leftIconStyle} />\n            ) : null}\n            <View\n              style={[containerStyle, style ? { height: style.height } : {}]}\n            >\n              {type === \"underline\" ? (\n                // When type === 'flat', render an underline\n                <Animated.View\n                  style={[\n                    styles.underline,\n                    {\n                      backgroundColor: focused ? activeColor : underlineColor,\n                      // Underlines is thinner when input is not focused\n                      transform: [{ scaleY: focused ? 1 : 0.5 }],\n                    },\n                  ]}\n                />\n              ) : null}\n\n              {label ? (\n                // Position colored placeholder and gray placeholder on top of each other and crossfade them\n                // This gives the effect of animating the color, but allows us to use native driver\n                <View\n                  pointerEvents=\"none\"\n                  style={[\n                    StyleSheet.absoluteFill,\n                    {\n                      opacity:\n                        // Hide the label in minimized state until we measure its width\n                        date || focused ? (labelLayout.measured ? 1 : 0) : 1,\n                    },\n                  ]}\n                >\n                  <AnimatedText\n                    onLayout={(e: LayoutChangeEvent) =>\n                      setLabelLayout({\n                        width: e.nativeEvent.layout.width,\n                        measured: true,\n                      })\n                    }\n                    style={[\n                      styles.placeholder,\n                      type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                      labelStyle,\n                      {\n                        color: colors.light,\n                        opacity: labeled.interpolate({\n                          inputRange: [0, 1],\n                          outputRange: [hasActiveOutline ? 1 : 0, 0],\n                        }),\n                      },\n                    ]}\n                    numberOfLines={1}\n                  >\n                    {label}\n                  </AnimatedText>\n                  <AnimatedText\n                    style={[\n                      styles.placeholder,\n                      type === \"solid\" ? { paddingHorizontal: 12 } : {},\n                      labelStyle,\n                      {\n                        color: placeholderColor,\n                        opacity: hasActiveOutline ? labeled : 1,\n                      },\n                    ]}\n                    numberOfLines={1}\n                  >\n                    {label}\n                  </AnimatedText>\n                </View>\n              ) : null}\n\n              {leftIconName && leftIconMode === \"inset\" ? (\n                <Icon\n                  {...leftIconProps}\n                  style={{\n                    ...leftIconStyle,\n                    marginLeft: type === \"solid\" ? 16 : 0,\n                  }}\n                />\n              ) : null}\n\n              <NativeTextInput\n                value={formatDate()}\n                placeholder={label ? placeholder1 : placeholder}\n                editable={!disabled}\n                placeholderTextColor={placeholderColor}\n                selectionColor={activeColor}\n                onFocus={_handleFocus}\n                onBlur={_handleBlur}\n                underlineColorAndroid={\"transparent\"}\n                style={inputStyles}\n                {...props}\n              />\n            </View>\n            {rightIconName ? (\n              <Icon\n                name={rightIconName}\n                size={ICON_SIZE}\n                color={colors.light}\n                style={{\n                  position: \"absolute\",\n                  right: 16,\n                  marginTop:\n                    type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n                }}\n              />\n            ) : null}\n          </View>\n        </View>\n      </Touchable>\n      {pickerVisible && (\n        <Portal>\n          <View\n            style={[\n              styles.picker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\n            <View\n              style={[\n                styles.pickerContainer,\n                {\n                  paddingTop: insets.top,\n                  paddingBottom: insets.bottom,\n                  paddingLeft: insets.left,\n                  paddingRight: insets.right,\n                },\n              ]}\n            >\n              <DateTimePicker\n                value={getValidDate()}\n                mode={mode}\n                isVisible={pickerVisible}\n                toggleVisibility={toggleVisibility}\n                onChange={(_event: any, data: any) => {\n                  toggleVisibility();\n                  setValue(data);\n                  onDateChange(data);\n                }}\n              />\n            </View>\n          </View>\n        </Portal>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  underline: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: 2,\n  },\n  input: {\n    flexGrow: 1,\n    justifyContent: \"center\",\n    textAlignVertical: \"center\",\n    margin: 0,\n    textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n  },\n  placeholder: {\n    position: \"absolute\",\n    left: 0,\n  },\n  pickerContainer: { flexDirection: \"column\", width: \"100%\", zIndex: 100 },\n  closeButton: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport default withTheme(DatePicker);\n"],"mappings":"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"}

package/lib/commonjs/components/DatePicker/DatePickerComponentType.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["DatePickerComponentType.ts"],"sourcesContent":["import theme from \"../../styles/DefaultTheme\";\n\nexport interface DatePickerComponentProps {\n  value: Date;\n  onChange: (e: any, data?: any) => void;\n  mode: \"date\" | \"time\" | \"datetime\";\n  toggleVisibility: () => void;\n  isVisible?: boolean;\n  theme?: typeof theme;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["DatePickerComponentType.js"],"sourcesContent":["export {};\n"],"mappings":""}

package/lib/commonjs/components/DeprecatedButton.js

@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Button = _ref => {
   let {
     Icon,
@@ -128,7 +126,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -136,7 +134,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -171,5 +169,23 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
+exports.default = _default;
+//# sourceMappingURL=DeprecatedButton.js.mapt.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: _Config.default.buttonIconSize
+  }
+});
+
+var _default = (0, _theming.withTheme)(Button);
+
 exports.default = _default;
 //# sourceMappingURL=DeprecatedButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","withTheme"],"sources":["DeprecatedButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  Text,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n *   <figure>\n *     <img src=\"screenshots/button-1.png\" />\n *     <figcaption>Text button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-2.png\" />\n *     <figcaption>Outlined button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-3.png\" />\n *     <figcaption>Contained button</figcaption>\n *   </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n *     Press me\n *   </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"outline\" | \"text\";\n  loading?: boolean;\n  icon?: string;\n  labelColor?: string;\n  color?: string;\n  children?: React.ReactNode;\n  onPress: () => void;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst Button: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  labelColor,\n  color: colorOverride,\n  children,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"solid\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n  };\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n    marginVertical: 16,\n    marginHorizontal: 16,\n  };\n\n  const iconStyle = [\n    styles.icon,\n    {\n      marginLeft: 16,\n      marginRight: -8,\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  const {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n    ...innerStyles\n  } = StyleSheet.flatten(style || {});\n\n  const margins = {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n  };\n\n  return (\n    <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={[styles.button, buttonStyle, innerStyles]}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          <Text numberOfLines={1} style={[textStyle, typography.button]}>\n            {children}\n          </Text>\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    minWidth: 64,\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    width: Config.buttonIconSize,\n  },\n});\n\nexport default withTheme(Button);\n"],"mappings":"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"}
+{"version":3,"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","withTheme"],"sources":["DeprecatedButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"solid\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n    };\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n        marginVertical: 16,\n        marginHorizontal: 16,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            marginLeft: 16,\n            marginRight: -8,\n            width: Config.buttonIconSize,\n        },\n    ];\n    const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n    const margins = {\n        margin,\n        marginEnd,\n        marginTop,\n        marginLeft,\n        marginRight,\n        marginBottom,\n        marginHorizontal,\n        marginVertical,\n    };\n    return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        minWidth: 64,\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        width: Config.buttonIconSize,\n    },\n});\nexport default withTheme(Button);\n"],"mappings":"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"}

package/lib/commonjs/components/Justification.js

@@ -1,2 +1,5 @@
 "use strict";
+//# sourceMappingURL=Justification.js.maple", {
+  value: true
+});
 //# sourceMappingURL=Justification.js.map

package/lib/commonjs/components/Picker/Picker.js

@@ -66,6 +66,8 @@ const disabledColor = "rgb(240, 240, 240)";
 const errorColor = "rgba(255, 69, 100, 1)";
 
 const Picker = _ref => {
+  var _find$label, _find;
+
   let {
     error,
     options = [],
@@ -157,10 +159,7 @@ const Picker = _ref => {
     ...extractedMarginStyles
   };
   const stylesWithoutBordersAndMargins = (0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const optionExists = internalValue ? pickerOptions.find(option => option.value === internalValue) : {
-    label: null
-  };
-  const selectedLabel = optionExists && optionExists.label ? optionExists.label : placeholder;
+  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
   const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: {
       textAlign: textStyles.textAlign,
@@ -251,7 +250,7 @@ const Picker = _ref => {
       style: styles.primaryTextContainer
     }, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
       style: primaryTextStyle
-    }, String(selectedLabel))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
       style: [styles.iosPicker, {
         backgroundColor: colors.divider
       }]