@redhat-cloud-services/frontend-components 3.4.13 → 3.6.0

package/useChrome/useChrome.js

@@ -1,35 +1,26 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _reactCore = require("@scalprum/react-core");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var useChrome = function useChrome(selector) {
-  var _state$api;
-
-  var state = (0, _reactCore.useScalprum)();
-  var chrome = ((_state$api = state.api) === null || _state$api === void 0 ? void 0 : _state$api.chrome) || {};
-  chrome = _objectSpread(_objectSpread({}, chrome), {}, {
-    initialized: state.initialized
-  });
-
-  if (typeof selector === 'function') {
-    return selector(chrome);
-  }
-
-  return chrome;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-
-var _default = useChrome;
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_core_1 = require("@scalprum/react-core");
+var useChrome = function (selector) {
+    var _a;
+    var state = (0, react_core_1.useScalprum)();
+    var chrome = ((_a = state.api) === null || _a === void 0 ? void 0 : _a.chrome) || {};
+    chrome = __assign(__assign({}, chrome), { initialized: state.initialized });
+    if (typeof selector === 'function') {
+        return selector(chrome);
+    }
+    return chrome;
+};
+exports.default = useChrome;
+//# sourceMappingURL=useChrome.js.map

package/useChrome/useChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChrome.js","sourceRoot":"","sources":["../src/useChrome/useChrome.js"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAAmD;AAEnD,IAAM,SAAS,GAAG,UAAC,QAAQ;;IACvB,IAAM,KAAK,GAAG,IAAA,wBAAW,GAAE,CAAC;IAC5B,IAAI,MAAM,GAAG,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,MAAM,KAAI,EAAE,CAAC;IACrC,MAAM,yBACC,MAAM,KACT,WAAW,EAAE,KAAK,CAAC,WAAW,GACjC,CAAC;IACF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC3B;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/usePendoFeedback/index.d.ts

@@ -0,0 +1 @@
+export { default, default as usePendoFeedback } from "./usePendoFeedback";

package/usePendoFeedback/index.js

@@ -1,21 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _usePendoFeedback["default"];
-  }
-});
-Object.defineProperty(exports, "usePendoFeedback", {
-  enumerable: true,
-  get: function get() {
-    return _usePendoFeedback["default"];
-  }
-});
-
-var _usePendoFeedback = _interopRequireDefault(require("./usePendoFeedback"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePendoFeedback = exports.default = void 0;
+var usePendoFeedback_1 = require("./usePendoFeedback");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(usePendoFeedback_1).default; } });
+var usePendoFeedback_2 = require("./usePendoFeedback");
+Object.defineProperty(exports, "usePendoFeedback", { enumerable: true, get: function () { return __importDefault(usePendoFeedback_2).default; } });
+//# sourceMappingURL=index.js.map

package/usePendoFeedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/usePendoFeedback/index.js"],"names":[],"mappings":";;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA;AAChB,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB"}

package/usePendoFeedback/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/usePendoFeedback/index.js"}
+{"main":"index.js","module":"../esm/usePendoFeedback/index.js","typings":"index.d.ts"}

package/usePendoFeedback/usePendoFeedback.d.ts

@@ -0,0 +1,2 @@
+export default usePendoFeedback;
+declare function usePendoFeedback(...args: any[]): any;

package/usePendoFeedback/usePendoFeedback.js

@@ -1,29 +1,20 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _useChrome2 = _interopRequireDefault(require("../../useChrome"));
-
-var usePendoFeedback = function usePendoFeedback() {
-  var _useChrome = (0, _useChrome2["default"])(),
-      usePendoFeedbackInternal = _useChrome.usePendoFeedback;
-  /**
-   * Return no-op in case the chrome changes are not avaiable in current env.
-   */
-
-
-  if (typeof usePendoFeedbackInternal !== 'function') {
-    console.warn('The "usePendoFeedback" hook is not available in this enviroment. Default feedback form will be used. Wait for chrome updates.');
-    return;
-  }
-
-  return usePendoFeedbackInternal.apply(void 0, arguments);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-var _default = usePendoFeedback;
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+var useChrome_1 = __importDefault(require("../useChrome"));
+var usePendoFeedback = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var usePendoFeedbackInternal = (0, useChrome_1.default)().usePendoFeedback;
+    if (typeof usePendoFeedbackInternal !== 'function') {
+        console.warn('The "usePendoFeedback" hook is not available in this enviroment. Default feedback form will be used. Wait for chrome updates.');
+        return;
+    }
+    return usePendoFeedbackInternal.apply(void 0, args);
+};
+exports.default = usePendoFeedback;
+//# sourceMappingURL=usePendoFeedback.js.map

