@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

package/cjs/components/RadioGroup/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _RadioGroup = require("./RadioGroup");Object.keys(_RadioGroup).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RadioGroup[key]) return;exports[key] = _RadioGroup[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _RadioGroup = require("./RadioGroup");Object.keys(_RadioGroup).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _RadioGroup[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _RadioGroup[key];} });});

package/cjs/components/RadioGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_RadioGroup","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './RadioGroup';\n"],"mappings":"uCAAA,IAAAA,WAAA,GAAAC,OAAA,iBAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_RadioGroup","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from './RadioGroup';\n"],"mappings":"2EAAA,IAAAA,WAAA,GAAAC,OAAA,iBAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,WAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/ResponsiveLayout/ResponsiveLayout.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ResponsiveLayout = ResponsiveLayout;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ResponsiveLayout = ResponsiveLayout;var _react = _interopRequireWildcard(require("react"));
 
 var _utils = require("../../lib/utils");
 var _CommonWrapper = require("../../internal/CommonWrapper");
@@ -31,7 +31,7 @@ function ResponsiveLayout(props) {var _props$children, _props$children2;
 
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, props,
-    (0, _utils.isFunction)(props.children) ? (_props$children = props.children(layoutFlags)) != null ? _props$children : null : (_props$children2 = props.children) != null ? _props$children2 : null
+    (0, _utils.isFunction)(props.children) ? (_props$children = props.children(layoutFlags)) !== null && _props$children !== void 0 ? _props$children : null : (_props$children2 = props.children) !== null && _props$children2 !== void 0 ? _props$children2 : null
     ));
 
 }

package/cjs/components/ResponsiveLayout/ResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_CommonWrapper","_useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","useResponsiveLayout","customMediaQueries","useEffect","onLayoutChange","default","createElement","CommonWrapper","isFunction","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"kLAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;;;AAGA,IAAAG,oBAAA,GAAAH,OAAA;;;;;;;;;;;;;AAaA;AACA;AACA;AACO,SAASI,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAG,IAAAC,wCAAmB,EAAI,EAAEC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB,CAAC,CAAC,CAAC;;EAE5F,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIN,KAAK,CAACO,cAAc,EAAE;MACxBP,KAAK,CAACO,cAAc,CAACJ,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,cAAA,CAAAa,aAAa,EAAKV,KAAK;IACrB,IAAAW,iBAAU,EAACX,KAAK,CAACY,QAAQ,CAAC,IAAAX,eAAA,GAAGD,KAAK,CAACY,QAAQ,CAACT,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACY,QAAQ,YAAAV,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACc,mBAAmB,GAAG,kBAAkB;AACzDd,gBAAgB,CAACe,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_CommonWrapper","_useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","useResponsiveLayout","customMediaQueries","useEffect","onLayoutChange","default","createElement","CommonWrapper","isFunction","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"sNAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;;;AAGA,IAAAG,oBAAA,GAAAH,OAAA;;;;;;;;;;;;;AAaA;AACA;AACA;AACO,SAASI,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAG,IAAAC,wCAAmB,EAAI,EAAEC,kBAAkB,EAAEL,KAAK,CAACK,kBAAkB,CAAC,CAAC,CAAC;;EAE5F,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIN,KAAK,CAACO,cAAc,EAAE;MACxBP,KAAK,CAACO,cAAc,CAACJ,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,cAAA,CAAAa,aAAa,EAAKV,KAAK;IACrB,IAAAW,iBAAU,EAACX,KAAK,CAACY,QAAQ,CAAC,IAAAX,eAAA,GAAGD,KAAK,CAACY,QAAQ,CAACT,WAAW,CAAC,cAAAF,eAAA,cAAAA,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACY,QAAQ,cAAAV,gBAAA,cAAAA,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACc,mBAAmB,GAAG,kBAAkB;AACzDd,gBAAgB,CAACe,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.addResponsiveLayoutListener = addResponsiveLayoutListener;exports.checkMatches = checkMatches;exports.eventListenersMap = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _globalObject = require("@skbkontur/global-object");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.addResponsiveLayoutListener = addResponsiveLayoutListener;exports.checkMatches = checkMatches;exports.eventListenersMap = void 0;var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _globalObject = require("@skbkontur/global-object");
 
 
 
