@draftbit/core 46.4.4-9a666e.2 → 46.4.4-ad6b6b.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["CircularProgress","React","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/commonjs/components/Config.js

@@ -4,46 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactNative = require("react-native");
-
 const getWindowDimensions = () => {
   const {
     width,
     height
   } = _reactNative.Dimensions.get("window");
-
   return {
     windowWidth: width,
     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 _reactNative.Platform.OS === "web" ? ".svg" : ".png";
 };
-
 var _default = {
   windowWidth,
   windowHeight,
@@ -82,7 +74,8 @@ var _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
 };
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getWindowDimensions","width","height","Dimensions","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","Platform","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","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;AAEA,MAAMA,mBAAmB,GAAG,MAAM;EAChC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;EAClD,OAAO;IACLC,WAAW,EAAEJ,KAAK;IAClBK,YAAY,EAAEJ;EAChB,CAAC;AACH,CAAC;AAED,MAAM;EAAEG,WAAW;EAAEC;AAAa,CAAC,GAAGN,mBAAmB,EAAE;AAE3D,MAAMO,UAAU,GAAIC,OAA0C,IAAK;EACjE,MAAM;IAAEP,KAAK;IAAEC;EAAO,CAAC,GAAGM,OAAO;EACjC,MAAMC,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;EAEjD,IAAIR,KAAK,EAAEQ,OAAO,CAACC,IAAI,CAAE,KAAIT,KAAM,EAAC,CAAC;EACrC,IAAIC,MAAM,EAAEO,OAAO,CAACC,IAAI,CAAE,KAAIR,MAAO,EAAC,CAAC;EAEvC,OAAOO,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,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM;AAChD,CAAC;AAAC,eAEa;EACbX,WAAW;EACXC,YAAY;EACZW,cAAc,EAAEL,aAAa,CAC3B;IACEX,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC,EACD,QAAQ,CACT;EACDgB,eAAe,EAAE,EAAE;EACnBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EACV,sDAAsD,GAAGN,YAAY,EAAE;EACzEO,YAAY,EAAE,EAAE;EAChBC,yBAAyB,EAAE,IAAI;EAC/BC,iBAAiB,EAAE,CAAC;EACpBC,mBAAmB,EACjB,sDAAsD,GAAGV,YAAY,EAAE;EACzEW,sBAAsB,EAAGC,IAAuC,IAC9Dd,aAAa,CACX;IAAEX,KAAK,EAAEyB,IAAI,CAACzB,KAAK;IAAEC,MAAM,EAAEwB,IAAI,CAACxB;EAAO,CAAC,EAC1C,qBAAqB,CACtB;EACHyB,iBAAiB,EAAE,0DAA0D;EAC7EC,cAAc,EAAEhB,aAAa,CAAC;IAAEX,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC,EAAE,QAAQ,CAAC;EACpE2B,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;AAAA"}

package/lib/commonjs/components/Container.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _theming = require("../theming");
-
 var _Elevation = _interopRequireDefault(require("./Elevation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Container = _ref => {
   let {
     useThemeGutterPadding,
@@ -98,7 +89,6 @@ const Container = _ref => {
     style: innerStyle
   }, children));
 };
-
 var _default = (0, _theming.withTheme)(Container);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Container","useThemeGutterPadding","borderColor","borderWidth","backgroundColor","backgroundImage","backgroundImageResizeMode","elevation","style","children","theme","rest","flex","flexGrow","flexWrap","flexBasis","flexShrink","flexDirection","alignContent","justifyContent","alignItems","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingVertical","paddingHorizontal","styleProp","StyleSheet","flatten","containerStyle","width","innerStyle","Wrap","Elevation","View","uri","withTheme"],"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;AACA;AAQA;AAEA;AAAoC;AAAA;AAAA;AAAA;AAiBpC,MAAMA,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,GAAGC,uBAAU,CAACC,OAAO,CAACtB,KAAK,CAAC,IAAI,CAAC,CAAC;EAEnC,MAAMuB,cAAoC,GAAG;IAC3C3B,eAAe;IACfF,WAAW;IACXC,WAAW;IACX6B,KAAK,EAAE,MAAM;IACb,GAAGJ;EACL,CAAC;EAED,MAAMK,UAAgC,GAAG;IACvCrB,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,MAAMiC,IAAI,GAAG3B,SAAS,GAAG4B,kBAAS,GAAGC,iBAAI;EAEzC,IAAI7B,SAAS,EAAEwB,cAAc,CAACxB,SAAS,GAAGA,SAAS;EAEnD,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACwB,cAAc,EAAEvB,KAAK;EAAE,GAAKG,IAAI,GAC3CN,eAAe,gBACd,oBAAC,4BAAe;IACd,MAAM,EACJ,OAAOA,eAAe,KAAK,QAAQ,GAC/B;MAAEgC,GAAG,EAAEhC;IAAgB,CAAC,GACxBA,eACL;IACD,UAAU,EAAEC,yBAA0B;IACtC,KAAK,EAAE;MACLM,IAAI,EAAE;IACR;EAAE,gBAEF,oBAAC,iBAAI;IAAC,KAAK,EAAEqB;EAAW,GAAExB,QAAQ,CAAQ,CAC1B,gBAElB,oBAAC,iBAAI;IAAC,KAAK,EAAEwB;EAAW,GAAExB,QAAQ,CACnC,CACI;AAEX,CAAC;AAAC,eAEa,IAAA6B,kBAAS,EAACtC,SAAS,CAAC;AAAA"}

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

@@ -4,38 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _dateformat = _interopRequireDefault(require("dateformat"));
-
 var _theming = require("../../theming");
-
 var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
 var _Touchable = _interopRequireDefault(require("../Touchable"));
-
 var _DatePickerComponent = _interopRequireDefault(require("./DatePickerComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
-
 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,
@@ -74,55 +59,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 (0, _dateformat.default)(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 = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
 
-  const insets = (0, _reactNativeSafeAreaContext.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]);
@@ -145,34 +125,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;
@@ -180,7 +153,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;
@@ -193,7 +165,6 @@ const DatePicker = _ref => {
     underlineColor = colors.light;
     backgroundColor = colors.background;
   }
-
   const {
     lineHeight,
     ...subtitle1
@@ -206,7 +177,6 @@ const DatePicker = _ref => {
     ...subtitle1,
     height: lineHeight
   };
-
   if (type === "underline") {
     containerStyle = {
       borderTopLeftRadius: roundness,
@@ -226,19 +196,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,
@@ -248,7 +214,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: [{
@@ -273,7 +240,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(_reactNative.View, {
     style: [styles.container, style]
@@ -308,7 +277,8 @@ const DatePicker = _ref => {
   React.createElement(_reactNative.View, {
     pointerEvents: "none",
     style: [_reactNative.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, {
@@ -335,7 +305,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(_reactNative.TextInput, _extends({
@@ -380,7 +351,6 @@ const DatePicker = _ref => {
     }
   })))));
 };
-
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: "stretch"
@@ -420,7 +390,6 @@ const styles = _reactNative.StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
-
 var _default = (0, _theming.withTheme)(DatePicker);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=DatePicker.js.map

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

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

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _datetimepicker = _interopRequireDefault(require("@react-native-community/datetimepicker"));
-
 var _reactNativeModalDatetimePicker = _interopRequireDefault(require("react-native-modal-datetime-picker"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DatePickerComponent = _ref => {
   let {
     value,
@@ -41,6 +35,6 @@ const DatePickerComponent = _ref => {
     display: "default"
   });
 };
-
 var _default = DatePickerComponent;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=DatePickerComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","Platform","OS","React","createElement","DateTimePickerModal","date","isVisible","display","onCancel","console","log","onConfirm","data","DateTimePicker"],"sources":["DatePickerComponent.js"],"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\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, }) => {\n    return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === \"ios\" ? \"spinner\" : \"default\", onCancel: () => {\n            console.log(\"Picker cancelled before selecting anything.\");\n            toggleVisibility();\n        }, onConfirm: (data) => {\n            onChange(null, data);\n        } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, onChange: onChange, display: \"default\" }));\n};\nexport default DatePickerComponent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAqE;AACrE,MAAMA,mBAAmB,GAAG,QAAkD;EAAA,IAAjD;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAkB,CAAC;EACrE,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAID,qBAAQ,CAACC,EAAE,KAAK,SAAS,gBAAIC,cAAK,CAACC,aAAa,CAACC,uCAAmB,EAAE;IAAEC,IAAI,EAAET,KAAK;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,SAAS,EAAE,IAAI;IAAEC,OAAO,EAAEP,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS;IAAEO,QAAQ,EAAE,MAAM;MAClNC,OAAO,CAACC,GAAG,CAAC,6CAA6C,CAAC;MAC1DX,gBAAgB,EAAE;IACtB,CAAC;IAAEY,SAAS,EAAGC,IAAI,IAAK;MACpBf,QAAQ,CAAC,IAAI,EAAEe,IAAI,CAAC;IACxB;EAAE,CAAC,CAAC,gBAAKV,cAAK,CAACC,aAAa,CAACU,uBAAc,EAAE;IAAEjB,KAAK,EAAEA,KAAK;IAAEE,IAAI,EAAEA,IAAI;IAAED,QAAQ,EAAEA,QAAQ;IAAEU,OAAO,EAAE;EAAU,CAAC,CAAE;AAC3H,CAAC;AAAC,eACaZ,mBAAmB;AAAA"}

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
-
 var _pickers = require("@material-ui/pickers");
-
 var _styles = require("@material-ui/core/styles");
-
 var _theming = require("../../theming");
-
 var _DefaultTheme = _interopRequireDefault(require("../../styles/DefaultTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DatePickerComponent = _ref => {
   let {
     value,
@@ -55,7 +47,6 @@ const DatePickerComponent = _ref => {
     TextFieldComponent: () => null
   })));
 };
-
 var _default = (0, _theming.withTheme)(DatePickerComponent);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=DatePickerComponent.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","createMuiTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","React","createElement","MuiPickersUtilsProvider","utils","DateFnsUtils","ThemeProvider","open","d","onClose","variant","TextFieldComponent","withTheme"],"sources":["DatePickerComponent.web.js"],"sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {\n    const internalTheme = createMuiTheme({\n        palette: {\n            primary: {\n                main: theme.colors.primary || Theme.colors.primary,\n            },\n            secondary: {\n                main: theme.colors.secondary || Theme.colors.secondary,\n            },\n        },\n    });\n    const Picker = mode === \"date\"\n        ? DatePicker\n        : mode === \"time\"\n            ? TimePicker\n            : DateTimePicker;\n    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },\n        React.createElement(ThemeProvider, { theme: internalTheme },\n            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {\n                    toggleVisibility();\n                    onChange(null, d);\n                }, onClose: () => toggleVisibility(), variant: \"dialog\", TextFieldComponent: () => null }))));\n};\nexport default withTheme(DatePickerComponent);\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAC9C,MAAMA,mBAAmB,GAAG,QAAoE;EAAA,IAAnE;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,gBAAgB;IAAEC,SAAS;IAAEC;EAAO,CAAC;EACvF,MAAMC,aAAa,GAAG,IAAAC,sBAAc,EAAC;IACjCC,OAAO,EAAE;MACLC,OAAO,EAAE;QACLC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACF,OAAO,IAAIG,qBAAK,CAACD,MAAM,CAACF;MAC/C,CAAC;MACDI,SAAS,EAAE;QACPH,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACE,SAAS,IAAID,qBAAK,CAACD,MAAM,CAACE;MACjD;IACJ;EACJ,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGZ,IAAI,KAAK,MAAM,GACxBa,mBAAU,GACVb,IAAI,KAAK,MAAM,GACXc,mBAAU,GACVC,uBAAc;EACxB,oBAAQC,cAAK,CAACC,aAAa,CAACC,gCAAuB,EAAE;IAAEC,KAAK,EAAEC;EAAa,CAAC,eACxEJ,cAAK,CAACC,aAAa,CAACI,qBAAa,EAAE;IAAElB,KAAK,EAAEC;EAAc,CAAC,eACvDY,cAAK,CAACC,aAAa,CAACL,MAAM,EAAE;IAAEd,KAAK,EAAEA,KAAK;IAAEwB,IAAI,EAAEpB,SAAS;IAAEH,QAAQ,EAAGwB,CAAC,IAAK;MACtEtB,gBAAgB,EAAE;MAClBF,QAAQ,CAAC,IAAI,EAAEwB,CAAC,CAAC;IACrB,CAAC;IAAEC,OAAO,EAAE,MAAMvB,gBAAgB,EAAE;IAAEwB,OAAO,EAAE,QAAQ;IAAEC,kBAAkB,EAAE,MAAM;EAAK,CAAC,CAAC,CAAC,CAAC;AAC5G,CAAC;AAAC,eACa,IAAAC,kBAAS,EAAC9B,mBAAmB,CAAC;AAAA"}

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

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+//# sourceMappingURL=DatePickerComponentType.js.map

package/lib/commonjs/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/commonjs/components/DeprecatedButton.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _color = _interopRequireDefault(require("color"));
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 var _Touchable = _interopRequireDefault(require("./Touchable"));
-
 var _Elevation = _interopRequireDefault(require("./Elevation"));
-
 var _theming = require("../theming");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Button = _ref => {
   let {
     Icon,
@@ -50,10 +38,8 @@ const Button = _ref => {
   } = _ref;
   let backgroundColor, borderColor, textColor, borderWidth;
   const buttonColor = colorOverride || colors.primary;
-
   if (type === "solid") {
     backgroundColor = buttonColor;
-
     if (disabled) {
       textColor = (0, _color.default)(colors.surface).alpha(disabledOpacity).rgb().string();
     } else {
@@ -61,27 +47,23 @@ const Button = _ref => {
     }
   } else {
     backgroundColor = "transparent";
-
     if (disabled) {
       textColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
     } else {
       textColor = labelColor || buttonColor;
     }
   }
-
   if (type === "outline") {
     if (disabled) {
       borderColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
     } else {
       borderColor = buttonColor;
     }
-
     borderWidth = _reactNative.StyleSheet.hairlineWidth;
   } else {
     borderColor = "transparent";
     borderWidth = 0;
   }
-
   const buttonStyle = {
     backgroundColor,
     borderColor,
@@ -99,7 +81,6 @@ const Button = _ref => {
     marginRight: -8,
     width: _Config.default.buttonIconSize
   }];
-
   const {
     margin,
     marginEnd,
@@ -111,7 +92,6 @@ const Button = _ref => {
     marginVertical,
     ...innerStyles
   } = _reactNative.StyleSheet.flatten(style || {});
-
   const margins = {
     margin,
     marginEnd,
@@ -153,7 +133,6 @@ const Button = _ref => {
     style: [textStyle, typography.button]
   }, children))));
 };
-
 const styles = _reactNative.StyleSheet.create({
   button: {
     minWidth: 64,
@@ -168,7 +147,6 @@ const styles = _reactNative.StyleSheet.create({
     width: _Config.default.buttonIconSize
   }
 });
-
 var _default = (0, _theming.withTheme)(Button);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=DeprecatedButton.js.map