@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

package/cjs/components/RadioGroup/RadioGroup.js

@@ -2,6 +2,7 @@
 var _react = _interopRequireDefault(require("react"));
 var _invariant = _interopRequireDefault(require("invariant"));
 
+
 var _utils = require("../../lib/utils");
 var _Radio = require("../Radio");
 var _createPropsGetter = require("../../lib/createPropsGetter");
@@ -9,12 +10,10 @@ var _createPropsGetter = require("../../lib/createPropsGetter");
 var _FocusTrap = require("../../internal/FocusTrap");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
-
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _RadioGroup2 = require("./RadioGroup.styles");
 var _Prevent = require("./Prevent");
@@ -93,7 +92,10 @@ var RadioGroupDataTids = exports.RadioGroupDataTids = {
 
 /** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */var
 
-RadioGroup = exports.RadioGroup = (0, _rootNode.rootNode)(_class = (_RadioGroup = /*#__PURE__*/function (_React$Component) {
+
+RadioGroup = exports.RadioGroup = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_RadioGroup = /*#__PURE__*/function (_React$Component) {
+
+
 
 
 
@@ -181,17 +183,6 @@ RadioGroup = exports.RadioGroup = (0, _rootNode.rootNode)(_class = (_RadioGroup
 
 
 
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -225,13 +216,13 @@ RadioGroup = exports.RadioGroup = (0, _rootNode.rootNode)(_class = (_RadioGroup
 
 
 
-    renderRadio = function (itemValue, data, index) {var _cx;
+    renderRadio = function (itemValue, data, index) {var _this$cx;
       var itemProps = {
         key: _this.getKeyByItem(itemValue),
-        className: (0, _Emotion.cx)((_cx = {}, _cx[
-        _RadioGroup2.styles.item()] = true, _cx[
-        _RadioGroup2.styles.itemFirst()] = index === 0, _cx[
-        _RadioGroup2.styles.itemInline()] = !!_this.props.inline, _cx)
+        className: _this.cx((_this$cx = {}, _this$cx[
+        _this.styles.item()] = true, _this$cx[
+        _this.styles.itemFirst()] = index === 0, _this$cx[
+        _this.styles.itemInline()] = !!_this.props.inline, _this$cx)
         )
       };
 
@@ -251,10 +242,10 @@ RadioGroup = exports.RadioGroup = (0, _rootNode.rootNode)(_class = (_RadioGroup
 
     ref = function (element) {
       _this.node = element;
-    };_this.state = { activeItem: _this.props.defaultValue };return _this;}(0, _inheritsLoose2.default)(RadioGroup, _React$Component);var _proto = RadioGroup.prototype;_proto.render = function render() {var _this2 = this;var _this$props = this.props,width = _this$props.width,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onBlur = _this$props.onBlur,ariaDescribedby = _this$props['aria-describedby'],disabled = _this$props.disabled;var style = { width: width != null ? width : 'auto' };var handlers = { onMouseOver: onMouseOver, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave };return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {var _cx2;_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_FocusTrap.FocusTrap, { onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({ "data-tid": RadioGroupDataTids.root, ref: _this2.ref, style: style, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_RadioGroup2.styles.root()] = true, _cx2[_RadioGroup2.styles.removeBaselineSpacer()] = _this2.featureFlags.radioGroupRemoveBaselineSpacer, _cx2)), role: "radiogroup" }, handlers, { "aria-describedby": ariaDescribedby }), /*#__PURE__*/_react.default.createElement(_RadioGroupContext.RadioGroupContext.Provider, { value: _this2.getRadioGroupContextValue() }, _this2.renderChildren()))));});} /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+    };_this.state = { activeItem: _this.props.defaultValue };return _this;}(0, _inheritsLoose2.default)(RadioGroup, _React$Component);var _proto = RadioGroup.prototype;_proto.render = function render() {var _this$cx2;var _this$props = this.props,width = _this$props.width,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onBlur = _this$props.onBlur,ariaDescribedby = _this$props['aria-describedby'],disabled = _this$props.disabled;var style = { width: width != null ? width : 'auto' };var handlers = { onMouseOver: onMouseOver, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave };this.styles = (0, _RadioGroup2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_FocusTrap.FocusTrap, { onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: this.cx((_this$cx2 = {}, _this$cx2[this.styles.root()] = true, _this$cx2)), role: "radiogroup" }, handlers, { "aria-describedby": ariaDescribedby }), /*#__PURE__*/_react.default.createElement(_RadioGroupContext.RadioGroupContext.Provider, { value: this.getRadioGroupContextValue() }, this.renderChildren()))));} /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
    * @public
    */;_proto.focus = function focus() {var node = this.node;if (!node) {return;}var radio = node.querySelector('input[type="radio"]:checked'); // If no checked radios, try get first radio
-    if (!radio || radio.disabled) {radio = node.querySelector('input[type="radio"]:not([disabled])');}if (radio) {radio.focus();}};_proto.renderChildren = function renderChildren() {var _this$props2 = this.props,items = _this$props2.items,children = _this$props2.children;(0, _invariant.default)(!items && children || items && !children, 'Either items or children must be passed, not both');return items ? mapItems(this.renderRadio, items) : children;};return RadioGroup;}(_react.default.Component), _RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup', _RadioGroup.displayName = 'RadioGroup', _RadioGroup.defaultProps = { renderItem: renderItem }, _RadioGroup.Prevent = _Prevent.Prevent, _RadioGroup)) || _class;function renderItem(_value, data) {
+    if (!radio || radio.disabled) {radio = node.querySelector('input[type="radio"]:not([disabled])');}if (radio) {radio.focus();}};_proto.renderChildren = function renderChildren() {var _this$props2 = this.props,items = _this$props2.items,children = _this$props2.children;(0, _invariant.default)(!items && children || items && !children, 'Either items or children must be passed, not both');return items ? mapItems(this.renderRadio, items) : children;};return RadioGroup;}(_react.default.Component), _RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup', _RadioGroup.displayName = 'RadioGroup', _RadioGroup.defaultProps = { renderItem: renderItem }, _RadioGroup.Prevent = _Prevent.Prevent, _RadioGroup)) || _class) || _class;function renderItem(_value, data) {
   return data;
 }
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_invariant","_utils","_Radio","_createPropsGetter","_FocusTrap","_CommonWrapper","_Emotion","_rootNode","_getVisualStateDataAttributes","_featureFlagsContext","_RadioGroup2","_Prevent","_RadioGroupContext","_class","_RadioGroup","RadioGroupDataTids","exports","root","RadioGroup","rootNode","_React$Component","props","_this","call","name","getRandomID","getProps","createPropsGetter","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","isNonNullable","setState","onValueChange","renderRadio","itemValue","data","index","_cx","itemProps","key","getKeyByItem","className","cx","styles","item","itemFirst","itemInline","inline","default","createElement","_extends2","role","Radio","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose2","_proto","prototype","render","_this2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","ReactUIFeatureFlagsContext","Consumer","flags","_cx2","featureFlags","getFullReactUIFlagsContext","CommonWrapper","rootNodeRef","setRootNode","getVisualStateDataAttributes","FocusTrap","removeBaselineSpacer","radioGroupRemoveBaselineSpacer","RadioGroupContext","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","invariant","mapItems","React","Component","__KONTUR_REACT_UI__","displayName","Prevent","_value","fn","result","_iterator","_createForOfIteratorHelperLoose2","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */\n  defaultValue?: T;\n\n  /** Задаёт значение группы радиокнопок. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать как неконтролируемый. */\n  value?: T;\n\n  /** Задаёт массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n   * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n   * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n   * Может быть использовано, если не передан `children`. */\n  items?: T[] | Array<[T, React.ReactNode]>;\n\n  /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */\n  name?: string;\n\n  /** Получает уникальный ключ по элементу.\n   * @param item - элемент, по которому нужно получить ключ. */\n  toKey?: (item: T) => string | number;\n\n  /** Блокирует все радиокнопки в группе. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */\n  error?: boolean;\n\n  /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  inline?: boolean;\n\n  /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт функцию, которая отображает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.\n   * @param {Value} itemValue - значение радиокнопки.\n   * @param {Data} data - значение для отрисовки радиокнопки. */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n  /** Задаёт функцию, которая вызывается при изменении `value`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задаёт функцию, которая вызывается при потере радиогруппой фокуса. */\n  onBlur?: (event: FocusEvent) => void;\n\n  /** Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n  public static displayName = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render() {\n    const {\n      width,\n      onMouseLeave,\n      onMouseOver,\n      onMouseEnter,\n      onBlur,\n      'aria-describedby': ariaDescribedby,\n      disabled,\n    } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper\n              rootNodeRef={this.setRootNode}\n              {...this.props}\n              {...getVisualStateDataAttributes({ disabled })}\n            >\n              <FocusTrap onBlur={onBlur}>\n                <span\n                  data-tid={RadioGroupDataTids.root}\n                  ref={this.ref}\n                  style={style}\n                  className={cx({\n                    [styles.root()]: true,\n                    [styles.removeBaselineSpacer()]: this.featureFlags.radioGroupRemoveBaselineSpacer,\n                  })}\n                  role=\"radiogroup\"\n                  {...handlers}\n                  aria-describedby={ariaDescribedby}\n                >\n                  <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n                    {this.renderChildren()}\n                  </RadioGroupContext.Provider>\n                </span>\n              </FocusTrap>\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus() {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: cx({\n        [styles.item()]: true,\n        [styles.itemFirst()]: index === 0,\n        [styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry as unknown as React.ReactNode];\n  }\n  return entry;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_invariant","_utils","_Radio","_createPropsGetter","_FocusTrap","_CommonWrapper","_rootNode","_getVisualStateDataAttributes","_renderEnvironment","_RadioGroup2","_Prevent","_RadioGroupContext","_class","_RadioGroup","RadioGroupDataTids","exports","root","RadioGroup","withRenderEnvironment","rootNode","_React$Component","props","_this","call","name","getRandomID","getProps","createPropsGetter","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","isNonNullable","setState","onValueChange","renderRadio","itemValue","data","index","_this$cx","itemProps","key","getKeyByItem","className","cx","styles","item","itemFirst","itemInline","inline","default","createElement","_extends2","role","Radio","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose2","_proto","prototype","render","_this$cx2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","getStyles","emotion","CommonWrapper","rootNodeRef","setRootNode","getVisualStateDataAttributes","FocusTrap","RadioGroupContext","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","invariant","mapItems","React","Component","__KONTUR_REACT_UI__","displayName","Prevent","_value","fn","result","_iterator","_createForOfIteratorHelperLoose2","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes, JSX } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */\n  defaultValue?: T;\n\n  /** Задаёт значение группы радиокнопок. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать как неконтролируемый. */\n  value?: T;\n\n  /** Задаёт массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n   * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n   * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n   * Может быть использовано, если не передан `children`. */\n  items?: T[] | Array<[T, React.ReactNode]>;\n\n  /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */\n  name?: string;\n\n  /** Получает уникальный ключ по элементу.\n   * @param item - элемент, по которому нужно получить ключ. */\n  toKey?: (item: T) => string | number;\n\n  /** Блокирует все радиокнопки в группе. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */\n  error?: boolean;\n\n  /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  inline?: boolean;\n\n  /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт функцию, которая отображает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.\n   * @param {Value} itemValue - значение радиокнопки.\n   * @param {Data} data - значение для отрисовки радиокнопки. */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n  /** Задаёт функцию, которая вызывается при изменении `value`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задаёт функцию, которая вызывается при потере радиогруппой фокуса. */\n  onBlur?: (event: FocusEvent) => void;\n\n  /** Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */\n@withRenderEnvironment\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n  public static displayName = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render(): React.JSX.Element {\n    const {\n      width,\n      onMouseLeave,\n      onMouseOver,\n      onMouseEnter,\n      onBlur,\n      'aria-describedby': ariaDescribedby,\n      disabled,\n    } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <FocusTrap onBlur={onBlur}>\n          <span\n            data-tid={RadioGroupDataTids.root}\n            ref={this.ref}\n            style={style}\n            className={this.cx({\n              [this.styles.root()]: true,\n            })}\n            role=\"radiogroup\"\n            {...handlers}\n            aria-describedby={ariaDescribedby}\n          >\n            <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n              {this.renderChildren()}\n            </RadioGroupContext.Provider>\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus(): void {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: this.cx({\n        [this.styles.item()]: true,\n        [this.styles.itemFirst()]: index === 0,\n        [this.styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry as unknown as React.ReactNode];\n  }\n  return entry;\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;;;AAGA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;;AAEA,IAAAM,cAAA,GAAAN,OAAA;;AAEA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,6BAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;;AAEA,IAAAU,YAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;;AAEA,IAAAY,kBAAA,GAAAZ,OAAA,wBAAwD,IAAAa,MAAA,EAAAC,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEjD,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAE;AACR,CAAU;;;;AAIV;;;AAGaC,UAAU,GAAAF,OAAA,CAAAE,UAAA,OAFtBC,wCAAqB,EAAAN,MAAA,OACrBO,kBAAQ,EAAAP,MAAA,IAAAC,WAAA,0BAAAO,gBAAA;;;;;;;;;;;;;;;;;;;EAoBP,SAAAH,WAAYI,KAAyB,EAAE,KAAAC,KAAA;IACrCA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CANPE,IAAI,GAAG,IAAAC,kBAAW,EAAC,CAAC,CAAAH,KAAA,CACpBI,QAAQ,GAAG,IAAAC,oCAAiB,EAACV,UAAU,CAACW,YAAY,CAAC,CAAAN,KAAA;;;;;;;IAYrDO,yBAAyB,GAAG,YAAgC;MAClE,OAAO;QACLC,UAAU,EAAER,KAAA,CAAKS,QAAQ,CAAC,CAAC;QAC3BC,QAAQ,EAAEV,KAAA,CAAKW,YAAY;QAC3BT,IAAI,EAAEF,KAAA,CAAKY,OAAO,CAAC,CAAC;QACpBC,QAAQ,EAAEb,KAAA,CAAKD,KAAK,CAACc,QAAQ;QAC7BC,KAAK,EAAEd,KAAA,CAAKD,KAAK,CAACe,KAAK;QACvBC,OAAO,EAAEf,KAAA,CAAKD,KAAK,CAACgB;MACtB,CAAC;IACH,CAAC,CAAAf,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkEOS,QAAQ,GAAG,oBAAOT,KAAA,CAAKgB,YAAY,CAAC,CAAC,GAAGhB,KAAA,CAAKD,KAAK,CAACkB,KAAK,GAAGjB,KAAA,CAAKkB,KAAK,CAACV,UAAU,EAAC,CAAAR,KAAA;;IAEjFY,OAAO,GAAG,oBAAMZ,KAAA,CAAKD,KAAK,CAACG,IAAI,IAAIF,KAAA,CAAKE,IAAI,GAAAF,KAAA;;IAE5CgB,YAAY,GAAG,oBAAM,IAAAG,oBAAa,EAACnB,KAAA,CAAKD,KAAK,CAACkB,KAAK,CAAC,GAAAjB,KAAA;;IAEpDW,YAAY,GAAG,UAACM,KAAQ,EAAK;MACnC,IAAI,CAACjB,KAAA,CAAKgB,YAAY,CAAC,CAAC,EAAE;QACxBhB,KAAA,CAAKoB,QAAQ,CAAC,EAAEZ,UAAU,EAAES,KAAK,CAAC,CAAC,CAAC;MACtC;MACA,IAAIjB,KAAA,CAAKD,KAAK,CAACsB,aAAa,EAAE;QAC5BrB,KAAA,CAAKD,KAAK,CAACsB,aAAa,CAACJ,KAAK,CAAC;MACjC;IACF,CAAC,CAAAjB,KAAA;;;;;;;;IAQOsB,WAAW,GAAG,UAACC,SAAY,EAAEC,IAAqB,EAAEC,KAAa,EAAkB,KAAAC,QAAA;MACzF,IAAMC,SAAS,GAAG;QAChBC,GAAG,EAAE5B,KAAA,CAAK6B,YAAY,CAACN,SAAS,CAAC;QACjCO,SAAS,EAAE9B,KAAA,CAAK+B,EAAE,EAAAL,QAAA,OAAAA,QAAA;QACf1B,KAAA,CAAKgC,MAAM,CAACC,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAP,QAAA;QACzB1B,KAAA,CAAKgC,MAAM,CAACE,SAAS,CAAC,CAAC,IAAGT,KAAK,KAAK,CAAC,EAAAC,QAAA;QACrC1B,KAAA,CAAKgC,MAAM,CAACG,UAAU,CAAC,CAAC,IAAG,CAAC,CAACnC,KAAA,CAAKD,KAAK,CAACqC,MAAM,EAAAV,QAAA;QAChD;MACH,CAAC;;MAED;QACEnD,MAAA,CAAA8D,OAAA,CAAAC,aAAA,aAAAC,SAAA,CAAAF,OAAA,MAAUV,SAAS,IAAEa,IAAI,EAAC,cAAc;QACtCjE,MAAA,CAAA8D,OAAA,CAAAC,aAAA,CAAC1D,MAAA,CAAA6D,KAAK,IAACxB,KAAK,EAAEM,SAAU,IAAEvB,KAAA,CAAKI,QAAQ,CAAC,CAAC,CAACsC,UAAU,CAACnB,SAAS,EAAEC,IAAI,CAAS;QACzE,CAAC;;IAEX,CAAC,CAAAxB,KAAA;;IAEO6B,YAAY,GAAG,UAACN,SAAY,EAAK;MACvC,IAAIvB,KAAA,CAAKD,KAAK,CAAC4C,KAAK,EAAE;QACpB,OAAO3C,KAAA,CAAKD,KAAK,CAAC4C,KAAK,CAACpB,SAAS,CAAC;MACpC;MACA,OAAO,OAAOA,SAAS,KAAK,QAAQ,IAAI,OAAOA,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGqB,SAAS;IAC/F,CAAC,CAAA5C,KAAA;;IAEO6C,GAAG,GAAG,UAACC,OAAwB,EAAK;MAC1C9C,KAAA,CAAK+C,IAAI,GAAGD,OAAO;IACrB,CAAC,CA/HC9C,KAAA,CAAKkB,KAAK,GAAG,EACXV,UAAU,EAAER,KAAA,CAAKD,KAAK,CAACiD,YAAY,CACrC,CAAC,CAAC,OAAAhD,KAAA,CACJ,CAAC,IAAAiD,eAAA,CAAAZ,OAAA,EAAA1C,UAAA,EAAAG,gBAAA,MAAAoD,MAAA,GAAAvD,UAAA,CAAAwD,SAAA,CAAAD,MAAA,CAaME,MAAM,GAAb,SAAAA,OAAA,EAAmC,KAAAC,SAAA,CACjC,IAAAC,WAAA,GAQI,IAAI,CAACvD,KAAK,CAPZwD,KAAK,GAAAD,WAAA,CAALC,KAAK,CACLC,YAAY,GAAAF,WAAA,CAAZE,YAAY,CACZC,WAAW,GAAAH,WAAA,CAAXG,WAAW,CACXC,YAAY,GAAAJ,WAAA,CAAZI,YAAY,CACZC,MAAM,GAAAL,WAAA,CAANK,MAAM,CACcC,eAAe,GAAAN,WAAA,CAAnC,kBAAkB,EAClBzC,QAAQ,GAAAyC,WAAA,CAARzC,QAAQ,CAEV,IAAMgD,KAAK,GAAG,EACZN,KAAK,EAAEA,KAAK,WAALA,KAAK,GAAI,MAAM,CACxB,CAAC,CACD,IAAMO,QAAQ,GAAG,EACfL,WAAW,EAAXA,WAAW,EACXC,YAAY,EAAZA,YAAY,EACZF,YAAY,EAAZA,YAAY,CACd,CAAC,CACD,IAAI,CAACxB,MAAM,GAAG,IAAA+B,sBAAS,EAAC,IAAI,CAACC,OAAO,CAAC,CAErC,oBACEzF,MAAA,CAAA8D,OAAA,CAAAC,aAAA,CAACvD,cAAA,CAAAkF,aAAa,MAAA1B,SAAA,CAAAF,OAAA,IAAC6B,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACpE,KAAK,EAAM,IAAAqE,0DAA4B,EAAC,EAAEvD,QAAQ,EAARA,QAAQ,CAAC,CAAC,CAAC,gBAC1GtC,MAAA,CAAA8D,OAAA,CAAAC,aAAA,CAACxD,UAAA,CAAAuF,SAAS,IAACV,MAAM,EAAEA,MAAO,iBACxBpF,MAAA,CAAA8D,OAAA,CAAAC,aAAA,aAAAC,SAAA,CAAAF,OAAA,IACE,YAAU7C,kBAAkB,CAACE,IAAK,EAClCmD,GAAG,EAAE,IAAI,CAACA,GAAI,EACdgB,KAAK,EAAEA,KAAM,EACb/B,SAAS,EAAE,IAAI,CAACC,EAAE,EAAAsB,SAAA,OAAAA,SAAA,CACf,IAAI,CAACrB,MAAM,CAACtC,IAAI,CAAC,CAAC,IAAG,IAAI,EAAA2D,SAAA,CAC3B,CAAE,EACHb,IAAI,EAAC,YAAY,IACbsB,QAAQ,IACZ,oBAAkBF,eAAgB,kBAElCrF,MAAA,CAAA8D,OAAA,CAAAC,aAAA,CAACjD,kBAAA,CAAAiF,iBAAiB,CAACC,QAAQ,IAACtD,KAAK,EAAE,IAAI,CAACV,yBAAyB,CAAC,CAAE,IACjE,IAAI,CAACiE,cAAc,CAAC,CACK,CACxB,CACG,CACE,CAAC,CAEpB,CAAC,CAED;AACF;AACA,KAFE,CAAAtB,MAAA,CAGOuB,KAAK,GAAZ,SAAAA,MAAA,EAAqB,CACnB,IAAM1B,IAAI,GAAG,IAAI,CAACA,IAAI,CACtB,IAAI,CAACA,IAAI,EAAE,CACT,OACF,CAEA,IAAI2B,KAAK,GAAG3B,IAAI,CAAC4B,aAAa,CAAC,6BAA6B,CAA+B,CAAC,CAE5F;IACA,IAAI,CAACD,KAAK,IAAIA,KAAK,CAAC7D,QAAQ,EAAE,CAC5B6D,KAAK,GAAG3B,IAAI,CAAC4B,aAAa,CAAC,qCAAqC,CAA+B,CACjG,CAEA,IAAID,KAAK,EAAE,CACTA,KAAK,CAACD,KAAK,CAAC,CAAC,CACf,CACF,CAAC,CAAAvB,MAAA,CAiBOsB,cAAc,GAAtB,SAAAA,eAAA,EAAyB,CACvB,IAAAI,YAAA,GAA4B,IAAI,CAAC7E,KAAK,CAA9B8E,KAAK,GAAAD,YAAA,CAALC,KAAK,CAAEC,QAAQ,GAAAF,YAAA,CAARE,QAAQ,CACvB,IAAAC,kBAAS,EAAE,CAACF,KAAK,IAAIC,QAAQ,IAAMD,KAAK,IAAI,CAACC,QAAS,EAAE,mDAAmD,CAAC,CAC5G,OAAOD,KAAK,GAAGG,QAAQ,CAAI,IAAI,CAAC1D,WAAW,EAAEuD,KAAK,CAAC,GAAGC,QAAQ,CAChE,CAAC,QAAAnF,UAAA,GAzHgCsF,cAAK,CAACC,SAAS,GAAA3F,WAAA,CAClC4F,mBAAmB,GAAG,YAAY,EAAA5F,WAAA,CAClC6F,WAAW,GAAG,YAAY,EAAA7F,WAAA,CAE1Be,YAAY,GAAiB,EACzCoC,UAAU,EAAVA,UAAU,CACZ,CAAC,EAAAnD,WAAA,CAEa8F,OAAO,GAAGA,gBAAO,EAAA9F,WAAA,MAAAD,MAAA,KAAAA,MAAA,CAgJjC,SAASoD,UAAUA,CAAI4C,MAAS,EAAE9D,IAAqB,EAAE;EACvD,OAAOA,IAAI;AACb;;AAEA,SAASwD,QAAQA;AACfO,EAAuE;AACvEV,KAAwC;AACxC;EACA,IAAMW,MAAyB,GAAG,EAAE;EACpC,IAAI/D,KAAK,GAAG,CAAC;EACb,SAAAgE,SAAA,OAAAC,gCAAA,CAAArD,OAAA,EAAoBwC,KAAK,GAAAc,KAAA,IAAAA,KAAA,GAAAF,SAAA,IAAAG,IAAA,GAAE,KAAhBC,KAAK,GAAAF,KAAA,CAAA1E,KAAA;IACd,IAAA6E,eAAA,GAAsBC,cAAc,CAAIF,KAAK,CAAC,CAAvC5E,KAAK,GAAA6E,eAAA,IAAEtE,IAAI,GAAAsE,eAAA;IAClBN,MAAM,CAACQ,IAAI,CAACT,EAAE,CAACtE,KAAK,EAAEO,IAAI,EAAEC,KAAK,CAAC,CAAC;IACnC,EAAEA,KAAK;EACT;EACA,OAAO+D,MAAM;AACf;;AAEA,SAASO,cAAcA,CAAIF,KAA+B,EAAwB;EAChF,IAAI,CAACI,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IACzB,OAAO,CAACA,KAAK,EAAEA,KAAK,CAA+B;EACrD;EACA,OAAOA,KAAK;AACd","ignoreList":[]}