package/usePendoFeedback/usePendoFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePendoFeedback.js","sourceRoot":"","sources":["../src/usePendoFeedback/usePendoFeedback.js"],"names":[],"mappings":";;;;;AAAA,2DAAqC;AAErC,IAAM,gBAAgB,GAAG;IAAC,cAAO;SAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;QAAP,yBAAO;;IACrB,IAAkB,wBAAwB,GAAK,IAAA,mBAAS,GAAE,iBAAhB,CAAiB;IAInE,IAAI,OAAO,wBAAwB,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,IAAI,CAAC,+HAA+H,CAAC,CAAC;QAC9I,OAAO;KACV;IAED,OAAO,wBAAwB,eAAI,IAAI,EAAE;AAC7C,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/useScreenSize/breakpoints.d.ts

@@ -0,0 +1,9 @@
+export default breakPoints;
+declare const breakPoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};

package/useScreenSize/breakpoints.js

@@ -1,31 +1,21 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _global_breakpoint_xs = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_xs"));
-
-var _global_breakpoint_sm = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_sm"));
-
-var _global_breakpoint_md = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_md"));
-
-var _global_breakpoint_lg = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_lg"));
-
-var _global_breakpoint_xl = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_xl"));
-
-var _global_breakpoint_2xl = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_2xl"));
-
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var global_breakpoint_xs_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_xs"));
+var global_breakpoint_sm_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_sm"));
+var global_breakpoint_md_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_md"));
+var global_breakpoint_lg_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_lg"));
+var global_breakpoint_xl_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_xl"));
+var global_breakpoint_2xl_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_2xl"));
 var breakPoints = {
-  xs: parseInt(_global_breakpoint_xs["default"].value.replace('px', '')),
-  sm: parseInt(_global_breakpoint_sm["default"].value.replace('px', '')),
-  md: parseInt(_global_breakpoint_md["default"].value.replace('px', '')),
-  lg: parseInt(_global_breakpoint_lg["default"].value.replace('px', '')),
-  xl: parseInt(_global_breakpoint_xl["default"].value.replace('px', '')),
-  '2xl': parseInt(_global_breakpoint_2xl["default"].value.replace('px', ''))
+    xs: parseInt(global_breakpoint_xs_1.default.value.replace('px', '')),
+    sm: parseInt(global_breakpoint_sm_1.default.value.replace('px', '')),
+    md: parseInt(global_breakpoint_md_1.default.value.replace('px', '')),
+    lg: parseInt(global_breakpoint_lg_1.default.value.replace('px', '')),
+    xl: parseInt(global_breakpoint_xl_1.default.value.replace('px', '')),
+    '2xl': parseInt(global_breakpoint_2xl_1.default.value.replace('px', ''))
 };
-var _default = breakPoints;
-exports["default"] = _default;
+exports.default = breakPoints;
+//# sourceMappingURL=breakpoints.js.map

package/useScreenSize/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../src/useScreenSize/breakpoints.js"],"names":[],"mappings":";;;;;AAAA,+GAAiF;AACjF,+GAAiF;AACjF,+GAAiF;AACjF,+GAAiF;AACjF,+GAAiF;AACjF,iHAAmF;AAEnF,IAAM,WAAW,GAAG;IAChB,EAAE,EAAE,QAAQ,CAAC,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,EAAE,EAAE,QAAQ,CAAC,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,EAAE,EAAE,QAAQ,CAAC,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,EAAE,EAAE,QAAQ,CAAC,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,EAAE,EAAE,QAAQ,CAAC,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClD,KAAK,EAAE,QAAQ,CAAC,+BAAa,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;CACzD,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/useScreenSize/getVariant.d.ts

@@ -0,0 +1,2 @@
+export default getVariant;
+declare function getVariant(): string | undefined;

package/useScreenSize/getVariant.js