@@ -32,15 +32,15 @@ function addCallbackToMQListener(mediaQuery, callback) {
   var eventListener = eventListenersMap.get(mediaQuery);
 
   if (eventListener) {
-    eventListenersMap.set(mediaQuery, (0, _extends2.default)({},
-    eventListener, {
-      listeners: [].concat(eventListener.listeners, [callback]) })
+    eventListenersMap.set(mediaQuery, (0, _objectSpread2.default)((0, _objectSpread2.default)({},
+    eventListener), {}, {
+      listeners: [].concat((0, _toConsumableArray2.default)(eventListener.listeners), [callback]) })
     );
   }
 }
 
-function createMQListener(mediaQuery, callback) {
-  var mql = _globalObject.globalObject.matchMedia == null ? void 0 : _globalObject.globalObject.matchMedia(mediaQuery);
+function createMQListener(mediaQuery, callback) {var _globalObject$matchMe;
+  var mql = (_globalObject$matchMe = _globalObject.globalObject.matchMedia) === null || _globalObject$matchMe === void 0 ? void 0 : _globalObject$matchMe.call(_globalObject.globalObject, mediaQuery);
   if (mql) {
     var newMediaQueryInfo = { mql: mql, listeners: [callback] };
 
@@ -70,9 +70,9 @@ function removeCallbackFromMQListener(mediaQuery, callback) {
         return;
       }
 
-      eventListenersMap.set(mediaQuery, (0, _extends2.default)({},
-      eventListener, {
-        listeners: [].concat(newListeners) })
+      eventListenersMap.set(mediaQuery, (0, _objectSpread2.default)((0, _objectSpread2.default)({},
+      eventListener), {}, {
+        listeners: (0, _toConsumableArray2.default)(newListeners) })
       );
     }
   }
@@ -83,12 +83,12 @@ function checkMatches(mediaQuery) {var _eventListener$mql$ma;
     return false;
   }
 
-  if (!eventListenersMap.has(mediaQuery)) {var _globalObject$matchMe;
-    return !!((_globalObject$matchMe = _globalObject.globalObject.matchMedia(mediaQuery)) != null && _globalObject$matchMe.matches);
+  if (!eventListenersMap.has(mediaQuery)) {var _globalObject$matchMe2;
+    return !!((_globalObject$matchMe2 = _globalObject.globalObject.matchMedia(mediaQuery)) !== null && _globalObject$matchMe2 !== void 0 && _globalObject$matchMe2.matches);
   }
 
   var eventListener = eventListenersMap.get(mediaQuery);
-  return (_eventListener$mql$ma = eventListener == null ? void 0 : eventListener.mql.matches) != null ? _eventListener$mql$ma : false;
+  return (_eventListener$mql$ma = eventListener === null || eventListener === void 0 ? void 0 : eventListener.mql.matches) !== null && _eventListener$mql$ma !== void 0 ? _eventListener$mql$ma : false;
 }
 
 function changeCallback(e) {

package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","eventListenersMap","exports","Map","addResponsiveLayoutListener","mediaQuery","callback","has","addCallbackToMQListener","createMQListener","remove","removeCallbackFromMQListener","eventListener","get","set","_extends2","default","listeners","concat","mql","globalObject","matchMedia","newMediaQueryInfo","addEventListener","changeCallback","addListener","newListeners","filter","listener","length","removeEventListener","removeListener","delete","checkMatches","_eventListener$mql$ma","_globalObject$matchMe","matches","e","media","forEach"],"sources":["ResponsiveLayoutEvents.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ninterface mediaQueryData {\n  mql: MediaQueryList;\n  listeners: Array<(e: MediaQueryListEvent) => void>;\n}\n\nexport interface listenerToken {\n  remove: () => void;\n}\n\nexport const eventListenersMap = new Map<string, mediaQueryData>();\n\nexport function addResponsiveLayoutListener(\n  mediaQuery: string,\n  callback: (e: MediaQueryListEvent) => void,\n): listenerToken {\n  if (eventListenersMap.has(mediaQuery)) {\n    addCallbackToMQListener(mediaQuery, callback);\n  } else {\n    createMQListener(mediaQuery, callback);\n  }\n\n  return {\n    remove() {\n      removeCallbackFromMQListener(mediaQuery, callback);\n    },\n  };\n}\n\nfunction addCallbackToMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  const eventListener = eventListenersMap.get(mediaQuery);\n\n  if (eventListener) {\n    eventListenersMap.set(mediaQuery, {\n      ...eventListener,\n      listeners: [...eventListener.listeners, callback],\n    });\n  }\n}\n\nfunction createMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  const mql = globalObject.matchMedia?.(mediaQuery);\n  if (mql) {\n    const newMediaQueryInfo: mediaQueryData = { mql, listeners: [callback] };\n\n    eventListenersMap.set(mediaQuery, newMediaQueryInfo);\n    if (mql.addEventListener) {\n      mql.addEventListener('change', changeCallback);\n    } else {\n      mql.addListener(changeCallback);\n    }\n  }\n}\n\nfunction removeCallbackFromMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  if (eventListenersMap.has(mediaQuery)) {\n    const eventListener = eventListenersMap.get(mediaQuery);\n\n    if (eventListener) {\n      const newListeners = eventListener.listeners.filter((listener) => listener !== callback);\n\n      if (newListeners.length === 0) {\n        if (eventListener.mql.removeEventListener) {\n          eventListener.mql.removeEventListener('change', changeCallback);\n        } else {\n          eventListener.mql.removeListener(changeCallback);\n        }\n        eventListenersMap.delete(mediaQuery);\n        return;\n      }\n\n      eventListenersMap.set(mediaQuery, {\n        ...eventListener,\n        listeners: [...newListeners],\n      });\n    }\n  }\n}\n\nexport function checkMatches(mediaQuery: string) {\n  if (!globalObject.matchMedia) {\n    return false;\n  }\n\n  if (!eventListenersMap.has(mediaQuery)) {\n    return !!globalObject.matchMedia(mediaQuery)?.matches;\n  }\n\n  const eventListener = eventListenersMap.get(mediaQuery);\n  return eventListener?.mql.matches ?? false;\n}\n\nfunction changeCallback(e: MediaQueryListEvent) {\n  const eventListener = eventListenersMap.get(e.media);\n\n  if (eventListener) {\n    eventListener.listeners.forEach((listener) => {\n      listener(e);\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_globalObject","require","eventListenersMap","exports","Map","addResponsiveLayoutListener","mediaQuery","callback","has","addCallbackToMQListener","createMQListener","remove","removeCallbackFromMQListener","eventListener","get","set","_objectSpread2","default","listeners","concat","_toConsumableArray2","_globalObject$matchMe","mql","globalObject","matchMedia","call","newMediaQueryInfo","addEventListener","changeCallback","addListener","newListeners","filter","listener","length","removeEventListener","removeListener","delete","checkMatches","_eventListener$mql$ma","_globalObject$matchMe2","matches","e","media","forEach"],"sources":["ResponsiveLayoutEvents.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ninterface mediaQueryData {\n  mql: MediaQueryList;\n  listeners: Array<(e: MediaQueryListEvent) => void>;\n}\n\nexport interface listenerToken {\n  remove: () => void;\n}\n\nexport const eventListenersMap = new Map<string, mediaQueryData>();\n\nexport function addResponsiveLayoutListener(\n  mediaQuery: string,\n  callback: (e: MediaQueryListEvent) => void,\n): listenerToken {\n  if (eventListenersMap.has(mediaQuery)) {\n    addCallbackToMQListener(mediaQuery, callback);\n  } else {\n    createMQListener(mediaQuery, callback);\n  }\n\n  return {\n    remove() {\n      removeCallbackFromMQListener(mediaQuery, callback);\n    },\n  };\n}\n\nfunction addCallbackToMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  const eventListener = eventListenersMap.get(mediaQuery);\n\n  if (eventListener) {\n    eventListenersMap.set(mediaQuery, {\n      ...eventListener,\n      listeners: [...eventListener.listeners, callback],\n    });\n  }\n}\n\nfunction createMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  const mql = globalObject.matchMedia?.(mediaQuery);\n  if (mql) {\n    const newMediaQueryInfo: mediaQueryData = { mql, listeners: [callback] };\n\n    eventListenersMap.set(mediaQuery, newMediaQueryInfo);\n    if (mql.addEventListener) {\n      mql.addEventListener('change', changeCallback);\n    } else {\n      mql.addListener(changeCallback);\n    }\n  }\n}\n\nfunction removeCallbackFromMQListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void) {\n  if (eventListenersMap.has(mediaQuery)) {\n    const eventListener = eventListenersMap.get(mediaQuery);\n\n    if (eventListener) {\n      const newListeners = eventListener.listeners.filter((listener) => listener !== callback);\n\n      if (newListeners.length === 0) {\n        if (eventListener.mql.removeEventListener) {\n          eventListener.mql.removeEventListener('change', changeCallback);\n        } else {\n          eventListener.mql.removeListener(changeCallback);\n        }\n        eventListenersMap.delete(mediaQuery);\n        return;\n      }\n\n      eventListenersMap.set(mediaQuery, {\n        ...eventListener,\n        listeners: [...newListeners],\n      });\n    }\n  }\n}\n\nexport function checkMatches(mediaQuery: string) {\n  if (!globalObject.matchMedia) {\n    return false;\n  }\n\n  if (!eventListenersMap.has(mediaQuery)) {\n    return !!globalObject.matchMedia(mediaQuery)?.matches;\n  }\n\n  const eventListener = eventListenersMap.get(mediaQuery);\n  return eventListener?.mql.matches ?? false;\n}\n\nfunction changeCallback(e: MediaQueryListEvent) {\n  const eventListener = eventListenersMap.get(e.media);\n\n  if (eventListener) {\n    eventListener.listeners.forEach((listener) => {\n      listener(e);\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ResponsiveLayout/decorator.js

@@ -1,10 +1,10 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.responsiveLayout = responsiveLayout;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.responsiveLayout = responsiveLayout;var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react = _interopRequireDefault(require("react"));
 
-var _ResponsiveLayout = require("./ResponsiveLayout");
+var _ResponsiveLayout = require("./ResponsiveLayout");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 
 function responsiveLayout(WrappedComp) {
-  var ComponentWithLayout = /*#__PURE__*/function (_WrappedComp) {function ComponentWithLayout() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _WrappedComp.call.apply(_WrappedComp, [this].concat(args)) || this;_this.
+  var ComponentWithLayout = /*#__PURE__*/function (_WrappedComp) {function ComponentWithLayout() {var _this;(0, _classCallCheck2.default)(this, ComponentWithLayout);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, ComponentWithLayout, [].concat(args));_this.
 
 
 
@@ -26,14 +26,14 @@ function responsiveLayout(WrappedComp) {
       renderWithLayout = function (currentLayout) {
         _this.layout = currentLayout;
 
-        return _WrappedComp.prototype.render.call(_this);
-      };return _this;}(0, _inheritsLoose2.default)(ComponentWithLayout, _WrappedComp);var _proto = ComponentWithLayout.prototype;_proto.
-
-    render = function render() {
-      return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, this.renderWithLayout);
-    };return (0, _createClass2.default)(ComponentWithLayout, [{ key: "currentLayout", get: function get() {return this.layout;}, set: function set(value) {//
+        return (0, _get2.default)((_this, (0, _getPrototypeOf2.default)(ComponentWithLayout.prototype)), "render", _this).call(_this);
+      };return _this;}(0, _inherits2.default)(ComponentWithLayout, _WrappedComp);return (0, _createClass2.default)(ComponentWithLayout, [{ key: "currentLayout", get: function get() {return this.layout;}, set: function set(value) {//
       } }, { key: "isMobileLayout", get: function get() {return this.layout.isMobile;}, set: function set(value) {//
+      } }, { key: "render", value: function render() {
+        return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, this.renderWithLayout);
       } }]);}(WrappedComp);
+
+
   var nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');
 
   if (!nameDescriptor || nameDescriptor.configurable) {

package/cjs/components/ResponsiveLayout/decorator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ResponsiveLayout","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderWithLayout","currentLayout","layout","prototype","render","_inheritsLoose2","default","_proto","createElement","ResponsiveLayout","_createClass2","key","get","set","value","isMobile","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","name"],"sources":["decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ResponsiveLayout } from './ResponsiveLayout';\nimport type { ResponsiveLayoutFlags } from './types';\n\nexport function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T) {\n  const ComponentWithLayout = class extends WrappedComp {\n    public layout!: ResponsiveLayoutFlags;\n\n    public get currentLayout(): ResponsiveLayoutFlags {\n      return this.layout;\n    }\n\n    public set currentLayout(value: ResponsiveLayoutFlags) {\n      //\n    }\n\n    public get isMobileLayout(): boolean {\n      return this.layout.isMobile;\n    }\n\n    public set isMobileLayout(value: boolean) {\n      //\n    }\n\n    public renderWithLayout = (currentLayout: ResponsiveLayoutFlags) => {\n      this.layout = currentLayout;\n\n      return super.render();\n    };\n\n    public render() {\n      return <ResponsiveLayout>{this.renderWithLayout}</ResponsiveLayout>;\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');\n\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });\n  }\n\n  return ComponentWithLayout;\n}\n"],"mappings":"wWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,iBAAA,GAAAD,OAAA;;;AAGO,SAASE,gBAAgBA,CAAoDC,WAAc,EAAE;EAClG,IAAMC,mBAAmB,0BAAAC,YAAA,YAAAD,oBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,YAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,YAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;MAmBhBU,gBAAgB,GAAG,UAACC,aAAoC,EAAK;QAClEX,KAAA,CAAKY,MAAM,GAAGD,aAAa;;QAE3B,OAAAZ,YAAA,CAAAc,SAAA,CAAaC,MAAM,CAAAP,IAAA,CAAAP,KAAA;MACrB,CAAC,QAAAA,KAAA,MAAAe,eAAA,CAAAC,OAAA,EAAAlB,mBAAA,EAAAC,YAAA,MAAAkB,MAAA,GAAAnB,mBAAA,CAAAe,SAAA,CAAAI,MAAA;;IAEMH,MAAM,GAAb,SAAAA,OAAA,EAAgB;MACd,oBAAOtB,MAAA,CAAAwB,OAAA,CAAAE,aAAA,CAACvB,iBAAA,CAAAwB,gBAAgB,QAAE,IAAI,CAACT,gBAAmC,CAAC;IACrE,CAAC,YAAAU,aAAA,CAAAJ,OAAA,EAAAlB,mBAAA,KAAAuB,GAAA,mBAAAC,GAAA,EAxBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACV,MAAM,CACpB,CAAC,EAAAW,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACV,MAAM,CAACa,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,OAjBuC3B,WAAW,CA4BpD;EAED,IAAM6B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC9B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC4B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAChC,mBAAmB,EAAE,MAAM,EAAE,EAAE0B,KAAK,EAAE3B,WAAW,CAACkC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAOjC,mBAAmB;AAC5B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ResponsiveLayout","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","renderWithLayout","currentLayout","layout","_get2","prototype","call","_inherits2","_createClass2","key","get","set","value","isMobile","render","createElement","ResponsiveLayout","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","name"],"sources":["decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ResponsiveLayout } from './ResponsiveLayout';\nimport type { ResponsiveLayoutFlags } from './types';\n\nexport function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T) {\n  const ComponentWithLayout = class extends WrappedComp {\n    public layout!: ResponsiveLayoutFlags;\n\n    public get currentLayout(): ResponsiveLayoutFlags {\n      return this.layout;\n    }\n\n    public set currentLayout(value: ResponsiveLayoutFlags) {\n      //\n    }\n\n    public get isMobileLayout(): boolean {\n      return this.layout.isMobile;\n    }\n\n    public set isMobileLayout(value: boolean) {\n      //\n    }\n\n    public renderWithLayout = (currentLayout: ResponsiveLayoutFlags) => {\n      this.layout = currentLayout;\n\n      return super.render();\n    };\n\n    public render() {\n      return <ResponsiveLayout>{this.renderWithLayout}</ResponsiveLayout>;\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(ComponentWithLayout, 'name');\n\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(ComponentWithLayout, 'name', { value: WrappedComp.name });\n  }\n\n  return ComponentWithLayout;\n}\n"],"mappings":"s3BAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,iBAAA,GAAAD,OAAA,uBAAsD,SAAAE,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;;AAG/C,SAASS,gBAAgBA,CAAoDC,WAAc,EAAE;EAClG,IAAMC,mBAAmB,0BAAAC,YAAA,YAAAD,oBAAA,OAAAE,KAAA,KAAAC,gBAAA,CAAAZ,OAAA,QAAAS,mBAAA,WAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAhB,UAAA,OAAAc,mBAAA,KAAAU,MAAA,CAAAH,IAAA,GAAAL,KAAA;;;;;;;;;;;;;;;;;;;MAmBhBS,gBAAgB,GAAG,UAACC,aAAoC,EAAK;QAClEV,KAAA,CAAKW,MAAM,GAAGD,aAAa;;QAE3B,WAAAE,KAAA,CAAAvB,OAAA,GAAAW,KAAA,MAAAZ,gBAAA,CAAAC,OAAA,EAAAS,mBAAA,CAAAe,SAAA,cAAAb,KAAA,EAAAc,IAAA,CAAAd,KAAA;MACF,CAAC,QAAAA,KAAA,MAAAe,UAAA,CAAA1B,OAAA,EAAAS,mBAAA,EAAAC,YAAA,aAAAiB,aAAA,CAAA3B,OAAA,EAAAS,mBAAA,KAAAmB,GAAA,mBAAAC,GAAA,EApBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACP,MAAM,CACpB,CAAC,EAAAQ,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACP,MAAM,CAACU,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,MAAAH,GAAA,YAAAG,KAAA,EAQD,SAAAE,OAAA,EAAgB;QACd,oBAAO1C,MAAA,CAAAS,OAAA,CAAAkC,aAAA,CAACxC,iBAAA,CAAAyC,gBAAgB,QAAE,IAAI,CAACf,gBAAmC,CAAC;MACrE,CAAC,OA3BuCZ,WAAW,CA4BpD;;;EAED,IAAM4B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC7B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC2B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC/B,mBAAmB,EAAE,MAAM,EAAE,EAAEsB,KAAK,EAAEvB,WAAW,CAACiC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAOhC,mBAAmB;AAC5B","ignoreList":[]}

package/cjs/components/ResponsiveLayout/index.js

@@ -1,3 +1,3 @@
-"use strict";exports.__esModule = true;var _ResponsiveLayout = require("./ResponsiveLayout");Object.keys(_ResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ResponsiveLayout[key]) return;exports[key] = _ResponsiveLayout[key];});
-var _useResponsiveLayout = require("./useResponsiveLayout");Object.keys(_useResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _useResponsiveLayout[key]) return;exports[key] = _useResponsiveLayout[key];});
-var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _ResponsiveLayout = require("./ResponsiveLayout");Object.keys(_ResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ResponsiveLayout[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _ResponsiveLayout[key];} });});
+var _useResponsiveLayout = require("./useResponsiveLayout");Object.keys(_useResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _useResponsiveLayout[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _useResponsiveLayout[key];} });});
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _types[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _types[key];} });});

