@draftbit/core 46.4.4-d73221.2 → 46.4.4-dc4ec4.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","Platform","getWindowDimensions","width","height","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","placeholderSvgURL","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  placeholderSvgURL: \"https://static.draftbit.com/images/placeholder-image.svg\",\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,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,MAAMC,mBAAmB,GAAG,MAAM;EAChC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGJ,UAAU,CAACK,GAAG,CAAC,QAAQ,CAAC;EAClD,OAAO;IACLC,WAAW,EAAEH,KAAK;IAClBI,YAAY,EAAEH;EAChB,CAAC;AACH,CAAC;AAED,MAAM;EAAEE,WAAW;EAAEC;AAAa,CAAC,GAAGL,mBAAmB,EAAE;AAE3D,MAAMM,UAAU,GAAIC,OAA0C,IAAK;EACjE,MAAM;IAAEN,KAAK;IAAEC;EAAO,CAAC,GAAGK,OAAO;EACjC,MAAMC,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;EAEjD,IAAIP,KAAK,EAAEO,OAAO,CAACC,IAAI,CAAE,KAAIR,KAAM,EAAC,CAAC;EACrC,IAAIC,MAAM,EAAEM,OAAO,CAACC,IAAI,CAAE,KAAIP,MAAO,EAAC,CAAC;EAEvC,OAAOM,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B,CAAC;AAED,MAAMC,aAAa,GAAG,CACpBJ,OAA0C,EAC1CK,IAAY,KACT;EACH,MAAMJ,OAAO,GAAGF,UAAU,CAACC,OAAO,CAAC;EACnC,OAAO,CACL,+CAA+C,EAC/CC,OAAO,EACN,GAAEI,IAAK,MAAK,CACd,CAACF,IAAI,CAAC,GAAG,CAAC;AACb,CAAC;AAED,MAAMG,YAAY,GAAG,MAAM;EACzB,OAAOd,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM;AAChD,CAAC;AAED,eAAe;EACbV,WAAW;EACXC,YAAY;EACZU,cAAc,EAAEJ,aAAa,CAC3B;IACEV,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC,EACD,QAAQ,CACT;EACDc,eAAe,EAAE,EAAE;EACnBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EACV,sDAAsD,GAAGL,YAAY,EAAE;EACzEM,YAAY,EAAE,EAAE;EAChBC,yBAAyB,EAAE,IAAI;EAC/BC,iBAAiB,EAAE,CAAC;EACpBC,mBAAmB,EACjB,sDAAsD,GAAGT,YAAY,EAAE;EACzEU,sBAAsB,EAAGC,IAAuC,IAC9Db,aAAa,CACX;IAAEV,KAAK,EAAEuB,IAAI,CAACvB,KAAK;IAAEC,MAAM,EAAEsB,IAAI,CAACtB;EAAO,CAAC,EAC1C,qBAAqB,CACtB;EACHuB,iBAAiB,EAAE,0DAA0D;EAC7EC,cAAc,EAAEf,aAAa,CAAC;IAAEV,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC,EAAE,QAAQ,CAAC;EACpEyB,OAAO,EAAE,EAAE;EACXC,eAAe,EAAE,EAAE;EACnBC,cAAc,EAAE,EAAE;EAClBC,kCAAkC,EAAE,CAAC;EACrCC,sBAAsB,EAAE,EAAE;EAC1BC,qBAAqB,EAAE,EAAE;EACzBC,qBAAqB,EAAE,EAAE;EACzBC,oBAAoB,EAAE,EAAE;EACxBC,cAAc,EAAE,EAAE;EAClBC,cAAc,EAAE,EAAE;EAClBC,qBAAqB,EAAE,CAAC;EACxBC,mBAAmB,EAAE,EAAE;EACvBC,0BAA0B,EAAE,EAAE;EAC9BC,iBAAiB,EAAE,EAAE;EACrBC,eAAe,EAAE,EAAE;EACnBC,qBAAqB,EAAE;EACvB;AACF,CAAC"}

package/lib/module/components/Container.js

@@ -1,10 +1,8 @@
 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); }
-
 import * as React from "react";
 import { View, ImageBackground, StyleSheet } from "react-native";
 import { withTheme } from "../theming";
 import Elevation from "./Elevation";
-
 const Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -82,5 +80,5 @@ const Container = _ref => {
     style: innerStyle
   }, children));
 };
