@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/commonjs/components/composites/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["Progress","props","ref","min","max","value","_filledTrack","children","resolvedProps","valueWidth","now"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AA+CA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAwBC,GAAxB,KAAsC;AACrD,QAAM;AACJC,IAAAA,GADI;AAEJC,IAAAA,GAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,YAJI;AAKJC,IAAAA,QALI;AAMJ,OAAGC;AANC,MAOF,uCAAmB,UAAnB,EAA+BP,KAA/B,CAPJ,CADqD,CAUrD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,MAAIQ,UAAU,GACZJ,KAAK,GAAGD,GAAR,IAAeC,KAAK,GAAGF,GAAvB,GACK,CAACE,KAAK,GAAGF,GAAT,KAAiBC,GAAG,GAAGD,GAAvB,CAAD,GAAgC,GADpC,GAEIE,KAAK,GAAGF,GAAR,GACA,GADA,GAEA,CALN;AAOA,sBACE,6BAAC,eAAD,eACMK,aADN;AAEE,IAAA,GAAG,EAAEN,GAFP;AAGE,IAAA,UAAU,MAHZ;AAIE,IAAA,iBAAiB,EAAC,aAJpB;AAKE,IAAA,kBAAkB,EAAE;AAClBC,MAAAA,GAAG,EAAEA,GADa;AAElBC,MAAAA,GAAG,EAAEA,GAFa;AAGlBM,MAAAA,GAAG,EAAED;AAHa;AALtB,mBAWE,6BAAC,eAAD;AAAK,IAAA,CAAC,YAAKA,UAAL;AAAN,KAA8BH,YAA9B,GACGC,QADH,CAXF,CADF;AAiBD,CAvCD;;4BAyCe,+BAAK,uBAAWP,QAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box } from '../../primitives';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { ColorSchemeType } from '../../../components/types';\r\nimport type {\r\n  CustomProps,\r\n  ThemeComponentSizeType,\r\n} from '../../../components/types';\r\n\r\nexport interface InterfaceProgressProps\r\n  extends InterfaceBoxProps<IProgressProps> {\r\n  /**\r\n   * Value of Progress.\r\n   * @default 0\r\n   */\r\n  value?: number;\r\n  /**\r\n   * Defines height of Progress\r\n   * @default sm\r\n   */\r\n  size?: ThemeComponentSizeType<'Progress'>;\r\n\r\n  /**\r\n   * The color scheme of the progress. This should be one of the color keys in the theme (e.g.\"green\", \"red\").\r\n   * @default primary\r\n   */\r\n  colorScheme?: ColorSchemeType;\r\n  // /**\r\n  //  * Whether progress is indeterminate\r\n  //  * @default false\r\n  //  */\r\n  // isIndeterminate?: boolean;\r\n  /**\r\n   * Pseudo prop to give Prop to filled track\r\n   */\r\n  _filledTrack?: InterfaceBoxProps<IProgressProps>;\r\n  /**\r\n   * Min progress value\r\n   * @default 0\r\n   */\r\n  min?: number;\r\n  /**\r\n   * Max progress value\r\n   * @default 100\r\n   */\r\n  max?: number;\r\n}\r\n\r\nexport type IProgressProps = InterfaceProgressProps & CustomProps<'Progress'>;\r\nconst Progress = (props: IProgressProps, ref?: any) => {\r\n  const {\r\n    min,\r\n    max,\r\n    value,\r\n    _filledTrack,\r\n    children,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Progress', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  let valueWidth =\r\n    value < max && value > min\r\n      ? ((value - min) / (max - min)) * 100\r\n      : value > min\r\n      ? 100\r\n      : 0;\r\n\r\n  return (\r\n    <Box\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      accessible\r\n      accessibilityRole=\"progressbar\"\r\n      accessibilityValue={{\r\n        min: min,\r\n        max: max,\r\n        now: valueWidth,\r\n      }}\r\n    >\r\n      <Box w={`${valueWidth}%`} {..._filledTrack}>\r\n        {children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Progress));\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_primitives","_useThemeProps","_useHasResponsiveProps","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Progress","props","ref","min","max","value","_filledTrack","children","resolvedProps","usePropsResolution","useHasResponsiveProps","valueWidth","createElement","Box","accessible","accessibilityRole","accessibilityValue","now","w","_default","exports","memo","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box } from '../../primitives';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { ColorSchemeType } from '../../../components/types';\r\nimport type {\r\n  CustomProps,\r\n  ThemeComponentSizeType,\r\n} from '../../../components/types';\r\n\r\nexport interface InterfaceProgressProps\r\n  extends InterfaceBoxProps<IProgressProps> {\r\n  /**\r\n   * Value of Progress.\r\n   * @default 0\r\n   */\r\n  value?: number;\r\n  /**\r\n   * Defines height of Progress\r\n   * @default sm\r\n   */\r\n  size?: ThemeComponentSizeType<'Progress'>;\r\n\r\n  /**\r\n   * The color scheme of the progress. This should be one of the color keys in the theme (e.g.\"green\", \"red\").\r\n   * @default primary\r\n   */\r\n  colorScheme?: ColorSchemeType;\r\n  // /**\r\n  //  * Whether progress is indeterminate\r\n  //  * @default false\r\n  //  */\r\n  // isIndeterminate?: boolean;\r\n  /**\r\n   * Pseudo prop to give Prop to filled track\r\n   */\r\n  _filledTrack?: InterfaceBoxProps<IProgressProps>;\r\n  /**\r\n   * Min progress value\r\n   * @default 0\r\n   */\r\n  min?: number;\r\n  /**\r\n   * Max progress value\r\n   * @default 100\r\n   */\r\n  max?: number;\r\n}\r\n\r\nexport type IProgressProps = InterfaceProgressProps & CustomProps<'Progress'>;\r\nconst Progress = (props: IProgressProps, ref?: any) => {\r\n  const {\r\n    min,\r\n    max,\r\n    value,\r\n    _filledTrack,\r\n    children,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Progress', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  let valueWidth =\r\n    value < max && value > min\r\n      ? ((value - min) / (max - min)) * 100\r\n      : value > min\r\n      ? 100\r\n      : 0;\r\n\r\n  return (\r\n    <Box\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      accessible\r\n      accessibilityRole=\"progressbar\"\r\n      accessibilityValue={{\r\n        min: min,\r\n        max: max,\r\n        now: valueWidth,\r\n      }}\r\n    >\r\n      <Box w={`${valueWidth}%`} {..._filledTrack}>\r\n        {children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Progress));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/SimpleGrid/SimpleGrid.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _primitives = require("../../primitives");
-
 var _useThemeProps = require("../../../hooks/useThemeProps");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // const isDebug = process.env.NODE_ENV !== 'production';
 const DEBUG_STYLES = false ? {
   rows: {
     borderWidth: '1px'
@@ -28,7 +21,6 @@ const DEBUG_STYLES = false ? {
   rows: {},
   cols: {}
 };
-
 const SimpleGrid = (props, ref) => {
   const {
     columns,
@@ -38,25 +30,20 @@ const SimpleGrid = (props, ref) => {
     minChildWidth,
     children,
     ...remainingProps
-  } = (0, _useThemeProps.useThemeProps)('SimpleGrid', props); //TODO: refactor for responsive prop
-
+  } = (0, _useThemeProps.useThemeProps)('SimpleGrid', props);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-
   let cellSpacing = space !== null && space !== void 0 ? space : 0;
   let cellSpacingX = spacingX !== null && spacingX !== void 0 ? spacingX : cellSpacing;
   let cellSpacingY = spacingY !== null && spacingY !== void 0 ? spacingY : cellSpacing;
-
   const childrenArray = _react.default.Children.toArray(children);
-
   if (columns) {
     let rowSlices = [];
-
     for (let i = 0; i < childrenArray.length; i = i + columns) {
       rowSlices.push(childrenArray.slice(i, i + columns));
     }
-
     return /*#__PURE__*/_react.default.createElement(_primitives.VStack, _extends({}, DEBUG_STYLES.rows, {
       space: cellSpacingY
     }, remainingProps, {
@@ -71,29 +58,26 @@ const SimpleGrid = (props, ref) => {
         }), col);
       }));
     }));
