@bigbinary/neeto-commons-frontend 3.0.16 → 3.1.0

package/cjs/cypress-configs/plugins.js

@@ -45,6 +45,15 @@ module.exports = (on, config) => {
   };
   on("file:preprocessor", webpack(options));
 
+  on("task", {
+    log(message) {
+      //eslint-disable-next-line
+      console.log(message);
+
+      return null;
+    },
+  });
+
   config = cypressBrowserPermissionsPlugin(on, config);
 
   const newEnvironment = merge(config, configForEnvironment);

package/cjs/react-utils/index.js

@@ -26,6 +26,7 @@ var _exportNames = {
   useStateWithDependency: true,
   useTimer: true,
   useUpdateEffect: true,
+  useBreakpoints: true,
   withImmutableActions: true,
   withT: true,
   withTitle: true
@@ -42,6 +43,12 @@ Object.defineProperty(exports, "PrivateRoute", {
     return _PrivateRoute["default"];
   }
 });
+Object.defineProperty(exports, "useBreakpoints", {
+  enumerable: true,
+  get: function get() {
+    return _useBreakpoints["default"];
+  }
+});
 Object.defineProperty(exports, "useDebounce", {
   enumerable: true,
   get: function get() {
@@ -210,6 +217,7 @@ Object.keys(_useRegisterNavigationCheckpoint).forEach(function (key) {
 var _useStateWithDependency = _interopRequireDefault(require("./useStateWithDependency"));
 var _useTimer = _interopRequireDefault(require("./useTimer"));
 var _useUpdateEffect = _interopRequireDefault(require("./useUpdateEffect"));
+var _useBreakpoints = _interopRequireDefault(require("./useBreakpoints"));
 var _BrowserPushNotifications = require("./BrowserPushNotifications");
 Object.keys(_BrowserPushNotifications).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_HoneybadgerErrorBoundary","_interopRequireDefault","require","_PrivateRoute","_useDebounce","_useDisplayErrorPage","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_useFetchNeetoApps","_useFieldSubmit","_useFuncDebounce","_useHotKeys","_useIsElementVisibleInDom","_useKeyboardShortcutsPaneState","_useLocalStorage","_useMutationWithInvalidation","_useOnClickOutside","_usePersistedQuery","_usePrevious","_useQueryParams","_useRegisterNavigationCheckpoint","_useStateWithDependency","_useTimer","_useUpdateEffect","_BrowserPushNotifications","_metaClick","_withImmutableActions","_withT","_withTitle","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../src/react-utils/index.js"],"sourcesContent":["// components\nexport { default as HoneybadgerErrorBoundary } from \"./HoneybadgerErrorBoundary\";\nexport { default as PrivateRoute } from \"./PrivateRoute\";\n\n// hooks\nexport { default as useDebounce } from \"./useDebounce\";\nexport * from \"./useDisplayErrorPage\";\nexport { default as useDisplayErrorPage } from \"./useDisplayErrorPage\";\nexport { default as useFetchNeetoApps } from \"./useFetchNeetoApps\";\nexport { default as useFieldSubmit } from \"./useFieldSubmit\";\nexport { default as useFuncDebounce } from \"./useFuncDebounce\";\nexport { default as useHotKeys } from \"./useHotKeys\";\nexport { default as useIsElementVisibleInDom } from \"./useIsElementVisibleInDom\";\nexport { default as useKeyboardShortcutsPaneState } from \"./useKeyboardShortcutsPaneState\";\nexport { default as useLocalStorage } from \"./useLocalStorage\";\nexport { default as useMutationWithInvalidation } from \"./useMutationWithInvalidation\";\nexport { default as useOnClickOutside } from \"./useOnClickOutside\";\nexport { default as usePersistedQuery } from \"./usePersistedQuery\";\nexport { default as usePrevious } from \"./usePrevious\";\nexport { default as useQueryParams } from \"./useQueryParams\";\nexport * from \"./useRegisterNavigationCheckpoint\";\nexport { default as useRegisterNavigationCheckpoint } from \"./useRegisterNavigationCheckpoint\";\nexport { default as useStateWithDependency } from \"./useStateWithDependency\";\nexport { default as useTimer } from \"./useTimer\";\nexport { default as useUpdateEffect } from \"./useUpdateEffect\";\n\n// utils\nexport * from \"./BrowserPushNotifications\";\nexport * from \"./metaClick\";\nexport { default as withImmutableActions } from \"./withImmutableActions\";\nexport { default as withT } from \"./withT\";\nexport { default as withTitle } from \"./withTitle\";\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_HoneybadgerErrorBoundary","_interopRequireDefault","require","_PrivateRoute","_useDebounce","_useDisplayErrorPage","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_useFetchNeetoApps","_useFieldSubmit","_useFuncDebounce","_useHotKeys","_useIsElementVisibleInDom","_useKeyboardShortcutsPaneState","_useLocalStorage","_useMutationWithInvalidation","_useOnClickOutside","_usePersistedQuery","_usePrevious","_useQueryParams","_useRegisterNavigationCheckpoint","_useStateWithDependency","_useTimer","_useUpdateEffect","_useBreakpoints","_BrowserPushNotifications","_metaClick","_withImmutableActions","_withT","_withTitle","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../src/react-utils/index.js"],"sourcesContent":["// components\nexport { default as HoneybadgerErrorBoundary } from \"./HoneybadgerErrorBoundary\";\nexport { default as PrivateRoute } from \"./PrivateRoute\";\n\n// hooks\nexport { default as useDebounce } from \"./useDebounce\";\nexport * from \"./useDisplayErrorPage\";\nexport { default as useDisplayErrorPage } from \"./useDisplayErrorPage\";\nexport { default as useFetchNeetoApps } from \"./useFetchNeetoApps\";\nexport { default as useFieldSubmit } from \"./useFieldSubmit\";\nexport { default as useFuncDebounce } from \"./useFuncDebounce\";\nexport { default as useHotKeys } from \"./useHotKeys\";\nexport { default as useIsElementVisibleInDom } from \"./useIsElementVisibleInDom\";\nexport { default as useKeyboardShortcutsPaneState } from \"./useKeyboardShortcutsPaneState\";\nexport { default as useLocalStorage } from \"./useLocalStorage\";\nexport { default as useMutationWithInvalidation } from \"./useMutationWithInvalidation\";\nexport { default as useOnClickOutside } from \"./useOnClickOutside\";\nexport { default as usePersistedQuery } from \"./usePersistedQuery\";\nexport { default as usePrevious } from \"./usePrevious\";\nexport { default as useQueryParams } from \"./useQueryParams\";\nexport * from \"./useRegisterNavigationCheckpoint\";\nexport { default as useRegisterNavigationCheckpoint } from \"./useRegisterNavigationCheckpoint\";\nexport { default as useStateWithDependency } from \"./useStateWithDependency\";\nexport { default as useTimer } from \"./useTimer\";\nexport { default as useUpdateEffect } from \"./useUpdateEffect\";\nexport { default as useBreakpoints } from \"./useBreakpoints\";\n\n// utils\nexport * from \"./BrowserPushNotifications\";\nexport * from \"./metaClick\";\nexport { default as withImmutableActions } from \"./withImmutableActions\";\nexport { default as withT } from \"./withT\";\nexport { default as withTitle } from \"./withTitle\";\n"],"mappings":"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"}

package/cjs/react-utils/useBreakpoints/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _ramda = require("ramda");
+var _utils = require("./utils");
+var useBreakpoints = function useBreakpoints(breakpointOverrides) {
+  var getSnapshot = function getSnapshot() {
+    return (0, _utils.getCurrentSize)(window, breakpointOverrides);
+  };
+  var currentSize = (0, _react.useSyncExternalStore)(_utils.subscribe, getSnapshot);
+  return {
+    currentSize: currentSize,
+    isSize: (0, _ramda.equals)(currentSize)
+  };
+};
+var _default = useBreakpoints;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/cjs/react-utils/useBreakpoints/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","require","_ramda","_utils","useBreakpoints","breakpointOverrides","getSnapshot","getCurrentSize","window","currentSize","useSyncExternalStore","subscribe","isSize","equals","_default","exports"],"sources":["../../../../src/react-utils/useBreakpoints/index.js"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nimport { equals } from \"ramda\";\n\nimport { getCurrentSize, subscribe } from \"./utils\";\n\nconst useBreakpoints = breakpointOverrides => {\n  const getSnapshot = () => getCurrentSize(window, breakpointOverrides);\n  const currentSize = useSyncExternalStore(subscribe, getSnapshot);\n\n  return { currentSize, isSize: equals(currentSize) };\n};\n\nexport default useBreakpoints;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,mBAAmB,EAAI;EAC5C,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAAS,IAAAC,qBAAc,EAACC,MAAM,EAAEH,mBAAmB,CAAC;EAAA;EACrE,IAAMI,WAAW,GAAG,IAAAC,2BAAoB,EAACC,gBAAS,EAAEL,WAAW,CAAC;EAEhE,OAAO;IAAEG,WAAW,EAAXA,WAAW;IAAEG,MAAM,EAAE,IAAAC,aAAM,EAACJ,WAAW;EAAE,CAAC;AACrD,CAAC;AAAC,IAAAK,QAAA,GAEaV,cAAc;AAAAW,OAAA,cAAAD,QAAA"}

package/cjs/react-utils/useBreakpoints/utils.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.subscribe = exports.getCurrentSize = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var subscribe = function subscribe(listener) {
+  window.addEventListener("resize", listener);
+  return function () {
+    return window.removeEventListener("resize", listener);
+  };
+};
+exports.subscribe = subscribe;
+var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
+  var innerWidth = window.innerWidth;
+  var sizes = _objectSpread({
+    mobile: innerWidth < 768,
+    tablet: innerWidth >= 768 && innerWidth < 1024,
+    desktop: innerWidth >= 1024 && innerWidth < 1280,
+    largeDesktop: innerWidth >= 1280
+  }, breakpointOverrides === null || breakpointOverrides === void 0 ? void 0 : breakpointOverrides(window));
+  var size = Object.keys(sizes).find(function (breakpoint) {
+    return sizes[breakpoint];
+  }) || "";
+  return size;
+};
+exports.getCurrentSize = getCurrentSize;
+//# sourceMappingURL=utils.js.map

package/cjs/react-utils/useBreakpoints/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["subscribe","listener","window","addEventListener","removeEventListener","exports","getCurrentSize","breakpointOverrides","innerWidth","sizes","_objectSpread","mobile","tablet","desktop","largeDesktop","size","Object","keys","find","breakpoint"],"sources":["../../../../src/react-utils/useBreakpoints/utils.js"],"sourcesContent":["export const subscribe = listener => {\n  window.addEventListener(\"resize\", listener);\n\n  return () => window.removeEventListener(\"resize\", listener);\n};\n\nexport const getCurrentSize = (window, breakpointOverrides) => {\n  const { innerWidth } = window;\n  const sizes = {\n    mobile: innerWidth < 768,\n    tablet: innerWidth >= 768 && innerWidth < 1024,\n    desktop: innerWidth >= 1024 && innerWidth < 1280,\n    largeDesktop: innerWidth >= 1280,\n    ...breakpointOverrides?.(window),\n  };\n\n  const size = Object.keys(sizes).find(breakpoint => sizes[breakpoint]) || \"\";\n\n  return size;\n};\n"],"mappings":";;;;;;;;;;AAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAGC,QAAQ,EAAI;EACnCC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;EAE3C,OAAO;IAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,QAAQ,CAAC;EAAA;AAC7D,CAAC;AAACI,OAAA,CAAAL,SAAA,GAAAA,SAAA;AAEK,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAIJ,MAAM,EAAEK,mBAAmB,EAAK;EAC7D,IAAQC,UAAU,GAAKN,MAAM,CAArBM,UAAU;EAClB,IAAMC,KAAK,GAAAC,aAAA;IACTC,MAAM,EAAEH,UAAU,GAAG,GAAG;IACxBI,MAAM,EAAEJ,UAAU,IAAI,GAAG,IAAIA,UAAU,GAAG,IAAI;IAC9CK,OAAO,EAAEL,UAAU,IAAI,IAAI,IAAIA,UAAU,GAAG,IAAI;IAChDM,YAAY,EAAEN,UAAU,IAAI;EAAI,GAC7BD,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGL,MAAM,CAAC,CACjC;EAED,IAAMa,IAAI,GAAGC,MAAM,CAACC,IAAI,CAACR,KAAK,CAAC,CAACS,IAAI,CAAC,UAAAC,UAAU;IAAA,OAAIV,KAAK,CAACU,UAAU,CAAC;EAAA,EAAC,IAAI,EAAE;EAE3E,OAAOJ,IAAI;AACb,CAAC;AAACV,OAAA,CAAAC,cAAA,GAAAA,cAAA"}

package/cypress-configs/plugins.js

@@ -45,6 +45,15 @@ module.exports = (on, config) => {
   };
   on("file:preprocessor", webpack(options));
 
+  on("task", {
+    log(message) {
+      //eslint-disable-next-line
+      console.log(message);
+
+      return null;
+    },
+  });
+
   config = cypressBrowserPermissionsPlugin(on, config);
 
   const newEnvironment = merge(config, configForEnvironment);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "3.0.16",
+  "version": "3.1.0",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/react-utils/index.js

@@ -23,6 +23,7 @@ export { default as useRegisterNavigationCheckpoint } from "./useRegisterNavigat
 export { default as useStateWithDependency } from "./useStateWithDependency";
 export { default as useTimer } from "./useTimer";
 export { default as useUpdateEffect } from "./useUpdateEffect";
+export { default as useBreakpoints } from "./useBreakpoints";
 
 // utils
 export * from "./BrowserPushNotifications";

package/react-utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HoneybadgerErrorBoundary","PrivateRoute","useDebounce","useDisplayErrorPage","useFetchNeetoApps","useFieldSubmit","useFuncDebounce","useHotKeys","useIsElementVisibleInDom","useKeyboardShortcutsPaneState","useLocalStorage","useMutationWithInvalidation","useOnClickOutside","usePersistedQuery","usePrevious","useQueryParams","useRegisterNavigationCheckpoint","useStateWithDependency","useTimer","useUpdateEffect","withImmutableActions","withT","withTitle"],"sources":["../../src/react-utils/index.js"],"sourcesContent":["// components\nexport { default as HoneybadgerErrorBoundary } from \"./HoneybadgerErrorBoundary\";\nexport { default as PrivateRoute } from \"./PrivateRoute\";\n\n// hooks\nexport { default as useDebounce } from \"./useDebounce\";\nexport * from \"./useDisplayErrorPage\";\nexport { default as useDisplayErrorPage } from \"./useDisplayErrorPage\";\nexport { default as useFetchNeetoApps } from \"./useFetchNeetoApps\";\nexport { default as useFieldSubmit } from \"./useFieldSubmit\";\nexport { default as useFuncDebounce } from \"./useFuncDebounce\";\nexport { default as useHotKeys } from \"./useHotKeys\";\nexport { default as useIsElementVisibleInDom } from \"./useIsElementVisibleInDom\";\nexport { default as useKeyboardShortcutsPaneState } from \"./useKeyboardShortcutsPaneState\";\nexport { default as useLocalStorage } from \"./useLocalStorage\";\nexport { default as useMutationWithInvalidation } from \"./useMutationWithInvalidation\";\nexport { default as useOnClickOutside } from \"./useOnClickOutside\";\nexport { default as usePersistedQuery } from \"./usePersistedQuery\";\nexport { default as usePrevious } from \"./usePrevious\";\nexport { default as useQueryParams } from \"./useQueryParams\";\nexport * from \"./useRegisterNavigationCheckpoint\";\nexport { default as useRegisterNavigationCheckpoint } from \"./useRegisterNavigationCheckpoint\";\nexport { default as useStateWithDependency } from \"./useStateWithDependency\";\nexport { default as useTimer } from \"./useTimer\";\nexport { default as useUpdateEffect } from \"./useUpdateEffect\";\n\n// utils\nexport * from \"./BrowserPushNotifications\";\nexport * from \"./metaClick\";\nexport { default as withImmutableActions } from \"./withImmutableActions\";\nexport { default as withT } from \"./withT\";\nexport { default as withTitle } from \"./withTitle\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,wBAAwB;AAC5C,SAASD,OAAO,IAAIE,YAAY;;AAEhC;AACA,SAASF,OAAO,IAAIG,WAAW;AAC/B;AACA,SAASH,OAAO,IAAII,mBAAmB;AACvC,SAASJ,OAAO,IAAIK,iBAAiB;AACrC,SAASL,OAAO,IAAIM,cAAc;AAClC,SAASN,OAAO,IAAIO,eAAe;AACnC,SAASP,OAAO,IAAIQ,UAAU;AAC9B,SAASR,OAAO,IAAIS,wBAAwB;AAC5C,SAAST,OAAO,IAAIU,6BAA6B;AACjD,SAASV,OAAO,IAAIW,eAAe;AACnC,SAASX,OAAO,IAAIY,2BAA2B;AAC/C,SAASZ,OAAO,IAAIa,iBAAiB;AACrC,SAASb,OAAO,IAAIc,iBAAiB;AACrC,SAASd,OAAO,IAAIe,WAAW;AAC/B,SAASf,OAAO,IAAIgB,cAAc;AAClC;AACA,SAAShB,OAAO,IAAIiB,+BAA+B;AACnD,SAASjB,OAAO,IAAIkB,sBAAsB;AAC1C,SAASlB,OAAO,IAAImB,QAAQ;AAC5B,SAASnB,OAAO,IAAIoB,eAAe;;AAEnC;AACA;AACA;AACA,SAASpB,OAAO,IAAIqB,oBAAoB;AACxC,SAASrB,OAAO,IAAIsB,KAAK;AACzB,SAAStB,OAAO,IAAIuB,SAAS"}
+{"version":3,"file":"index.js","names":["default","HoneybadgerErrorBoundary","PrivateRoute","useDebounce","useDisplayErrorPage","useFetchNeetoApps","useFieldSubmit","useFuncDebounce","useHotKeys","useIsElementVisibleInDom","useKeyboardShortcutsPaneState","useLocalStorage","useMutationWithInvalidation","useOnClickOutside","usePersistedQuery","usePrevious","useQueryParams","useRegisterNavigationCheckpoint","useStateWithDependency","useTimer","useUpdateEffect","useBreakpoints","withImmutableActions","withT","withTitle"],"sources":["../../src/react-utils/index.js"],"sourcesContent":["// components\nexport { default as HoneybadgerErrorBoundary } from \"./HoneybadgerErrorBoundary\";\nexport { default as PrivateRoute } from \"./PrivateRoute\";\n\n// hooks\nexport { default as useDebounce } from \"./useDebounce\";\nexport * from \"./useDisplayErrorPage\";\nexport { default as useDisplayErrorPage } from \"./useDisplayErrorPage\";\nexport { default as useFetchNeetoApps } from \"./useFetchNeetoApps\";\nexport { default as useFieldSubmit } from \"./useFieldSubmit\";\nexport { default as useFuncDebounce } from \"./useFuncDebounce\";\nexport { default as useHotKeys } from \"./useHotKeys\";\nexport { default as useIsElementVisibleInDom } from \"./useIsElementVisibleInDom\";\nexport { default as useKeyboardShortcutsPaneState } from \"./useKeyboardShortcutsPaneState\";\nexport { default as useLocalStorage } from \"./useLocalStorage\";\nexport { default as useMutationWithInvalidation } from \"./useMutationWithInvalidation\";\nexport { default as useOnClickOutside } from \"./useOnClickOutside\";\nexport { default as usePersistedQuery } from \"./usePersistedQuery\";\nexport { default as usePrevious } from \"./usePrevious\";\nexport { default as useQueryParams } from \"./useQueryParams\";\nexport * from \"./useRegisterNavigationCheckpoint\";\nexport { default as useRegisterNavigationCheckpoint } from \"./useRegisterNavigationCheckpoint\";\nexport { default as useStateWithDependency } from \"./useStateWithDependency\";\nexport { default as useTimer } from \"./useTimer\";\nexport { default as useUpdateEffect } from \"./useUpdateEffect\";\nexport { default as useBreakpoints } from \"./useBreakpoints\";\n\n// utils\nexport * from \"./BrowserPushNotifications\";\nexport * from \"./metaClick\";\nexport { default as withImmutableActions } from \"./withImmutableActions\";\nexport { default as withT } from \"./withT\";\nexport { default as withTitle } from \"./withTitle\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,wBAAwB;AAC5C,SAASD,OAAO,IAAIE,YAAY;;AAEhC;AACA,SAASF,OAAO,IAAIG,WAAW;AAC/B;AACA,SAASH,OAAO,IAAII,mBAAmB;AACvC,SAASJ,OAAO,IAAIK,iBAAiB;AACrC,SAASL,OAAO,IAAIM,cAAc;AAClC,SAASN,OAAO,IAAIO,eAAe;AACnC,SAASP,OAAO,IAAIQ,UAAU;AAC9B,SAASR,OAAO,IAAIS,wBAAwB;AAC5C,SAAST,OAAO,IAAIU,6BAA6B;AACjD,SAASV,OAAO,IAAIW,eAAe;AACnC,SAASX,OAAO,IAAIY,2BAA2B;AAC/C,SAASZ,OAAO,IAAIa,iBAAiB;AACrC,SAASb,OAAO,IAAIc,iBAAiB;AACrC,SAASd,OAAO,IAAIe,WAAW;AAC/B,SAASf,OAAO,IAAIgB,cAAc;AAClC;AACA,SAAShB,OAAO,IAAIiB,+BAA+B;AACnD,SAASjB,OAAO,IAAIkB,sBAAsB;AAC1C,SAASlB,OAAO,IAAImB,QAAQ;AAC5B,SAASnB,OAAO,IAAIoB,eAAe;AACnC,SAASpB,OAAO,IAAIqB,cAAc;;AAElC;AACA;AACA;AACA,SAASrB,OAAO,IAAIsB,oBAAoB;AACxC,SAAStB,OAAO,IAAIuB,KAAK;AACzB,SAASvB,OAAO,IAAIwB,SAAS"}

package/react-utils/useBreakpoints/index.js

@@ -0,0 +1,15 @@
+import { useSyncExternalStore } from "react";
+import { equals } from "ramda";
+import { getCurrentSize, subscribe } from "./utils";
+var useBreakpoints = function useBreakpoints(breakpointOverrides) {
+  var getSnapshot = function getSnapshot() {
+    return getCurrentSize(window, breakpointOverrides);
+  };
+  var currentSize = useSyncExternalStore(subscribe, getSnapshot);
+  return {
+    currentSize: currentSize,
+    isSize: equals(currentSize)
+  };
+};
+export default useBreakpoints;
+//# sourceMappingURL=index.js.map

package/react-utils/useBreakpoints/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useSyncExternalStore","equals","getCurrentSize","subscribe","useBreakpoints","breakpointOverrides","getSnapshot","window","currentSize","isSize"],"sources":["../../../src/react-utils/useBreakpoints/index.js"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nimport { equals } from \"ramda\";\n\nimport { getCurrentSize, subscribe } from \"./utils\";\n\nconst useBreakpoints = breakpointOverrides => {\n  const getSnapshot = () => getCurrentSize(window, breakpointOverrides);\n  const currentSize = useSyncExternalStore(subscribe, getSnapshot);\n\n  return { currentSize, isSize: equals(currentSize) };\n};\n\nexport default useBreakpoints;\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,OAAO;AAE5C,SAASC,MAAM,QAAQ,OAAO;AAE9B,SAASC,cAAc,EAAEC,SAAS;AAElC,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,mBAAmB,EAAI;EAC5C,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAASJ,cAAc,CAACK,MAAM,EAAEF,mBAAmB,CAAC;EAAA;EACrE,IAAMG,WAAW,GAAGR,oBAAoB,CAACG,SAAS,EAAEG,WAAW,CAAC;EAEhE,OAAO;IAAEE,WAAW,EAAXA,WAAW;IAAEC,MAAM,EAAER,MAAM,CAACO,WAAW;EAAE,CAAC;AACrD,CAAC;AAED,eAAeJ,cAAc"}

package/react-utils/useBreakpoints/utils.js

@@ -0,0 +1,23 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+export var subscribe = function subscribe(listener) {
+  window.addEventListener("resize", listener);
+  return function () {
+    return window.removeEventListener("resize", listener);
+  };
+};
+export var getCurrentSize = function getCurrentSize(window, breakpointOverrides) {
+  var innerWidth = window.innerWidth;
+  var sizes = _objectSpread({
+    mobile: innerWidth < 768,
+    tablet: innerWidth >= 768 && innerWidth < 1024,
+    desktop: innerWidth >= 1024 && innerWidth < 1280,
+    largeDesktop: innerWidth >= 1280
+  }, breakpointOverrides === null || breakpointOverrides === void 0 ? void 0 : breakpointOverrides(window));
+  var size = Object.keys(sizes).find(function (breakpoint) {
+    return sizes[breakpoint];
+  }) || "";
+  return size;
+};
+//# sourceMappingURL=utils.js.map

package/react-utils/useBreakpoints/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["subscribe","listener","window","addEventListener","removeEventListener","getCurrentSize","breakpointOverrides","innerWidth","sizes","_objectSpread","mobile","tablet","desktop","largeDesktop","size","Object","keys","find","breakpoint"],"sources":["../../../src/react-utils/useBreakpoints/utils.js"],"sourcesContent":["export const subscribe = listener => {\n  window.addEventListener(\"resize\", listener);\n\n  return () => window.removeEventListener(\"resize\", listener);\n};\n\nexport const getCurrentSize = (window, breakpointOverrides) => {\n  const { innerWidth } = window;\n  const sizes = {\n    mobile: innerWidth < 768,\n    tablet: innerWidth >= 768 && innerWidth < 1024,\n    desktop: innerWidth >= 1024 && innerWidth < 1280,\n    largeDesktop: innerWidth >= 1280,\n    ...breakpointOverrides?.(window),\n  };\n\n  const size = Object.keys(sizes).find(breakpoint => sizes[breakpoint]) || \"\";\n\n  return size;\n};\n"],"mappings":";;;AAAA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAGC,QAAQ,EAAI;EACnCC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;EAE3C,OAAO;IAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,QAAQ,CAAC;EAAA;AAC7D,CAAC;AAED,OAAO,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAIH,MAAM,EAAEI,mBAAmB,EAAK;EAC7D,IAAQC,UAAU,GAAKL,MAAM,CAArBK,UAAU;EAClB,IAAMC,KAAK,GAAAC,aAAA;IACTC,MAAM,EAAEH,UAAU,GAAG,GAAG;IACxBI,MAAM,EAAEJ,UAAU,IAAI,GAAG,IAAIA,UAAU,GAAG,IAAI;IAC9CK,OAAO,EAAEL,UAAU,IAAI,IAAI,IAAIA,UAAU,GAAG,IAAI;IAChDM,YAAY,EAAEN,UAAU,IAAI;EAAI,GAC7BD,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGJ,MAAM,CAAC,CACjC;EAED,IAAMY,IAAI,GAAGC,MAAM,CAACC,IAAI,CAACR,KAAK,CAAC,CAACS,IAAI,CAAC,UAAAC,UAAU;IAAA,OAAIV,KAAK,CAACU,UAAU,CAAC;EAAA,EAAC,IAAI,EAAE;EAE3E,OAAOJ,IAAI;AACb,CAAC"}

package/react-utils.d.ts

@@ -1505,4 +1505,73 @@ export function useMutationWithInvalidation<TData = unknown, TError = unknown, T
  * const { sort_by, order_by } = useQueryParams({ toCamelCase: false });
  * @endexample
 */
-export function useQueryParams(options?: qsOptionsType): QueryParamsType;
+export function useQueryParams(options?: qsOptionsType): QueryParamsType;
+type BreakpointKeys = 'mobile' | 'tablet' | 'desktop' | 'largeDesktop';
+type Breakpoints = { [key in BreakpointKeys]: boolean };
+/**
+ *
+ * The useBreakpoints hook is a utility for responsive styling on components
+ *
+ * based on the viewport size. It returns the current breakpoint name and a
+ *
+ * function to check if the current breakpoint matches a given breakpoint name. It
+ *
+ * also re-renders the component when the current breakpoint changes.
+ *
+ * Note: Use this hook only if you need the component to re-render when the
+ *
+ * current breakpoint change happens. If all you need is plain read and write
+ *
+ * operations on the current breakpoint, prefer the vanilla window.matchMedia or
+ *
+ * window.innerWidth API.
+ *
+ * @example 
+ *
+ * (window) => {
+ *   mobile: window.innerWidth < 768,
+ *   tablet: window.innerWidth >= 768 && window.innerWidth < 1024,
+ *   desktop: window.innerWidth >= 1024 && window.innerWidth < 1280,
+ *   largeDesktop: window.innerWidth >= 1280,
+ * }
+ * @endexample
+ * This hook will return an object with two values currentSize and isSize.
+ *
+ * The following code snippet illustrates the usage of useLocalStorage in
+ *
+ * implementing a theme-switching feature.
+ *
+ * @example 
+ *
+ * import { useBreakpoints } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * const { currentSize, isSize } = useBreakpoints();
+ * 
+ * // When window.innerWidth is 1028
+ * console.log(currentSize); // logs `tablet`
+ * console.log(isSize("mobile")); // logs `false`
+ * console.log(isSize("tablet")); // logs `true`
+ * @endexample
+ * We can also override the default breakpoints by passing a function to the
+ *
+ * useBreakpoints hook.
+ *
+ * @example 
+ *
+ * import { useBreakpoints } from "@bigbinary/neeto-commons-frontend/react-utils";
+ * 
+ * // Overriding the default breakpoints
+ * const { currentSize, isSize } = useBreakpoints(window => ({
+ *   largeDesktop: window.innerWidth >= 1280 && window.innerWidth < 1440,
+ *   extraLargeDesktop: window.innerWidth >= 1440,
+ * }));
+ * 
+ * // When window.innerWidth is 1440
+ * console.log(currentSize); // logs `extraLargeDesktop`
+ * console.log(isSize("extraLargeDesktop")); // logs `true`
+ * @endexample
+*/
+export function useBreakpoints<T extends {}>(breakpointOverrides?: (window: Window) => Partial<T & Breakpoints>): {
+  currentSize: BreakpointKeys | keyof T;
+  isSize: (size: BreakpointKeys | keyof T) => boolean;
+};