package/cjs/components/RadioGroup/RadioGroup.styles.d.ts

@@ -1,7 +1,6 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
-    removeBaselineSpacer(): string;
     item(): string;
     itemFirst(): string;
     itemInline(): string;
-};
+}>;

package/cjs/components/RadioGroup/RadioGroup.styles.js

@@ -1,41 +1,38 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    "])));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    "])));
 
 
 
 
-  },
 
-  removeBaselineSpacer: function removeBaselineSpacer() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: bottom;\n    "])));
 
+    },
 
-  },
+    item: function item() {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
 
-  item: function item() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
 
 
 
+    },
 
-  },
+    itemFirst: function itemFirst() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n    "])));
 
-  itemFirst: function itemFirst() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n    "])));
 
+    },
 
-  },
+    itemInline: function itemInline() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
 
-  itemInline: function itemInline() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
 
 
 
 
-
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","removeBaselineSpacer","item","itemFirst","itemInline"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    `;\n  },\n\n  removeBaselineSpacer() {\n    return css`\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,UAAU,WAAAA,WAAA,EAAG;IACX,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","item","itemFirst","itemInline"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;IAOZ,CAAC;;IAEDC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOJ,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;IAKZ,CAAC;;IAEDE,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOL,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDG,UAAU,WAAAA,WAAA,EAAG;MACX,OAAON,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;IAMZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/ResponsiveLayout/ResponsiveLayout.js

