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

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

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyleElement = exports.useResponsiveQuery = 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 }; }
+
+// import { atomic } from 'react-native-web/dist/exports/StyleSheet/compiler';
+// @ts-ignore
+
+/******************** Implementation after RNW v0.18 ***********************/
+
+/**
+ * 1. preprocess:- Handles shadow/text shadow conversion from RN styles to web *                 styles
+ *
+ * 2. atomic:- it handles prefixing, converting RN specific styles to web styles *             and generating the CSS selector.
+ *             Input {marginTop: 10}
+ *             Output
+ *             compiledStyle : marginTop: "r-marginTop-156q2ks"
+ *             compiledOrderedRules : ".r-marginTop-156q2ks{margin-top:10px;}"
+ *      a)compiledStyle:- Array it holds identifier/selector with properties
+ *      b)compiledOrderedRules:- Array it holds the css rule with selector name
+ *      Also from RNW v0.18 handles swapping of ltr styles if enabled by user
+ * 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.
+ *
+ * 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.
+ *
+ */
+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; // Only attaches listener if disableCSSMediaQueries is true
+
+  const windowWidth = (0, _common.useDimensionsWithEnable)({
+    enable: disableCSSMediaQueries
+  }).width;
+  const values = (0, _useStableMemo.useStableMemo)(() => {
+    // Use the non-media query responsive styling
+    if (disableCSSMediaQueries) {
+      const getResponsiveStyles = (0, _common.getResponsiveStylesImpl)(windowWidth);
+
+      if (queries) {
+        const {
+          styles
+        } = getResponsiveStyles(queries);
+        return {
+          styles,
+          getResponsiveStyles
+        };
+      } else {
+        return {
+          getResponsiveStyles
+        };
+      }
+    } else {
+      if (queries) {
+        const {
+          styles,
+          dataSet
+        } = getResponsiveStyles(queries);
+        return {
+          dataSet,
+          styles,
+          getResponsiveStyles
+        };
+      } else {
+        return {
+          getResponsiveStyles
+        };
+      }
+    }
+  }, [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);
+  } else if (typeof queryRule.minWidth === 'number') {
+    return "min-width-".concat(queryRule.minWidth);
+  } else if (typeof queryRule.maxWidth === 'number') {
+    return "max-width-".concat(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, " }");
+  } else if (typeof query.minWidth === 'number') {
+    return "@media only screen and (min-width: ".concat(query.minWidth, "px) { ").concat(newRule, " }");
+  } else if (typeof query.maxWidth === 'number') {
+    return "@media only screen and (max-width: ".concat(query.maxWidth, "px) { ").concat(newRule, " }");
+  }
+
+  return undefined;
+};
+
+let styleSheet;
+
+const insert = rule => {
+  if (rule === '') {
+    return;
+  }
+
+  if (typeof window !== 'undefined') {
+    if (!styleSheet) {
+      const styleEl = document.createElement('style');
+      styleEl.type = 'text/css';
+      styleEl.appendChild(document.createTextNode(''));
+      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);
+  const styles = queries.initial ? [_reactNative.StyleSheet.create({
+    initial: _reactNative.StyleSheet.flatten(queries.initial)
+  }).initial] : undefined;
+  let dataSet = {};
+  /**
+   * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
+   */
+
+  if (queries.query) {
+    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, "\"]");
+        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
+
+        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 = '';
+
+            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);
+
+          if (!textContentMap[queryKey]) {
+            insert(queryKey);
+            textContentMap[queryKey] = true;
+          }
+        }
+      }
+    });
+  }
+
+  return {
+    styles,
+    dataSet
+  };
+};
+/**
+ * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
+ */
+
+
+const getStyleElement = () => {
+  return /*#__PURE__*/_react.default.createElement("style", {
+    type: "text/css",
+    dangerouslySetInnerHTML: {
+      __html: Object.keys(textContentMap).join('')
+    }
+  });
+};
+
+exports.getStyleElement = getStyleElement;
+//# sourceMappingURL=useResponsiveQuery.web.js.map

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+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 }; }
+
+//@ts-ignore
+function useStableMemo(factory, deps) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return (0, _react.useMemo)(factory, [(0, _stableHash.default)(deps)]);
+}
+//# sourceMappingURL=useStableMemo.js.map

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

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

