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

package/lib/commonjs/utils/test-utils.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = void 0;
+
+var _NativeBaseProvider = require("../core/NativeBaseProvider");
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const Wrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(_NativeBaseProvider.NativeBaseProvider, {
+    initialWindowMetrics: {
+      frame: {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      },
+      insets: {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    }
+  }, children);
+};
+
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=test-utils.js.map

package/lib/commonjs/utils/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["test-utils.tsx"],"names":["Wrapper","children","frame","x","y","width","height","insets","top","left","right","bottom"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEO,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAuB;AAC5C,sBACE,oBAAC,sCAAD;AACE,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,CAAC,EAAE,CAAL;AAAQC,QAAAA,CAAC,EAAE,CAAX;AAAcC,QAAAA,KAAK,EAAE,CAArB;AAAwBC,QAAAA,MAAM,EAAE;AAAhC,OADa;AAEpBC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,GAAG,EAAE,CAAP;AAAUC,QAAAA,IAAI,EAAE,CAAhB;AAAmBC,QAAAA,KAAK,EAAE,CAA1B;AAA6BC,QAAAA,MAAM,EAAE;AAArC;AAFY;AADxB,KAMGV,QANH,CADF;AAUD,CAXM","sourcesContent":["import { NativeBaseProvider } from '../core/NativeBaseProvider';\r\nimport * as React from 'react';\r\n\r\nexport const Wrapper = ({ children }: any) => {\r\n  return (\r\n    <NativeBaseProvider\r\n      initialWindowMetrics={{\r\n        frame: { x: 0, y: 0, width: 0, height: 0 },\r\n        insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n      }}\r\n    >\r\n      {children}\r\n    </NativeBaseProvider>\r\n  );\r\n};\r\n"]}

package/lib/commonjs/utils/tests/filterShadow.test.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _filterShadowProps = require("./../../utils/filterShadowProps");
+
+describe('filterShadowProps', () => {
+  test('empty', () => {
+    expect((0, _filterShadowProps.filterShadowProps)({}, {}, 'web')).toEqual({
+      style: {}
+    });
+  });
+  test('basic', () => {
+    expect((0, _filterShadowProps.filterShadowProps)({
+      top: 10,
+      shadowColor: '#FFF',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.18,
+      shadowRadius: 1.0
+    }, {}, 'web')).toEqual({
+      top: 10,
+      style: {
+        shadowColor: '#FFF',
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowOpacity: 0.18,
+        shadowRadius: 1.0
+      }
+    });
+  });
+});
+//# sourceMappingURL=filterShadow.test.js.map

package/lib/commonjs/utils/tests/filterShadow.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["filterShadow.test.tsx"],"names":["describe","test","expect","toEqual","style","top","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius"],"mappings":";;AAAA;;AACAA,QAAQ,CAAC,mBAAD,EAAsB,MAAM;AAClCC,EAAAA,IAAI,CAAC,OAAD,EAAU,MAAM;AAClBC,IAAAA,MAAM,CAAC,0CAAkB,EAAlB,EAAsB,EAAtB,EAA0B,KAA1B,CAAD,CAAN,CAAyCC,OAAzC,CAAiD;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAjD;AACD,GAFG,CAAJ;AAGAH,EAAAA,IAAI,CAAC,OAAD,EAAU,MAAM;AAClBC,IAAAA,MAAM,CACJ,0CACE;AACEG,MAAAA,GAAG,EAAE,EADP;AAEEC,MAAAA,WAAW,EAAE,MAFf;AAGEC,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,CADK;AAEZC,QAAAA,MAAM,EAAE;AAFI,OAHhB;AAOEC,MAAAA,aAAa,EAAE,IAPjB;AAQEC,MAAAA,YAAY,EAAE;AARhB,KADF,EAWE,EAXF,EAYE,KAZF,CADI,CAAN,CAeER,OAfF,CAeU;AACRE,MAAAA,GAAG,EAAE,EADG;AAERD,MAAAA,KAAK,EAAE;AACLE,QAAAA,WAAW,EAAE,MADR;AAELC,QAAAA,YAAY,EAAE;AACZC,UAAAA,KAAK,EAAE,CADK;AAEZC,UAAAA,MAAM,EAAE;AAFI,SAFT;AAMLC,QAAAA,aAAa,EAAE,IANV;AAOLC,QAAAA,YAAY,EAAE;AAPT;AAFC,KAfV;AA2BD,GA5BG,CAAJ;AA6BD,CAjCO,CAAR","sourcesContent":["import { filterShadowProps } from './../../utils/filterShadowProps';\r\ndescribe('filterShadowProps', () => {\r\n  test('empty', () => {\r\n    expect(filterShadowProps({}, {}, 'web')).toEqual({ style: {} });\r\n  });\r\n  test('basic', () => {\r\n    expect(\r\n      filterShadowProps(\r\n        {\r\n          top: 10,\r\n          shadowColor: '#FFF',\r\n          shadowOffset: {\r\n            width: 0,\r\n            height: 1,\r\n          },\r\n          shadowOpacity: 0.18,\r\n          shadowRadius: 1.0,\r\n        },\r\n        {},\r\n        'web'\r\n      )\r\n    ).toEqual({\r\n      top: 10,\r\n      style: {\r\n        shadowColor: '#FFF',\r\n        shadowOffset: {\r\n          width: 0,\r\n          height: 1,\r\n        },\r\n        shadowOpacity: 0.18,\r\n        shadowRadius: 1.0,\r\n      },\r\n    });\r\n  });\r\n});\r\n"]}