-
-export default withTheme(Container);
+export default withTheme(Container);
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ImageBackground","StyleSheet","withTheme","Elevation","Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","flatten","containerStyle","width","innerStyle","Wrap","uri"],"sources":["Container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  ImageBackground,\n  ImageSourcePropType,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\n\nimport Elevation from \"./Elevation\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport { ResizeModeType } from \"./ResizeMode\";\n\ntype Props = {\n  theme: Theme;\n  useThemeGutterPadding: boolean;\n  borderColor: string;\n  borderWidth: number;\n  backgroundColor: string;\n  backgroundImage?: string | ImageSourcePropType;\n  backgroundImageResizeMode?: ResizeModeType;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nconst Container: React.FC<React.PropsWithChildren<Props>> = ({\n  useThemeGutterPadding,\n  borderColor,\n  borderWidth,\n  backgroundColor,\n  backgroundImage,\n  backgroundImageResizeMode,\n  elevation,\n  style,\n  children,\n  theme, // eslint-disable-line @typescript-eslint/no-unused-vars\n  ...rest\n}) => {\n  const {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal,\n    ...styleProp\n  } = StyleSheet.flatten(style) || {};\n\n  const containerStyle: StyleProp<ViewStyle> = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    width: \"100%\",\n    ...styleProp,\n  };\n\n  const innerStyle: StyleProp<ViewStyle> = {\n    flex,\n    flexGrow,\n    flexWrap,\n    flexBasis,\n    flexShrink,\n    flexDirection,\n    alignContent,\n    justifyContent,\n    alignItems,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    paddingVertical,\n    paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,\n  };\n\n  const Wrap = elevation ? Elevation : View;\n\n  if (elevation) containerStyle.elevation = elevation;\n\n  return (\n    <Wrap style={[containerStyle, style]} {...rest}>\n      {backgroundImage ? (\n        <ImageBackground\n          source={\n            typeof backgroundImage === \"string\"\n              ? { uri: backgroundImage }\n              : backgroundImage\n          }\n          resizeMode={backgroundImageResizeMode}\n          style={{\n            flex: 1,\n          }}\n        >\n          <View style={innerStyle}>{children}</View>\n        </ImageBackground>\n      ) : (\n        <View style={innerStyle}>{children}</View>\n      )}\n    </Wrap>\n  );\n};\n\nexport default withTheme(Container);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,eAAe,EAGfC,UAAU,QAEL,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AAEtC,OAAOC,SAAS,MAAM,aAAa;AAiBnC,MAAMC,SAAmD,GAAG,QAYtD;EAAA,IAZuD;IAC3DC,qBAAqB;IACrBC,WAAW;IACXC,WAAW;IACXC,eAAe;IACfC,eAAe;IACfC,yBAAyB;IACzBC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACRC,KAAK;IAAE;IACP,GAAGC;EACL,CAAC;EACC,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,cAAc;IACdC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,iBAAiB;IACjB,GAAGC;EACL,CAAC,GAAG/B,UAAU,CAACgC,OAAO,CAACrB,KAAK,CAAC,IAAI,CAAC,CAAC;EAEnC,MAAMsB,cAAoC,GAAG;IAC3C1B,eAAe;IACfF,WAAW;IACXC,WAAW;IACX4B,KAAK,EAAE,MAAM;IACb,GAAGH;EACL,CAAC;EAED,MAAMI,UAAgC,GAAG;IACvCpB,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,aAAa;IACbC,YAAY;IACZC,cAAc;IACdC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,iBAAiB,EAAEA,iBAAiB,IAAI1B,qBAAqB,GAAG,EAAE,GAAG;EACvE,CAAC;EAED,MAAMgC,IAAI,GAAG1B,SAAS,GAAGR,SAAS,GAAGJ,IAAI;EAEzC,IAAIY,SAAS,EAAEuB,cAAc,CAACvB,SAAS,GAAGA,SAAS;EAEnD,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACuB,cAAc,EAAEtB,KAAK;EAAE,GAAKG,IAAI,GAC3CN,eAAe,gBACd,oBAAC,eAAe;IACd,MAAM,EACJ,OAAOA,eAAe,KAAK,QAAQ,GAC/B;MAAE6B,GAAG,EAAE7B;IAAgB,CAAC,GACxBA,eACL;IACD,UAAU,EAAEC,yBAA0B;IACtC,KAAK,EAAE;MACLM,IAAI,EAAE;IACR;EAAE,gBAEF,oBAAC,IAAI;IAAC,KAAK,EAAEoB;EAAW,GAAEvB,QAAQ,CAAQ,CAC1B,gBAElB,oBAAC,IAAI;IAAC,KAAK,EAAEuB;EAAW,GAAEvB,QAAQ,CACnC,CACI;AAEX,CAAC;AAED,eAAeX,SAAS,CAACE,SAAS,CAAC"}

