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

package/lib/commonjs/utils/useResponsiveQuery/useResponsiveQuery.web.js

@@ -3,29 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStyleElement = exports.useResponsiveQuery = void 0;
-
+exports.useResponsiveQuery = exports.getStyleElement = void 0;
 var _atomic = require("../react-native-web-fucntions/atomic");
-
 var _preprocess = _interopRequireDefault(require("../react-native-web-fucntions/preprocess"));
-
 var _reactNative = require("react-native");
-
 var _stableHash = _interopRequireDefault(require("stable-hash"));
-
 var _hash = _interopRequireDefault(require("./hash"));
-
 var _useStableMemo = require("./useStableMemo");
-
 var _common = require("./common");
-
 var _ResponsiveQueryProvider = require("./ResponsiveQueryProvider");
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';
+
 // @ts-ignore
 
 /******************** Implementation after RNW v0.18 ***********************/
@@ -47,14 +37,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  *
  */
 let textContentMap = {};
-
 const useResponsiveQuery = queries => {
   var _queries$disableCSSMe;
-
   const responsiveQueryContext = _react.default.useContext(_ResponsiveQueryProvider.ResponsiveQueryContext);
+  const disableCSSMediaQueries = (_queries$disableCSSMe = queries === null || queries === void 0 ? void 0 : queries.disableCSSMediaQueries) !== null && _queries$disableCSSMe !== void 0 ? _queries$disableCSSMe : responsiveQueryContext.disableCSSMediaQueries;
 
-  const disableCSSMediaQueries = (_queries$disableCSSMe = queries === null || queries === void 0 ? void 0 : queries.disableCSSMediaQueries) !== null && _queries$disableCSSMe !== void 0 ? _queries$disableCSSMe : responsiveQueryContext.disableCSSMediaQueries; // Only attaches listener if disableCSSMediaQueries is true
-
+  // Only attaches listener if disableCSSMediaQueries is true
   const windowWidth = (0, _common.useDimensionsWithEnable)({
     enable: disableCSSMediaQueries
   }).width;
@@ -62,7 +50,6 @@ const useResponsiveQuery = queries => {
     // Use the non-media query responsive styling
     if (disableCSSMediaQueries) {
       const getResponsiveStyles = (0, _common.getResponsiveStylesImpl)(windowWidth);
-
       if (queries) {
         const {
           styles
@@ -96,40 +83,32 @@ const useResponsiveQuery = queries => {
   }, [queries, windowWidth, disableCSSMediaQueries]);
   return values;
 };
-
 exports.useResponsiveQuery = useResponsiveQuery;
-
 const getDataAttribute = queryRule => {
   if (typeof queryRule.minWidth === 'number' && typeof queryRule.maxWidth === 'number') {
-    return "min-width-".concat(queryRule.minWidth, "-max-width-").concat(queryRule.maxWidth);
+    return `min-width-${queryRule.minWidth}-max-width-${queryRule.maxWidth}`;
   } else if (typeof queryRule.minWidth === 'number') {
-    return "min-width-".concat(queryRule.minWidth);
+    return `min-width-${queryRule.minWidth}`;
   } else if (typeof queryRule.maxWidth === 'number') {
-    return "max-width-".concat(queryRule.maxWidth);
+    return `max-width-${queryRule.maxWidth}`;
   }
-
   return undefined;
 };
-
 const getMediaQueryRule = (query, newRule) => {
   if (typeof query.minWidth === 'number' && typeof query.maxWidth === 'number') {
-    return "@media only screen and (min-width: ".concat(query.minWidth, "px) and (max-width: ").concat(query.maxWidth, "px) { ").concat(newRule, " }");
+    return `@media only screen and (min-width: ${query.minWidth}px) and (max-width: ${query.maxWidth}px) { ${newRule} }`;
   } else if (typeof query.minWidth === 'number') {
-    return "@media only screen and (min-width: ".concat(query.minWidth, "px) { ").concat(newRule, " }");
+    return `@media only screen and (min-width: ${query.minWidth}px) { ${newRule} }`;
   } else if (typeof query.maxWidth === 'number') {
-    return "@media only screen and (max-width: ".concat(query.maxWidth, "px) { ").concat(newRule, " }");
+    return `@media only screen and (max-width: ${query.maxWidth}px) { ${newRule} }`;
   }
-
   return undefined;
 };
-
 let styleSheet;
-
 const insert = rule => {
   if (rule === '') {
     return;
   }
-
   if (typeof window !== 'undefined') {
     if (!styleSheet) {
       const styleEl = document.createElement('style');
@@ -138,11 +117,9 @@ const insert = rule => {
       document.head.appendChild(styleEl);
       styleSheet = styleEl.sheet;
     }
-
     styleSheet.insertRule(rule, styleSheet.cssRules.length);
   }
 };
-
 const getResponsiveStyles = queries => {
   const queryString = (0, _stableHash.default)(queries.query);
   const queriesHash = (0, _hash.default)(queryString);
@@ -150,6 +127,7 @@ const getResponsiveStyles = queries => {
     initial: _reactNative.StyleSheet.flatten(queries.initial)
   }).initial] : undefined;
   let dataSet = {};
+
   /**
    * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
    */
@@ -158,37 +136,30 @@ const getResponsiveStyles = queries => {
     queries.query.forEach(queryRule => {
       const queryHash = queriesHash + (0, _hash.default)((0, _stableHash.default)(queryRule));
       const dataAttribute = getDataAttribute(queryRule);
-
       if (dataAttribute) {
-        const newIdentifier = "[data-".concat(dataAttribute, "$=\"").concat(queryHash, "\"]");
+        const newIdentifier = `[data-${dataAttribute}$="${queryHash}"]`;
         dataSet[dataAttribute] = queryHash;
         let mediaRules = '';
-
         const flattenQueryStyle = _reactNative.StyleSheet.flatten(queryRule.style);
-
         const newStyle = (0, _preprocess.default)(flattenQueryStyle);
-        const [compiledStyle, compiledOrderedRules] = (0, _atomic.atomic)(newStyle); //@ts-ignore
-
+        const [compiledStyle, compiledOrderedRules] = (0, _atomic.atomic)(newStyle);
+        //@ts-ignore
         delete compiledStyle.$$css; //removing unnecessary $$css property
-
         Object.keys(compiledStyle).forEach(key => {
           const oldIdentifier = compiledStyle[key];
           compiledOrderedRules.forEach(([rules, _order]) => {
             // Rule returned by atomic has css selectors, so we'll replace it with data-attr selector
-            let newRule = '';
 
+            let newRule = '';
             if (rules[0].includes(oldIdentifier)) {
               newRule = rules[0].replace('.' + oldIdentifier, newIdentifier);
             }
-
             mediaRules += newRule;
           });
         });
-
         if (mediaRules) {
           const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);
-          const queryKey = "/*".concat(queryHash, "{}*/").concat(mediaQueryRule);
-
+          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;
           if (!textContentMap[queryKey]) {
             insert(queryKey);
             textContentMap[queryKey] = true;
@@ -197,17 +168,15 @@ const getResponsiveStyles = queries => {
       }
     });
   }
-
   return {
     styles,
     dataSet
   };
 };
+
 /**
  * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
  */
-
-
 const getStyleElement = () => {
   return /*#__PURE__*/_react.default.createElement("style", {
     type: "text/css",
@@ -216,6 +185,5 @@ const getStyleElement = () => {
     }
   });
 };
-
 exports.getStyleElement = getStyleElement;
 //# sourceMappingURL=useResponsiveQuery.web.js.map

package/lib/commonjs/utils/useResponsiveQuery/useResponsiveQuery.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useResponsiveQuery.web.tsx"],"names":["textContentMap","useResponsiveQuery","queries","responsiveQueryContext","React","useContext","ResponsiveQueryContext","disableCSSMediaQueries","windowWidth","enable","width","values","getResponsiveStyles","styles","dataSet","getDataAttribute","queryRule","minWidth","maxWidth","undefined","getMediaQueryRule","query","newRule","styleSheet","insert","rule","window","styleEl","document","createElement","type","appendChild","createTextNode","head","sheet","insertRule","cssRules","length","queryString","queriesHash","initial","StyleSheet","create","flatten","forEach","queryHash","dataAttribute","newIdentifier","mediaRules","flattenQueryStyle","style","newStyle","compiledStyle","compiledOrderedRules","$$css","Object","keys","key","oldIdentifier","rules","_order","includes","replace","mediaQueryRule","queryKey","getStyleElement","__html","join"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAlBA;AAWA;;AASA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIA,cAAmB,GAAG,EAA1B;;AAEO,MAAMC,kBAAkB,GAC7BC,OADgC,IAEC;AAAA;;AACjC,QAAMC,sBAAsB,GAAGC,eAAMC,UAAN,CAAiBC,+CAAjB,CAA/B;;AACA,QAAMC,sBAAsB,4BAC1BL,OAD0B,aAC1BA,OAD0B,uBAC1BA,OAAO,CAAEK,sBADiB,yEAE1BJ,sBAAsB,CAACI,sBAFzB,CAFiC,CAMjC;;AACA,QAAMC,WAAW,GAAG,qCAAwB;AAC1CC,IAAAA,MAAM,EAAEF;AADkC,GAAxB,EAEjBG,KAFH;AAIA,QAAMC,MAAM,GAAG,kCAAc,MAAM;AACjC;AACA,QAAIJ,sBAAJ,EAA4B;AAC1B,YAAMK,mBAAmB,GAAG,qCAAwBJ,WAAxB,CAA5B;;AACA,UAAIN,OAAJ,EAAa;AACX,cAAM;AAAEW,UAAAA;AAAF,YAAaD,mBAAmB,CAACV,OAAD,CAAtC;AACA,eAAO;AAAEW,UAAAA,MAAF;AAAUD,UAAAA;AAAV,SAAP;AACD,OAHD,MAGO;AACL,eAAO;AAAEA,UAAAA;AAAF,SAAP;AACD;AACF,KARD,MAQO;AACL,UAAIV,OAAJ,EAAa;AACX,cAAM;AAAEW,UAAAA,MAAF;AAAUC,UAAAA;AAAV,YAAsBF,mBAAmB,CAACV,OAAD,CAA/C;AACA,eAAO;AAAEY,UAAAA,OAAF;AAAWD,UAAAA,MAAX;AAAmBD,UAAAA;AAAnB,SAAP;AACD,OAHD,MAGO;AACL,eAAO;AAAEA,UAAAA;AAAF,SAAP;AACD;AACF;AACF,GAlBc,EAkBZ,CAACV,OAAD,EAAUM,WAAV,EAAuBD,sBAAvB,CAlBY,CAAf;AAoBA,SAAOI,MAAP;AACD,CAlCM;;;;AAoCP,MAAMI,gBAAgB,GAAIC,SAAD,IAAsB;AAC7C,MACE,OAAOA,SAAS,CAACC,QAAjB,KAA8B,QAA9B,IACA,OAAOD,SAAS,CAACE,QAAjB,KAA8B,QAFhC,EAGE;AACA,+BAAoBF,SAAS,CAACC,QAA9B,wBAAoDD,SAAS,CAACE,QAA9D;AACD,GALD,MAKO,IAAI,OAAOF,SAAS,CAACC,QAAjB,KAA8B,QAAlC,EAA4C;AACjD,+BAAoBD,SAAS,CAACC,QAA9B;AACD,GAFM,MAEA,IAAI,OAAOD,SAAS,CAACE,QAAjB,KAA8B,QAAlC,EAA4C;AACjD,+BAAoBF,SAAS,CAACE,QAA9B;AACD;;AAED,SAAOC,SAAP;AACD,CAbD;;AAeA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAeC,OAAf,KAAmC;AAC3D,MACE,OAAOD,KAAK,CAACJ,QAAb,KAA0B,QAA1B,IACA,OAAOI,KAAK,CAACH,QAAb,KAA0B,QAF5B,EAGE;AACA,wDAA6CG,KAAK,CAACJ,QAAnD,iCAAkFI,KAAK,CAACH,QAAxF,mBAAyGI,OAAzG;AACD,GALD,MAKO,IAAI,OAAOD,KAAK,CAACJ,QAAb,KAA0B,QAA9B,EAAwC;AAC7C,wDAA6CI,KAAK,CAACJ,QAAnD,mBAAoEK,OAApE;AACD,GAFM,MAEA,IAAI,OAAOD,KAAK,CAACH,QAAb,KAA0B,QAA9B,EAAwC;AAC7C,wDAA6CG,KAAK,CAACH,QAAnD,mBAAoEI,OAApE;AACD;;AACD,SAAOH,SAAP;AACD,CAZD;;AAaA,IAAII,UAAJ;;AACA,MAAMC,MAAM,GAAIC,IAAD,IAAkB;AAC/B,MAAIA,IAAI,KAAK,EAAb,EAAiB;AACf;AACD;;AACD,MAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjC,QAAI,CAACH,UAAL,EAAiB;AACf,YAAMI,OAAO,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAhB;AACAF,MAAAA,OAAO,CAACG,IAAR,GAAe,UAAf;AACAH,MAAAA,OAAO,CAACI,WAAR,CAAoBH,QAAQ,CAACI,cAAT,CAAwB,EAAxB,CAApB;AACAJ,MAAAA,QAAQ,CAACK,IAAT,CAAcF,WAAd,CAA0BJ,OAA1B;AACAJ,MAAAA,UAAU,GAAGI,OAAO,CAACO,KAArB;AACD;;AAEDX,IAAAA,UAAU,CAACY,UAAX,CAAsBV,IAAtB,EAA4BF,UAAU,CAACa,QAAX,CAAoBC,MAAhD;AACD;AACF,CAfD;;AAgBA,MAAMzB,mBAAmB,GACvBV,OAD0B,IAEQ;AAClC,QAAMoC,WAAW,GAAG,yBAAWpC,OAAO,CAACmB,KAAnB,CAApB;AAEA,QAAMkB,WAAW,GAAG,mBAAKD,WAAL,CAApB;AAEA,QAAMzB,MAAM,GAAGX,OAAO,CAACsC,OAAR,GACX,CACEC,wBAAWC,MAAX,CAAkB;AAAEF,IAAAA,OAAO,EAAEC,wBAAWE,OAAX,CAAmBzC,OAAO,CAACsC,OAA3B;AAAX,GAAlB,EACGA,OAFL,CADW,GAKXrB,SALJ;AAOA,MAAIL,OAAgB,GAAG,EAAvB;AAEA;AACF;AACA;;AAEE,MAAIZ,OAAO,CAACmB,KAAZ,EAAmB;AACjBnB,IAAAA,OAAO,CAACmB,KAAR,CAAcuB,OAAd,CAAuB5B,SAAD,IAAe;AACnC,YAAM6B,SAAS,GAAGN,WAAW,GAAG,mBAAK,yBAAWvB,SAAX,CAAL,CAAhC;AACA,YAAM8B,aAAa,GAAG/B,gBAAgB,CAACC,SAAD,CAAtC;;AAEA,UAAI8B,aAAJ,EAAmB;AACjB,cAAMC,aAAa,mBAAYD,aAAZ,iBAA+BD,SAA/B,QAAnB;AACA/B,QAAAA,OAAO,CAACgC,aAAD,CAAP,GAAyBD,SAAzB;AAEA,YAAIG,UAAU,GAAG,EAAjB;;AAEA,cAAMC,iBAAiB,GAAGR,wBAAWE,OAAX,CAAmB3B,SAAS,CAACkC,KAA7B,CAA1B;;AACA,cAAMC,QAAQ,GAAG,yBAAWF,iBAAX,CAAjB;AACA,cAAM,CAACG,aAAD,EAAgBC,oBAAhB,IAAwC,oBAAOF,QAAP,CAA9C,CARiB,CASjB;;AACA,eAAOC,aAAa,CAACE,KAArB,CAViB,CAUW;;AAC5BC,QAAAA,MAAM,CAACC,IAAP,CAAYJ,aAAZ,EAA2BR,OAA3B,CAAoCa,GAAD,IAAS;AAC1C,gBAAMC,aAAa,GAAGN,aAAa,CAACK,GAAD,CAAnC;AACAJ,UAAAA,oBAAoB,CAACT,OAArB,CAA6B,CAAC,CAACe,KAAD,EAAQC,MAAR,CAAD,KAA0B;AACrD;AAEA,gBAAItC,OAAO,GAAG,EAAd;;AACA,gBAAIqC,KAAK,CAAC,CAAD,CAAL,CAASE,QAAT,CAAkBH,aAAlB,CAAJ,EAAsC;AACpCpC,cAAAA,OAAO,GAAGqC,KAAK,CAAC,CAAD,CAAL,CAASG,OAAT,CAAiB,MAAMJ,aAAvB,EAAsCX,aAAtC,CAAV;AACD;;AACDC,YAAAA,UAAU,IAAI1B,OAAd;AACD,WARD;AASD,SAXD;;AAYA,YAAI0B,UAAJ,EAAgB;AACd,gBAAMe,cAAc,GAAG3C,iBAAiB,CAACJ,SAAD,EAAYgC,UAAZ,CAAxC;AAEA,gBAAMgB,QAAQ,eAAQnB,SAAR,iBAAwBkB,cAAxB,CAAd;;AAEA,cAAI,CAAC/D,cAAc,CAACgE,QAAD,CAAnB,EAA+B;AAC7BxC,YAAAA,MAAM,CAACwC,QAAD,CAAN;AACAhE,YAAAA,cAAc,CAACgE,QAAD,CAAd,GAA2B,IAA3B;AACD;AACF;AACF;AACF,KAtCD;AAuCD;;AAED,SAAO;AAAEnD,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAP;AACD,CA/DD;AAiEA;AACA;AACA;;;AACO,MAAMmD,eAAe,GAAG,MAAM;AACnC,sBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEX,MAAM,CAACC,IAAP,CAAYxD,cAAZ,EAA4BmE,IAA5B,CAAiC,EAAjC;AAAV;AAF3B,IADF;AAMD,CAPM","sourcesContent":["// import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';\r\nimport { atomic } from '../react-native-web-fucntions/atomic';\r\nimport preprocess from '../react-native-web-fucntions/preprocess';\r\nimport type {\r\n  DataSet,\r\n  Query,\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n  GetResponsiveStylesParams,\r\n} from './types';\r\nimport { StyleSheet } from 'react-native';\r\n// @ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport hash from './hash';\r\nimport type { GetResponsiveStylesReturnType } from './types';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl, useDimensionsWithEnable } from './common';\r\nimport { ResponsiveQueryContext } from './ResponsiveQueryProvider';\r\nimport React from 'react';\r\n\r\n/******************** Implementation after RNW v0.18 ***********************/\r\n\r\n/**\r\n * 1. preprocess:- Handles shadow/text shadow conversion from RN styles to web *                 styles\r\n *\r\n * 2. atomic:- it handles prefixing, converting RN specific styles to web styles *             and generating the CSS selector.\r\n *             Input {marginTop: 10}\r\n *             Output\r\n *             compiledStyle : marginTop: \"r-marginTop-156q2ks\"\r\n *             compiledOrderedRules : \".r-marginTop-156q2ks{margin-top:10px;}\"\r\n *      a)compiledStyle:- Array it holds identifier/selector with properties\r\n *      b)compiledOrderedRules:- Array it holds the css rule with selector name\r\n *      Also from RNW v0.18 handles swapping of ltr styles if enabled by user\r\n * 3. createSheet:- used to grab sheet which exist already created by rnw. when we *                  call createSheet without id it will return sheet which exist. *                  cause it automatically takes a default ID  which is already in *                  use (created by rnw with default ID) so this return sheet *                  which exist with  ID doesn't create a new sheet.\r\n *\r\n * This Implementation is based on asumptions that RNW doesn't change the         * function  or doesn't re-write them. if there is any change in RNW implmentation * it we'll break and needs to be updated.\r\n *\r\n */\r\nlet textContentMap: any = {};\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries =\r\n    queries?.disableCSSMediaQueries ??\r\n    responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  // Only attaches listener if disableCSSMediaQueries is true\r\n  const windowWidth = useDimensionsWithEnable({\r\n    enable: disableCSSMediaQueries,\r\n  }).width;\r\n\r\n  const values = useStableMemo(() => {\r\n    // Use the non-media query responsive styling\r\n    if (disableCSSMediaQueries) {\r\n      const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);\r\n      if (queries) {\r\n        const { styles } = getResponsiveStyles(queries);\r\n        return { styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    } else {\r\n      if (queries) {\r\n        const { styles, dataSet } = getResponsiveStyles(queries);\r\n        return { dataSet, styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    }\r\n  }, [queries, windowWidth, disableCSSMediaQueries]);\r\n\r\n  return values;\r\n};\r\n\r\nconst getDataAttribute = (queryRule: Query) => {\r\n  if (\r\n    typeof queryRule.minWidth === 'number' &&\r\n    typeof queryRule.maxWidth === 'number'\r\n  ) {\r\n    return `min-width-${queryRule.minWidth}-max-width-${queryRule.maxWidth}`;\r\n  } else if (typeof queryRule.minWidth === 'number') {\r\n    return `min-width-${queryRule.minWidth}`;\r\n  } else if (typeof queryRule.maxWidth === 'number') {\r\n    return `max-width-${queryRule.maxWidth}`;\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nconst getMediaQueryRule = (query: Query, newRule: string) => {\r\n  if (\r\n    typeof query.minWidth === 'number' &&\r\n    typeof query.maxWidth === 'number'\r\n  ) {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.minWidth === 'number') {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.maxWidth === 'number') {\r\n    return `@media only screen and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  }\r\n  return undefined;\r\n};\r\nlet styleSheet: any;\r\nconst insert = (rule: string) => {\r\n  if (rule === '') {\r\n    return;\r\n  }\r\n  if (typeof window !== 'undefined') {\r\n    if (!styleSheet) {\r\n      const styleEl = document.createElement('style');\r\n      styleEl.type = 'text/css';\r\n      styleEl.appendChild(document.createTextNode(''));\r\n      document.head.appendChild(styleEl);\r\n      styleSheet = styleEl.sheet;\r\n    }\r\n\r\n    styleSheet.insertRule(rule, styleSheet.cssRules.length);\r\n  }\r\n};\r\nconst getResponsiveStyles = (\r\n  queries: GetResponsiveStylesParams\r\n): GetResponsiveStylesReturnType => {\r\n  const queryString = stableHash(queries.query);\r\n\r\n  const queriesHash = hash(queryString);\r\n\r\n  const styles = queries.initial\r\n    ? [\r\n        StyleSheet.create({ initial: StyleSheet.flatten(queries.initial) })\r\n          .initial,\r\n      ]\r\n    : undefined;\r\n\r\n  let dataSet: DataSet = {};\r\n\r\n  /**\r\n   * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n   */\r\n\r\n  if (queries.query) {\r\n    queries.query.forEach((queryRule) => {\r\n      const queryHash = queriesHash + hash(stableHash(queryRule));\r\n      const dataAttribute = getDataAttribute(queryRule);\r\n\r\n      if (dataAttribute) {\r\n        const newIdentifier = `[data-${dataAttribute}$=\"${queryHash}\"]`;\r\n        dataSet[dataAttribute] = queryHash;\r\n\r\n        let mediaRules = '';\r\n\r\n        const flattenQueryStyle = StyleSheet.flatten(queryRule.style);\r\n        const newStyle = preprocess(flattenQueryStyle);\r\n        const [compiledStyle, compiledOrderedRules] = atomic(newStyle);\r\n        //@ts-ignore\r\n        delete compiledStyle.$$css; //removing unnecessary $$css property\r\n        Object.keys(compiledStyle).forEach((key) => {\r\n          const oldIdentifier = compiledStyle[key];\r\n          compiledOrderedRules.forEach(([rules, _order]: any) => {\r\n            // Rule returned by atomic has css selectors, so we'll replace it with data-attr selector\r\n\r\n            let newRule = '';\r\n            if (rules[0].includes(oldIdentifier)) {\r\n              newRule = rules[0].replace('.' + oldIdentifier, newIdentifier);\r\n            }\r\n            mediaRules += newRule;\r\n          });\r\n        });\r\n        if (mediaRules) {\r\n          const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);\r\n\r\n          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;\r\n\r\n          if (!textContentMap[queryKey]) {\r\n            insert(queryKey);\r\n            textContentMap[queryKey] = true;\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  return { styles, dataSet };\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\nexport const getStyleElement = () => {\r\n  return (\r\n    <style\r\n      type=\"text/css\"\r\n      dangerouslySetInnerHTML={{ __html: Object.keys(textContentMap).join('') }}\r\n    />\r\n  );\r\n};\r\n"]}
+{"version":3,"names":["_atomic","require","_preprocess","_interopRequireDefault","_reactNative","_stableHash","_hash","_useStableMemo","_common","_ResponsiveQueryProvider","_react","e","__esModule","default","textContentMap","useResponsiveQuery","queries","_queries$disableCSSMe","responsiveQueryContext","React","useContext","ResponsiveQueryContext","disableCSSMediaQueries","windowWidth","useDimensionsWithEnable","enable","width","values","useStableMemo","getResponsiveStyles","getResponsiveStylesImpl","styles","dataSet","exports","getDataAttribute","queryRule","minWidth","maxWidth","undefined","getMediaQueryRule","query","newRule","styleSheet","insert","rule","window","styleEl","document","createElement","type","appendChild","createTextNode","head","sheet","insertRule","cssRules","length","queryString","stableHash","queriesHash","hash","initial","StyleSheet","create","flatten","forEach","queryHash","dataAttribute","newIdentifier","mediaRules","flattenQueryStyle","style","newStyle","preprocess","compiledStyle","compiledOrderedRules","atomic","$$css","Object","keys","key","oldIdentifier","rules","_order","includes","replace","mediaQueryRule","queryKey","getStyleElement","dangerouslySetInnerHTML","__html","join"],"sources":["useResponsiveQuery.web.tsx"],"sourcesContent":["// import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';\r\nimport { atomic } from '../react-native-web-fucntions/atomic';\r\nimport preprocess from '../react-native-web-fucntions/preprocess';\r\nimport type {\r\n  DataSet,\r\n  Query,\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n  GetResponsiveStylesParams,\r\n} from './types';\r\nimport { StyleSheet } from 'react-native';\r\n// @ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport hash from './hash';\r\nimport type { GetResponsiveStylesReturnType } from './types';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl, useDimensionsWithEnable } from './common';\r\nimport { ResponsiveQueryContext } from './ResponsiveQueryProvider';\r\nimport React from 'react';\r\n\r\n/******************** Implementation after RNW v0.18 ***********************/\r\n\r\n/**\r\n * 1. preprocess:- Handles shadow/text shadow conversion from RN styles to web *                 styles\r\n *\r\n * 2. atomic:- it handles prefixing, converting RN specific styles to web styles *             and generating the CSS selector.\r\n *             Input {marginTop: 10}\r\n *             Output\r\n *             compiledStyle : marginTop: \"r-marginTop-156q2ks\"\r\n *             compiledOrderedRules : \".r-marginTop-156q2ks{margin-top:10px;}\"\r\n *      a)compiledStyle:- Array it holds identifier/selector with properties\r\n *      b)compiledOrderedRules:- Array it holds the css rule with selector name\r\n *      Also from RNW v0.18 handles swapping of ltr styles if enabled by user\r\n * 3. createSheet:- used to grab sheet which exist already created by rnw. when we *                  call createSheet without id it will return sheet which exist. *                  cause it automatically takes a default ID  which is already in *                  use (created by rnw with default ID) so this return sheet *                  which exist with  ID doesn't create a new sheet.\r\n *\r\n * This Implementation is based on asumptions that RNW doesn't change the         * function  or doesn't re-write them. if there is any change in RNW implmentation * it we'll break and needs to be updated.\r\n *\r\n */\r\nlet textContentMap: any = {};\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries =\r\n    queries?.disableCSSMediaQueries ??\r\n    responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  // Only attaches listener if disableCSSMediaQueries is true\r\n  const windowWidth = useDimensionsWithEnable({\r\n    enable: disableCSSMediaQueries,\r\n  }).width;\r\n\r\n  const values = useStableMemo(() => {\r\n    // Use the non-media query responsive styling\r\n    if (disableCSSMediaQueries) {\r\n      const getResponsiveStyles = getResponsiveStylesImpl(windowWidth);\r\n      if (queries) {\r\n        const { styles } = getResponsiveStyles(queries);\r\n        return { styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    } else {\r\n      if (queries) {\r\n        const { styles, dataSet } = getResponsiveStyles(queries);\r\n        return { dataSet, styles, getResponsiveStyles };\r\n      } else {\r\n        return { getResponsiveStyles };\r\n      }\r\n    }\r\n  }, [queries, windowWidth, disableCSSMediaQueries]);\r\n\r\n  return values;\r\n};\r\n\r\nconst getDataAttribute = (queryRule: Query) => {\r\n  if (\r\n    typeof queryRule.minWidth === 'number' &&\r\n    typeof queryRule.maxWidth === 'number'\r\n  ) {\r\n    return `min-width-${queryRule.minWidth}-max-width-${queryRule.maxWidth}`;\r\n  } else if (typeof queryRule.minWidth === 'number') {\r\n    return `min-width-${queryRule.minWidth}`;\r\n  } else if (typeof queryRule.maxWidth === 'number') {\r\n    return `max-width-${queryRule.maxWidth}`;\r\n  }\r\n\r\n  return undefined;\r\n};\r\n\r\nconst getMediaQueryRule = (query: Query, newRule: string) => {\r\n  if (\r\n    typeof query.minWidth === 'number' &&\r\n    typeof query.maxWidth === 'number'\r\n  ) {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.minWidth === 'number') {\r\n    return `@media only screen and (min-width: ${query.minWidth}px) { ${newRule} }`;\r\n  } else if (typeof query.maxWidth === 'number') {\r\n    return `@media only screen and (max-width: ${query.maxWidth}px) { ${newRule} }`;\r\n  }\r\n  return undefined;\r\n};\r\nlet styleSheet: any;\r\nconst insert = (rule: string) => {\r\n  if (rule === '') {\r\n    return;\r\n  }\r\n  if (typeof window !== 'undefined') {\r\n    if (!styleSheet) {\r\n      const styleEl = document.createElement('style');\r\n      styleEl.type = 'text/css';\r\n      styleEl.appendChild(document.createTextNode(''));\r\n      document.head.appendChild(styleEl);\r\n      styleSheet = styleEl.sheet;\r\n    }\r\n\r\n    styleSheet.insertRule(rule, styleSheet.cssRules.length);\r\n  }\r\n};\r\nconst getResponsiveStyles = (\r\n  queries: GetResponsiveStylesParams\r\n): GetResponsiveStylesReturnType => {\r\n  const queryString = stableHash(queries.query);\r\n\r\n  const queriesHash = hash(queryString);\r\n\r\n  const styles = queries.initial\r\n    ? [\r\n        StyleSheet.create({ initial: StyleSheet.flatten(queries.initial) })\r\n          .initial,\r\n      ]\r\n    : undefined;\r\n\r\n  let dataSet: DataSet = {};\r\n\r\n  /**\r\n   * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n   */\r\n\r\n  if (queries.query) {\r\n    queries.query.forEach((queryRule) => {\r\n      const queryHash = queriesHash + hash(stableHash(queryRule));\r\n      const dataAttribute = getDataAttribute(queryRule);\r\n\r\n      if (dataAttribute) {\r\n        const newIdentifier = `[data-${dataAttribute}$=\"${queryHash}\"]`;\r\n        dataSet[dataAttribute] = queryHash;\r\n\r\n        let mediaRules = '';\r\n\r\n        const flattenQueryStyle = StyleSheet.flatten(queryRule.style);\r\n        const newStyle = preprocess(flattenQueryStyle);\r\n        const [compiledStyle, compiledOrderedRules] = atomic(newStyle);\r\n        //@ts-ignore\r\n        delete compiledStyle.$$css; //removing unnecessary $$css property\r\n        Object.keys(compiledStyle).forEach((key) => {\r\n          const oldIdentifier = compiledStyle[key];\r\n          compiledOrderedRules.forEach(([rules, _order]: any) => {\r\n            // Rule returned by atomic has css selectors, so we'll replace it with data-attr selector\r\n\r\n            let newRule = '';\r\n            if (rules[0].includes(oldIdentifier)) {\r\n              newRule = rules[0].replace('.' + oldIdentifier, newIdentifier);\r\n            }\r\n            mediaRules += newRule;\r\n          });\r\n        });\r\n        if (mediaRules) {\r\n          const mediaQueryRule = getMediaQueryRule(queryRule, mediaRules);\r\n\r\n          const queryKey = `/*${queryHash}{}*/${mediaQueryRule}`;\r\n\r\n          if (!textContentMap[queryKey]) {\r\n            insert(queryKey);\r\n            textContentMap[queryKey] = true;\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  return { styles, dataSet };\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\nexport const getStyleElement = () => {\r\n  return (\r\n    <style\r\n      type=\"text/css\"\r\n      dangerouslySetInnerHTML={{ __html: Object.keys(textContentMap).join('') }}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/useResponsiveQuery/useStableMemo.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStableMemo = useStableMemo;
-
 var _react = require("react");
-
 var _stableHash = _interopRequireDefault(require("stable-hash"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //@ts-ignore
+
 function useStableMemo(factory, deps) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   return (0, _react.useMemo)(factory, [(0, _stableHash.default)(deps)]);

package/lib/commonjs/utils/useResponsiveQuery/useStableMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useStableMemo.ts"],"names":["useStableMemo","factory","deps"],"mappings":";;;;;;;AAAA;;AAEA;;;;AADA;AAGO,SAASA,aAAT,CAA0BC,OAA1B,EAA4CC,IAA5C,EAAyD;AAC9D;AACA,SAAO,oBAAQD,OAAR,EAAiB,CAAC,yBAAKC,IAAL,CAAD,CAAjB,CAAP;AACD","sourcesContent":["import { useMemo } from 'react';\r\n//@ts-ignore\r\nimport hash from 'stable-hash';\r\n\r\nexport function useStableMemo<T>(factory: () => T, deps: any[]) {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useMemo(factory, [hash(deps)]);\r\n}\r\n"]}
+{"version":3,"names":["_react","require","_stableHash","_interopRequireDefault","e","__esModule","default","useStableMemo","factory","deps","useMemo","hash"],"sources":["useStableMemo.ts"],"sourcesContent":["import { useMemo } from 'react';\r\n//@ts-ignore\r\nimport hash from 'stable-hash';\r\n\r\nexport function useStableMemo<T>(factory: () => T, deps: any[]) {\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  return useMemo(factory, [hash(deps)]);\r\n}\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAD/B;;AAGO,SAASG,aAAaA,CAAIC,OAAgB,EAAEC,IAAW,EAAE;EAC9D;EACA,OAAO,IAAAC,cAAO,EAACF,OAAO,EAAE,CAAC,IAAAG,mBAAI,EAACF,IAAI,CAAC,CAAC,CAAC;AACvC","ignoreList":[]}

package/lib/commonjs/utils/wrapStringChild.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapStringChild = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Text = _interopRequireDefault(require("../components/primitives/Text"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const wrapStringChild = (children, textProps) => {
   return _react.default.Children.map(children, child => {
     var _child$props, _child$props2;
-
     return typeof child === 'string' || typeof child === 'number' || (child === null || child === void 0 ? void 0 : child.type) === _react.default.Fragment && (typeof ((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) === 'string' || typeof ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.children) === 'number') ? /*#__PURE__*/_react.default.createElement(_Text.default, textProps, child) : child;
   });
 };
-
 exports.wrapStringChild = wrapStringChild;
 //# sourceMappingURL=wrapStringChild.js.map

package/lib/commonjs/utils/wrapStringChild.js.map

@@ -1 +1 @@
-{"version":3,"sources":["wrapStringChild.tsx"],"names":["wrapStringChild","children","textProps","React","Children","map","child","type","Fragment","props"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG,CAACC,QAAD,EAAgBC,SAAhB,KAAmC;AAChE,SAAOC,eAAMC,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA8BK,KAAD,IAAW;AAAA;;AAC7C,WAAO,OAAOA,KAAP,KAAiB,QAAjB,IACL,OAAOA,KAAP,KAAiB,QADZ,IAEJ,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,MAAgBJ,eAAMK,QAAtB,KACE,wBAAOF,KAAK,CAACG,KAAb,iDAAO,aAAaR,QAApB,MAAiC,QAAjC,IACC,yBAAOK,KAAK,CAACG,KAAb,kDAAO,cAAaR,QAApB,MAAiC,QAFpC,CAFI,gBAKL,6BAAC,aAAD,EAAUC,SAAV,EAAsBI,KAAtB,CALK,GAOLA,KAPF;AASD,GAVM,CAAP;AAWD,CAZM","sourcesContent":["import React from 'react';\r\nimport Text from '../components/primitives/Text';\r\n\r\nexport const wrapStringChild = (children: any, textProps: any) => {\r\n  return React.Children.map(children, (child) => {\r\n    return typeof child === 'string' ||\r\n      typeof child === 'number' ||\r\n      (child?.type === React.Fragment &&\r\n        (typeof child.props?.children === 'string' ||\r\n          typeof child.props?.children === 'number')) ? (\r\n      <Text {...textProps}>{child}</Text>\r\n    ) : (\r\n      child\r\n    );\r\n  });\r\n};\r\n"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Text","e","__esModule","default","wrapStringChild","children","textProps","React","Children","map","child","_child$props","_child$props2","type","Fragment","props","createElement","exports"],"sources":["wrapStringChild.tsx"],"sourcesContent":["import React from 'react';\r\nimport Text from '../components/primitives/Text';\r\n\r\nexport const wrapStringChild = (children: any, textProps: any) => {\r\n  return React.Children.map(children, (child) => {\r\n    return typeof child === 'string' ||\r\n      typeof child === 'number' ||\r\n      (child?.type === React.Fragment &&\r\n        (typeof child.props?.children === 'string' ||\r\n          typeof child.props?.children === 'number')) ? (\r\n      <Text {...textProps}>{child}</Text>\r\n    ) : (\r\n      child\r\n    );\r\n  });\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAiD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,eAAe,GAAGA,CAACC,QAAa,EAAEC,SAAc,KAAK;EAChE,OAAOC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAGK,KAAK,IAAK;IAAA,IAAAC,YAAA,EAAAC,aAAA;IAC7C,OAAO,OAAOF,KAAK,KAAK,QAAQ,IAC9B,OAAOA,KAAK,KAAK,QAAQ,IACxB,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,IAAI,MAAKN,cAAK,CAACO,QAAQ,KAC5B,SAAAH,YAAA,GAAOD,KAAK,CAACK,KAAK,cAAAJ,YAAA,uBAAXA,YAAA,CAAaN,QAAQ,MAAK,QAAQ,IACxC,SAAAO,aAAA,GAAOF,KAAK,CAACK,KAAK,cAAAH,aAAA,uBAAXA,aAAA,CAAaP,QAAQ,MAAK,QAAQ,CAAE,gBAC/CR,MAAA,CAAAM,OAAA,CAAAa,aAAA,CAAChB,KAAA,CAAAG,OAAI,EAAKG,SAAS,EAAGI,KAAY,CAAC,GAEnCA,KACD;EACH,CAAC,CAAC;AACJ,CAAC;AAACO,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/module/components/basic/FlatList/FlatList.js

@@ -1,29 +1,25 @@
-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 _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); }
 import React, { forwardRef } from 'react';
 import { FlatList as RNFlatList } from 'react-native';
 import { usePropsResolution, useStyledSystemPropsResolver } from '../../../hooks';
 import { makeStyledComponent } from '../../../utils/styled';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 const StyledFlatList = makeStyledComponent(RNFlatList);
-
 const FlatListComponent = (props, ref) => {
   const {
     _contentContainerStyle,
     contentContainerStyle,
     ...resolvedProps
   } = usePropsResolution('FlatList', props);
-  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(_contentContainerStyle || {}); //TODO: refactor for responsive prop
-
+  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(_contentContainerStyle || {});
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(StyledFlatList, _extends({}, resolvedProps, {
     contentContainerStyle: contentContainerStyle || resolved_ContentContainerStyle,
     ref: ref
   }));
 };
-
 export const FlatList = /*#__PURE__*/forwardRef(FlatListComponent);
 //# sourceMappingURL=FlatList.js.map

package/lib/module/components/basic/FlatList/FlatList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FlatList.tsx"],"names":["React","forwardRef","FlatList","RNFlatList","usePropsResolution","useStyledSystemPropsResolver","makeStyledComponent","useHasResponsiveProps","StyledFlatList","FlatListComponent","props","ref","_contentContainerStyle","contentContainerStyle","resolvedProps","resolved_ContentContainerStyle"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,QAAQ,IAAIC,UAArB,QAAuC,cAAvC;AACA,SACEC,kBADF,EAEEC,4BAFF,QAGO,gBAHP;AAIA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,cAAmB,GAAGF,mBAAmB,CAACH,UAAD,CAA/C;;AAEA,MAAMM,iBAAiB,GAAG,CACxBC,KADwB,EAExBC,GAFwB,KAGrB;AACH,QAAM;AACJC,IAAAA,sBADI;AAEJC,IAAAA,qBAFI;AAGJ,OAAGC;AAHC,MAIFV,kBAAkB,CAAC,UAAD,EAAaM,KAAb,CAJtB;AAKA,QAAMK,8BAA8B,GAAGV,4BAA4B,CACjEO,sBAAsB,IAAI,EADuC,CAAnE,CANG,CASH;;AACA,MAAIL,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,cAAD,eACMI,aADN;AAEE,IAAA,qBAAqB,EACnBD,qBAAqB,IAAIE,8BAH7B;AAKE,IAAA,GAAG,EAAEJ;AALP,KADF;AASD,CAzBD;;AA2BA,OAAO,MAAMT,QAAQ,gBAAGD,UAAU,CAACQ,iBAAD,CAA3B","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { FlatList as RNFlatList } from 'react-native';\r\nimport {\r\n  usePropsResolution,\r\n  useStyledSystemPropsResolver,\r\n} from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IFlatListProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledFlatList: any = makeStyledComponent(RNFlatList);\r\n\r\nconst FlatListComponent = <ItemT extends any>(\r\n  props: IFlatListProps<ItemT>,\r\n  ref: any\r\n) => {\r\n  const {\r\n    _contentContainerStyle,\r\n    contentContainerStyle,\r\n    ...resolvedProps\r\n  } = usePropsResolution('FlatList', props);\r\n  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(\r\n    _contentContainerStyle || {}\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <StyledFlatList\r\n      {...resolvedProps}\r\n      contentContainerStyle={\r\n        contentContainerStyle || resolved_ContentContainerStyle\r\n      }\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport const FlatList = forwardRef(FlatListComponent) as <ItemT>(\r\n  props: IFlatListProps<ItemT>,\r\n  ref: any\r\n) => any;\r\n"]}
+{"version":3,"names":["React","forwardRef","FlatList","RNFlatList","usePropsResolution","useStyledSystemPropsResolver","makeStyledComponent","useHasResponsiveProps","StyledFlatList","FlatListComponent","props","ref","_contentContainerStyle","contentContainerStyle","resolvedProps","resolved_ContentContainerStyle","createElement","_extends"],"sources":["FlatList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { FlatList as RNFlatList } from 'react-native';\r\nimport {\r\n  usePropsResolution,\r\n  useStyledSystemPropsResolver,\r\n} from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IFlatListProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledFlatList: any = makeStyledComponent(RNFlatList);\r\n\r\nconst FlatListComponent = <ItemT extends any>(\r\n  props: IFlatListProps<ItemT>,\r\n  ref: any\r\n) => {\r\n  const {\r\n    _contentContainerStyle,\r\n    contentContainerStyle,\r\n    ...resolvedProps\r\n  } = usePropsResolution('FlatList', props);\r\n  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(\r\n    _contentContainerStyle || {}\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <StyledFlatList\r\n      {...resolvedProps}\r\n      contentContainerStyle={\r\n        contentContainerStyle || resolved_ContentContainerStyle\r\n      }\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport const FlatList = forwardRef(FlatListComponent) as <ItemT>(\r\n  props: IFlatListProps<ItemT>,\r\n  ref: any\r\n) => any;\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,IAAIC,UAAU,QAAQ,cAAc;AACrD,SACEC,kBAAkB,EAClBC,4BAA4B,QACvB,gBAAgB;AACvB,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,cAAmB,GAAGF,mBAAmB,CAACH,UAAU,CAAC;AAE3D,MAAMM,iBAAiB,GAAGA,CACxBC,KAA4B,EAC5BC,GAAQ,KACL;EACH,MAAM;IACJC,sBAAsB;IACtBC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAGV,kBAAkB,CAAC,UAAU,EAAEM,KAAK,CAAC;EACzC,MAAMK,8BAA8B,GAAGV,4BAA4B,CACjEO,sBAAsB,IAAI,CAAC,CAC7B,CAAC;EACD;EACA,IAAIL,qBAAqB,CAACG,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBACEV,KAAA,CAAAgB,aAAA,CAACR,cAAc,EAAAS,QAAA,KACTH,aAAa;IACjBD,qBAAqB,EACnBA,qBAAqB,IAAIE,8BAC1B;IACDJ,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC;AAED,OAAO,MAAMT,QAAQ,gBAAGD,UAAU,CAACQ,iBAAiB,CAG5C","ignoreList":[]}

package/lib/module/components/basic/FlatList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["FlatList"],"mappings":"AAAA,SAASA,QAAT,QAAyB,YAAzB","sourcesContent":["export { FlatList } from './FlatList';\r\nexport type { IFlatListProps } from './types';\r\n"]}
+{"version":3,"names":["FlatList"],"sources":["index.tsx"],"sourcesContent":["export { FlatList } from './FlatList';\r\nexport type { IFlatListProps } from './types';\r\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/lib/module/components/basic/FlatList/types.js

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

package/lib/module/components/basic/FlatList/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { StyledProps } from '../../../theme/types';\r\nimport type { FlatListProps } from 'react-native';\r\nimport type { CustomProps, PlatformProps } from '../../types';\r\nimport type { MutableRefObject } from 'react';\r\n\r\nexport interface InterfaceFlatListProps<ItemT>\r\n  extends FlatListProps<ItemT>,\r\n    StyledProps,\r\n    PlatformProps<IFlatListProps<ItemT>> {\r\n  /**\r\n   * pass props to contentContainerStyle, and this also resolved NB tokens.\r\n   */\r\n  _contentContainerStyle?: Partial<IFlatListProps<ItemT>>;\r\n  ref?: MutableRefObject<any>;\r\n}\r\n\r\nexport type IFlatListProps<ItemT> = InterfaceFlatListProps<ItemT> &\r\n  CustomProps<'FlatList'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/basic/KeyboardAvoidingView/KeyboardAvoidingView.js

@@ -1,5 +1,4 @@
-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 _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); }
 import React, { forwardRef } from 'react';
 import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native';
 import { usePropsResolution } from '../../../hooks';
@@ -7,13 +6,13 @@ import { makeStyledComponent } from '../../../utils/styled';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 const StyledKeyboardAvoidingView = makeStyledComponent(RNKeyboardAvoidingView);
 export const KeyboardAvoidingView = /*#__PURE__*/forwardRef((props, ref) => {
-  const { ...resolvedProps
-  } = usePropsResolution('KeyboardAvoidingView', props, {}); //TODO: refactor for responsive prop
-
+  const {
+    ...resolvedProps
+  } = usePropsResolution('KeyboardAvoidingView', props, {});
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(StyledKeyboardAvoidingView, _extends({}, resolvedProps, {
     ref: ref
   }));

package/lib/module/components/basic/KeyboardAvoidingView/KeyboardAvoidingView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["KeyboardAvoidingView.tsx"],"names":["React","forwardRef","KeyboardAvoidingView","RNKeyboardAvoidingView","usePropsResolution","makeStyledComponent","useHasResponsiveProps","StyledKeyboardAvoidingView","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,oBAAoB,IAAIC,sBAAjC,QAA+D,cAA/D;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,0BAA+B,GAAGF,mBAAmB,CACzDF,sBADyD,CAA3D;AAIA,OAAO,MAAMD,oBAAoB,gBAAGD,UAAU,CAC5C,CAACO,KAAD,EAAoCC,GAApC,KAAiD;AAC/C,QAAM,EAAE,GAAGC;AAAL,MAAuBN,kBAAkB,CAC7C,sBAD6C,EAE7CI,KAF6C,EAG7C,EAH6C,CAA/C,CAD+C,CAM/C;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,0BAAD,eAAgCE,aAAhC;AAA+C,IAAA,GAAG,EAAED;AAApD,KAAP;AACD,CAZ2C,CAAvC","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IKeyboardAvoidingViewProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledKeyboardAvoidingView: any = makeStyledComponent(\r\n  RNKeyboardAvoidingView\r\n);\r\n\r\nexport const KeyboardAvoidingView = forwardRef(\r\n  (props: IKeyboardAvoidingViewProps, ref: any) => {\r\n    const { ...resolvedProps } = usePropsResolution(\r\n      'KeyboardAvoidingView',\r\n      props,\r\n      {}\r\n    );\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return <StyledKeyboardAvoidingView {...resolvedProps} ref={ref} />;\r\n  }\r\n);\r\n"]}
+{"version":3,"names":["React","forwardRef","KeyboardAvoidingView","RNKeyboardAvoidingView","usePropsResolution","makeStyledComponent","useHasResponsiveProps","StyledKeyboardAvoidingView","props","ref","resolvedProps","createElement","_extends"],"sources":["KeyboardAvoidingView.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IKeyboardAvoidingViewProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledKeyboardAvoidingView: any = makeStyledComponent(\r\n  RNKeyboardAvoidingView\r\n);\r\n\r\nexport const KeyboardAvoidingView = forwardRef(\r\n  (props: IKeyboardAvoidingViewProps, ref: any) => {\r\n    const { ...resolvedProps } = usePropsResolution(\r\n      'KeyboardAvoidingView',\r\n      props,\r\n      {}\r\n    );\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return <StyledKeyboardAvoidingView {...resolvedProps} ref={ref} />;\r\n  }\r\n);\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,oBAAoB,IAAIC,sBAAsB,QAAQ,cAAc;AAC7E,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,0BAA+B,GAAGF,mBAAmB,CACzDF,sBACF,CAAC;AAED,OAAO,MAAMD,oBAAoB,gBAAGD,UAAU,CAC5C,CAACO,KAAiC,EAAEC,GAAQ,KAAK;EAC/C,MAAM;IAAE,GAAGC;EAAc,CAAC,GAAGN,kBAAkB,CAC7C,sBAAsB,EACtBI,KAAK,EACL,CAAC,CACH,CAAC;EACD;EACA,IAAIF,qBAAqB,CAACE,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBAAOR,KAAA,CAAAW,aAAA,CAACJ,0BAA0B,EAAAK,QAAA,KAAKF,aAAa;IAAED,GAAG,EAAEA;EAAI,EAAE,CAAC;AACpE,CACF,CAAC","ignoreList":[]}

package/lib/module/components/basic/KeyboardAvoidingView/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["KeyboardAvoidingView"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,wBAArC","sourcesContent":["export { KeyboardAvoidingView } from './KeyboardAvoidingView';\r\n"]}
+{"version":3,"names":["KeyboardAvoidingView"],"sources":["index.tsx"],"sourcesContent":["export { KeyboardAvoidingView } from './KeyboardAvoidingView';\r\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/components/basic/KeyboardAvoidingView/types.js

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

package/lib/module/components/basic/KeyboardAvoidingView/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { KeyboardAvoidingViewProps } from 'react-native';\r\nimport type { StyledProps } from '../../../theme/types';\r\nimport type { CustomProps, PlatformProps } from '../../types';\r\n\r\nexport interface InterfaceKeyboardAvoidingViewProps\r\n  extends KeyboardAvoidingViewProps,\r\n    StyledProps,\r\n    PlatformProps<IKeyboardAvoidingViewProps> {\r\n  /**\r\n   * Renders components as Box children. Accepts a JSX.Element or an array of JSX.Element. */\r\n  children?: JSX.Element | JSX.Element[] | string | any;\r\n}\r\n\r\nexport type IKeyboardAvoidingViewProps = InterfaceKeyboardAvoidingViewProps &\r\n  CustomProps<'KeyboardAvoidingView'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/basic/ScrollView/ScrollView.js

@@ -1,5 +1,4 @@
-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 _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); }
 import React, { forwardRef } from 'react';
 import { ScrollView as RNScrollView } from 'react-native';
 import { usePropsResolution, useStyledSystemPropsResolver } from '../../../hooks';
@@ -12,12 +11,11 @@ export const ScrollView = /*#__PURE__*/forwardRef((props, ref) => {
     contentContainerStyle,
     ...resolvedProps
   } = usePropsResolution('ScrollView', props, {});
-  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(_contentContainerStyle || {}); //TODO: refactor for responsive prop
-
+  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(_contentContainerStyle || {});
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(StyledScrollView, _extends({}, resolvedProps, {
     contentContainerStyle: contentContainerStyle || resolved_ContentContainerStyle,
     ref: ref

package/lib/module/components/basic/ScrollView/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScrollView.tsx"],"names":["React","forwardRef","ScrollView","RNScrollView","usePropsResolution","useStyledSystemPropsResolver","makeStyledComponent","useHasResponsiveProps","StyledScrollView","props","ref","_contentContainerStyle","contentContainerStyle","resolvedProps","resolved_ContentContainerStyle"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,UAAU,IAAIC,YAAvB,QAA2C,cAA3C;AACA,SACEC,kBADF,EAEEC,4BAFF,QAGO,gBAHP;AAIA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,gBAAqB,GAAGF,mBAAmB,CAACH,YAAD,CAAjD;AAEA,OAAO,MAAMD,UAAU,gBAAGD,UAAU,CAAC,CAACQ,KAAD,EAA0BC,GAA1B,KAAuC;AAC1E,QAAM;AACJC,IAAAA,sBADI;AAEJC,IAAAA,qBAFI;AAGJ,OAAGC;AAHC,MAIFT,kBAAkB,CAAC,YAAD,EAAeK,KAAf,EAAsB,EAAtB,CAJtB;AAKA,QAAMK,8BAA8B,GAAGT,4BAA4B,CACjEM,sBAAsB,IAAI,EADuC,CAAnE,CAN0E,CAS1E;;AACA,MAAIJ,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,gBAAD,eACMI,aADN;AAEE,IAAA,qBAAqB,EACnBD,qBAAqB,IAAIE,8BAH7B;AAKE,IAAA,GAAG,EAAEJ;AALP,KADF;AASD,CAtBmC,CAA7B","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { ScrollView as RNScrollView } from 'react-native';\r\nimport {\r\n  usePropsResolution,\r\n  useStyledSystemPropsResolver,\r\n} from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IScrollViewProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledScrollView: any = makeStyledComponent(RNScrollView);\r\n\r\nexport const ScrollView = forwardRef((props: IScrollViewProps, ref: any) => {\r\n  const {\r\n    _contentContainerStyle,\r\n    contentContainerStyle,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ScrollView', props, {});\r\n  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(\r\n    _contentContainerStyle || {}\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <StyledScrollView\r\n      {...resolvedProps}\r\n      contentContainerStyle={\r\n        contentContainerStyle || resolved_ContentContainerStyle\r\n      }\r\n      ref={ref}\r\n    />\r\n  );\r\n});\r\n"]}
+{"version":3,"names":["React","forwardRef","ScrollView","RNScrollView","usePropsResolution","useStyledSystemPropsResolver","makeStyledComponent","useHasResponsiveProps","StyledScrollView","props","ref","_contentContainerStyle","contentContainerStyle","resolvedProps","resolved_ContentContainerStyle","createElement","_extends"],"sources":["ScrollView.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { ScrollView as RNScrollView } from 'react-native';\r\nimport {\r\n  usePropsResolution,\r\n  useStyledSystemPropsResolver,\r\n} from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IScrollViewProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledScrollView: any = makeStyledComponent(RNScrollView);\r\n\r\nexport const ScrollView = forwardRef((props: IScrollViewProps, ref: any) => {\r\n  const {\r\n    _contentContainerStyle,\r\n    contentContainerStyle,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ScrollView', props, {});\r\n  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(\r\n    _contentContainerStyle || {}\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <StyledScrollView\r\n      {...resolvedProps}\r\n      contentContainerStyle={\r\n        contentContainerStyle || resolved_ContentContainerStyle\r\n      }\r\n      ref={ref}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,UAAU,IAAIC,YAAY,QAAQ,cAAc;AACzD,SACEC,kBAAkB,EAClBC,4BAA4B,QACvB,gBAAgB;AACvB,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,gBAAqB,GAAGF,mBAAmB,CAACH,YAAY,CAAC;AAE/D,OAAO,MAAMD,UAAU,gBAAGD,UAAU,CAAC,CAACQ,KAAuB,EAAEC,GAAQ,KAAK;EAC1E,MAAM;IACJC,sBAAsB;IACtBC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAGT,kBAAkB,CAAC,YAAY,EAAEK,KAAK,EAAE,CAAC,CAAC,CAAC;EAC/C,MAAMK,8BAA8B,GAAGT,4BAA4B,CACjEM,sBAAsB,IAAI,CAAC,CAC7B,CAAC;EACD;EACA,IAAIJ,qBAAqB,CAACE,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBACET,KAAA,CAAAe,aAAA,CAACP,gBAAgB,EAAAQ,QAAA,KACXH,aAAa;IACjBD,qBAAqB,EACnBA,qBAAqB,IAAIE,8BAC1B;IACDJ,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/basic/ScrollView/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["ScrollView"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B","sourcesContent":["export { ScrollView } from './ScrollView';\r\nexport type { IScrollViewProps } from './types';\r\n"]}
+{"version":3,"names":["ScrollView"],"sources":["index.tsx"],"sourcesContent":["export { ScrollView } from './ScrollView';\r\nexport type { IScrollViewProps } from './types';\r\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc","ignoreList":[]}

package/lib/module/components/basic/ScrollView/types.js

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

package/lib/module/components/basic/ScrollView/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ScrollViewProps } from 'react-native';\r\nimport type { StyledProps } from '../../../theme/types';\r\nimport type { CustomProps, PlatformProps } from '../../types';\r\n\r\nexport interface InterfaceScrollViewProps\r\n  extends ScrollViewProps,\r\n    StyledProps,\r\n    PlatformProps<IScrollViewProps> {\r\n  /**\r\n   * Renders components as Box children. Accepts a JSX.Element or an array of JSX.Element. */\r\n  children?: JSX.Element | JSX.Element[] | string | any;\r\n  /**\r\n   * Pass props to contentContainerStyle, and this also resolves NB tokens.\r\n   */\r\n  _contentContainerStyle?: Partial<IScrollViewProps>;\r\n}\r\n\r\nexport type IScrollViewProps = InterfaceScrollViewProps &\r\n  CustomProps<'ScrollView'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/basic/SectionList/SectionList.js

@@ -1,24 +1,21 @@
-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 _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); }
 import React, { forwardRef } from 'react';
 import { SectionList as RNSectionList } from 'react-native';
 import { usePropsResolution } from '../../../hooks';
 import { makeStyledComponent } from '../../../utils/styled';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 const StyledSectionList = makeStyledComponent(RNSectionList);
-
 const SectionListComponent = (props, ref) => {
-  const { ...resolvedProps
-  } = usePropsResolution('SectionList', props); //TODO: refactor for responsive prop
-
+  const {
+    ...resolvedProps
+  } = usePropsResolution('SectionList', props);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(StyledSectionList, _extends({}, resolvedProps, {
     ref: ref
   }));
 };
-
 export const SectionList = /*#__PURE__*/forwardRef(SectionListComponent);
 //# sourceMappingURL=SectionList.js.map

package/lib/module/components/basic/SectionList/SectionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SectionList.tsx"],"names":["React","forwardRef","SectionList","RNSectionList","usePropsResolution","makeStyledComponent","useHasResponsiveProps","StyledSectionList","SectionListComponent","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,WAAW,IAAIC,aAAxB,QAA6C,cAA7C;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,iBAAsB,GAAGF,mBAAmB,CAACF,aAAD,CAAlD;;AAEA,MAAMK,oBAAoB,GAAG,CAC3BC,KAD2B,EAE3BC,GAF2B,KAGxB;AACH,QAAM,EAAE,GAAGC;AAAL,MAAuBP,kBAAkB,CAAC,aAAD,EAAgBK,KAAhB,CAA/C,CADG,CAEH;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBAAO,oBAAC,iBAAD,eAAuBE,aAAvB;AAAsC,IAAA,GAAG,EAAED;AAA3C,KAAP;AACD,CAXD;;AAaA,OAAO,MAAMR,WAAW,gBAAGD,UAAU,CAACO,oBAAD,CAA9B","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { SectionList as RNSectionList } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { ISectionListProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledSectionList: any = makeStyledComponent(RNSectionList);\r\n\r\nconst SectionListComponent = <ItemT extends any, sectionT extends any>(\r\n  props: ISectionListProps<ItemT, sectionT>,\r\n  ref: any\r\n) => {\r\n  const { ...resolvedProps } = usePropsResolution('SectionList', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return <StyledSectionList {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport const SectionList = forwardRef(SectionListComponent) as <\r\n  ItemT,\r\n  sectionT\r\n>(\r\n  props: ISectionListProps<ItemT, sectionT>,\r\n  ref: any\r\n) => any;\r\n"]}
+{"version":3,"names":["React","forwardRef","SectionList","RNSectionList","usePropsResolution","makeStyledComponent","useHasResponsiveProps","StyledSectionList","SectionListComponent","props","ref","resolvedProps","createElement","_extends"],"sources":["SectionList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { SectionList as RNSectionList } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { ISectionListProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledSectionList: any = makeStyledComponent(RNSectionList);\r\n\r\nconst SectionListComponent = <ItemT extends any, sectionT extends any>(\r\n  props: ISectionListProps<ItemT, sectionT>,\r\n  ref: any\r\n) => {\r\n  const { ...resolvedProps } = usePropsResolution('SectionList', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return <StyledSectionList {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport const SectionList = forwardRef(SectionListComponent) as <\r\n  ItemT,\r\n  sectionT\r\n>(\r\n  props: ISectionListProps<ItemT, sectionT>,\r\n  ref: any\r\n) => any;\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,WAAW,IAAIC,aAAa,QAAQ,cAAc;AAC3D,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,iBAAsB,GAAGF,mBAAmB,CAACF,aAAa,CAAC;AAEjE,MAAMK,oBAAoB,GAAGA,CAC3BC,KAAyC,EACzCC,GAAQ,KACL;EACH,MAAM;IAAE,GAAGC;EAAc,CAAC,GAAGP,kBAAkB,CAAC,aAAa,EAAEK,KAAK,CAAC;EACrE;EACA,IAAIH,qBAAqB,CAACG,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAY,aAAA,CAACL,iBAAiB,EAAAM,QAAA,KAAKF,aAAa;IAAED,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC3D,CAAC;AAED,OAAO,MAAMR,WAAW,gBAAGD,UAAU,CAACO,oBAAoB,CAMlD","ignoreList":[]}

package/lib/module/components/basic/SectionList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["SectionList"],"mappings":"AAAA,SAASA,WAAT,QAA4B,eAA5B","sourcesContent":["export { SectionList } from './SectionList';\r\n"]}
+{"version":3,"names":["SectionList"],"sources":["index.tsx"],"sourcesContent":["export { SectionList } from './SectionList';\r\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/lib/module/components/basic/SectionList/types.js

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

package/lib/module/components/basic/SectionList/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { StyledProps } from '../../../theme/types';\r\nimport type { SectionListProps } from 'react-native';\r\nimport type { CustomProps, PlatformProps } from '../../types';\r\nimport type { MutableRefObject } from 'react';\r\ntype DefaultSectionT = {\r\n  [key: string]: any;\r\n};\r\n// TODO: any need to fixed\r\nexport interface InterfaceSectionListProps<ItemT, sectionT = DefaultSectionT>\r\n  extends SectionListProps<ItemT, sectionT>,\r\n    StyledProps,\r\n    PlatformProps<ISectionListProps<ItemT, sectionT>> {\r\n  ref?: MutableRefObject<any>;\r\n}\r\n\r\nexport type ISectionListProps<\r\n  ItemT,\r\n  sectionT = DefaultSectionT\r\n> = InterfaceSectionListProps<ItemT, sectionT> & CustomProps<'SectionList'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/basic/StatusBar/StatusBar.js

@@ -1,15 +1,13 @@
-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 _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); }
 import React, { forwardRef } from 'react';
-import { StatusBar as RNStatusBar } from 'react-native'; // import type { IStatusBarProps } from './types';
-
+import { StatusBar as RNStatusBar } from 'react-native';
+// import type { IStatusBarProps } from './types';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 export const StatusBar = /*#__PURE__*/forwardRef((props, ref) => {
   //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(RNStatusBar, _extends({}, props, {
     ref: ref
   }));

package/lib/module/components/basic/StatusBar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StatusBar.tsx"],"names":["React","forwardRef","StatusBar","RNStatusBar","useHasResponsiveProps","props","ref"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,SAAS,IAAIC,WAAtB,QAAyD,cAAzD,C,CACA;;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,OAAO,MAAMF,SAAS,gBAAGD,UAAU,CAAC,CAACI,KAAD,EAAwBC,GAAxB,KAAqC;AACvE;AACA,MAAIF,qBAAqB,CAACC,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,WAAD,eAAiBA,KAAjB;AAAwB,IAAA,GAAG,EAAEC;AAA7B,KAAP;AACD,CANkC,CAA5B","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { StatusBar as RNStatusBar, StatusBarProps } from 'react-native';\r\n// import type { IStatusBarProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const StatusBar = forwardRef((props: StatusBarProps, ref: any) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <RNStatusBar {...props} ref={ref} />;\r\n});\r\n"]}
+{"version":3,"names":["React","forwardRef","StatusBar","RNStatusBar","useHasResponsiveProps","props","ref","createElement","_extends"],"sources":["StatusBar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { StatusBar as RNStatusBar, StatusBarProps } from 'react-native';\r\n// import type { IStatusBarProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const StatusBar = forwardRef((props: StatusBarProps, ref: any) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <RNStatusBar {...props} ref={ref} />;\r\n});\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,IAAIC,WAAW,QAAwB,cAAc;AACvE;AACA,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,OAAO,MAAMF,SAAS,gBAAGD,UAAU,CAAC,CAACI,KAAqB,EAAEC,GAAQ,KAAK;EACvE;EACA,IAAIF,qBAAqB,CAACC,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBAAOL,KAAA,CAAAO,aAAA,CAACJ,WAAW,EAAAK,QAAA,KAAKH,KAAK;IAAEC,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC7C,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/basic/StatusBar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["StatusBar"],"mappings":"AAAA,SAASA,SAAT,QAA0B,aAA1B","sourcesContent":["export { StatusBar } from './StatusBar';\r\n"]}
+{"version":3,"names":["StatusBar"],"sources":["index.tsx"],"sourcesContent":["export { StatusBar } from './StatusBar';\r\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa","ignoreList":[]}

package/lib/module/components/basic/StatusBar/types.js

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