@@ -1,34 +1,20 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _breakpoints = _interopRequireDefault(require("./breakpoints"));
-
-var getVariant = function getVariant() {
-  var width = window.innerWidth;
-  var result;
-
-  for (var _i = 0, _Object$entries = Object.entries(_breakpoints["default"]); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-        variant = _Object$entries$_i[0],
-        size = _Object$entries$_i[1];
-
-    if (size >= width) {
-      break;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var breakpoints_1 = __importDefault(require("./breakpoints"));
+var getVariant = function () {
+    var width = window.innerWidth;
+    var result;
+    for (var _i = 0, _a = Object.entries(breakpoints_1.default); _i < _a.length; _i++) {
+        var _b = _a[_i], variant = _b[0], size = _b[1];
+        if (size >= width) {
+            break;
+        }
+        result = variant;
     }
-
-    result = variant;
-  }
-
-  return result;
+    return result;
 };
-
-var _default = getVariant;
-exports["default"] = _default;
+exports.default = getVariant;
+//# sourceMappingURL=getVariant.js.map

package/useScreenSize/getVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVariant.js","sourceRoot":"","sources":["../src/useScreenSize/getVariant.js"],"names":[],"mappings":";;;;;AAAA,8DAAwC;AAExC,IAAM,UAAU,GAAG;IACf,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;IAEhC,IAAI,MAAM,CAAC;IAEX,KAAgC,UAA2B,EAA3B,KAAA,MAAM,CAAC,OAAO,CAAC,qBAAW,CAAC,EAA3B,cAA2B,EAA3B,IAA2B,EAAE;QAAlD,IAAA,WAAiB,EAAf,OAAO,QAAA,EAAE,IAAI,QAAA;QACtB,IAAI,IAAI,IAAI,KAAK,EAAE;YACf,MAAM;SACT;QAED,MAAM,GAAG,OAAO,CAAC;KACpB;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/useScreenSize/index.d.ts

@@ -0,0 +1,4 @@
+export { default as getVariant } from "./getVariant";
+export { default as isSmallScreen } from "./isSmallScreen";
+export { default as breakpoints } from "./breakpoints";
+export { default, default as useScreenSize } from "./useScreenSize";

package/useScreenSize/index.js

@@ -1,45 +1,17 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _useScreenSize["default"];
-  }
-});
-Object.defineProperty(exports, "useScreenSize", {
-  enumerable: true,
-  get: function get() {
-    return _useScreenSize["default"];
-  }
-});
-Object.defineProperty(exports, "getVariant", {
-  enumerable: true,
-  get: function get() {
-    return _getVariant["default"];
-  }
-});
-Object.defineProperty(exports, "isSmallScreen", {
-  enumerable: true,
-  get: function get() {
-    return _isSmallScreen["default"];
-  }
-});
-Object.defineProperty(exports, "breakpoints", {
-  enumerable: true,
-  get: function get() {
-    return _breakpoints["default"];
-  }
-});
-
-var _useScreenSize = _interopRequireDefault(require("./useScreenSize"));
-
-var _getVariant = _interopRequireDefault(require("./getVariant"));
-
-var _isSmallScreen = _interopRequireDefault(require("./isSmallScreen"));
-
-var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakpoints = exports.isSmallScreen = exports.getVariant = exports.useScreenSize = exports.default = void 0;
+var useScreenSize_1 = require("./useScreenSize");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useScreenSize_1).default; } });
+var useScreenSize_2 = require("./useScreenSize");
+Object.defineProperty(exports, "useScreenSize", { enumerable: true, get: function () { return __importDefault(useScreenSize_2).default; } });
+var getVariant_1 = require("./getVariant");
+Object.defineProperty(exports, "getVariant", { enumerable: true, get: function () { return __importDefault(getVariant_1).default; } });
+var isSmallScreen_1 = require("./isSmallScreen");
+Object.defineProperty(exports, "isSmallScreen", { enumerable: true, get: function () { return __importDefault(isSmallScreen_1).default; } });
+var breakpoints_1 = require("./breakpoints");
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return __importDefault(breakpoints_1).default; } });
+//# sourceMappingURL=index.js.map

package/useScreenSize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/useScreenSize/index.js"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAChB,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}

package/useScreenSize/isSmallScreen.d.ts

@@ -0,0 +1,2 @@
+export default isSmallScreen;
+declare function isSmallScreen(screenSize: any): boolean;

package/useScreenSize/isSmallScreen.js