-  } // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically
+  }
+  // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically
   // https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
   else if (minChildWidth) {
-      return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({
-        flexDirection: "row",
-        flexWrap: "wrap",
-        justifyContent: "center"
-      }, remainingProps, {
-        ref: ref
-      }), childrenArray.map(col => {
-        return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({}, DEBUG_STYLES.cols, {
-          mx: cellSpacingX,
-          my: cellSpacingY,
-          key: col.key,
-          minWidth: minChildWidth
-        }), col);
-      }));
-    }
-
+    return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({
+      flexDirection: "row",
+      flexWrap: "wrap",
+      justifyContent: "center"
+    }, remainingProps, {
+      ref: ref
+    }), childrenArray.map(col => {
+      return /*#__PURE__*/_react.default.createElement(_primitives.Box, _extends({}, DEBUG_STYLES.cols, {
+        mx: cellSpacingX,
+        my: cellSpacingY,
+        key: col.key,
+        minWidth: minChildWidth
+      }), col);
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(SimpleGrid));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(SimpleGrid));
 //# sourceMappingURL=SimpleGrid.js.map

package/lib/commonjs/components/composites/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SimpleGrid.tsx"],"names":["DEBUG_STYLES","rows","borderWidth","cols","SimpleGrid","props","ref","columns","space","spacingX","spacingY","minChildWidth","children","remainingProps","cellSpacing","cellSpacingX","cellSpacingY","childrenArray","React","Children","toArray","rowSlices","i","length","push","slice","map","row","rowIndex","col","key","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAG,QACjB;AACEC,EAAAA,IAAI,EAAE;AACJC,IAAAA,WAAW,EAAE;AADT,GADR;AAIEC,EAAAA,IAAI,EAAE;AACJD,IAAAA,WAAW,EAAE;AADT;AAJR,CADiB,GASjB;AACED,EAAAA,IAAI,EAAE,EADR;AAEEE,EAAAA,IAAI,EAAE;AAFR,CATJ;;AAcA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAA0BC,GAA1B,KAAqD;AACtE,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,aALI;AAMJC,IAAAA,QANI;AAOJ,OAAGC;AAPC,MAQF,kCAAc,YAAd,EAA4BR,KAA5B,CARJ,CADsE,CAUtE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,wBAAO,2DAAP;AACD;;AACD,MAAIS,WAAW,GAAGN,KAAH,aAAGA,KAAH,cAAGA,KAAH,GAAY,CAA3B;AACA,MAAIO,YAAY,GAAGN,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAeK,WAA/B;AACA,MAAIE,YAAY,GAAGN,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAeI,WAA/B;;AAEA,QAAMG,aAAa,GAAGC,eAAMC,QAAN,CAAeC,OAAf,CAAuBR,QAAvB,CAAtB;;AAEA,MAAIL,OAAJ,EAAa;AACX,QAAIc,SAAS,GAAG,EAAhB;;AACA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGL,aAAa,CAACM,MAAlC,EAA0CD,CAAC,GAAGA,CAAC,GAAGf,OAAlD,EAA2D;AACzDc,MAAAA,SAAS,CAACG,IAAV,CAAeP,aAAa,CAACQ,KAAd,CAAoBH,CAApB,EAAuBA,CAAC,GAAGf,OAA3B,CAAf;AACD;;AAED,wBACE,6BAAC,kBAAD,eACMP,YAAY,CAACC,IADnB;AAEE,MAAA,KAAK,EAAEe;AAFT,OAGMH,cAHN;AAIE,MAAA,GAAG,EAAEP;AAJP,QAMGe,SAAS,CAACK,GAAV,CAAc,CAACC,GAAD,EAAMC,QAAN,KAAmB;AAChC,0BACE,6BAAC,kBAAD;AAAQ,QAAA,KAAK,EAAEb,YAAf;AAA6B,QAAA,GAAG,EAAEa;AAAlC,SACGD,GAAG,CAACD,GAAJ,CAASG,GAAD,IAAc;AACrB,4BACE,6BAAC,eAAD,eAAS7B,YAAY,CAACG,IAAtB;AAA4B,UAAA,GAAG,EAAE0B,GAAG,CAACC;AAArC,YACGD,GADH,CADF;AAKD,OANA,CADH,CADF;AAWD,KAZA,CANH,CADF;AAsBD,GA5BD,CA6BA;AACA;AA9BA,OA+BK,IAAIlB,aAAJ,EAAmB;AACtB,0BACE,6BAAC,eAAD;AACE,QAAA,aAAa,EAAC,KADhB;AAEE,QAAA,QAAQ,EAAC,MAFX;AAGE,QAAA,cAAc,EAAC;AAHjB,SAIME,cAJN;AAKE,QAAA,GAAG,EAAEP;AALP,UAOGW,aAAa,CAACS,GAAd,CAAmBG,GAAD,IAAc;AAC/B,4BACE,6BAAC,eAAD,eACM7B,YAAY,CAACG,IADnB;AAEE,UAAA,EAAE,EAAEY,YAFN;AAGE,UAAA,EAAE,EAAEC,YAHN;AAIE,UAAA,GAAG,EAAEa,GAAG,CAACC,GAJX;AAKE,UAAA,QAAQ,EAAEnB;AALZ,YAOGkB,GAPH,CADF;AAWD,OAZA,CAPH,CADF;AAuBD;;AAED,sBAAO,2DAAP;AACD,CA9ED;;4BA+EeX,eAAMa,IAAN,eAAWb,eAAMc,UAAN,CAAiB5B,UAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { Box, HStack, VStack } from '../../primitives';\r\nimport type { ISimpleGridProps } from './types';\r\n// const isDebug = process.env.NODE_ENV !== 'production';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst DEBUG_STYLES = false\r\n  ? {\r\n      rows: {\r\n        borderWidth: '1px',\r\n      },\r\n      cols: {\r\n        borderWidth: '1px',\r\n      },\r\n    }\r\n  : {\r\n      rows: {},\r\n      cols: {},\r\n    };\r\n\r\nconst SimpleGrid = (props: ISimpleGridProps, ref?: any): JSX.Element => {\r\n  const {\r\n    columns,\r\n    space,\r\n    spacingX,\r\n    spacingY,\r\n    minChildWidth,\r\n    children,\r\n    ...remainingProps\r\n  } = useThemeProps('SimpleGrid', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return <></>;\r\n  }\r\n  let cellSpacing = space ?? 0;\r\n  let cellSpacingX = spacingX ?? cellSpacing;\r\n  let cellSpacingY = spacingY ?? cellSpacing;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n\r\n  if (columns) {\r\n    let rowSlices = [];\r\n    for (let i = 0; i < childrenArray.length; i = i + columns) {\r\n      rowSlices.push(childrenArray.slice(i, i + columns));\r\n    }\r\n\r\n    return (\r\n      <VStack\r\n        {...DEBUG_STYLES.rows}\r\n        space={cellSpacingY}\r\n        {...remainingProps}\r\n        ref={ref}\r\n      >\r\n        {rowSlices.map((row, rowIndex) => {\r\n          return (\r\n            <HStack space={cellSpacingX} key={rowIndex}>\r\n              {row.map((col: any) => {\r\n                return (\r\n                  <Box {...DEBUG_STYLES.cols} key={col.key}>\r\n                    {col}\r\n                  </Box>\r\n                );\r\n              })}\r\n            </HStack>\r\n          );\r\n        })}\r\n      </VStack>\r\n    );\r\n  }\r\n  // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically\r\n  // https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/\r\n  else if (minChildWidth) {\r\n    return (\r\n      <Box\r\n        flexDirection=\"row\"\r\n        flexWrap=\"wrap\"\r\n        justifyContent=\"center\"\r\n        {...remainingProps}\r\n        ref={ref}\r\n      >\r\n        {childrenArray.map((col: any) => {\r\n          return (\r\n            <Box\r\n              {...DEBUG_STYLES.cols}\r\n              mx={cellSpacingX}\r\n              my={cellSpacingY}\r\n              key={col.key}\r\n              minWidth={minChildWidth}\r\n            >\r\n              {col}\r\n            </Box>\r\n          );\r\n        })}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return <></>;\r\n};\r\nexport default React.memo(React.forwardRef(SimpleGrid));\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_primitives","_useThemeProps","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","DEBUG_STYLES","rows","borderWidth","cols","SimpleGrid","props","ref","columns","space","spacingX","spacingY","minChildWidth","children","remainingProps","useThemeProps","useHasResponsiveProps","createElement","Fragment","cellSpacing","cellSpacingX","cellSpacingY","childrenArray","React","Children","toArray","rowSlices","i","push","slice","VStack","map","row","rowIndex","HStack","key","col","Box","flexDirection","flexWrap","justifyContent","mx","my","minWidth","_default","exports","memo","forwardRef"],"sources":["SimpleGrid.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, HStack, VStack } from '../../primitives';\r\nimport type { ISimpleGridProps } from './types';\r\n// const isDebug = process.env.NODE_ENV !== 'production';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst DEBUG_STYLES = false\r\n  ? {\r\n      rows: {\r\n        borderWidth: '1px',\r\n      },\r\n      cols: {\r\n        borderWidth: '1px',\r\n      },\r\n    }\r\n  : {\r\n      rows: {},\r\n      cols: {},\r\n    };\r\n\r\nconst SimpleGrid = (props: ISimpleGridProps, ref?: any): JSX.Element => {\r\n  const {\r\n    columns,\r\n    space,\r\n    spacingX,\r\n    spacingY,\r\n    minChildWidth,\r\n    children,\r\n    ...remainingProps\r\n  } = useThemeProps('SimpleGrid', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return <></>;\r\n  }\r\n  let cellSpacing = space ?? 0;\r\n  let cellSpacingX = spacingX ?? cellSpacing;\r\n  let cellSpacingY = spacingY ?? cellSpacing;\r\n\r\n  const childrenArray = React.Children.toArray(children);\r\n\r\n  if (columns) {\r\n    let rowSlices = [];\r\n    for (let i = 0; i < childrenArray.length; i = i + columns) {\r\n      rowSlices.push(childrenArray.slice(i, i + columns));\r\n    }\r\n\r\n    return (\r\n      <VStack\r\n        {...DEBUG_STYLES.rows}\r\n        space={cellSpacingY}\r\n        {...remainingProps}\r\n        ref={ref}\r\n      >\r\n        {rowSlices.map((row, rowIndex) => {\r\n          return (\r\n            <HStack space={cellSpacingX} key={rowIndex}>\r\n              {row.map((col: any) => {\r\n                return (\r\n                  <Box {...DEBUG_STYLES.cols} key={col.key}>\r\n                    {col}\r\n                  </Box>\r\n                );\r\n              })}\r\n            </HStack>\r\n          );\r\n        })}\r\n      </VStack>\r\n    );\r\n  }\r\n  // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically\r\n  // https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/\r\n  else if (minChildWidth) {\r\n    return (\r\n      <Box\r\n        flexDirection=\"row\"\r\n        flexWrap=\"wrap\"\r\n        justifyContent=\"center\"\r\n        {...remainingProps}\r\n        ref={ref}\r\n      >\r\n        {childrenArray.map((col: any) => {\r\n          return (\r\n            <Box\r\n              {...DEBUG_STYLES.cols}\r\n              mx={cellSpacingX}\r\n              my={cellSpacingY}\r\n              key={col.key}\r\n              minWidth={minChildWidth}\r\n            >\r\n              {col}\r\n            </Box>\r\n          );\r\n        })}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return <></>;\r\n};\r\nexport default React.memo(React.forwardRef(SimpleGrid));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/SimpleGrid/index.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "SimpleGrid", {
     return _SimpleGrid.default;
   }
 });
