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

package/lib/module/components/CircularProgress.js

@@ -1,13 +1,12 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from "react";
 import { View } from "react-native";
 import { Svg, Path, G } from "react-native-svg";
-
 class CircularProgress extends React.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
       var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
       return {
@@ -15,7 +14,6 @@ class CircularProgress extends React.Component {
         y: centerY + radius * Math.sin(angleInRadians)
       };
     });
-
     _defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
       var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
       var end = this.polarToCartesian(x, y, radius, startAngle);
@@ -23,10 +21,8 @@ class CircularProgress extends React.Component {
       var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
       return d.join(" ");
     });
-
     _defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
   }
-
   render() {
     const {
       size,
@@ -104,7 +100,6 @@ class CircularProgress extends React.Component {
       style: localChildrenContainerStyle
     }, children(fill)));
   }
-
 }
-
-export default CircularProgress;
+export default CircularProgress;
+//# sourceMappingURL=CircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Svg","Path","G","CircularProgress","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground"],"sources":["CircularProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\n\nexport type Props = {\n  size: number;\n  width: number;\n  backgroundWidth?: number;\n  tintColor?: string;\n  tintTransparency?: boolean;\n  backgroundColor?: string;\n  style?: StyleProp<ViewStyle>;\n  rotation?: string | number | undefined;\n  lineCap?: \"butt\" | \"square\" | \"round\" | undefined;\n  arcSweepAngle?: number;\n  fill: number;\n  children?: (fill: number) => React.ReactNode;\n  childrenContainerStyle?: StyleProp<ViewStyle>;\n  padding?: number;\n  renderCap?: (obj: { center: { x: number; y: number } }) => React.ReactNode;\n  dashedBackground?: { width: number; gap: number };\n  dashedTint?: { width: number; gap: number };\n};\n\nclass CircularProgress extends React.Component<Props> {\n  polarToCartesian = (\n    centerX: number,\n    centerY: number,\n    radius: number,\n    angleInDegrees: number\n  ): { x: number; y: number } => {\n    var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n    return {\n      x: centerX + radius * Math.cos(angleInRadians),\n      y: centerY + radius * Math.sin(angleInRadians),\n    };\n  };\n\n  circlePath = (\n    x: number,\n    y: number,\n    radius: number,\n    startAngle: number,\n    endAngle: number\n  ): string => {\n    var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n    var end = this.polarToCartesian(x, y, radius, startAngle);\n    var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n    var d = [\n      \"M\",\n      start.x,\n      start.y,\n      \"A\",\n      radius,\n      radius,\n      0,\n      largeArcFlag,\n      0,\n      end.x,\n      end.y,\n    ];\n    return d.join(\" \");\n  };\n\n  clampFill = (fill: number) => Math.min(100, Math.max(0, fill));\n\n  render() {\n    const {\n      size,\n      width,\n      backgroundWidth,\n      tintColor = \"black\",\n      tintTransparency = true,\n      backgroundColor,\n      style,\n      rotation = 90,\n      lineCap = \"butt\",\n      arcSweepAngle = 360,\n      fill,\n      children,\n      childrenContainerStyle,\n      padding = 0,\n      renderCap,\n      dashedBackground = { width: 0, gap: 0 },\n      dashedTint = { width: 0, gap: 0 },\n    } = this.props;\n\n    const maxWidthCircle = backgroundWidth\n      ? Math.max(width, backgroundWidth)\n      : width;\n    const sizeWithPadding = size / 2 + padding / 2;\n    const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n\n    const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n    const backgroundPath = this.circlePath(\n      sizeWithPadding,\n      sizeWithPadding,\n      radius,\n      tintTransparency ? 0 : currentFillAngle,\n      arcSweepAngle\n    );\n    const circlePathItem = this.circlePath(\n      sizeWithPadding,\n      sizeWithPadding,\n      radius,\n      0,\n      currentFillAngle\n    );\n    const coordinate = this.polarToCartesian(\n      sizeWithPadding,\n      sizeWithPadding,\n      radius,\n      currentFillAngle\n    );\n    const cap = renderCap ? renderCap({ center: coordinate }) : null;\n\n    const offset = size - maxWidthCircle * 2;\n\n    const localChildrenContainerStyle: StyleProp<ViewStyle>[] = [\n      {\n        position: \"absolute\",\n        left: maxWidthCircle + padding / 2,\n        top: maxWidthCircle + padding / 2,\n        width: offset,\n        height: offset,\n        borderRadius: offset / 2,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        overflow: \"hidden\",\n      },\n      childrenContainerStyle,\n    ];\n\n    const strokeDasharrayTint =\n      dashedTint.gap > 0\n        ? Object.values(dashedTint)\n            .map((value) => value.toString())\n            .join(\" \")\n        : \"\";\n\n    const strokeDasharrayBackground =\n      dashedBackground.gap > 0\n        ? Object.values(dashedBackground)\n            .map((value) => value.toString())\n            .join(\" \")\n        : \"\";\n\n    return (\n      <View style={style}>\n        <Svg width={size + padding} height={size + padding}>\n          {/* @ts-ignore */}\n          <G\n            rotation={rotation}\n            originX={(size + padding) / 2}\n            originY={(size + padding) / 2}\n          >\n            {backgroundColor && (\n              <Path\n                d={backgroundPath}\n                stroke={backgroundColor}\n                strokeWidth={backgroundWidth || width}\n                strokeLinecap={lineCap}\n                strokeDasharray={strokeDasharrayBackground}\n                fill=\"transparent\"\n              />\n            )}\n            {fill > 0 && (\n              <Path\n                d={circlePathItem}\n                stroke={tintColor}\n                strokeWidth={width}\n                strokeLinecap={lineCap}\n                strokeDasharray={strokeDasharrayTint}\n                fill=\"transparent\"\n              />\n            )}\n            {cap}\n          </G>\n        </Svg>\n        {children && (\n          <View style={localChildrenContainerStyle}>{children(fill)}</View>\n        )}\n      </View>\n    );\n  }\n}\n\nexport default CircularProgress;\n"],"mappings":"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"}