@@ -20,7 +20,9 @@ var _useResponsiveLayout = require("./useResponsiveLayout");
 /**
  * Компонент `ResponsiveLayout` для определения текущего лэйаута.
  */
-function ResponsiveLayout(props) {var _props$children, _props$children2;
+function ResponsiveLayout(
+props)
+{var _props$children, _props$children2;
   var layoutFlags = (0, _useResponsiveLayout.useResponsiveLayout)({ customMediaQueries: props.customMediaQueries });
 
   (0, _react.useEffect)(function () {

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>(\n  props: ResponsiveLayoutProps<T>,\n): React.JSX.Element {\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;AAC9BC,KAA+B;AACZ,KAAAC,eAAA,EAAAC,gBAAA;EACnB,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":[]}

package/cjs/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts

@@ -1,3 +1,4 @@
+import type { GlobalObject } from '../../lib/globalObject';
 interface mediaQueryData {
     mql: MediaQueryList;
     listeners: Array<(e: MediaQueryListEvent) => void>;
@@ -6,6 +7,6 @@ export interface listenerToken {
     remove: () => void;
 }
 export declare const eventListenersMap: Map<string, mediaQueryData>;
-export declare function addResponsiveLayoutListener(mediaQuery: string, callback: (e: MediaQueryListEvent) => void): listenerToken;
-export declare function checkMatches(mediaQuery: string): boolean;
+export declare function addResponsiveLayoutListener(globalObject: GlobalObject, mediaQuery: string, callback: (e: MediaQueryListEvent) => void): listenerToken;
+export declare function checkMatches(globalObject: GlobalObject, mediaQuery: string): boolean;
 export {};

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;exports.__esModule = true;exports.addResponsiveLayoutListener = addResponsiveLayoutListener;exports.checkMatches = checkMatches;exports.eventListenersMap = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 
 
@@ -12,13 +12,14 @@
 var eventListenersMap = exports.eventListenersMap = new Map();
 
 function addResponsiveLayoutListener(
+globalObject,
 mediaQuery,
 callback)
 {
   if (eventListenersMap.has(mediaQuery)) {
     addCallbackToMQListener(mediaQuery, callback);
   } else {
-    createMQListener(mediaQuery, callback);
+    createMQListener(globalObject, mediaQuery, callback);
   }
 
   return {
@@ -39,8 +40,8 @@ function addCallbackToMQListener(mediaQuery, callback) {
   }
 }
 
-function createMQListener(mediaQuery, callback) {
-  var mql = _globalObject.globalObject.matchMedia == null ? void 0 : _globalObject.globalObject.matchMedia(mediaQuery);
+function createMQListener(globalObject, mediaQuery, callback) {
+  var mql = globalObject.matchMedia == null ? void 0 : globalObject.matchMedia(mediaQuery);
   if (mql) {
     var newMediaQueryInfo = { mql: mql, listeners: [callback] };
 
@@ -78,13 +79,13 @@ function removeCallbackFromMQListener(mediaQuery, callback) {
   }
 }
 
-function checkMatches(mediaQuery) {var _eventListener$mql$ma;
-  if (!_globalObject.globalObject.matchMedia) {
+function checkMatches(globalObject, mediaQuery) {var _eventListener$mql$ma;
+  if (!globalObject.matchMedia) {
     return false;
   }
 
   if (!eventListenersMap.has(mediaQuery)) {var _globalObject$matchMe;
-    return !!((_globalObject$matchMe = _globalObject.globalObject.matchMedia(mediaQuery)) != null && _globalObject$matchMe.matches);
+    return !!((_globalObject$matchMe = globalObject.matchMedia(mediaQuery)) != null && _globalObject$matchMe.matches);
   }
 
   var eventListener = eventListenersMap.get(mediaQuery);

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":["eventListenersMap","exports","Map","addResponsiveLayoutListener","globalObject","mediaQuery","callback","has","addCallbackToMQListener","createMQListener","remove","removeCallbackFromMQListener","eventListener","get","set","_extends2","default","listeners","concat","mql","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 type { GlobalObject } from '../../lib/globalObject';\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  globalObject: GlobalObject,\n  mediaQuery: string,\n  callback: (e: MediaQueryListEvent) => void,\n): listenerToken {\n  if (eventListenersMap.has(mediaQuery)) {\n    addCallbackToMQListener(mediaQuery, callback);\n  } else {\n    createMQListener(globalObject, 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(globalObject: GlobalObject, 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(globalObject: GlobalObject, mediaQuery: string): boolean {\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.d.ts

@@ -1,31 +1,2 @@
 import React from 'react';
-import type { ResponsiveLayoutFlags } from './types';
-export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): {
-    new (...args: any[]): {
-        layout: ResponsiveLayoutFlags;
-        currentLayout: ResponsiveLayoutFlags<import("./types").EmptyObject>;
-        isMobileLayout: boolean;
-        renderWithLayout: (currentLayout: ResponsiveLayoutFlags) => React.ReactNode;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{}>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-} & T;
+export declare function responsiveLayout<T extends new (...args: any[]) => React.Component>(WrappedComp: T): T;

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","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): 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,EAAK;EACrG,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":[]}

package/cjs/components/ResponsiveLayout/useResponsiveLayout.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useResponsiveLayout = useResponsiveLayout;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
@@ -10,6 +11,7 @@ function useResponsiveLayout(_temp)
 
 {var _ref = _temp === void 0 ? {} : _temp,customMediaQueries = _ref.customMediaQueries;
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var globalObject = (0, _renderEnvironment.useGlobal)();
 
   var allMediaQueries = Object.entries((0, _extends3.default)({
     isMobile: theme.mobileMediaQuery },
@@ -22,7 +24,8 @@ 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) {var _Object$assign;return (
+          Object.assign(result, (_Object$assign = {}, _Object$assign[mediaQuery.flag] = (0, _ResponsiveLayoutEvents.checkMatches)(globalObject, mediaQuery.query), _Object$assign)));},
       {}
     );
   };
@@ -36,7 +39,11 @@ function useResponsiveLayout(_temp)
 
     allMediaQueries.forEach(
       function (mediaQuery) {return (
-          mediaQuery.ref.current = (0, _ResponsiveLayoutEvents.addResponsiveLayoutListener)(mediaQuery.query, checkLayoutsMediaQueries));}
+          mediaQuery.ref.current = (0, _ResponsiveLayoutEvents.addResponsiveLayoutListener)(
+            globalObject,
+            mediaQuery.query,
+            checkLayoutsMediaQueries
+          ));}
     );
 
     // Checking for SSR use case

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","_renderEnvironment","_ThemeContext","_ResponsiveLayoutEvents","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","useContext","ThemeContext","globalObject","useGlobal","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 { useGlobal } from '../../lib/renderEnvironment';\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> = {}): ResponsiveLayoutFlags<T> {\n  const theme = useContext(ThemeContext);\n  const globalObject = useGlobal();\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) =>\n        Object.assign(result, { [mediaQuery.flag]: checkMatches(globalObject, 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(\n          globalObject,\n          mediaQuery.query,\n          checkLayoutsMediaQueries,\n        )),\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.d.ts

@@ -30,6 +30,10 @@ export interface ScrollBarProps {
 export declare class ScrollBar extends React.Component<ScrollBarProps, ScrollBarState> {
     private inner;
     private containerRef;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     node: Nullable<HTMLElement>;
     state: ScrollBarState;