-
 var _SimpleGrid = _interopRequireDefault(require("./SimpleGrid"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/SimpleGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as SimpleGrid } from './SimpleGrid';\r\nexport type { ISimpleGridProps } from './types';\r\n"]}
+{"version":3,"names":["_SimpleGrid","_interopRequireDefault","require","e","__esModule","default"],"sources":["index.tsx"],"sourcesContent":["export { default as SimpleGrid } from './SimpleGrid';\r\nexport type { ISimpleGridProps } from './types';\r\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAqD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/composites/SimpleGrid/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/SimpleGrid/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { InterfaceBoxProps } from '../../primitives/Box/types';\r\n\r\nexport type ISimpleGridProps = InterfaceBoxProps<ISimpleGridProps> & {\r\n  space?: number;\r\n  columns?: number;\r\n  minChildWidth?: number;\r\n  spacingX?: number;\r\n  spacingY?: number;\r\n};\r\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/composites/Skeleton/Skeleton.js

@@ -4,29 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _hooks = require("../../../hooks");
-
 var _utils = require("../../../utils");
-
 var _Box = _interopRequireDefault(require("../../primitives/Box"));
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
 var _useToken = require("../../../hooks/useToken");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const Skeleton = (props, ref) => {
   const isDomUsable = (0, _utils.canUseDom)();
   const {
@@ -34,12 +21,12 @@ const Skeleton = (props, ref) => {
     startColor,
     endColor,
     ...resolvedProps
-  } = (0, _hooks.usePropsResolution)('Skeleton', props); // Setting blink Animation
-
+  } = (0, _hooks.usePropsResolution)('Skeleton', props);
+  // Setting blink Animation
   const blinkAnim = _react.default.useRef(new _reactNative.Animated.Value(0)).current;
+  const tokenisedStartColor = (0, _useToken.useToken)('colors', startColor);
 
-  const tokenisedStartColor = (0, _useToken.useToken)('colors', startColor); // Generating blink animation in a sequence
-
+  // Generating blink animation in a sequence
   _react.default.useEffect(() => {
     //Check if window is loaded
     if (isDomUsable) {
@@ -52,25 +39,22 @@ const Skeleton = (props, ref) => {
         duration: resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),
         useNativeDriver: _reactNative.Platform.OS !== 'web'
       })]);
-
       _reactNative.Animated.loop(blink).start();
     }
   }, [blinkAnim, isDomUsable, resolvedProps]);