package/lib/module/components/DatePicker/DatePicker.js

@@ -1,3 +1,4 @@
+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); }
 import * as React from "react";
 import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -11,7 +12,6 @@ const FOCUS_ANIMATION_DURATION = 150;
 const BLUR_ANIMATION_DURATION = 180;
 const ICON_SIZE = 24;
 const MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-
 const DatePicker = _ref => {
   let {
     Icon,
@@ -50,55 +50,50 @@ const DatePicker = _ref => {
     measured: false,
     width: 0
   });
-
   const getValidDate = () => {
     if (!value) {
       return new Date();
     }
-
     return typeof (value === null || value === void 0 ? void 0 : value.getMonth) === "function" ? value : new Date();
   };
-
   const formatDate = () => {
     if (!value) return "";
     let newDate = getValidDate();
     if (format) return dateFormat(newDate, format);
-
     if (mode === "time") {
-      return "".concat(newDate.toLocaleTimeString());
+      return `${newDate.toLocaleTimeString()}`;
     }
-
     if (mode === "datetime") {
-      return "".concat(newDate.toLocaleString());
+      return `${newDate.toLocaleString()}`;
     }
-
-    return "".concat(MONTHS[newDate.getMonth()], " ").concat(newDate.getDate(), ", ").concat(newDate.getFullYear());
+    return `${MONTHS[newDate.getMonth()]} ${newDate.getDate()}, ${newDate.getFullYear()}`;
   };
-
   const toggleVisibility = async () => {
     setPickerVisible(!pickerVisible);
     focused ? _handleBlur() : _handleFocus();
   };
+  const insets = useSafeAreaInsets();
 
-  const insets = useSafeAreaInsets(); // const _restoreLabel = () =>
+  // const _restoreLabel = () =>
   //   Animated.timing(labeled, {
   //     toValue: 1,
   //     duration: FOCUS_ANIMATION_DURATION,
   //     useNativeDriver: true,
   //   }).start();
+
   // const _minmizeLabel = () =>
   //   Animated.timing(labeled, {
   //     toValue: 0,
   //     duration: BLUR_ANIMATION_DURATION,
   //     useNativeDriver: true,
   //   }).start();
+
   // const _showPlaceholder = () =>
   //   setTimeout(() => setPlaceholder1(placeholder || ""), 50);
 
   const _hidePlaceholder = () => {
     setPlaceholder1("");
   };
-
   React.useEffect(() => {
     setValue(date);
   }, [date]);
@@ -121,34 +116,27 @@ const DatePicker = _ref => {
   }, [value, focused, placeholder1, labeled]);
   React.useEffect(() => {
     const _showPlaceholder = () => setTimeout(() => setPlaceholder1(placeholder || ""), 50);
-
     if (focused || !label) {
       _showPlaceholder();
     } else {
       _hidePlaceholder();
     }
-
     return () => {
       clearTimeout(_showPlaceholder());
     };
   }, [focused, label, placeholder]);
-
   const _handleFocus = () => {
     if (disabled) {
       return;
     }
-
     setFocused(true);
   };
-
   const _handleBlur = () => {
     if (disabled) {
       return;
     }
-
     setFocused(false);
   };
-
   const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
   const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
   const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