package/lib/commonjs/utils/wrapStringChild.js

@@ -0,0 +1,23 @@
+"use strict";
+
+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 }; }
+
+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

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

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

@@ -0,0 +1,29 @@
+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); }
+
+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
+
+  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

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

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

@@ -0,0 +1,2 @@
+export { FlatList } from './FlatList';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -0,0 +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); }
+
+import React, { forwardRef } from 'react';
+import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native';
+import { usePropsResolution } from '../../../hooks';
+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
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(StyledKeyboardAvoidingView, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+});
+//# sourceMappingURL=KeyboardAvoidingView.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { KeyboardAvoidingView } from './KeyboardAvoidingView';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -0,0 +1,26 @@
+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); }
+
+import React, { forwardRef } from 'react';
+import { ScrollView as RNScrollView } from 'react-native';
+import { usePropsResolution, useStyledSystemPropsResolver } from '../../../hooks';
+import { makeStyledComponent } from '../../../utils/styled';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const StyledScrollView = makeStyledComponent(RNScrollView);
+export const ScrollView = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    _contentContainerStyle,
+    contentContainerStyle,
+    ...resolvedProps
+  } = usePropsResolution('ScrollView', props, {});
+  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
+  }));
+});
+//# sourceMappingURL=ScrollView.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { ScrollView } from './ScrollView';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -0,0 +1,24 @@
+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); }
+
+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
+
+  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

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

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

@@ -0,0 +1,2 @@
+export { SectionList } from './SectionList';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -0,0 +1,17 @@
+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); }
+
+import React, { forwardRef } from 'react';
+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
+  }));
+});
+//# sourceMappingURL=StatusBar.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { StatusBar } from './StatusBar';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["View.tsx"],"names":["React","forwardRef","View","RNView","usePropsResolution","makeStyledComponent","useHasResponsiveProps","StyledView","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,IAAI,IAAIC,MAAjB,QAA+B,cAA/B;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,MAAMC,UAAe,GAAGF,mBAAmB,CAACF,MAAD,CAA3C;AAEA,OAAO,MAAMD,IAAI,gBAAGD,UAAU,CAAC,CAACO,KAAD,EAAoBC,GAApB,KAAiC;AAC9D,QAAM,EAAE,GAAGC;AAAL,MAAuBN,kBAAkB,CAAC,MAAD,EAASI,KAAT,CAA/C,CAD8D,CAE9D;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,UAAD,eAAgBE,aAAhB;AAA+B,IAAA,GAAG,EAAED;AAApC,KAAP;AACD,CAP6B,CAAvB","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { View as RNView } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport type { IViewProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledView: any = makeStyledComponent(RNView);\r\n\r\nexport const View = forwardRef((props: IViewProps, ref: any) => {\r\n  const { ...resolvedProps } = usePropsResolution('View', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <StyledView {...resolvedProps} ref={ref} />;\r\n});\r\n"]}

package/lib/module/components/basic/View/index.js

@@ -0,0 +1,2 @@
+export { View } from './View';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["View"],"mappings":"AAAA,SAASA,IAAT,QAAqB,QAArB","sourcesContent":["export { View } from './View';\r\n"]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -0,0 +1,7 @@
+export { ScrollView } from './ScrollView';
+export { View } from './View';
+export { StatusBar } from './StatusBar';
+export { FlatList } from './FlatList';
+export { SectionList } from './SectionList';
+export { KeyboardAvoidingView } from './KeyboardAvoidingView';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["ScrollView","View","StatusBar","FlatList","SectionList","KeyboardAvoidingView"],"mappings":"AAAA,SAASA,UAAT,QAA2B,cAA3B;AAEA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,oBAAT,QAAqC,wBAArC","sourcesContent":["export { ScrollView } from './ScrollView';\r\nexport type { IScrollViewProps } from './ScrollView';\r\nexport { View } from './View';\r\nexport { StatusBar } from './StatusBar';\r\nexport { FlatList } from './FlatList';\r\nexport { SectionList } from './SectionList';\r\nexport { KeyboardAvoidingView } from './KeyboardAvoidingView';\r\n"]}