-
   const skeletonStyle = {
     skeleton: {
       height: '100%',
       width: '100%',
       backgroundColor: tokenisedStartColor,
       opacity: blinkAnim // Bind opacity to animated value
-
     }
-  }; //TODO: refactor for responsive prop
+  };
 
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return resolvedProps.isLoaded ? children : /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
     bg: endColor
   }, resolvedProps, {
@@ -79,8 +63,5 @@ const Skeleton = (props, ref) => {
     style: skeletonStyle.skeleton
   }));
 };
-
-var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Skeleton));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(Skeleton));
 //# sourceMappingURL=Skeleton.js.map

package/lib/commonjs/components/composites/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Skeleton.tsx"],"names":["Skeleton","props","ref","isDomUsable","children","startColor","endColor","resolvedProps","blinkAnim","React","useRef","Animated","Value","current","tokenisedStartColor","useEffect","blink","sequence","timing","toValue","duration","fadeDuration","speed","useNativeDriver","Platform","OS","loop","start","skeletonStyle","skeleton","height","width","backgroundColor","opacity","isLoaded"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAwBC,GAAxB,KAAqC;AACpD,QAAMC,WAAW,GAAG,uBAApB;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,QAHI;AAIJ,OAAGC;AAJC,MAKF,+BAAmB,UAAnB,EAA+BN,KAA/B,CALJ,CAFoD,CAQpD;;AACA,QAAMO,SAAS,GAAGC,eAAMC,MAAN,CAAa,IAAIC,sBAASC,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAAtD;;AACA,QAAMC,mBAAmB,GAAG,wBAAS,QAAT,EAAmBT,UAAnB,CAA5B,CAVoD,CAYpD;;AACAI,iBAAMM,SAAN,CAAgB,MAAM;AACpB;AACA,QAAIZ,WAAJ,EAAiB;AACf,YAAMa,KAAK,GAAGL,sBAASM,QAAT,CAAkB,CAC9BN,sBAASO,MAAT,CAAgBV,SAAhB,EAA2B;AACzBW,QAAAA,OAAO,EAAE,CADgB;AAEzBC,QAAAA,QAAQ,EACNb,aAAa,CAACc,YAAd,GAA6B,KAA7B,IAAsC,IAAId,aAAa,CAACe,KAAxD,CAHuB;AAIzBC,QAAAA,eAAe,EAAEC,sBAASC,EAAT,KAAgB;AAJR,OAA3B,CAD8B,EAO9Bd,sBAASO,MAAT,CAAgBV,SAAhB,EAA2B;AACzBW,QAAAA,OAAO,EAAE,CADgB;AAEzBC,QAAAA,QAAQ,EACNb,aAAa,CAACc,YAAd,GAA6B,KAA7B,IAAsC,IAAId,aAAa,CAACe,KAAxD,CAHuB;AAIzBC,QAAAA,eAAe,EAAEC,sBAASC,EAAT,KAAgB;AAJR,OAA3B,CAP8B,CAAlB,CAAd;;AAcAd,4BAASe,IAAT,CAAcV,KAAd,EAAqBW,KAArB;AACD;AACF,GAnBD,EAmBG,CAACnB,SAAD,EAAYL,WAAZ,EAAyBI,aAAzB,CAnBH;;AAqBA,QAAMqB,aAAkB,GAAG;AACzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,MAAM,EAAE,MADA;AAERC,MAAAA,KAAK,EAAE,MAFC;AAGRC,MAAAA,eAAe,EAAElB,mBAHT;AAIRmB,MAAAA,OAAO,EAAEzB,SAJD,CAIY;;AAJZ;AADe,GAA3B,CAlCoD,CA2CpD;;AACA,MAAI,kDAAsBP,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,SAAOM,aAAa,CAAC2B,QAAd,GACL9B,QADK,gBAGL,6BAAC,YAAD;AAAK,IAAA,EAAE,EAAEE;AAAT,KAAuBC,aAAvB;AAAsC,IAAA,GAAG,EAAEL;AAA3C,mBACE,6BAAC,qBAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE0B,aAAa,CAACC;AAApC,IADF,CAHF;AAOD,CAvDD;;4BAyDe,+BAAK,uBAAW7B,QAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Animated, Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { canUseDom } from '../../../utils';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISkeletonProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useToken } from '../../../hooks/useToken';\r\n\r\nconst Skeleton = (props: ISkeletonProps, ref: any) => {\r\n  const isDomUsable = canUseDom();\r\n  const {\r\n    children,\r\n    startColor,\r\n    endColor,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Skeleton', props);\r\n  // Setting blink Animation\r\n  const blinkAnim = React.useRef(new Animated.Value(0)).current;\r\n  const tokenisedStartColor = useToken('colors', startColor);\r\n\r\n  // Generating blink animation in a sequence\r\n  React.useEffect(() => {\r\n    //Check if window is loaded\r\n    if (isDomUsable) {\r\n      const blink = Animated.sequence([\r\n        Animated.timing(blinkAnim, {\r\n          toValue: 1,\r\n          duration:\r\n            resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }),\r\n        Animated.timing(blinkAnim, {\r\n          toValue: 0,\r\n          duration:\r\n            resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }),\r\n      ]);\r\n      Animated.loop(blink).start();\r\n    }\r\n  }, [blinkAnim, isDomUsable, resolvedProps]);\r\n\r\n  const skeletonStyle: any = {\r\n    skeleton: {\r\n      height: '100%',\r\n      width: '100%',\r\n      backgroundColor: tokenisedStartColor,\r\n      opacity: blinkAnim, // Bind opacity to animated value\r\n    },\r\n  };\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return resolvedProps.isLoaded ? (\r\n    children\r\n  ) : (\r\n    <Box bg={endColor} {...resolvedProps} ref={ref}>\r\n      <Animated.View style={skeletonStyle.skeleton} />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Skeleton));\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_utils","_Box","_interopRequireDefault","_useHasResponsiveProps","_useToken","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Skeleton","props","ref","isDomUsable","canUseDom","children","startColor","endColor","resolvedProps","usePropsResolution","blinkAnim","React","useRef","Animated","Value","current","tokenisedStartColor","useToken","useEffect","blink","sequence","timing","toValue","duration","fadeDuration","speed","useNativeDriver","Platform","OS","loop","start","skeletonStyle","skeleton","height","width","backgroundColor","opacity","useHasResponsiveProps","isLoaded","createElement","bg","View","style","_default","exports","memo","forwardRef"],"sources":["Skeleton.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Animated, Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { canUseDom } from '../../../utils';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISkeletonProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useToken } from '../../../hooks/useToken';\r\n\r\nconst Skeleton = (props: ISkeletonProps, ref: any) => {\r\n  const isDomUsable = canUseDom();\r\n  const {\r\n    children,\r\n    startColor,\r\n    endColor,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Skeleton', props);\r\n  // Setting blink Animation\r\n  const blinkAnim = React.useRef(new Animated.Value(0)).current;\r\n  const tokenisedStartColor = useToken('colors', startColor);\r\n\r\n  // Generating blink animation in a sequence\r\n  React.useEffect(() => {\r\n    //Check if window is loaded\r\n    if (isDomUsable) {\r\n      const blink = Animated.sequence([\r\n        Animated.timing(blinkAnim, {\r\n          toValue: 1,\r\n          duration:\r\n            resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }),\r\n        Animated.timing(blinkAnim, {\r\n          toValue: 0,\r\n          duration:\r\n            resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n          useNativeDriver: Platform.OS !== 'web',\r\n        }),\r\n      ]);\r\n      Animated.loop(blink).start();\r\n    }\r\n  }, [blinkAnim, isDomUsable, resolvedProps]);\r\n\r\n  const skeletonStyle: any = {\r\n    skeleton: {\r\n      height: '100%',\r\n      width: '100%',\r\n      backgroundColor: tokenisedStartColor,\r\n      opacity: blinkAnim, // Bind opacity to animated value\r\n    },\r\n  };\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return resolvedProps.isLoaded ? (\r\n    children\r\n  ) : (\r\n    <Box bg={endColor} {...resolvedProps} ref={ref}>\r\n      <Animated.View style={skeletonStyle.skeleton} />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Skeleton));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Skeleton/SkeletonText.js

@@ -4,23 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../../../hooks");
-
 var _Stack = require("../../primitives/Stack");
-
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SkeletonText = (props, ref) => {
   // const { children, ...props } = allProps;
   const {
@@ -32,8 +22,8 @@ const SkeletonText = (props, ref) => {
     _line,
     ...resolvedProps
   } = (0, _hooks.usePropsResolution)('SkeletonText', props);
-  const computedChildren = []; //generating an array of skeleton components (same length as noOfLines)
-
+  const computedChildren = [];
+  //generating an array of skeleton components (same length as noOfLines)
   for (let i = 0; i < lines; i++) {
     //check for last line (to change the width of last line)
     if (i === lines - 1 && lines !== 1) {
@@ -46,19 +36,15 @@ const SkeletonText = (props, ref) => {
         startColor: startColor,
         w: "75%"
       }, _line)));
-    } else computedChildren.push( /*#__PURE__*/_react.default.createElement(_Skeleton.default, _extends({
+    } else computedChildren.push(/*#__PURE__*/_react.default.createElement(_Skeleton.default, _extends({
       key: i,
       endColor: endColor,
       startColor: startColor
     }, _line)));
   }
-
   return isLoaded ? children : /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({}, resolvedProps, {
     ref: ref
   }), computedChildren);
 };
-
-var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(SkeletonText));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(SkeletonText));
 //# sourceMappingURL=SkeletonText.js.map