@@ -156,7 +144,6 @@ const DatePicker = _ref => {
   const hasActiveOutline = focused;
   let inputTextColor, activeColor, underlineColor, borderColor, placeholderColor, containerStyle, backgroundColor, inputStyle;
   inputTextColor = colors.strong;
-
   if (disabled) {
     activeColor = colors.light;
     placeholderColor = colors.light;
@@ -169,7 +156,6 @@ const DatePicker = _ref => {
     underlineColor = colors.light;
     backgroundColor = colors.background;
   }
-
   const {
     lineHeight,
     ...subtitle1
@@ -182,7 +168,6 @@ const DatePicker = _ref => {
     ...subtitle1,
     height: lineHeight
   };
-
   if (type === "underline") {
     containerStyle = {
       borderTopLeftRadius: roundness,
@@ -202,19 +187,15 @@ const DatePicker = _ref => {
     };
     inputStyle.paddingHorizontal = 12;
   }
-
   if (leftIconName && leftIconMode === "outset") {
     containerStyle.marginLeft = ICON_SIZE + 8;
   }
-
   let leftIconColor;
-
   if (focused) {
     leftIconColor = colors.primary;
   } else {
     leftIconColor = colors.light;
   }
-
   const leftIconProps = {
     size: 24,
     color: leftIconColor,
@@ -224,7 +205,8 @@ const DatePicker = _ref => {
     position: "absolute",
     marginTop: type === "solid" ? leftIconMode === "inset" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16 : leftIconMode === "outset" ? 16 : 0
   };
-  const labelStyle = { ...typography.subtitle1,
+  const labelStyle = {
+    ...typography.subtitle1,
     top: type === "solid" ? 16 : 0,
     left: leftIconName && leftIconMode === "inset" ? ICON_SIZE + (type === "solid" ? 16 : 12) : 0,
     transform: [{
@@ -249,7 +231,9 @@ const DatePicker = _ref => {
   };
   const inputStyles = [styles.input, inputStyle, type === "solid" ? {
     marginHorizontal: 12
-  } : {}]; // const render = (props) => <NativeTextInput {...props} />;
+  } : {}];
+
+  // const render = (props) => <NativeTextInput {...props} />;
 
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
@@ -260,9 +244,9 @@ const DatePicker = _ref => {
     pointerEvents: "none"
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
-  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
+  }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
     style: leftIconStyle
-  }) : null, /*#__PURE__*/React.createElement(View, {
+  })) : null, /*#__PURE__*/React.createElement(View, {
     style: [containerStyle, style ? {
       height: style.height
     } : {}]
@@ -284,7 +268,8 @@ const DatePicker = _ref => {
   React.createElement(View, {
     pointerEvents: "none",
     style: [StyleSheet.absoluteFill, {
-      opacity: // Hide the label in minimized state until we measure its width
+      opacity:
+      // Hide the label in minimized state until we measure its width
       date || focused ? labelLayout.measured ? 1 : 0 : 1
     }]
   }, /*#__PURE__*/React.createElement(AnimatedText, {
@@ -310,11 +295,12 @@ const DatePicker = _ref => {
       opacity: hasActiveOutline ? labeled : 1
     }],
     numberOfLines: 1
-  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
-    style: { ...leftIconStyle,
+  }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
+    style: {
+      ...leftIconStyle,
       marginLeft: type === "solid" ? 16 : 0
     }
-  }) : null, /*#__PURE__*/React.createElement(NativeTextInput, {
+  })) : null, /*#__PURE__*/React.createElement(NativeTextInput, _extends({
     value: formatDate(),
     placeholder: label ? placeholder1 : placeholder,
     editable: !disabled,
@@ -323,9 +309,8 @@ const DatePicker = _ref => {
     onFocus: _handleFocus,
     onBlur: _handleBlur,
     underlineColorAndroid: "transparent",
-    style: inputStyles,
-    ...props
-  })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
+    style: inputStyles
+  }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
     name: rightIconName,
     size: ICON_SIZE,
     color: colors.light,
@@ -357,7 +342,6 @@ const DatePicker = _ref => {
     }
   })))));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -397,4 +381,5 @@ const styles = StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
-export default withTheme(DatePicker);
+export default withTheme(DatePicker);
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Animated","Text","StyleSheet","I18nManager","TextInput","NativeTextInput","useSafeAreaInsets","dateFormat","withTheme","Portal","Touchable","DateTimePicker","AnimatedText","createAnimatedComponent","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","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","_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","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","isRTL","zIndex","closeButton"],"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/module/components/DatePicker/DatePickerComponent.js

@@ -2,7 +2,6 @@ import React from "react";
 import { Platform } from "react-native";
 import DateTimePicker from "@react-native-community/datetimepicker";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
-
 const DatePickerComponent = _ref => {
   let {
     value,
@@ -29,5 +28,5 @@ const DatePickerComponent = _ref => {
     display: "default"
   });
 };
-
-export default DatePickerComponent;
+export default DatePickerComponent;
+//# sourceMappingURL=DatePickerComponent.js.map

package/lib/module/components/DatePicker/DatePickerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","console","log","data"],"sources":["DatePickerComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\n\nconst DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n}) => {\n  return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (\n    <DateTimePickerModal\n      date={value}\n      mode={mode}\n      isVisible={true}\n      display={Platform.OS === \"ios\" ? \"spinner\" : \"default\"}\n      onCancel={() => {\n        console.log(\"Picker cancelled before selecting anything.\");\n        toggleVisibility();\n      }}\n      onConfirm={(data) => {\n        onChange(null, data);\n      }}\n    />\n  ) : (\n    <DateTimePicker\n      value={value}\n      mode={mode}\n      onChange={onChange}\n      display={\"default\"}\n    />\n  );\n};\n\nexport default DatePickerComponent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,cAAc,MAAM,wCAAwC;AACnE,OAAOC,mBAAmB,MAAM,oCAAoC;AAGpE,MAAMC,mBAA6D,GAAG,QAKhE;EAAA,IALiE;IACrEC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC;EACF,CAAC;EACC,OAAOP,QAAQ,CAACQ,EAAE,KAAK,KAAK,IAAIR,QAAQ,CAACQ,EAAE,KAAK,SAAS,gBACvD,oBAAC,mBAAmB;IAClB,IAAI,EAAEJ,KAAM;IACZ,IAAI,EAAEE,IAAK;IACX,SAAS,EAAE,IAAK;IAChB,OAAO,EAAEN,QAAQ,CAACQ,EAAE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAU;IACvD,QAAQ,EAAE,MAAM;MACdC,OAAO,CAACC,GAAG,CAAC,6CAA6C,CAAC;MAC1DH,gBAAgB,EAAE;IACpB,CAAE;IACF,SAAS,EAAGI,IAAI,IAAK;MACnBN,QAAQ,CAAC,IAAI,EAAEM,IAAI,CAAC;IACtB;EAAE,EACF,gBAEF,oBAAC,cAAc;IACb,KAAK,EAAEP,KAAM;IACb,IAAI,EAAEE,IAAK;IACX,QAAQ,EAAED,QAAS;IACnB,OAAO,EAAE;EAAU,EAEtB;AACH,CAAC;AAED,eAAeF,mBAAmB"}

package/lib/module/components/DatePicker/DatePickerComponent.web.js

@@ -4,7 +4,6 @@ import { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker } from
 import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
 import { withTheme } from "../../theming";
 import Theme from "../../styles/DefaultTheme";
-
 const DatePickerComponent = _ref => {
   let {
     value,
@@ -41,5 +40,5 @@ const DatePickerComponent = _ref => {
     TextFieldComponent: () => null
   })));
 };