package/cjs/components/ResponsiveLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ResponsiveLayout","require","Object","keys","forEach","key","exports","_useResponsiveLayout","_types"],"sources":["index.tsx"],"sourcesContent":["export * from './ResponsiveLayout';\nexport * from './useResponsiveLayout';\nexport * from './types';\n"],"mappings":"uCAAA,IAAAA,iBAAA,GAAAC,OAAA,uBAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA,0BAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AACA,IAAAG,MAAA,GAAAP,OAAA,YAAAC,MAAA,CAAAC,IAAA,CAAAK,MAAA,EAAAJ,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,MAAA,CAAAH,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAG,MAAA,CAAAH,GAAA","ignoreList":[]}
+{"version":3,"names":["_ResponsiveLayout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useResponsiveLayout","_types"],"sources":["index.tsx"],"sourcesContent":["export * from './ResponsiveLayout';\nexport * from './useResponsiveLayout';\nexport * from './types';\n"],"mappings":"2EAAA,IAAAA,iBAAA,GAAAC,OAAA,uBAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,iBAAA,CAAAK,GAAA;AACA,IAAAK,oBAAA,GAAAT,OAAA,0BAAAC,MAAA,CAAAC,IAAA,CAAAO,oBAAA,EAAAN,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,oBAAA,CAAAL,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAC,oBAAA,CAAAL,GAAA;AACA,IAAAM,MAAA,GAAAV,OAAA,YAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAE,MAAA,CAAAN,GAAA","ignoreList":[]}

package/cjs/components/ResponsiveLayout/types.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/ResponsiveLayout/useResponsiveLayout.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useResponsiveLayout = useResponsiveLayout;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.useResponsiveLayout = useResponsiveLayout;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = require("react");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
@@ -6,15 +6,15 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _ResponsiveLayoutEvents = require("./ResponsiveLayoutEvents");
 
-function useResponsiveLayout(_temp)
+function useResponsiveLayout()
 