package/lib/commonjs/components/composites/Skeleton/SkeletonText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SkeletonText.tsx"],"names":["SkeletonText","props","ref","children","startColor","endColor","lines","isLoaded","_line","resolvedProps","computedChildren","i","push"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,YAAY,GAAG,CAEnBC,KAFmB,EAGnBC,GAHmB,KAIhB;AACH;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,KANI;AAOJ,OAAGC;AAPC,MAQF,+BAAmB,cAAnB,EAAmCR,KAAnC,CARJ;AAUA,QAAMS,gBAAgB,GAAG,EAAzB,CAZG,CAaH;;AACA,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGL,KAApB,EAA2BK,CAAC,EAA5B,EAAgC;AAC9B;AACA,QAAIA,CAAC,KAAKL,KAAK,GAAG,CAAd,IAAmBA,KAAK,KAAK,CAAjC,EAAoC;AAClCI,MAAAA,gBAAgB,CAACE,IAAjB;AAAA;AACE;AACA,mCAAC,iBAAD;AACE,QAAA,GAAG,EAAED,CADP;AAEE,QAAA,QAAQ,EAAEN,QAFZ;AAGE,QAAA,UAAU,EAAED,UAHd;AAIE,QAAA,CAAC,EAAC;AAJJ,SAKMI,KALN,EAFF;AAUD,KAXD,MAYEE,gBAAgB,CAACE,IAAjB,eACE,6BAAC,iBAAD;AACE,MAAA,GAAG,EAAED,CADP;AAEE,MAAA,QAAQ,EAAEN,QAFZ;AAGE,MAAA,UAAU,EAAED;AAHd,OAIMI,KAJN,EADF;AAQH;;AACD,SAAOD,QAAQ,GACbJ,QADa,gBAGb,6BAAC,YAAD,eAAWM,aAAX;AAA0B,IAAA,GAAG,EAAEP;AAA/B,MACGQ,gBADH,CAHF;AAOD,CAhDD;;4BAkDe,+BAAK,uBAAWV,YAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Stack } from '../../primitives/Stack';\r\nimport Skeleton from './Skeleton';\r\nimport type { ISkeletonTextProps } from './types';\r\n\r\nconst SkeletonText = (\r\n  //@ts-ignore\r\n  props: ISkeletonTextProps,\r\n  ref: any\r\n) => {\r\n  // const { children, ...props } = allProps;\r\n  const {\r\n    children,\r\n    startColor,\r\n    endColor,\r\n    lines,\r\n    isLoaded,\r\n    _line,\r\n    ...resolvedProps\r\n  } = usePropsResolution('SkeletonText', props);\r\n\r\n  const computedChildren = [];\r\n  //generating an array of skeleton components (same length as noOfLines)\r\n  for (let i = 0; i < lines; i++) {\r\n    //check for last line (to change the width of last line)\r\n    if (i === lines - 1 && lines !== 1) {\r\n      computedChildren.push(\r\n        //Using Skeleton component with required props\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          w=\"75%\"\r\n          {..._line}\r\n        />\r\n      );\r\n    } else\r\n      computedChildren.push(\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          {..._line}\r\n        />\r\n      );\r\n  }\r\n  return isLoaded ? (\r\n    children\r\n  ) : (\r\n    <Stack {...resolvedProps} ref={ref}>\r\n      {computedChildren}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(SkeletonText));\r\n"]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_Stack","_Skeleton","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","SkeletonText","props","ref","children","startColor","endColor","lines","isLoaded","_line","resolvedProps","usePropsResolution","computedChildren","push","createElement","key","w","Stack","_default","exports","memo","forwardRef"],"sources":["SkeletonText.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Stack } from '../../primitives/Stack';\r\nimport Skeleton from './Skeleton';\r\nimport type { ISkeletonTextProps } from './types';\r\n\r\nconst SkeletonText = (\r\n  //@ts-ignore\r\n  props: ISkeletonTextProps,\r\n  ref: any\r\n) => {\r\n  // const { children, ...props } = allProps;\r\n  const {\r\n    children,\r\n    startColor,\r\n    endColor,\r\n    lines,\r\n    isLoaded,\r\n    _line,\r\n    ...resolvedProps\r\n  } = usePropsResolution('SkeletonText', props);\r\n\r\n  const computedChildren = [];\r\n  //generating an array of skeleton components (same length as noOfLines)\r\n  for (let i = 0; i < lines; i++) {\r\n    //check for last line (to change the width of last line)\r\n    if (i === lines - 1 && lines !== 1) {\r\n      computedChildren.push(\r\n        //Using Skeleton component with required props\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          w=\"75%\"\r\n          {..._line}\r\n        />\r\n      );\r\n    } else\r\n      computedChildren.push(\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          {..._line}\r\n        />\r\n      );\r\n  }\r\n  return isLoaded ? (\r\n    children\r\n  ) : (\r\n    <Stack {...resolvedProps} ref={ref}>\r\n      {computedChildren}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(SkeletonText));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Skeleton/index.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Skeleton = void 0;
-
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-
 var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SkeletonTemp = _Skeleton.default;
-SkeletonTemp.Text = _SkeletonText.default; // To add typings
+SkeletonTemp.Text = _SkeletonText.default;
 
-const Skeleton = SkeletonTemp;
-exports.Skeleton = Skeleton;
+// To add typings
+const Skeleton = exports.Skeleton = SkeletonTemp;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["SkeletonTemp","SkeletonMain","Text","SkeletonText","Skeleton"],"mappings":";;;;;;;AACA;;AACA;;;;AAEA,MAAMA,YAAiB,GAAGC,iBAA1B;AACAD,YAAY,CAACE,IAAb,GAAoBC,qBAApB,C,CAEA;;AACA,MAAMC,QAAQ,GAAGJ,YAAjB","sourcesContent":["import type { ISkeletonComponentType } from './types';\r\nimport SkeletonMain from './Skeleton';\r\nimport SkeletonText from './SkeletonText';\r\n\r\nconst SkeletonTemp: any = SkeletonMain;\r\nSkeletonTemp.Text = SkeletonText;\r\n\r\n// To add typings\r\nconst Skeleton = SkeletonTemp as ISkeletonComponentType;\r\nexport { Skeleton };\r\nexport type { ISkeletonProps, ISkeletonTextProps } from './types';\r\n"]}
+{"version":3,"names":["_Skeleton","_interopRequireDefault","require","_SkeletonText","e","__esModule","default","SkeletonTemp","SkeletonMain","Text","SkeletonText","Skeleton","exports"],"sources":["index.tsx"],"sourcesContent":["import type { ISkeletonComponentType } from './types';\r\nimport SkeletonMain from './Skeleton';\r\nimport SkeletonText from './SkeletonText';\r\n\r\nconst SkeletonTemp: any = SkeletonMain;\r\nSkeletonTemp.Text = SkeletonText;\r\n\r\n// To add typings\r\nconst Skeleton = SkeletonTemp as ISkeletonComponentType;\r\nexport { Skeleton };\r\nexport type { ISkeletonProps, ISkeletonTextProps } from './types';\r\n"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,YAAiB,GAAGC,iBAAY;AACtCD,YAAY,CAACE,IAAI,GAAGC,qBAAY;;AAEhC;AACA,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGJ,YAAsC","ignoreList":[]}

package/lib/commonjs/components/composites/Skeleton/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/Skeleton/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport type { IStackProps } from '../../primitives/Stack/Stack';\r\nimport type { CustomProps, ResponsiveValue } from '../../../components/types';\r\nimport type { ISizes } from '../../../theme/base/sizes';\r\nimport type { IColors } from '../../../theme/base/colors';\r\nexport interface InterfaceSkeletonProps\r\n  extends InterfaceBoxProps<ISkeletonProps> {\r\n  /**\r\n   * The fadeIn duration in seconds\r\n   */\r\n  fadeDuration?: number;\r\n  /**\r\n   * If true, it will render its children\r\n   */\r\n  isLoaded?: boolean;\r\n  /**\r\n   * The animation speed in seconds\r\n   */\r\n  speed?: number;\r\n  /**\r\n   * The color at the animation start\r\n   */\r\n  startColor?: ResponsiveValue<IColors | (string & {})>;\r\n  /**\r\n   * The color at the animation end\r\n   */\r\n  endColor?: ResponsiveValue<IColors | (string & {})>;\r\n  /**\r\n   * Sizes for Skeleton\r\n   */\r\n\r\n  size?: ResponsiveValue<ISizes | (string & {}) | number>;\r\n}\r\n\r\nexport interface ISkeletonTextProps extends IStackProps {\r\n  /**\r\n   * The fadeIn duration in seconds\r\n   */\r\n  fadeDuration?: number;\r\n  /**\r\n   * If true, it will render its children\r\n   */\r\n  isLoaded?: boolean;\r\n  /**\r\n   * The animation speed in seconds\r\n   */\r\n  speed?: number;\r\n  /**\r\n   * The color at the animation start\r\n   */\r\n  startColor?: ResponsiveValue<IColors | (string & {})>;\r\n  /**\r\n   * The color at the animation end\r\n   */\r\n  endColor?: ResponsiveValue<IColors | (string & {})>;\r\n  /**\r\n   * Number of Lines in text\r\n   */\r\n  lines?: number;\r\n  /**\r\n   * Stying for each line\r\n   */\r\n  _line?: Partial<ISkeletonProps>;\r\n\r\n  /**\r\n   * Props to be passed to the Stack used inside.\r\n   */\r\n  _stack?: Partial<IStackProps>;\r\n}\r\n\r\nexport type ISkeletonComponentType = ((\r\n  props: ISkeletonProps & { ref?: MutableRefObject<any> }\r\n) => JSX.Element) & {\r\n  Circle: React.MemoExoticComponent<\r\n    (props: ISkeletonProps & { ref?: MutableRefObject<any> }) => JSX.Element\r\n  >;\r\n  Text: React.MemoExoticComponent<\r\n    (props: ISkeletonTextProps & { ref?: MutableRefObject<any> }) => JSX.Element\r\n  >;\r\n};\r\n\r\nexport type ISkeletonProps = InterfaceSkeletonProps & CustomProps<'Skeleton'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/composites/Stat/index.js

@@ -3,42 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StatGroup = exports.StatArrow = exports.StatHelpText = exports.StatNumber = exports.StatLabel = void 0;
-
+exports.default = exports.StatNumber = exports.StatLabel = exports.StatHelpText = exports.StatGroup = exports.StatArrow = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _primitives = require("../../primitives");
-
 var _hooks = require("../../../hooks");
-
 var _Icons = require("../../primitives/Icon/Icons");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const StatLabel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const StatLabel = exports.StatLabel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(({
   style,
   ...props
 }, ref) => {
-  let newProps = (0, _hooks.useThemeProps)('Stat', props); //TODO: refactor for responsive prop
-
+  let newProps = (0, _hooks.useThemeProps)('Stat', props);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_primitives.Text, _extends({}, newProps._statLabel, newProps, {
     style: style
   }, props, {
     ref: ref
   }), props.children);
 }));