-
-export default withTheme(DatePickerComponent);
+export default withTheme(DatePickerComponent);
+//# sourceMappingURL=DatePickerComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","DateFnsUtils","MuiPickersUtilsProvider","DatePicker","TimePicker","DateTimePicker","createMuiTheme","ThemeProvider","withTheme","Theme","DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","secondary","Picker","d"],"sources":["DatePickerComponent.web.tsx"],"sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme.colors.primary || Theme.colors.primary,\n      },\n      secondary: {\n        main: theme.colors.secondary || Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,mBAAmB;AAC5C,SACEC,uBAAuB,EACvBC,UAAU,EACVC,UAAU,EACVC,cAAc,QACT,sBAAsB;AAC7B,SAASC,cAAc,EAAEC,aAAa,QAAQ,0BAA0B;AAExE,SAASC,SAAS,QAAQ,eAAe;AACzC,OAAOC,KAAK,MAAM,2BAA2B;AAE7C,MAAMC,mBAA8D,GAAG,QAOjE;EAAA,IAPkE;IACtEC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,gBAAgB;IAChBC,SAAS;IACTC;EACF,CAAC;EACC,MAAMC,aAAa,GAAGX,cAAc,CAAC;IACnCY,OAAO,EAAE;MACPC,OAAO,EAAE;QACPC,IAAI,EAAEJ,KAAK,CAACK,MAAM,CAACF,OAAO,IAAIV,KAAK,CAACY,MAAM,CAACF;MAC7C,CAAC;MACDG,SAAS,EAAE;QACTF,IAAI,EAAEJ,KAAK,CAACK,MAAM,CAACC,SAAS,IAAIb,KAAK,CAACY,MAAM,CAACC;MAC/C;IACF;EACF,CAAC,CAAC;EAEF,MAAMC,MAAM,GACVV,IAAI,KAAK,MAAM,GACXV,UAAU,GACVU,IAAI,KAAK,MAAM,GACfT,UAAU,GACVC,cAAc;EAEpB,oBACE,oBAAC,uBAAuB;IAAC,KAAK,EAAEJ;EAAa,gBAC3C,oBAAC,aAAa;IAAC,KAAK,EAAEgB;EAAc,gBAClC,oBAAC,MAAM;IACL,KAAK,EAAEN,KAAM;IACb,IAAI,EAAEI,SAAU;IAChB,QAAQ,EAAGS,CAAC,IAAK;MACfV,gBAAgB,EAAE;MAClBF,QAAQ,CAAC,IAAI,EAAEY,CAAC,CAAC;IACnB,CAAE;IACF,OAAO,EAAE,MAAMV,gBAAgB,EAAG;IAClC,OAAO,EAAC,QAAQ;IAChB,kBAAkB,EAAE,MAAM;EAAK,EAC/B,CACY,CACQ;AAE9B,CAAC;AAED,eAAeN,SAAS,CAACE,mBAAmB,CAAC"}