-{var _ref = _temp === void 0 ? {} : _temp,customMediaQueries = _ref.customMediaQueries;
+{var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},customMediaQueries = _ref.customMediaQueries;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-  var allMediaQueries = Object.entries((0, _extends3.default)({
+  var allMediaQueries = Object.entries((0, _objectSpread3.default)({
     isMobile: theme.mobileMediaQuery },
   customMediaQueries)
-  ).map(function (_ref2) {var key = _ref2[0],value = _ref2[1];return {
+  ).map(function (_ref2) {var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),key = _ref3[0],value = _ref3[1];return {
       flag: key,
       query: value,
       ref: /*#__PURE__*/(0, _react.createRef)()
@@ -22,12 +22,12 @@ function useResponsiveLayout(_temp)
 
   var getLayoutFromGlobal = function getLayoutFromGlobal() {
     return allMediaQueries.reduce(
-      function (result, mediaQuery) {var _Object$assign;return Object.assign(result, (_Object$assign = {}, _Object$assign[mediaQuery.flag] = (0, _ResponsiveLayoutEvents.checkMatches)(mediaQuery.query), _Object$assign));},
+      function (result, mediaQuery) {return Object.assign(result, (0, _defineProperty2.default)({}, mediaQuery.flag, (0, _ResponsiveLayoutEvents.checkMatches)(mediaQuery.query)));},
       {}
     );
   };
 
-  var _useState = (0, _react.useState)(getLayoutFromGlobal()),state = _useState[0],setState = _useState[1];
+  var _useState = (0, _react.useState)(getLayoutFromGlobal()),_useState2 = (0, _slicedToArray2.default)(_useState, 2),state = _useState2[0],setState = _useState2[1];
 
   var prepareMediaQueries = (0, _react.useCallback)(function () {
     if (!theme) {
@@ -41,7 +41,7 @@ function useResponsiveLayout(_temp)
 
     // Checking for SSR use case
     var globalLayout = getLayoutFromGlobal();
-    var hasChangedQuery = Object.entries(globalLayout).find(function (_ref3) {var key = _ref3[0],value = _ref3[1];return state[key] !== value;});
+    var hasChangedQuery = Object.entries(globalLayout).find(function (_ref4) {var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),key = _ref5[0],value = _ref5[1];return state[key] !== value;});
 
     if (hasChangedQuery) {
       setState(globalLayout);
@@ -56,9 +56,9 @@ function useResponsiveLayout(_temp)
 
       allMediaQueries.forEach(function (mediaQuery) {
         if (e.media === mediaQuery.query) {
-          setState(function (prevState) {var _extends2;return (0, _extends3.default)({},
-            prevState, (_extends2 = {}, _extends2[
-            mediaQuery.flag] = e.matches, _extends2));}
+          setState(function (prevState) {return (0, _objectSpread3.default)((0, _objectSpread3.default)({},
+            prevState), {}, (0, _defineProperty2.default)({},
+            mediaQuery.flag, e.matches));}
           );
         }
       });
@@ -70,7 +70,7 @@ function useResponsiveLayout(_temp)
     prepareMediaQueries();
 
     return function () {
-      allMediaQueries.forEach(function (mediaQuery) {var _mediaQuery$ref$curre;return (_mediaQuery$ref$curre = mediaQuery.ref.current) == null ? void 0 : _mediaQuery$ref$curre.remove();});
+      allMediaQueries.forEach(function (mediaQuery) {var _mediaQuery$ref$curre;return (_mediaQuery$ref$curre = mediaQuery.ref.current) === null || _mediaQuery$ref$curre === void 0 ? void 0 : _mediaQuery$ref$curre.remove();});
     };
   }, []);
 

package/cjs/components/ResponsiveLayout/useResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ThemeContext","_ResponsiveLayoutEvents","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","useContext","ThemeContext","allMediaQueries","Object","entries","_extends3","default","isMobile","mobileMediaQuery","map","_ref2","key","value","flag","query","ref","createRef","getLayoutFromGlobal","reduce","result","mediaQuery","_Object$assign","assign","checkMatches","_useState","useState","state","setState","prepareMediaQueries","useCallback","forEach","current","addResponsiveLayoutListener","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref3","e","media","prevState","_extends2","matches","useEffect","_mediaQuery$ref$curre","remove"],"sources":["useResponsiveLayout.ts"],"sourcesContent":["import type React from 'react';\nimport { createRef, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';\nimport { addResponsiveLayoutListener, checkMatches } from './ResponsiveLayoutEvents';\n\nexport function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({\n  customMediaQueries,\n}: ResponsiveLayoutOptions<T> = {}) {\n  const theme = useContext(ThemeContext);\n\n  const allMediaQueries = Object.entries({\n    isMobile: theme.mobileMediaQuery,\n    ...customMediaQueries,\n  }).map(([key, value]) => ({\n    flag: key,\n    query: value,\n    ref: createRef() as React.MutableRefObject<{ remove: () => void } | null>,\n  }));\n\n  const getLayoutFromGlobal = (): ResponsiveLayoutFlags<T> => {\n    return allMediaQueries.reduce(\n      (result, mediaQuery) => Object.assign(result, { [mediaQuery.flag]: checkMatches(mediaQuery.query) }),\n      {},\n    ) as ResponsiveLayoutFlags<T>;\n  };\n\n  const [state, setState] = useState(getLayoutFromGlobal());\n\n  const prepareMediaQueries = useCallback(() => {\n    if (!theme) {\n      return;\n    }\n\n    allMediaQueries.forEach(\n      (mediaQuery) =>\n        (mediaQuery.ref.current = addResponsiveLayoutListener(mediaQuery.query, checkLayoutsMediaQueries)),\n    );\n\n    // Checking for SSR use case\n    const globalLayout = getLayoutFromGlobal();\n    const hasChangedQuery = Object.entries(globalLayout).find(([key, value]) => state[key] !== value);\n\n    if (hasChangedQuery) {\n      setState(globalLayout);\n    }\n  }, [theme]);\n\n  const checkLayoutsMediaQueries = useCallback(\n    (e: MediaQueryListEvent) => {\n      if (!theme) {\n        return;\n      }\n\n      allMediaQueries.forEach((mediaQuery) => {\n        if (e.media === mediaQuery.query) {\n          setState((prevState: ResponsiveLayoutFlags<T>) => ({\n            ...prevState,\n            [mediaQuery.flag]: e.matches,\n          }));\n        }\n      });\n    },\n    [theme],\n  );\n\n  useEffect(() => {\n    prepareMediaQueries();\n\n    return () => {\n      allMediaQueries.forEach((mediaQuery) => mediaQuery.ref.current?.remove());\n    };\n  }, []);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_ThemeContext","_ResponsiveLayoutEvents","useResponsiveLayout","_ref","arguments","length","undefined","customMediaQueries","theme","useContext","ThemeContext","allMediaQueries","Object","entries","_objectSpread3","default","isMobile","mobileMediaQuery","map","_ref2","_ref3","_slicedToArray2","key","value","flag","query","ref","createRef","getLayoutFromGlobal","reduce","result","mediaQuery","assign","_defineProperty2","checkMatches","_useState","useState","_useState2","state","setState","prepareMediaQueries","useCallback","forEach","current","addResponsiveLayoutListener","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref4","_ref5","e","media","prevState","matches","useEffect","_mediaQuery$ref$curre","remove"],"sources":["useResponsiveLayout.ts"],"sourcesContent":["import type React from 'react';\nimport { createRef, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';\nimport { addResponsiveLayoutListener, checkMatches } from './ResponsiveLayoutEvents';\n\nexport function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({\n  customMediaQueries,\n}: ResponsiveLayoutOptions<T> = {}) {\n  const theme = useContext(ThemeContext);\n\n  const allMediaQueries = Object.entries({\n    isMobile: theme.mobileMediaQuery,\n    ...customMediaQueries,\n  }).map(([key, value]) => ({\n    flag: key,\n    query: value,\n    ref: createRef() as React.MutableRefObject<{ remove: () => void } | null>,\n  }));\n\n  const getLayoutFromGlobal = (): ResponsiveLayoutFlags<T> => {\n    return allMediaQueries.reduce(\n      (result, mediaQuery) => Object.assign(result, { [mediaQuery.flag]: checkMatches(mediaQuery.query) }),\n      {},\n    ) as ResponsiveLayoutFlags<T>;\n  };\n\n  const [state, setState] = useState(getLayoutFromGlobal());\n\n  const prepareMediaQueries = useCallback(() => {\n    if (!theme) {\n      return;\n    }\n\n    allMediaQueries.forEach(\n      (mediaQuery) =>\n        (mediaQuery.ref.current = addResponsiveLayoutListener(mediaQuery.query, checkLayoutsMediaQueries)),\n    );\n\n    // Checking for SSR use case\n    const globalLayout = getLayoutFromGlobal();\n    const hasChangedQuery = Object.entries(globalLayout).find(([key, value]) => state[key] !== value);\n\n    if (hasChangedQuery) {\n      setState(globalLayout);\n    }\n  }, [theme]);\n\n  const checkLayoutsMediaQueries = useCallback(\n    (e: MediaQueryListEvent) => {\n      if (!theme) {\n        return;\n      }\n\n      allMediaQueries.forEach((mediaQuery) => {\n        if (e.media === mediaQuery.query) {\n          setState((prevState: ResponsiveLayoutFlags<T>) => ({\n            ...prevState,\n            [mediaQuery.flag]: e.matches,\n          }));\n        }\n      });\n    },\n    [theme],\n  );\n\n  useEffect(() => {\n    prepareMediaQueries();\n\n    return () => {\n      allMediaQueries.forEach((mediaQuery) => mediaQuery.ref.current?.remove());\n    };\n  }, []);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ScrollContainer/ScrollBar.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ScrollBar = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ScrollBar = void 0;var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 
@@ -9,7 +9,7 @@ var _isInstanceOf = require("../../lib/isInstanceOf");
 
 var _ScrollContainer = require("./ScrollContainer.constants");
 var _ScrollContainer2 = require("./ScrollContainer.styles");
-var _ScrollContainer3 = require("./ScrollContainer.helpers");var
+var _ScrollContainer3 = require("./ScrollContainer.helpers");function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}var
 
 
 
@@ -47,13 +47,13 @@ var _ScrollContainer3 = require("./ScrollContainer.helpers");var
 
 
 
-ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {function ScrollBar() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {function ScrollBar() {var _this;(0, _classCallCheck2.default)(this, ScrollBar);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, ScrollBar, [].concat(args));_this.
 
     containerRef = /*#__PURE__*/_react.default.createRef();_this.
 
 
 
-    state = (0, _extends2.default)({},
+    state = (0, _objectSpread2.default)({},
     _ScrollContainer.defaultScrollbarState);_this.
 
 
@@ -76,7 +76,7 @@ ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {functi
 
 
 
-    renderMain = function () {var _cx, _inlineStyles;
+    renderMain = function () {
       var state = _this.state;
       var props = _this.props;
 
@@ -86,14 +86,14 @@ ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {functi
 
       var _scrollSizeParameters = _ScrollContainer.scrollSizeParametersNames[_this.props.axis],customScrollPos = _scrollSizeParameters.customScrollPos,customScrollSize = _scrollSizeParameters.customScrollSize;
 
-      var classNames = (0, _Emotion.cx)(props.className, _ScrollContainer2.styles.scrollBar(_this.theme), _this.scrollBarStyles, (_cx = {}, _cx[
-      _ScrollContainer2.styles.scrollBarInvert(_this.theme)] = props.invert, _cx[
-      _ScrollContainer2.styles.visibleScrollBar()] = props.isVisible, _cx)
+      var classNames = (0, _Emotion.cx)(props.className, _ScrollContainer2.styles.scrollBar(_this.theme), _this.scrollBarStyles, (0, _defineProperty2.default)((0, _defineProperty2.default)({},
+      _ScrollContainer2.styles.scrollBarInvert(_this.theme), props.invert),
+      _ScrollContainer2.styles.visibleScrollBar(), props.isVisible)
       );
 
-      var inlineStyles = (_inlineStyles = {}, _inlineStyles[
-      customScrollPos] = state.pos + "%", _inlineStyles[
-      customScrollSize] = state.size + "%", _inlineStyles);
+      var inlineStyles = (0, _defineProperty2.default)((0, _defineProperty2.default)({},
+      customScrollPos, "".concat(state.pos, "%")),
+      customScrollSize, "".concat(state.size, "%"));
 
 
       return /*#__PURE__*/(
@@ -103,7 +103,7 @@ ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {functi
           style: inlineStyles,
           className: classNames,
           onMouseDown: _this.handleScrollMouseDown,
-          "data-tid": "ScrollContainer__ScrollBar-" + props.axis }
+          "data-tid": "ScrollContainer__ScrollBar-".concat(props.axis) }
         )
         ));
 
@@ -126,12 +126,12 @@ ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {functi
       if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {
         var scrollState = _this.getImmediateScrollState();
 
-        if (state.pos !== scrollPos) {
-          _this.props.onScroll == null || _this.props.onScroll(props.axis, scrollState, state.scrollState);
+        if (state.pos !== scrollPos) {var _this$props$onScroll, _this$props;
+          (_this$props$onScroll = (_this$props = _this.props).onScroll) === null || _this$props$onScroll === void 0 || _this$props$onScroll.call(_this$props, props.axis, scrollState, state.scrollState);
         }
 
-        _this.setState((0, _extends2.default)({},
-        _this.state, {
+        _this.setState((0, _objectSpread2.default)((0, _objectSpread2.default)({},
+        _this.state), {}, {
           active: scrollActive,
           size: scrollSize,
           pos: scrollPos,
@@ -234,14 +234,14 @@ ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {functi
       };
 
       var mouseUp = function mouseUp() {
-        target == null || target.removeEventListener('mousemove', mouseMove);
-        target == null || target.removeEventListener('mouseup', mouseUp);
-        _this.setState((0, _extends2.default)({}, _this.state, { scrollingByMouseDrag: false }));
+        target === null || target === void 0 || target.removeEventListener('mousemove', mouseMove);
+        target === null || target === void 0 || target.removeEventListener('mouseup', mouseUp);
+        _this.setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.state), {}, { scrollingByMouseDrag: false }));
       };
 
-      target == null || target.addEventListener('mousemove', mouseMove);
-      target == null || target.addEventListener('mouseup', mouseUp);
-      _this.setState((0, _extends2.default)({}, _this.state, { scrollingByMouseDrag: true }));
+      target === null || target === void 0 || target.addEventListener('mousemove', mouseMove);
+      target === null || target === void 0 || target.addEventListener('mouseup', mouseUp);
+      _this.setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.state), {}, { scrollingByMouseDrag: true }));
 
       event.preventDefault();
     };_this.
@@ -283,4 +283,4 @@ ScrollBar = exports.ScrollBar = /*#__PURE__*/function (_React$Component) {functi
       }
 
       return 'middle';
-    };return _this;}(0, _inheritsLoose2.default)(ScrollBar, _React$Component);var _proto = ScrollBar.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();};_proto.componentDidUpdate = function componentDidUpdate() {this.reflow();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.setHover = function setHover(hover) {if (this.state.active && this.state.hover !== hover) {this.setState((0, _extends2.default)({}, this.state, { hover: hover }));}};_proto.getHover = function getHover() {return this.state.hover;};return (0, _createClass2.default)(ScrollBar, [{ key: "scrollBarState", get: function get() {return this.state.scrollState;} }, { key: "scrollBarStyles", get: function get() {var _cx3;var state = this.state;if (this.props.axis === 'x') {var _cx2;return (0, _Emotion.cx)(_ScrollContainer2.styles.scrollBarX(this.theme), _ScrollContainer2.globalClasses.scrollbarX, (_cx2 = {}, _cx2[_ScrollContainer2.styles.scrollBarXHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _cx2));}return (0, _Emotion.cx)(_ScrollContainer2.styles.scrollBarY(this.theme), _ScrollContainer2.globalClasses.scrollbarY, (_cx3 = {}, _cx3[_ScrollContainer2.styles.scrollBarYHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _cx3));} }, { key: "scrollBarContainerClassNames", get: function get() {var axis = this.props.axis;if (axis === 'x') {return (0, _Emotion.cx)(_ScrollContainer2.globalClasses.scrollbarContainerX, _ScrollContainer2.styles.scrollBarContainerX(this.theme));}return (0, _Emotion.cx)(_ScrollContainer2.globalClasses.scrollbarContainerY, _ScrollContainer2.styles.scrollBarContainerY());} }]);}(_react.default.Component);
+    };return _this;}(0, _inherits2.default)(ScrollBar, _React$Component);return (0, _createClass2.default)(ScrollBar, [{ key: "componentDidMount", value: function componentDidMount() {this.reflow();} }, { key: "componentDidUpdate", value: function componentDidUpdate() {this.reflow();} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} }, { key: "setHover", value: function setHover(hover) {if (this.state.active && this.state.hover !== hover) {this.setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state), {}, { hover: hover }));}} }, { key: "getHover", value: function getHover() {return this.state.hover;} }, { key: "scrollBarState", get: function get() {return this.state.scrollState;} }, { key: "scrollBarStyles", get: function get() {var state = this.state;if (this.props.axis === 'x') {return (0, _Emotion.cx)(_ScrollContainer2.styles.scrollBarX(this.theme), _ScrollContainer2.globalClasses.scrollbarX, (0, _defineProperty2.default)({}, _ScrollContainer2.styles.scrollBarXHover(this.theme), state.hover || state.scrollingByMouseDrag));}return (0, _Emotion.cx)(_ScrollContainer2.styles.scrollBarY(this.theme), _ScrollContainer2.globalClasses.scrollbarY, (0, _defineProperty2.default)({}, _ScrollContainer2.styles.scrollBarYHover(this.theme), state.hover || state.scrollingByMouseDrag));} }, { key: "scrollBarContainerClassNames", get: function get() {var axis = this.props.axis;if (axis === 'x') {return (0, _Emotion.cx)(_ScrollContainer2.globalClasses.scrollbarContainerX, _ScrollContainer2.styles.scrollBarContainerX(this.theme));}return (0, _Emotion.cx)(_ScrollContainer2.globalClasses.scrollbarContainerY, _ScrollContainer2.styles.scrollBarContainerY());} }]);}(_react.default.Component);

package/cjs/components/ScrollContainer/ScrollBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_Emotion","_isInstanceOf","_ScrollContainer","_ScrollContainer2","_ScrollContainer3","ScrollBar","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","React","createRef","state","_extends2","default","defaultScrollbarState","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","scrollSizeParametersNames","axis","customScrollPos","customScrollSize","classNames","cx","className","styles","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","globalObject","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","isInstanceOf","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose2","_proto","componentDidMount","componentDidUpdate","render","_this2","ThemeContext","Consumer","setHover","hover","getHover","_createClass2","key","get","_cx3","_cx2","scrollBarX","globalClasses","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport type { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = cx(props.className, styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [styles.scrollBarInvert(this.theme)]: props.invert,\n      [styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));\n    }\n\n    return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_ThemeContext","_Emotion","_isInstanceOf","_ScrollContainer","_ScrollContainer2","_ScrollContainer3","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ScrollBar","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","containerRef","React","createRef","state","_objectSpread2","defaultScrollbarState","renderMain","props","active","_scrollSizeParameters","scrollSizeParametersNames","axis","customScrollPos","customScrollSize","classNames","cx","className","styles","scrollBar","theme","scrollBarStyles","_defineProperty2","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","_this$props$onScroll","_this$props","onScroll","call","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","globalObject","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","isInstanceOf","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inherits2","_createClass2","key","value","componentDidMount","componentDidUpdate","render","_this2","ThemeContext","Consumer","setHover","hover","getHover","get","scrollBarX","globalClasses","scrollbarX","scrollBarXHover","scrollBarY","scrollbarY","scrollBarYHover","scrollbarContainerX","scrollBarContainerX","scrollbarContainerY","scrollBarContainerY","Component"],"sources":["ScrollBar.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { defaultScrollbarState, scrollSizeParametersNames } from './ScrollContainer.constants';\nimport { styles, globalClasses } from './ScrollContainer.styles';\nimport { getScrollSizeParams } from './ScrollContainer.helpers';\nimport type { ScrollContainerProps } from './ScrollContainer';\n\nexport type ScrollAxis = 'x' | 'y';\nexport type ScrollBarScrollState = 'begin' | 'middle' | 'end';\n\nexport interface ScrollBarState {\n  active: boolean;\n  hover: boolean;\n  scrollingByMouseDrag: boolean;\n  size: number; // in percentages\n  pos: number; // in percentages\n  scrollState: ScrollBarScrollState;\n}\n\nexport interface ScrollBarProps {\n  /** Инвертирует цвет скроллбара. */\n  invert: boolean;\n\n  /** Задает ось скроллбара. */\n  axis: ScrollAxis;\n\n  /** Задает HTML-атрибут class. */\n  className?: string;\n\n  /** Задает функцию, которая вызывается при скролле. */\n  onScroll?: (axis: ScrollAxis, state: ScrollBarScrollState, prevState: ScrollBarScrollState) => void;\n\n  /** Задает отступ от края экрана. */\n  offset: ScrollContainerProps['offsetY'] | ScrollContainerProps['offsetX'];\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Определяет, виден ли скроллбар. */\n  isVisible: boolean;\n}\n\nexport class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {\n  private inner: Nullable<HTMLElement>;\n  private containerRef = React.createRef<HTMLDivElement>();\n  private theme!: Theme;\n\n  public node: Nullable<HTMLElement>;\n  public state: ScrollBarState = {\n    ...defaultScrollbarState,\n  };\n\n  public componentDidMount() {\n    this.reflow();\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const state = this.state;\n    const props = this.props;\n\n    if (!state.active) {\n      return null;\n    }\n\n    const { customScrollPos, customScrollSize } = scrollSizeParametersNames[this.props.axis];\n\n    const classNames = cx(props.className, styles.scrollBar(this.theme), this.scrollBarStyles, {\n      [styles.scrollBarInvert(this.theme)]: props.invert,\n      [styles.visibleScrollBar()]: props.isVisible,\n    });\n\n    const inlineStyles: React.CSSProperties = {\n      [customScrollPos]: `${state.pos}%`,\n      [customScrollSize]: `${state.size}%`,\n    };\n\n    return (\n      <div ref={this.containerRef} className={this.scrollBarContainerClassNames} style={props.offset}>\n        <div\n          ref={this.refScroll}\n          style={inlineStyles}\n          className={classNames}\n          onMouseDown={this.handleScrollMouseDown}\n          data-tid={`ScrollContainer__ScrollBar-${props.axis}`}\n        />\n      </div>\n    );\n  };\n\n  public reflow = () => {\n    if (!this.inner) {\n      return;\n    }\n\n    const props = this.props;\n    const state = this.state;\n\n    const { scrollSize, scrollPos, scrollActive } = getScrollSizeParams(this.inner, props.axis);\n\n    if (!scrollActive && !state.active) {\n      return;\n    }\n\n    if (state.active !== scrollActive || state.size !== scrollSize || state.pos !== scrollPos) {\n      const scrollState = this.getImmediateScrollState();\n\n      if (state.pos !== scrollPos) {\n        this.props.onScroll?.(props.axis, scrollState, state.scrollState);\n      }\n\n      this.setState({\n        ...this.state,\n        active: scrollActive,\n        size: scrollSize,\n        pos: scrollPos,\n        scrollState,\n      });\n    }\n  };\n\n  public setInnerElement = (inner: Nullable<HTMLElement>) => {\n    this.inner = inner;\n    this.reflow();\n  };\n\n  public setHover(hover: boolean) {\n    if (this.state.active && this.state.hover !== hover) {\n      this.setState({ ...this.state, hover });\n    }\n  }\n\n  public getHover() {\n    return this.state.hover;\n  }\n\n  public get scrollBarState() {\n    return this.state.scrollState;\n  }\n\n  private get scrollBarStyles() {\n    const state = this.state;\n\n    if (this.props.axis === 'x') {\n      return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, {\n        [styles.scrollBarXHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n      });\n    }\n\n    return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, {\n      [styles.scrollBarYHover(this.theme)]: state.hover || state.scrollingByMouseDrag,\n    });\n  }\n\n  private get scrollBarContainerClassNames() {\n    const { axis } = this.props;\n\n    if (axis === 'x') {\n      return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));\n    }\n\n    return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());\n  }\n\n  private refScroll = (element: HTMLElement | null) => {\n    const handleScrollWheel = (event: Event) => this.handleScrollWheel(event, this.props.axis);\n\n    if (!this.node && element) {\n      element.addEventListener('wheel', handleScrollWheel, { passive: false });\n    }\n    if (this.node && !element) {\n      this.node.removeEventListener('wheel', handleScrollWheel);\n    }\n    this.node = element;\n  };\n\n  private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.inner) {\n      return;\n    }\n\n    const { offset, size, pos, coord } = scrollSizeParametersNames[this.props.axis];\n\n    const initialCoord = event[coord];\n    const target = globalObject.document;\n    const initialScrollPos = this.inner[pos];\n    const state = this.state;\n\n    const mouseMove = (mouseMoveEvent: MouseEvent) => {\n      if (!this.inner || !this.containerRef.current) {\n        return;\n      }\n\n      const remainingScrollingContent = this.inner[size] - this.inner[offset];\n      const remainingScrollingSpace = (this.containerRef.current[offset] / 100) * (100 - state.size);\n\n      const ratio = remainingScrollingContent / remainingScrollingSpace;\n      const delta = (mouseMoveEvent[coord] - initialCoord) * ratio;\n\n      this.inner[pos] = initialScrollPos + delta;\n\n      if (mouseMoveEvent.preventDefault) {\n        mouseMoveEvent.preventDefault();\n      }\n\n      if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\n        (\n          mouseMoveEvent as MouseEvent & {\n            returnValue: boolean;\n          }\n        ).returnValue = false;\n      }\n    };\n\n    const mouseUp = () => {\n      target?.removeEventListener('mousemove', mouseMove);\n      target?.removeEventListener('mouseup', mouseUp);\n      this.setState({ ...this.state, scrollingByMouseDrag: false });\n    };\n\n    target?.addEventListener('mousemove', mouseMove);\n    target?.addEventListener('mouseup', mouseUp);\n    this.setState({ ...this.state, scrollingByMouseDrag: true });\n\n    event.preventDefault();\n  };\n\n  private handleScrollWheel = (event: Event, axis: ScrollAxis) => {\n    if (!this.inner || !isInstanceOf(event, globalObject.WheelEvent) || (axis === 'x' && !event.shiftKey)) {\n      return;\n    }\n\n    const { offset, size, pos } = scrollSizeParametersNames[axis];\n\n    const scrollSize = this.inner[size];\n    const scrollPos = this.inner[pos];\n    const offsetHeight = this.inner[offset];\n\n    if (event.deltaY > 0 && scrollSize <= scrollPos + offsetHeight) {\n      return;\n    }\n    if (event.deltaY < 0 && scrollPos <= 0) {\n      return;\n    }\n\n    this.inner[pos] += event.deltaY;\n\n    event.preventDefault();\n  };\n\n  private getImmediateScrollState = (): ScrollBarScrollState => {\n    const { pos, size, clientSize } = scrollSizeParametersNames[this.props.axis];\n\n    if (!this.inner || this.inner[pos] === 0) {\n      return 'begin';\n    }\n    // Zoom in Chrome causes problems\n    // https://github.com/skbkontur/retail-ui/pull/2705#issue-806286945\n    const maxScrollPos = this.inner[size] - this.inner[clientSize];\n    if (Math.abs(maxScrollPos - this.inner[pos]) <= 1) {\n      return 'end';\n    }\n\n    return 'middle';\n  };\n}\n"],"mappings":"w9BAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;;;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA,8BAAgE,SAAAQ,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCnDS,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAAAE,gBAAA,YAAAF,UAAA,OAAAG,KAAA,KAAAC,gBAAA,CAAAX,OAAA,QAAAO,SAAA,WAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAf,UAAA,OAAAY,SAAA,KAAAW,MAAA,CAAAH,IAAA,GAAAL,KAAA;;IAEZS,YAAY,gBAAGC,cAAK,CAACC,SAAS,CAAiB,CAAC,CAAAX,KAAA;;;;IAIjDY,KAAK,OAAAC,cAAA,CAAAvB,OAAA;IACPwB,sCAAqB,EAAAd,KAAA;;;;;;;;;;;;;;;;;;;;;;IAsBlBe,UAAU,GAAG,YAAM;MACzB,IAAMH,KAAK,GAAGZ,KAAA,CAAKY,KAAK;MACxB,IAAMI,KAAK,GAAGhB,KAAA,CAAKgB,KAAK;;MAExB,IAAI,CAACJ,KAAK,CAACK,MAAM,EAAE;QACjB,OAAO,IAAI;MACb;;MAEA,IAAAC,qBAAA,GAA8CC,0CAAyB,CAACnB,KAAA,CAAKgB,KAAK,CAACI,IAAI,CAAC,CAAhFC,eAAe,GAAAH,qBAAA,CAAfG,eAAe,CAAEC,gBAAgB,GAAAJ,qBAAA,CAAhBI,gBAAgB;;MAEzC,IAAMC,UAAU,GAAG,IAAAC,WAAE,EAACR,KAAK,CAACS,SAAS,EAAEC,wBAAM,CAACC,SAAS,CAAC3B,KAAA,CAAK4B,KAAK,CAAC,EAAE5B,KAAA,CAAK6B,eAAe,MAAAC,gBAAA,CAAAxC,OAAA,MAAAwC,gBAAA,CAAAxC,OAAA;MACtFoC,wBAAM,CAACK,eAAe,CAAC/B,KAAA,CAAK4B,KAAK,CAAC,EAAGZ,KAAK,CAACgB,MAAM;MACjDN,wBAAM,CAACO,gBAAgB,CAAC,CAAC,EAAGjB,KAAK,CAACkB,SAAS;MAC7C,CAAC;;MAEF,IAAMC,YAAiC,OAAAL,gBAAA,CAAAxC,OAAA,MAAAwC,gBAAA,CAAAxC,OAAA;MACpC+B,eAAe,KAAAb,MAAA,CAAMI,KAAK,CAACwB,GAAG;MAC9Bd,gBAAgB,KAAAd,MAAA,CAAMI,KAAK,CAACyB,IAAI,OAClC;;;MAED;QACE9D,MAAA,CAAAe,OAAA,CAAAgD,aAAA,UAAKC,GAAG,EAAEvC,KAAA,CAAKS,YAAa,EAACgB,SAAS,EAAEzB,KAAA,CAAKwC,4BAA6B,EAACC,KAAK,EAAEzB,KAAK,CAAC0B,MAAO;QAC7FnE,MAAA,CAAAe,OAAA,CAAAgD,aAAA;UACEC,GAAG,EAAEvC,KAAA,CAAK2C,SAAU;UACpBF,KAAK,EAAEN,YAAa;UACpBV,SAAS,EAAEF,UAAW;UACtBqB,WAAW,EAAE5C,KAAA,CAAK6C,qBAAsB;UACxC,0CAAArC,MAAA,CAAwCQ,KAAK,CAACI,IAAI,CAAG;QACtD;QACE,CAAC;;IAEV,CAAC,CAAApB,KAAA;;IAEM8C,MAAM,GAAG,YAAM;MACpB,IAAI,CAAC9C,KAAA,CAAK+C,KAAK,EAAE;QACf;MACF;;MAEA,IAAM/B,KAAK,GAAGhB,KAAA,CAAKgB,KAAK;MACxB,IAAMJ,KAAK,GAAGZ,KAAA,CAAKY,KAAK;;MAExB,IAAAoC,oBAAA,GAAgD,IAAAC,qCAAmB,EAACjD,KAAA,CAAK+C,KAAK,EAAE/B,KAAK,CAACI,IAAI,CAAC,CAAnF8B,UAAU,GAAAF,oBAAA,CAAVE,UAAU,CAAEC,SAAS,GAAAH,oBAAA,CAATG,SAAS,CAAEC,YAAY,GAAAJ,oBAAA,CAAZI,YAAY;;MAE3C,IAAI,CAACA,YAAY,IAAI,CAACxC,KAAK,CAACK,MAAM,EAAE;QAClC;MACF;;MAEA,IAAIL,KAAK,CAACK,MAAM,KAAKmC,YAAY,IAAIxC,KAAK,CAACyB,IAAI,KAAKa,UAAU,IAAItC,KAAK,CAACwB,GAAG,KAAKe,SAAS,EAAE;QACzF,IAAME,WAAW,GAAGrD,KAAA,CAAKsD,uBAAuB,CAAC,CAAC;;QAElD,IAAI1C,KAAK,CAACwB,GAAG,KAAKe,SAAS,EAAE,KAAAI,oBAAA,EAAAC,WAAA;UAC3B,CAAAD,oBAAA,IAAAC,WAAA,GAAAxD,KAAA,CAAKgB,KAAK,EAACyC,QAAQ,cAAAF,oBAAA,eAAnBA,oBAAA,CAAAG,IAAA,CAAAF,WAAA,EAAsBxC,KAAK,CAACI,IAAI,EAAEiC,WAAW,EAAEzC,KAAK,CAACyC,WAAW,CAAC;QACnE;;QAEArD,KAAA,CAAK2D,QAAQ,KAAA9C,cAAA,CAAAvB,OAAA,MAAAuB,cAAA,CAAAvB,OAAA;QACRU,KAAA,CAAKY,KAAK;UACbK,MAAM,EAAEmC,YAAY;UACpBf,IAAI,EAAEa,UAAU;UAChBd,GAAG,EAAEe,SAAS;UACdE,WAAW,EAAXA,WAAW;QACZ,CAAC;MACJ;IACF,CAAC,CAAArD,KAAA;;IAEM4D,eAAe,GAAG,UAACb,KAA4B,EAAK;MACzD/C,KAAA,CAAK+C,KAAK,GAAGA,KAAK;MAClB/C,KAAA,CAAK8C,MAAM,CAAC,CAAC;IACf,CAAC,CAAA9C,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCO2C,SAAS,GAAG,UAACkB,OAA2B,EAAK;MACnD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAY,UAAK/D,KAAA,CAAK8D,iBAAiB,CAACC,KAAK,EAAE/D,KAAA,CAAKgB,KAAK,CAACI,IAAI,CAAC;;MAE1F,IAAI,CAACpB,KAAA,CAAKgE,IAAI,IAAIH,OAAO,EAAE;QACzBA,OAAO,CAACI,gBAAgB,CAAC,OAAO,EAAEH,iBAAiB,EAAE,EAAEI,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;MAC1E;MACA,IAAIlE,KAAA,CAAKgE,IAAI,IAAI,CAACH,OAAO,EAAE;QACzB7D,KAAA,CAAKgE,IAAI,CAACG,mBAAmB,CAAC,OAAO,EAAEL,iBAAiB,CAAC;MAC3D;MACA9D,KAAA,CAAKgE,IAAI,GAAGH,OAAO;IACrB,CAAC,CAAA7D,KAAA;;IAEO6C,qBAAqB,GAAG,UAACkB,KAAuC,EAAK;MAC3E,IAAI,CAAC/D,KAAA,CAAK+C,KAAK,EAAE;QACf;MACF;;MAEA,IAAAqB,sBAAA,GAAqCjD,0CAAyB,CAACnB,KAAA,CAAKgB,KAAK,CAACI,IAAI,CAAC,CAAvEsB,MAAM,GAAA0B,sBAAA,CAAN1B,MAAM,CAAEL,IAAI,GAAA+B,sBAAA,CAAJ/B,IAAI,CAAED,GAAG,GAAAgC,sBAAA,CAAHhC,GAAG,CAAEiC,KAAK,GAAAD,sBAAA,CAALC,KAAK;;MAEhC,IAAMC,YAAY,GAAGP,KAAK,CAACM,KAAK,CAAC;MACjC,IAAME,MAAM,GAAGC,0BAAY,CAACC,QAAQ;MACpC,IAAMC,gBAAgB,GAAG1E,KAAA,CAAK+C,KAAK,CAACX,GAAG,CAAC;MACxC,IAAMxB,KAAK,GAAGZ,KAAA,CAAKY,KAAK;;MAExB,IAAM+D,SAAS,GAAG,SAAZA,SAASA,CAAIC,cAA0B,EAAK;QAChD,IAAI,CAAC5E,KAAA,CAAK+C,KAAK,IAAI,CAAC/C,KAAA,CAAKS,YAAY,CAACoE,OAAO,EAAE;UAC7C;QACF;;QAEA,IAAMC,yBAAyB,GAAG9E,KAAA,CAAK+C,KAAK,CAACV,IAAI,CAAC,GAAGrC,KAAA,CAAK+C,KAAK,CAACL,MAAM,CAAC;QACvE,IAAMqC,uBAAuB,GAAI/E,KAAA,CAAKS,YAAY,CAACoE,OAAO,CAACnC,MAAM,CAAC,GAAG,GAAG,IAAK,GAAG,GAAG9B,KAAK,CAACyB,IAAI,CAAC;;QAE9F,IAAM2C,KAAK,GAAGF,yBAAyB,GAAGC,uBAAuB;QACjE,IAAME,KAAK,GAAG,CAACL,cAAc,CAACP,KAAK,CAAC,GAAGC,YAAY,IAAIU,KAAK;;QAE5DhF,KAAA,CAAK+C,KAAK,CAACX,GAAG,CAAC,GAAGsC,gBAAgB,GAAGO,KAAK;;QAE1C,IAAIL,cAAc,CAACM,cAAc,EAAE;UACjCN,cAAc,CAACM,cAAc,CAAC,CAAC;QACjC;;QAEA,IAAIC,MAAM,CAACC,SAAS,CAACC,cAAc,CAAC3B,IAAI,CAACkB,cAAc,EAAE,aAAa,CAAC,EAAE;;UAErEA,cAAc;;;UAGdU,WAAW,GAAG,KAAK;QACvB;MACF,CAAC;;MAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;QACpBhB,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEJ,mBAAmB,CAAC,WAAW,EAAEQ,SAAS,CAAC;QACnDJ,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEJ,mBAAmB,CAAC,SAAS,EAAEoB,OAAO,CAAC;QAC/CvF,KAAA,CAAK2D,QAAQ,KAAA9C,cAAA,CAAAvB,OAAA,MAAAuB,cAAA,CAAAvB,OAAA,MAAMU,KAAA,CAAKY,KAAK,SAAE4E,oBAAoB,EAAE,KAAK,GAAE,CAAC;MAC/D,CAAC;;MAEDjB,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEN,gBAAgB,CAAC,WAAW,EAAEU,SAAS,CAAC;MAChDJ,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEN,gBAAgB,CAAC,SAAS,EAAEsB,OAAO,CAAC;MAC5CvF,KAAA,CAAK2D,QAAQ,KAAA9C,cAAA,CAAAvB,OAAA,MAAAuB,cAAA,CAAAvB,OAAA,MAAMU,KAAA,CAAKY,KAAK,SAAE4E,oBAAoB,EAAE,IAAI,GAAE,CAAC;;MAE5DzB,KAAK,CAACmB,cAAc,CAAC,CAAC;IACxB,CAAC,CAAAlF,KAAA;;IAEO8D,iBAAiB,GAAG,UAACC,KAAY,EAAE3C,IAAgB,EAAK;MAC9D,IAAI,CAACpB,KAAA,CAAK+C,KAAK,IAAI,CAAC,IAAA0C,0BAAY,EAAC1B,KAAK,EAAES,0BAAY,CAACkB,UAAU,CAAC,IAAKtE,IAAI,KAAK,GAAG,IAAI,CAAC2C,KAAK,CAAC4B,QAAS,EAAE;QACrG;MACF;;MAEA,IAAAC,sBAAA,GAA8BzE,0CAAyB,CAACC,IAAI,CAAC,CAArDsB,MAAM,GAAAkD,sBAAA,CAANlD,MAAM,CAAEL,IAAI,GAAAuD,sBAAA,CAAJvD,IAAI,CAAED,GAAG,GAAAwD,sBAAA,CAAHxD,GAAG;;MAEzB,IAAMc,UAAU,GAAGlD,KAAA,CAAK+C,KAAK,CAACV,IAAI,CAAC;MACnC,IAAMc,SAAS,GAAGnD,KAAA,CAAK+C,KAAK,CAACX,GAAG,CAAC;MACjC,IAAMyD,YAAY,GAAG7F,KAAA,CAAK+C,KAAK,CAACL,MAAM,CAAC;;MAEvC,IAAIqB,KAAK,CAAC+B,MAAM,GAAG,CAAC,IAAI5C,UAAU,IAAIC,SAAS,GAAG0C,YAAY,EAAE;QAC9D;MACF;MACA,IAAI9B,KAAK,CAAC+B,MAAM,GAAG,CAAC,IAAI3C,SAAS,IAAI,CAAC,EAAE;QACtC;MACF;;MAEAnD,KAAA,CAAK+C,KAAK,CAACX,GAAG,CAAC,IAAI2B,KAAK,CAAC+B,MAAM;;MAE/B/B,KAAK,CAACmB,cAAc,CAAC,CAAC;IACxB,CAAC,CAAAlF,KAAA;;IAEOsD,uBAAuB,GAAG,YAA4B;MAC5D,IAAAyC,sBAAA,GAAkC5E,0CAAyB,CAACnB,KAAA,CAAKgB,KAAK,CAACI,IAAI,CAAC,CAApEgB,GAAG,GAAA2D,sBAAA,CAAH3D,GAAG,CAAEC,IAAI,GAAA0D,sBAAA,CAAJ1D,IAAI,CAAE2D,UAAU,GAAAD,sBAAA,CAAVC,UAAU;;MAE7B,IAAI,CAAChG,KAAA,CAAK+C,KAAK,IAAI/C,KAAA,CAAK+C,KAAK,CAACX,GAAG,CAAC,KAAK,CAAC,EAAE;QACxC,OAAO,OAAO;MAChB;MACA;MACA;MACA,IAAM6D,YAAY,GAAGjG,KAAA,CAAK+C,KAAK,CAACV,IAAI,CAAC,GAAGrC,KAAA,CAAK+C,KAAK,CAACiD,UAAU,CAAC;MAC9D,IAAIE,IAAI,CAACC,GAAG,CAACF,YAAY,GAAGjG,KAAA,CAAK+C,KAAK,CAACX,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,KAAK;MACd;;MAEA,OAAO,QAAQ;IACjB,CAAC,QAAApC,KAAA,MAAAoG,UAAA,CAAA9G,OAAA,EAAAO,SAAA,EAAAE,gBAAA,aAAAsG,aAAA,CAAA/G,OAAA,EAAAO,SAAA,KAAAyG,GAAA,uBAAAC,KAAA,EAlOD,SAAAC,kBAAA,EAA2B,CACzB,IAAI,CAAC1D,MAAM,CAAC,CAAC,CACf,CAAC,MAAAwD,GAAA,wBAAAC,KAAA,EAED,SAAAE,mBAAA,EAA4B,CAC1B,IAAI,CAAC3D,MAAM,CAAC,CAAC,CACf,CAAC,MAAAwD,GAAA,YAAAC,KAAA,EAED,SAAAG,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEpI,MAAA,CAAAe,OAAA,CAAAgD,aAAA,CAAC3D,aAAA,CAAAiI,YAAY,CAACC,QAAQ,QACnB,UAACjF,KAAK,EAAK,CACV+E,MAAI,CAAC/E,KAAK,GAAGA,KAAK,CAClB,OAAO+E,MAAI,CAAC5F,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,MAAAuF,GAAA,cAAAC,KAAA,EAuED,SAAAO,SAAgBC,KAAc,EAAE,CAC9B,IAAI,IAAI,CAACnG,KAAK,CAACK,MAAM,IAAI,IAAI,CAACL,KAAK,CAACmG,KAAK,KAAKA,KAAK,EAAE,CACnD,IAAI,CAACpD,QAAQ,KAAA9C,cAAA,CAAAvB,OAAA,MAAAuB,cAAA,CAAAvB,OAAA,MAAM,IAAI,CAACsB,KAAK,SAAEmG,KAAK,EAALA,KAAK,GAAE,CAAC,CACzC,CACF,CAAC,MAAAT,GAAA,cAAAC,KAAA,EAED,SAAAS,SAAA,EAAkB,CAChB,OAAO,IAAI,CAACpG,KAAK,CAACmG,KAAK,CACzB,CAAC,MAAAT,GAAA,oBAAAW,GAAA,EAED,SAAAA,IAAA,EAA4B,CAC1B,OAAO,IAAI,CAACrG,KAAK,CAACyC,WAAW,CAC/B,CAAC,MAAAiD,GAAA,qBAAAW,GAAA,EAED,SAAAA,IAAA,EAA8B,CAC5B,IAAMrG,KAAK,GAAG,IAAI,CAACA,KAAK,CAExB,IAAI,IAAI,CAACI,KAAK,CAACI,IAAI,KAAK,GAAG,EAAE,CAC3B,OAAO,IAAAI,WAAE,EAACE,wBAAM,CAACwF,UAAU,CAAC,IAAI,CAACtF,KAAK,CAAC,EAAEuF,+BAAa,CAACC,UAAU,MAAAtF,gBAAA,CAAAxC,OAAA,MAC9DoC,wBAAM,CAAC2F,eAAe,CAAC,IAAI,CAACzF,KAAK,CAAC,EAAGhB,KAAK,CAACmG,KAAK,IAAInG,KAAK,CAAC4E,oBAAoB,CAChF,CAAC,CACJ,CAEA,OAAO,IAAAhE,WAAE,EAACE,wBAAM,CAAC4F,UAAU,CAAC,IAAI,CAAC1F,KAAK,CAAC,EAAEuF,+BAAa,CAACI,UAAU,MAAAzF,gBAAA,CAAAxC,OAAA,MAC9DoC,wBAAM,CAAC8F,eAAe,CAAC,IAAI,CAAC5F,KAAK,CAAC,EAAGhB,KAAK,CAACmG,KAAK,IAAInG,KAAK,CAAC4E,oBAAoB,CAChF,CAAC,CACJ,CAAC,MAAAc,GAAA,kCAAAW,GAAA,EAED,SAAAA,IAAA,EAA2C,CACzC,IAAQ7F,IAAI,GAAK,IAAI,CAACJ,KAAK,CAAnBI,IAAI,CAEZ,IAAIA,IAAI,KAAK,GAAG,EAAE,CAChB,OAAO,IAAAI,WAAE,EAAC2F,+BAAa,CAACM,mBAAmB,EAAE/F,wBAAM,CAACgG,mBAAmB,CAAC,IAAI,CAAC9F,KAAK,CAAC,CAAC,CACtF,CAEA,OAAO,IAAAJ,WAAE,EAAC2F,+BAAa,CAACQ,mBAAmB,EAAEjG,wBAAM,CAACkG,mBAAmB,CAAC,CAAC,CAAC,CAC5E,CAAC,OAtI4BlH,cAAK,CAACmH,SAAS","ignoreList":[]}

package/cjs/components/ScrollContainer/ScrollContainer.constants.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.scrollSizeParametersNames = exports.defaultScrollbarState = exports.MIN_SCROLL_SIZE = void 0;
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.scrollSizeParametersNames = exports.defaultScrollbarState = exports.MIN_SCROLL_SIZE = void 0;
 
 var MIN_SCROLL_SIZE = exports.MIN_SCROLL_SIZE = 20;
 

package/cjs/components/ScrollContainer/ScrollContainer.helpers.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.getScrollYOffset = exports.getScrollSizeParams = exports.convertScrollbarYScrollState = exports.convertScrollbarXScrollState = void 0;var _ScrollContainer = require("./ScrollContainer.constants");
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.getScrollYOffset = exports.getScrollSizeParams = exports.convertScrollbarYScrollState = exports.convertScrollbarXScrollState = void 0;var _ScrollContainer = require("./ScrollContainer.constants");