-
-exports.StatLabel = StatLabel;
-
-const StatNumber = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+const StatNumber = exports.StatNumber = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(({
   style,
   ...props
 }, ref) => {
@@ -48,10 +36,7 @@ const StatNumber = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
     ref: ref
   }), props.children);
 }));
-
-exports.StatNumber = StatNumber;
-
-const StatHelpText = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+const StatHelpText = exports.StatHelpText = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(({
   style,
   ...props
 }, ref) => {
@@ -61,10 +46,7 @@ const StatHelpText = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     ref: ref
   }), props.children);
 }));
-
-exports.StatHelpText = StatHelpText;
-
-const StatArrow = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+const StatArrow = exports.StatArrow = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(({
   type,
   ...props
 }, ref) => {
@@ -82,10 +64,7 @@ const StatArrow = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     ref: ref
   }));
 }));
-
-exports.StatArrow = StatArrow;
-
-const StatGroup = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(({
+const StatGroup = exports.StatGroup = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(({
   style,
   ...props
 }, ref) => {
@@ -95,9 +74,6 @@ const StatGroup = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
     style: style
   }));
 }));
-
-exports.StatGroup = StatGroup;
-
 const StatMain = /*#__PURE__*/_react.default.forwardRef(({
   style,
   ...props
@@ -107,7 +83,6 @@ const StatMain = /*#__PURE__*/_react.default.forwardRef(({
     style: style
   }));
 });
-
 const StatTemp = StatMain;
 StatTemp.Label = StatLabel;
 StatTemp.Number = StatNumber;
@@ -115,6 +90,5 @@ StatTemp.HelpText = StatHelpText;
 StatTemp.Arrow = StatArrow;
 StatTemp.Group = StatGroup;
 const Stat = StatTemp;
-var _default = Stat;
-exports.default = _default;
+var _default = exports.default = Stat;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Stat/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["StatLabel","React","memo","forwardRef","style","props","ref","newProps","_statLabel","children","StatNumber","_statNumber","StatHelpText","_statHelpText","StatArrow","type","StatGroup","_statGroup","StatMain","StatTemp","Label","Number","HelpText","Arrow","Group","Stat"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {\r\n  Box,\r\n  IBoxProps,\r\n  Text,\r\n  ITextProps,\r\n  IIconProps,\r\n  HStack,\r\n  IStackProps,\r\n} from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { ChevronDownIcon, ChevronUpIcon } from '../../primitives/Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const StatLabel = React.memo(\r\n  React.forwardRef(({ style, ...props }: ITextProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Text\r\n        {...newProps._statLabel}\r\n        {...newProps}\r\n        style={style}\r\n        {...props}\r\n        ref={ref}\r\n      >\r\n        {props.children}\r\n      </Text>\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatNumber = React.memo(\r\n  React.forwardRef(({ style, ...props }: ITextProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <Text {...newProps._statNumber} {...newProps} style={style} ref={ref}>\r\n        {props.children}\r\n      </Text>\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatHelpText = React.memo(\r\n  React.forwardRef(({ style, ...props }: IBoxProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <Box {...newProps._statHelpText} {...newProps} style={style} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\n\r\ntype IStatArrowProps = IIconProps & { type?: 'increase' | 'decrease' };\r\nexport const StatArrow = React.memo(\r\n  React.forwardRef(({ type, ...props }: IStatArrowProps, ref?: any) => {\r\n    return type === 'increase' ? (\r\n      <ChevronUpIcon ml={-1} color=\"green.500\" size={8} {...props} ref={ref} />\r\n    ) : (\r\n      <ChevronDownIcon ml={-1} color=\"red.500\" size={8} {...props} ref={ref} />\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatGroup = React.memo(\r\n  React.forwardRef(({ style, ...props }: IBoxProps, ref: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <HStack {...newProps._statGroup} {...newProps} ref={ref} style={style} />\r\n    );\r\n  })\r\n);\r\n\r\nconst StatMain = React.forwardRef(\r\n  ({ style, ...props }: IBoxProps, ref: any) => {\r\n    return <Box {...props} ref={ref} style={style} />;\r\n  }\r\n);\r\n\r\ntype IStatComponentType = ((\r\n  props: IBoxProps & { ref?: any }\r\n) => JSX.Element) & {\r\n  Label: React.MemoExoticComponent<\r\n    (props: ITextProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Number: React.MemoExoticComponent<\r\n    (props: ITextProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  HelpText: React.MemoExoticComponent<\r\n    (props: IBoxProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Arrow: React.MemoExoticComponent<\r\n    (props: IStatArrowProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Group: React.MemoExoticComponent<\r\n    (props: IStackProps & { ref?: any }) => JSX.Element\r\n  >;\r\n};\r\n\r\nconst StatTemp: any = StatMain;\r\nStatTemp.Label = StatLabel;\r\nStatTemp.Number = StatNumber;\r\nStatTemp.HelpText = StatHelpText;\r\nStatTemp.Arrow = StatArrow;\r\nStatTemp.Group = StatGroup;\r\n\r\nconst Stat = StatTemp as IStatComponentType;\r\n\r\nexport default Stat;\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_primitives","_hooks","_Icons","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StatLabel","exports","React","memo","forwardRef","style","props","ref","newProps","useThemeProps","useHasResponsiveProps","createElement","Text","_statLabel","children","StatNumber","_statNumber","StatHelpText","Box","_statHelpText","StatArrow","type","ChevronUpIcon","ml","color","size","ChevronDownIcon","StatGroup","HStack","_statGroup","StatMain","StatTemp","Label","Number","HelpText","Arrow","Group","Stat","_default"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  Box,\r\n  IBoxProps,\r\n  Text,\r\n  ITextProps,\r\n  IIconProps,\r\n  HStack,\r\n  IStackProps,\r\n} from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { ChevronDownIcon, ChevronUpIcon } from '../../primitives/Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const StatLabel = React.memo(\r\n  React.forwardRef(({ style, ...props }: ITextProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <Text\r\n        {...newProps._statLabel}\r\n        {...newProps}\r\n        style={style}\r\n        {...props}\r\n        ref={ref}\r\n      >\r\n        {props.children}\r\n      </Text>\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatNumber = React.memo(\r\n  React.forwardRef(({ style, ...props }: ITextProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <Text {...newProps._statNumber} {...newProps} style={style} ref={ref}>\r\n        {props.children}\r\n      </Text>\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatHelpText = React.memo(\r\n  React.forwardRef(({ style, ...props }: IBoxProps, ref?: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <Box {...newProps._statHelpText} {...newProps} style={style} ref={ref}>\r\n        {props.children}\r\n      </Box>\r\n    );\r\n  })\r\n);\r\n\r\ntype IStatArrowProps = IIconProps & { type?: 'increase' | 'decrease' };\r\nexport const StatArrow = React.memo(\r\n  React.forwardRef(({ type, ...props }: IStatArrowProps, ref?: any) => {\r\n    return type === 'increase' ? (\r\n      <ChevronUpIcon ml={-1} color=\"green.500\" size={8} {...props} ref={ref} />\r\n    ) : (\r\n      <ChevronDownIcon ml={-1} color=\"red.500\" size={8} {...props} ref={ref} />\r\n    );\r\n  })\r\n);\r\n\r\nexport const StatGroup = React.memo(\r\n  React.forwardRef(({ style, ...props }: IBoxProps, ref: any) => {\r\n    let newProps = useThemeProps('Stat', props);\r\n    return (\r\n      <HStack {...newProps._statGroup} {...newProps} ref={ref} style={style} />\r\n    );\r\n  })\r\n);\r\n\r\nconst StatMain = React.forwardRef(\r\n  ({ style, ...props }: IBoxProps, ref: any) => {\r\n    return <Box {...props} ref={ref} style={style} />;\r\n  }\r\n);\r\n\r\ntype IStatComponentType = ((\r\n  props: IBoxProps & { ref?: any }\r\n) => JSX.Element) & {\r\n  Label: React.MemoExoticComponent<\r\n    (props: ITextProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Number: React.MemoExoticComponent<\r\n    (props: ITextProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  HelpText: React.MemoExoticComponent<\r\n    (props: IBoxProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Arrow: React.MemoExoticComponent<\r\n    (props: IStatArrowProps & { ref?: any }) => JSX.Element\r\n  >;\r\n  Group: React.MemoExoticComponent<\r\n    (props: IStackProps & { ref?: any }) => JSX.Element\r\n  >;\r\n};\r\n\r\nconst StatTemp: any = StatMain;\r\nStatTemp.Label = StatLabel;\r\nStatTemp.Number = StatNumber;\r\nStatTemp.HelpText = StatHelpText;\r\nStatTemp.Arrow = StatArrow;\r\nStatTemp.Group = StatGroup;\r\n\r\nconst Stat = StatTemp as IStatComponentType;\r\n\r\nexport default Stat;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/composites/Tabs/Context.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabsContext = void 0;
-
 var _react = require("react");
-
-const TabsContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.TabsContext = TabsContext;
+const TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({});
 //# sourceMappingURL=Context.js.map