package/lib/module/components/DatePicker/DatePickerComponentType.js

@@ -1 +1,2 @@
-export {};
+export {};
+//# sourceMappingURL=DatePickerComponentType.js.map

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

@@ -0,0 +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":""}

package/lib/module/components/DeprecatedButton.js

@@ -1,5 +1,4 @@
 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); }
-
 import * as React from "react";
 import { ActivityIndicator, View, Text, StyleSheet } from "react-native";
 import color from "color";
@@ -7,7 +6,6 @@ import Config from "./Config";
 import Touchable from "./Touchable";
 import Elevation from "./Elevation";
 import { withTheme } from "../theming";
-
 const Button = _ref => {
   let {
     Icon,
@@ -31,10 +29,8 @@ const Button = _ref => {
   } = _ref;
   let backgroundColor, borderColor, textColor, borderWidth;
   const buttonColor = colorOverride || colors.primary;
-
   if (type === "solid") {
     backgroundColor = buttonColor;
-
     if (disabled) {
       textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
     } else {
@@ -42,27 +38,23 @@ const Button = _ref => {
     }
   } else {
     backgroundColor = "transparent";
-
     if (disabled) {
       textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
     } else {
       textColor = labelColor || buttonColor;
     }
   }
-
   if (type === "outline") {
     if (disabled) {
       borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
     } else {
       borderColor = buttonColor;
     }
-
     borderWidth = StyleSheet.hairlineWidth;
   } else {
     borderColor = "transparent";
     borderWidth = 0;
   }
-
   const buttonStyle = {
     backgroundColor,
     borderColor,
@@ -132,7 +124,6 @@ const Button = _ref => {
     style: [textStyle, typography.button]
   }, children))));
 };
-
 const styles = StyleSheet.create({
   button: {
     minWidth: 64,
@@ -147,4 +138,5 @@ const styles = StyleSheet.create({
     width: Config.buttonIconSize
   }
 });
-export default withTheme(Button);
+export default withTheme(Button);
+//# sourceMappingURL=DeprecatedButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","View","Text","StyleSheet","color","Config","Touchable","Elevation","withTheme","Button","Icon","icon","disabled","type","loading","labelColor","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"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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"}

package/lib/module/components/DeprecatedCardWrapper.js

@@ -1,22 +1,17 @@
 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); }
-
 import React from "react";
 import { withTheme } from "../theming";
 import Touchable from "./Touchable";
-
 const getWidth = numColumns => {
   switch (numColumns) {
     case 1:
       return "33%";
-
     case 2:
       return "50%";
-
     default:
       return "100%";
   }
 };
-
 const Card = _ref => {
   let {
     numColumns = 3,
@@ -34,5 +29,5 @@ const Card = _ref => {
     }]
   }, rest), children);
 };