package/lib/commonjs/utils/useKeyboardBottomInset.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyboardBottomInset = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useKeyboardBottomInset = () => {
+  const [bottom, setBottom] = React.useState(0);
+  const subscriptions = React.useRef([]);
+  React.useEffect(() => {
+    function onKeyboardChange(e) {
+      if (e.startCoordinates && e.endCoordinates.screenY <= e.startCoordinates.screenY) setBottom(e.endCoordinates.height / 2);else setBottom(0);
+    }
+
+    if (_reactNative.Platform.OS === 'ios') {
+      subscriptions.current = [_reactNative.Keyboard.addListener('keyboardWillChangeFrame', onKeyboardChange)];
+    } else {
+      subscriptions.current = [_reactNative.Keyboard.addListener('keyboardDidHide', onKeyboardChange), _reactNative.Keyboard.addListener('keyboardDidShow', onKeyboardChange)];
+    }
+
+    return () => {
+      subscriptions.current.forEach(subscription => {
+        subscription.remove();
+      });
+    };
+  }, [setBottom, subscriptions]);
+  return bottom;
+};
+
+exports.useKeyboardBottomInset = useKeyboardBottomInset;
+//# sourceMappingURL=useKeyboardBottomInset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useKeyboardBottomInset.ts"],"names":["useKeyboardBottomInset","bottom","setBottom","React","useState","subscriptions","useRef","useEffect","onKeyboardChange","e","startCoordinates","endCoordinates","screenY","height","Platform","OS","current","Keyboard","addListener","forEach","subscription","remove"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEO,MAAMA,sBAAsB,GAAG,MAAM;AAC1C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,KAAK,CAACC,QAAN,CAAe,CAAf,CAA5B;AACA,QAAMC,aAAa,GAAGF,KAAK,CAACG,MAAN,CAAoB,EAApB,CAAtB;AAEAH,EAAAA,KAAK,CAACI,SAAN,CAAgB,MAAM;AACpB,aAASC,gBAAT,CAA0BC,CAA1B,EAA4C;AAC1C,UACEA,CAAC,CAACC,gBAAF,IACAD,CAAC,CAACE,cAAF,CAAiBC,OAAjB,IAA4BH,CAAC,CAACC,gBAAF,CAAmBE,OAFjD,EAIEV,SAAS,CAACO,CAAC,CAACE,cAAF,CAAiBE,MAAjB,GAA0B,CAA3B,CAAT,CAJF,KAKKX,SAAS,CAAC,CAAD,CAAT;AACN;;AAED,QAAIY,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzBV,MAAAA,aAAa,CAACW,OAAd,GAAwB,CACtBC,sBAASC,WAAT,CAAqB,yBAArB,EAAgDV,gBAAhD,CADsB,CAAxB;AAGD,KAJD,MAIO;AACLH,MAAAA,aAAa,CAACW,OAAd,GAAwB,CACtBC,sBAASC,WAAT,CAAqB,iBAArB,EAAwCV,gBAAxC,CADsB,EAEtBS,sBAASC,WAAT,CAAqB,iBAArB,EAAwCV,gBAAxC,CAFsB,CAAxB;AAID;;AACD,WAAO,MAAM;AACXH,MAAAA,aAAa,CAACW,OAAd,CAAsBG,OAAtB,CAA+BC,YAAD,IAAkB;AAC9CA,QAAAA,YAAY,CAACC,MAAb;AACD,OAFD;AAGD,KAJD;AAKD,GAzBD,EAyBG,CAACnB,SAAD,EAAYG,aAAZ,CAzBH;AA2BA,SAAOJ,MAAP;AACD,CAhCM","sourcesContent":["import * as React from 'react';\r\nimport { Keyboard, Platform, KeyboardEvent } from 'react-native';\r\n\r\nexport const useKeyboardBottomInset = () => {\r\n  const [bottom, setBottom] = React.useState(0);\r\n  const subscriptions = React.useRef<any[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    function onKeyboardChange(e: KeyboardEvent) {\r\n      if (\r\n        e.startCoordinates &&\r\n        e.endCoordinates.screenY <= e.startCoordinates.screenY\r\n      )\r\n        setBottom(e.endCoordinates.height / 2);\r\n      else setBottom(0);\r\n    }\r\n\r\n    if (Platform.OS === 'ios') {\r\n      subscriptions.current = [\r\n        Keyboard.addListener('keyboardWillChangeFrame', onKeyboardChange),\r\n      ];\r\n    } else {\r\n      subscriptions.current = [\r\n        Keyboard.addListener('keyboardDidHide', onKeyboardChange),\r\n        Keyboard.addListener('keyboardDidShow', onKeyboardChange),\r\n      ];\r\n    }\r\n    return () => {\r\n      subscriptions.current.forEach((subscription) => {\r\n        subscription.remove();\r\n      });\r\n    };\r\n  }, [setBottom, subscriptions]);\r\n\r\n  return bottom;\r\n};\r\n"]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResponsiveQueryProvider = exports.ResponsiveQueryContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ResponsiveQueryContext = /*#__PURE__*/_react.default.createContext({
+  disableCSSMediaQueries: false
+});
+
+exports.ResponsiveQueryContext = ResponsiveQueryContext;
+
+const ResponsiveQueryProvider = props => {
+  const value = _react.default.useMemo(() => ({
+    disableCSSMediaQueries: props.disableCSSMediaQueries
+  }), [props.disableCSSMediaQueries]);
+
+  return /*#__PURE__*/_react.default.createElement(ResponsiveQueryContext.Provider, {
+    value: value
+  }, props.children);
+};
+
+exports.ResponsiveQueryProvider = ResponsiveQueryProvider;
+//# sourceMappingURL=ResponsiveQueryProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponsiveQueryProvider.tsx"],"names":["ResponsiveQueryContext","React","createContext","disableCSSMediaQueries","ResponsiveQueryProvider","props","value","useMemo","children"],"mappings":";;;;;;;AAAA;;;;AAMO,MAAMA,sBAAsB,gBAAGC,eAAMC,aAAN,CACpC;AACEC,EAAAA,sBAAsB,EAAE;AAD1B,CADoC,CAA/B;;;;AAMA,MAAMC,uBAAuB,GAClCC,KADqC,IAElC;AACH,QAAMC,KAAK,GAAGL,eAAMM,OAAN,CACZ,OAAO;AACLJ,IAAAA,sBAAsB,EAAEE,KAAK,CAACF;AADzB,GAAP,CADY,EAIZ,CAACE,KAAK,CAACF,sBAAP,CAJY,CAAd;;AAOA,sBACE,6BAAC,sBAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAEG;AAAxC,KACGD,KAAK,CAACG,QADT,CADF;AAKD,CAfM","sourcesContent":["import React from 'react';\r\n\r\ntype ResponsiveQueryContextType = {\r\n  disableCSSMediaQueries?: boolean;\r\n};\r\n\r\nexport const ResponsiveQueryContext = React.createContext<ResponsiveQueryContextType>(\r\n  {\r\n    disableCSSMediaQueries: false,\r\n  }\r\n);\r\n\r\nexport const ResponsiveQueryProvider = (\r\n  props: ResponsiveQueryContextType & { children: React.ReactNode }\r\n) => {\r\n  const value = React.useMemo(\r\n    () => ({\r\n      disableCSSMediaQueries: props.disableCSSMediaQueries,\r\n    }),\r\n    [props.disableCSSMediaQueries]\r\n  );\r\n\r\n  return (\r\n    <ResponsiveQueryContext.Provider value={value}>\r\n      {props.children}\r\n    </ResponsiveQueryContext.Provider>\r\n  );\r\n};\r\n"]}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDimensionsWithEnable = exports.getResponsiveStylesImpl = void 0;
+
+var _reactNative = require("react-native");
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const getResponsiveStylesImpl = width => queries => {
+  if (typeof width === 'number') {
+    let styles = queries.initial ? [_reactNative.StyleSheet.create({
+      initial: _reactNative.StyleSheet.flatten(queries.initial)
+    }).initial] : [];
+
+    if (queries.query) {
+      queries.query.forEach(queryRule => {
+        if (queryRule.style) {
+          const flattenQueryStyle = _reactNative.StyleSheet.flatten(queryRule.style);
+
+          if (typeof queryRule.maxWidth === 'number' && typeof queryRule.minWidth === 'number') {
+            if (width >= queryRule.minWidth && width <= queryRule.maxWidth) {
+              styles.push(_reactNative.StyleSheet.create({
+                rangeStyle: flattenQueryStyle
+              }).rangeStyle);
+            }
+          } else if (typeof queryRule.minWidth === 'number') {
+            if (width >= queryRule.minWidth) {
+              styles.push(_reactNative.StyleSheet.create({
+                minWidthStyle: flattenQueryStyle
+              }).minWidthStyle);
+            }
+          } else if (typeof queryRule.maxWidth === 'number') {
+            if (width <= queryRule.maxWidth) {
+              styles.push(_reactNative.StyleSheet.create({
+                maxWidthStyle: flattenQueryStyle
+              }).maxWidthStyle);
+            }
+          }
+        }
+      });
+      return {
+        styles
+      };
+    }
+  }
+
+  return {};
+}; // The below implementation is taken from React Native's source and added a flag to conditionally attach/remove listeners
+
+
+exports.getResponsiveStylesImpl = getResponsiveStylesImpl;
+
+const useDimensionsWithEnable = ({
+  enable
+}) => {
+  const [dimensions, setDimensions] = _react.default.useState(() => _reactNative.Dimensions.get('window'));
+
+  _react.default.useEffect(() => {
+    if (enable) {
+      function handleChange({
+        window
+      }) {
+        if (dimensions.width !== window.width || dimensions.height !== window.height || dimensions.scale !== window.scale || dimensions.fontScale !== window.fontScale) {
+          setDimensions(window);
+        }
+      }
+
+      _reactNative.Dimensions.addEventListener('change', handleChange); // We might have missed an update between calling `get` in render and
+      // `addEventListener` in this handler, so we set it here. If there was
+      // no change, React will filter out this update as a no-op.
+
+
+      handleChange({
+        window: _reactNative.Dimensions.get('window')
+      });
+      return () => {
+        _reactNative.Dimensions.removeEventListener('change', handleChange);
+      };
+    }
+
+    return () => {};
+  }, [dimensions, enable]);
+
+  return dimensions;
+};
+
+exports.useDimensionsWithEnable = useDimensionsWithEnable;
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["common.ts"],"names":["getResponsiveStylesImpl","width","queries","styles","initial","StyleSheet","create","flatten","query","forEach","queryRule","style","flattenQueryStyle","maxWidth","minWidth","push","rangeStyle","minWidthStyle","maxWidthStyle","useDimensionsWithEnable","enable","dimensions","setDimensions","React","useState","Dimensions","get","useEffect","handleChange","window","height","scale","fontScale","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["import type {\r\n  GetResponsiveStylesParams,\r\n  GetResponsiveStylesReturnType,\r\n} from './types';\r\nimport { Dimensions, ScaledSize, StyleSheet } from 'react-native';\r\nimport React from 'react';\r\n\r\nexport const getResponsiveStylesImpl = (width: number) => (\r\n  queries: GetResponsiveStylesParams\r\n): GetResponsiveStylesReturnType => {\r\n  if (typeof width === 'number') {\r\n    let styles = queries.initial\r\n      ? [\r\n          StyleSheet.create({ initial: StyleSheet.flatten(queries.initial) })\r\n            .initial,\r\n        ]\r\n      : [];\r\n\r\n    if (queries.query) {\r\n      queries.query.forEach((queryRule) => {\r\n        if (queryRule.style) {\r\n          const flattenQueryStyle = StyleSheet.flatten(queryRule.style);\r\n\r\n          if (\r\n            typeof queryRule.maxWidth === 'number' &&\r\n            typeof queryRule.minWidth === 'number'\r\n          ) {\r\n            if (width >= queryRule.minWidth && width <= queryRule.maxWidth) {\r\n              styles.push(\r\n                StyleSheet.create({ rangeStyle: flattenQueryStyle }).rangeStyle\r\n              );\r\n            }\r\n          } else if (typeof queryRule.minWidth === 'number') {\r\n            if (width >= queryRule.minWidth) {\r\n              styles.push(\r\n                StyleSheet.create({ minWidthStyle: flattenQueryStyle })\r\n                  .minWidthStyle\r\n              );\r\n            }\r\n          } else if (typeof queryRule.maxWidth === 'number') {\r\n            if (width <= queryRule.maxWidth) {\r\n              styles.push(\r\n                StyleSheet.create({ maxWidthStyle: flattenQueryStyle })\r\n                  .maxWidthStyle\r\n              );\r\n            }\r\n          }\r\n        }\r\n      });\r\n      return { styles };\r\n    }\r\n  }\r\n\r\n  return {};\r\n};\r\n\r\n// The below implementation is taken from React Native's source and added a flag to conditionally attach/remove listeners\r\nexport const useDimensionsWithEnable = ({ enable }: { enable?: boolean }) => {\r\n  const [dimensions, setDimensions] = React.useState(() =>\r\n    Dimensions.get('window')\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    if (enable) {\r\n      function handleChange({ window }: { window: ScaledSize }) {\r\n        if (\r\n          dimensions.width !== window.width ||\r\n          dimensions.height !== window.height ||\r\n          dimensions.scale !== window.scale ||\r\n          dimensions.fontScale !== window.fontScale\r\n        ) {\r\n          setDimensions(window);\r\n        }\r\n      }\r\n      Dimensions.addEventListener('change', handleChange);\r\n      // We might have missed an update between calling `get` in render and\r\n      // `addEventListener` in this handler, so we set it here. If there was\r\n      // no change, React will filter out this update as a no-op.\r\n      handleChange({ window: Dimensions.get('window') });\r\n\r\n      return () => {\r\n        Dimensions.removeEventListener('change', handleChange);\r\n      };\r\n    }\r\n    return () => {};\r\n  }, [dimensions, enable]);\r\n  return dimensions;\r\n};\r\n"]}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* eslint-disable */
+//@ts-nocheck
+// This hash function is taken from react native web
+
+/**
+ * JS Implementation of MurmurHash2
+ *
+ * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
+ * @see http://github.com/garycourt/murmurhash-js
+ * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
+ * @see http://sites.google.com/site/murmurhash/
+ *
+ * @param {string} str ASCII only
+ * @param {number} seed Positive integer only
+ * @return {number} 32-bit positive integer hash
+ */
+function murmurhash2_32_gc(str, seed) {
+  var l = str.length,
+      h = seed ^ l,
+      i = 0,
+      k;
+
+  while (l >= 4) {
+    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
+    k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0x5bd1e995 & 0xffff) << 16);
+    k ^= k >>> 24;
+    k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0x5bd1e995 & 0xffff) << 16);
+    h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16) ^ k;
+    l -= 4;
+    ++i;
+  }
+
+  switch (l) {
+    case 3:
+      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+
+    case 2:
+      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+
+    case 1:
+      h ^= str.charCodeAt(i) & 0xff;
+      h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16);
+  }
+
+  h ^= h >>> 13;
+  h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0x5bd1e995 & 0xffff) << 16);
+  h ^= h >>> 15;
+  return h >>> 0;
+}
+
+const hash = function hash(str) {
+  return murmurhash2_32_gc(str, 1).toString(36);
+};
+
+var _default = hash;
+exports.default = _default;
+//# sourceMappingURL=hash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["hash.ts"],"names":["murmurhash2_32_gc","str","seed","l","length","h","i","k","charCodeAt","hash","toString"],"mappings":";;;;;;;AAAA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,iBAAT,CAA2BC,GAA3B,EAAwCC,IAAxC,EAAsD;AACpD,MAAIC,CAAC,GAAGF,GAAG,CAACG,MAAZ;AAAA,MACEC,CAAC,GAAGH,IAAI,GAAGC,CADb;AAAA,MAEEG,CAAC,GAAG,CAFN;AAAA,MAGEC,CAHF;;AAKA,SAAOJ,CAAC,IAAI,CAAZ,EAAe;AACbI,IAAAA,CAAC,GACEN,GAAG,CAACO,UAAJ,CAAeF,CAAf,IAAoB,IAArB,GACC,CAACL,GAAG,CAACO,UAAJ,CAAe,EAAEF,CAAjB,IAAsB,IAAvB,KAAgC,CADjC,GAEC,CAACL,GAAG,CAACO,UAAJ,CAAe,EAAEF,CAAjB,IAAsB,IAAvB,KAAgC,EAFjC,GAGC,CAACL,GAAG,CAACO,UAAJ,CAAe,EAAEF,CAAjB,IAAsB,IAAvB,KAAgC,EAJnC;AAKAC,IAAAA,CAAC,GACC,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IAA6B,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAArE,CADF;AAEAA,IAAAA,CAAC,IAAIA,CAAC,KAAK,EAAX;AACAA,IAAAA,CAAC,GACC,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IAA6B,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAArE,CADF;AAEAF,IAAAA,CAAC,GACE,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IACE,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAD1C,CAAD,GAEAE,CAHF;AAIAJ,IAAAA,CAAC,IAAI,CAAL;AACA,MAAEG,CAAF;AACD;;AAED,UAAQH,CAAR;AACE,SAAK,CAAL;AACEE,MAAAA,CAAC,IAAI,CAACJ,GAAG,CAACO,UAAJ,CAAeF,CAAC,GAAG,CAAnB,IAAwB,IAAzB,KAAkC,EAAvC;;AAEF,SAAK,CAAL;AACED,MAAAA,CAAC,IAAI,CAACJ,GAAG,CAACO,UAAJ,CAAeF,CAAC,GAAG,CAAnB,IAAwB,IAAzB,KAAkC,CAAvC;;AAEF,SAAK,CAAL;AACED,MAAAA,CAAC,IAAIJ,GAAG,CAACO,UAAJ,CAAeF,CAAf,IAAoB,IAAzB;AACAD,MAAAA,CAAC,GACC,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IACC,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EADzC,CADF;AATJ;;AAcAA,EAAAA,CAAC,IAAIA,CAAC,KAAK,EAAX;AACAA,EAAAA,CAAC,GAAG,CAACA,CAAC,GAAG,MAAL,IAAe,UAAf,IAA6B,CAAE,CAACA,CAAC,KAAK,EAAP,IAAa,UAAd,GAA4B,MAA7B,KAAwC,EAArE,CAAJ;AACAA,EAAAA,CAAC,IAAIA,CAAC,KAAK,EAAX;AACA,SAAOA,CAAC,KAAK,CAAb;AACD;;AAED,MAAMI,IAAI,GAAG,SAASA,IAAT,CAAcR,GAAd,EAA2B;AACtC,SAAOD,iBAAiB,CAACC,GAAD,EAAM,CAAN,CAAjB,CAA0BS,QAA1B,CAAmC,EAAnC,CAAP;AACD,CAFD;;eAIeD,I","sourcesContent":["/* eslint-disable */\r\n//@ts-nocheck\r\n// This hash function is taken from react native web\r\n/**\r\n * JS Implementation of MurmurHash2\r\n *\r\n * @author <a href=\"mailto:gary.court@gmail.com\">Gary Court</a>\r\n * @see http://github.com/garycourt/murmurhash-js\r\n * @author <a href=\"mailto:aappleby@gmail.com\">Austin Appleby</a>\r\n * @see http://sites.google.com/site/murmurhash/\r\n *\r\n * @param {string} str ASCII only\r\n * @param {number} seed Positive integer only\r\n * @return {number} 32-bit positive integer hash\r\n */\r\nfunction murmurhash2_32_gc(str: string, seed: number) {\r\n  var l = str.length,\r\n    h = seed ^ l,\r\n    i = 0,\r\n    k;\r\n\r\n  while (l >= 4) {\r\n    k =\r\n      (str.charCodeAt(i) & 0xff) |\r\n      ((str.charCodeAt(++i) & 0xff) << 8) |\r\n      ((str.charCodeAt(++i) & 0xff) << 16) |\r\n      ((str.charCodeAt(++i) & 0xff) << 24);\r\n    k =\r\n      (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n    k ^= k >>> 24;\r\n    k =\r\n      (k & 0xffff) * 0x5bd1e995 + ((((k >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n    h =\r\n      ((h & 0xffff) * 0x5bd1e995 +\r\n        ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16)) ^\r\n      k;\r\n    l -= 4;\r\n    ++i;\r\n  }\r\n\r\n  switch (l) {\r\n    case 3:\r\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\r\n\r\n    case 2:\r\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\r\n\r\n    case 1:\r\n      h ^= str.charCodeAt(i) & 0xff;\r\n      h =\r\n        (h & 0xffff) * 0x5bd1e995 +\r\n        ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n  }\r\n\r\n  h ^= h >>> 13;\r\n  h = (h & 0xffff) * 0x5bd1e995 + ((((h >>> 16) * 0x5bd1e995) & 0xffff) << 16);\r\n  h ^= h >>> 15;\r\n  return h >>> 0;\r\n}\r\n\r\nconst hash = function hash(str: string) {\r\n  return murmurhash2_32_gc(str, 1).toString(36);\r\n};\r\n\r\nexport default hash;\r\n"]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useResponsiveQuery: true,
+  ResponsiveQueryProvider: true
+};
+Object.defineProperty(exports, "useResponsiveQuery", {
+  enumerable: true,
+  get: function () {
+    return _useResponsiveQuery.useResponsiveQuery;
+  }
+});
+Object.defineProperty(exports, "ResponsiveQueryProvider", {
+  enumerable: true,
+  get: function () {
+    return _ResponsiveQueryProvider.ResponsiveQueryProvider;
+  }
+});
+
+var _useResponsiveQuery = require("./useResponsiveQuery");
+
+var _ResponsiveQueryProvider = require("./ResponsiveQueryProvider");
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { useResponsiveQuery } from './useResponsiveQuery';\r\nexport { ResponsiveQueryProvider } from './ResponsiveQueryProvider';\r\nexport * from './types';\r\n"]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyleElement = exports.useResponsiveQuery = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _useStableMemo = require("./useStableMemo");
+
+var _common = require("./common");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useResponsiveQuery = queries => {
+  const windowWidth = (0, _reactNative.useWindowDimensions)().width;
+  const values = (0, _useStableMemo.useStableMemo)(() => {
+    const getResponsiveStyles = (0, _common.getResponsiveStylesImpl)(windowWidth);
+
+    if (queries) {
+      const {
+        styles
+      } = getResponsiveStyles(queries);
+      return {
+        styles,
+        getResponsiveStyles
+      };
+    } else {
+      return {
+        getResponsiveStyles
+      };
+    }
+  }, [queries, windowWidth]);
+  return values;
+};
+/**
+ * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
+ */
+// noop, web-only. Refer useResponsiveQuery.web.tsx
+
+
+exports.useResponsiveQuery = useResponsiveQuery;
+
+const getStyleElement = () => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+};
+
+exports.getStyleElement = getStyleElement;
+//# sourceMappingURL=useResponsiveQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponsiveQuery.tsx"],"names":["useResponsiveQuery","queries","windowWidth","width","values","getResponsiveStyles","styles","getStyleElement"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAC7BC,OADgC,IAEC;AACjC,QAAMC,WAAW,GAAG,wCAAsBC,KAA1C;AAEA,QAAMC,MAAM,GAAG,kCAAc,MAAM;AACjC,UAAMC,mBAAmB,GAAG,qCAAwBH,WAAxB,CAA5B;;AACA,QAAID,OAAJ,EAAa;AACX,YAAM;AAAEK,QAAAA;AAAF,UAAaD,mBAAmB,CAACJ,OAAD,CAAtC;AACA,aAAO;AAAEK,QAAAA,MAAF;AAAUD,QAAAA;AAAV,OAAP;AACD,KAHD,MAGO;AACL,aAAO;AAAEA,QAAAA;AAAF,OAAP;AACD;AACF,GARc,EAQZ,CAACJ,OAAD,EAAUC,WAAV,CARY,CAAf;AAUA,SAAOE,MAAP;AACD,CAhBM;AAkBP;AACA;AACA;AACA;;;;;AACO,MAAMG,eAAe,GAAG,MAAM;AACnC,sBAAO,2DAAP;AACD,CAFM","sourcesContent":["import React from 'react';\r\nimport type {\r\n  UseResponsiveQueryParams,\r\n  UseResponsiveQueryReturnType,\r\n} from './types';\r\nimport { useWindowDimensions } from 'react-native';\r\nimport { useStableMemo } from './useStableMemo';\r\nimport { getResponsiveStylesImpl } from './common';\r\n\r\nexport const useResponsiveQuery = (\r\n  queries?: UseResponsiveQueryParams\r\n): UseResponsiveQueryReturnType => {\r\n  const windowWidth = useWindowDimensions().width;\r\n\r\n  const values = useStableMemo(() => {\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  }, [queries, windowWidth]);\r\n\r\n  return values;\r\n};\r\n\r\n/**\r\n * This function is copied from intergalacticspacehighway/rnw-responsive-ssr\r\n */\r\n// noop, web-only. Refer useResponsiveQuery.web.tsx\r\nexport const getStyleElement = () => {\r\n  return <></>;\r\n};\r\n"]}