@@ -1,17 +1,9 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _breakpoints = _interopRequireDefault(require("./breakpoints"));
-
-var isSmallScreen = function isSmallScreen(screenSize) {
-  return (_breakpoints["default"] === null || _breakpoints["default"] === void 0 ? void 0 : _breakpoints["default"][screenSize]) <= _breakpoints["default"].sm;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-var _default = isSmallScreen;
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+var breakpoints_1 = __importDefault(require("./breakpoints"));
+var isSmallScreen = function (screenSize) { return (breakpoints_1.default === null || breakpoints_1.default === void 0 ? void 0 : breakpoints_1.default[screenSize]) <= breakpoints_1.default.sm; };
+exports.default = isSmallScreen;
+//# sourceMappingURL=isSmallScreen.js.map

package/useScreenSize/isSmallScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSmallScreen.js","sourceRoot":"","sources":["../src/useScreenSize/isSmallScreen.js"],"names":[],"mappings":";;;;;AAAA,8DAAwC;AAExC,IAAM,aAAa,GAAG,UAAA,UAAU,IAAI,OAAA,CAAA,qBAAW,aAAX,qBAAW,uBAAX,qBAAW,CAAG,UAAU,CAAC,KAAI,qBAAW,CAAC,EAAE,EAA3C,CAA2C,CAAC;AAEhF,kBAAe,aAAa,CAAC"}

package/useScreenSize/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/useScreenSize/index.js"}
+{"main":"index.js","module":"../esm/useScreenSize/index.js","typings":"index.d.ts"}

package/useScreenSize/useScreenSize.d.ts

@@ -0,0 +1,2 @@
+export default useScreen;
+declare function useScreen(): string | undefined;

package/useScreenSize/useScreenSize.js

@@ -1,44 +1,25 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _getVariant = _interopRequireDefault(require("./getVariant"));
-
-var useScreen = function useScreen() {
-  var _useState = (0, _react.useState)(function () {
-    return (0, _getVariant["default"])();
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      variant = _useState2[0],
-      setVariant = _useState2[1];
-
-  var prev = (0, _react.useRef)(variant);
-  (0, _react.useEffect)(function () {
-    function handleResize() {
-      var newVariant = (0, _getVariant["default"])();
-
-      if (newVariant !== prev.current) {
-        prev.current = newVariant;
-        setVariant(newVariant);
-      }
-    }
-
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
-  }, []);
-  return variant;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-var _default = useScreen;
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var getVariant_1 = __importDefault(require("./getVariant"));
+var useScreen = function () {
+    var _a = (0, react_1.useState)(function () { return (0, getVariant_1.default)(); }), variant = _a[0], setVariant = _a[1];
+    var prev = (0, react_1.useRef)(variant);
+    (0, react_1.useEffect)(function () {
+        function handleResize() {
+            var newVariant = (0, getVariant_1.default)();
+            if (newVariant !== prev.current) {
+                prev.current = newVariant;
+                setVariant(newVariant);
+            }
+        }
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, []);
+    return variant;
+};
+exports.default = useScreen;
+//# sourceMappingURL=useScreenSize.js.map

package/useScreenSize/useScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../src/useScreenSize/useScreenSize.js"],"names":[],"mappings":";;;;;AAAA,+BAAoD;AAEpD,4DAAsC;AAEtC,IAAM,SAAS,GAAG;IACR,IAAA,KAA0B,IAAA,gBAAQ,EAAC,cAAM,OAAA,IAAA,oBAAU,GAAE,EAAZ,CAAY,CAAC,EAApD,OAAO,QAAA,EAAE,UAAU,QAAiC,CAAC;IAC7D,IAAM,IAAI,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IAE7B,IAAA,iBAAS,EAAC;QACN,SAAS,YAAY;YACjB,IAAM,UAAU,GAAG,IAAA,oBAAU,GAAE,CAAC;YAChC,IAAI,UAAU,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC7B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;gBAC1B,UAAU,CAAC,UAAU,CAAC,CAAC;aAC1B;QACL,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEhD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAlD,CAAkD,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/Dark/configContext.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var ThemeContext = /*#__PURE__*/_react["default"].createContext('light');
-
-var _default = ThemeContext;
-exports["default"] = _default;

package/esm/Dark/configContext.js

@@ -1,3 +0,0 @@
-import React from 'react';
-var ThemeContext = /*#__PURE__*/React.createContext('light');
-export default ThemeContext;