-
-export default withTheme(Card);
+export default withTheme(Card);
+//# sourceMappingURL=DeprecatedCardWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Touchable","getWidth","numColumns","Card","children","onPress","style","rest","width"],"sources":["DeprecatedCardWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  numColumns?: number;\n  children?: React.ReactNode;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n  switch (numColumns) {\n    case 1:\n      return \"33%\";\n    case 2:\n      return \"50%\";\n    default:\n      return \"100%\";\n  }\n};\n\nconst Card: React.FC<React.PropsWithChildren<Props>> = ({\n  numColumns = 3,\n  children,\n  onPress,\n  style,\n  ...rest\n}) => {\n  const width = getWidth(numColumns);\n  return (\n    <Touchable\n      disabled={!onPress}\n      onPress={onPress}\n      style={[style, { width }]}\n      {...rest}\n    >\n      {children}\n    </Touchable>\n  );\n};\n\nexport default withTheme(Card);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,SAAS,MAAM,aAAa;AAYnC,MAAMC,QAAQ,GAAIC,UAAkB,IAAK;EACvC,QAAQA,UAAU;IAChB,KAAK,CAAC;MACJ,OAAO,KAAK;IACd,KAAK,CAAC;MACJ,OAAO,KAAK;IACd;MACE,OAAO,MAAM;EAAC;AAEpB,CAAC;AAED,MAAMC,IAA8C,GAAG,QAMjD;EAAA,IANkD;IACtDD,UAAU,GAAG,CAAC;IACdE,QAAQ;IACRC,OAAO;IACPC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAU,CAAC;EAClC,oBACE,oBAAC,SAAS;IACR,QAAQ,EAAE,CAACG,OAAQ;IACnB,OAAO,EAAEA,OAAQ;IACjB,KAAK,EAAE,CAACC,KAAK,EAAE;MAAEE;IAAM,CAAC;EAAE,GACtBD,IAAI,GAEPH,QAAQ,CACC;AAEhB,CAAC;AAED,eAAeL,SAAS,CAACI,IAAI,CAAC"}

package/lib/module/components/DeprecatedFAB.js

@@ -1,5 +1,4 @@
 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); }
-
 import * as React from "react";
 import { ActivityIndicator, View, StyleSheet } from "react-native";
 import color from "color";
@@ -8,7 +7,6 @@ import Text from "./Text";
 import Touchable from "./Touchable";
 import Elevation from "./Elevation";
 import { withTheme } from "../theming";
-
 const FAB = _ref => {
   let {
     Icon,
@@ -31,10 +29,8 @@ const FAB = _ref => {
   } = _ref;
   let backgroundColor, borderColor, textColor, borderWidth;
   const buttonColor = colorOverride || colors.primary;
-
   if (type === "standard" || type === "extended" || type === "fixed") {
     backgroundColor = buttonColor;
-
     if (disabled) {
       textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
     } else {
@@ -42,27 +38,23 @@ const FAB = _ref => {
     }
   } else {
     backgroundColor = "transparent";
-
     if (disabled) {
       textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
     } else {
       textColor = buttonColor;
     }
   }
-
   if (type === "outline") {
     if (disabled) {
       borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
     } else {
       borderColor = buttonColor;
     }
-
     borderWidth = StyleSheet.hairlineWidth;
   } else {
     borderColor = "transparent";
     borderWidth = 0;
   }
-
   const buttonStyle = {
     backgroundColor,
     borderColor,
@@ -80,7 +72,6 @@ const FAB = _ref => {
   const iconStyle = [styles.icon, {
     width: Config.buttonIconSize
   }];
-
   if (type === "standard" || type === "outline") {
     buttonStyle.width = Config.FABSize;
     buttonStyle.height = Config.FABSize;
@@ -90,7 +81,6 @@ const FAB = _ref => {
       height: Config.FABSize
     });
   }
-
   if (type === "extended" || type === "fixed") {
     iconStyle.push({
       marginLeft: 16,
@@ -98,14 +88,12 @@ const FAB = _ref => {
     });
     textStyle.margin = 16;
   }
-
   if (type === "fixed") {
     buttonStyles.push({
       height: Config.FABFixedHeight,
       alignSelf: "stretch"
     });
   }
-
   return /*#__PURE__*/React.createElement(Elevation, {
     style: [{
       elevation
@@ -135,7 +123,6 @@ const FAB = _ref => {
     style: [textStyle, typography.button]
   }, label) : null)));
 };
-
 const styles = StyleSheet.create({
   button: {
     borderStyle: "solid"
@@ -158,4 +145,5 @@ const styles = StyleSheet.create({
     borderRadius: 0
   }
 });
-export default withTheme(FAB);
+export default withTheme(FAB);
+//# sourceMappingURL=DeprecatedFAB.js.map