package/lib/module/components/Config.js

@@ -1,5 +1,4 @@
 import { Dimensions, Platform } from "react-native";
-
 const getWindowDimensions = () => {
   const {
     width,
@@ -10,32 +9,27 @@ const getWindowDimensions = () => {
     windowHeight: height
   };
 };
-
 const {
   windowWidth,
   windowHeight
 } = getWindowDimensions();
-
 const getFilters = options => {
   const {
     width,
     height
   } = options;
   const filters = ["c_scale", "q_auto", "dpr_auto"];
-  if (width) filters.push("w_".concat(width));
-  if (height) filters.push("h_".concat(height));
+  if (width) filters.push(`w_${width}`);
+  if (height) filters.push(`h_${height}`);
   return filters.join(",");
 };
-
 const buildImageUrl = (options, name) => {
   const filters = getFilters(options);
-  return ["https://res.cloudinary.com/altos/image/upload", filters, "".concat(name, ".png")].join("/");
+  return ["https://res.cloudinary.com/altos/image/upload", filters, `${name}.png`].join("/");
 };
-
 const getExtension = () => {
   return Platform.OS === "web" ? ".svg" : ".png";
 };
-
 export default {
   windowWidth,
   windowHeight,
@@ -74,6 +68,7 @@ export default {
   fieldSearchBarFullIconSize: 24,
   stepperButtonSize: 40,
   radioButtonSize: 24,
-  topSafeAreaViewHeight: 0 // topSafeAreaViewHeight: Platform.OS === "android" ? Constants.statusBarHeight : 0
-
-};
+  topSafeAreaViewHeight: 0
+  // topSafeAreaViewHeight: Platform.OS === "android" ? Constants.statusBarHeight : 0
+};
+//# sourceMappingURL=Config.js.map

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,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 { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -13,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,
@@ -52,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]);
@@ -123,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;
@@ -158,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;
@@ -171,7 +156,6 @@ const DatePicker = _ref => {
     underlineColor = colors.light;
     backgroundColor = colors.background;
   }
-
   const {
     lineHeight,
     ...subtitle1
@@ -184,7 +168,6 @@ const DatePicker = _ref => {
     ...subtitle1,
     height: lineHeight
   };
-
   if (type === "underline") {
     containerStyle = {
       borderTopLeftRadius: roundness,
@@ -204,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,
@@ -226,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: [{
@@ -251,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]
@@ -286,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, {
@@ -313,7 +296,8 @@ const DatePicker = _ref => {
     }],
     numberOfLines: 1
   }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
-    style: { ...leftIconStyle,
+    style: {
+      ...leftIconStyle,
       marginLeft: type === "solid" ? 16 : 0
     }
   })) : null, /*#__PURE__*/React.createElement(NativeTextInput, _extends({
@@ -358,7 +342,6 @@ const DatePicker = _ref => {
     }
   })))));
 };
-
 const styles = StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -398,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