@skbkontur/react-ui 0.0.0-a59755ee68 → 0.0.0-a6f09fbded

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,87 +1,91 @@
-import React, { AriaAttributes } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Prevent } from './Prevent';
-export interface RadioGroupProps<T = string | number> extends CommonProps {
-    /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */
-    defaultValue?: T;
-    /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.
-     * Если не указано, то компонент будет работать, как неконтролируемый. */
-    value?: T;
-    /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
-     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
-     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
-     * Может быть использовано, если не передан параметр `children`. */
-    items?: T[] | Array<[T, React.ReactNode]>;
-    /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */
-    name?: string;
-    /** Получает уникальный ключ по элементу
-     * @param item - элемент, по которуму нужно получить ключ. */
-    toKey?: (item: T) => string | number;
-    /** Делает все радиокнопки недоступными. */
-    disabled?: boolean;
-    /** Переводит все радиокнопки в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Переводит все радиокнопки в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Выравнивает элементы items в строку. Не работает с children. */
-    inline?: boolean;
-    /** Задает ширину радиогруппы. Не работает с `children`. */
-    width?: React.CSSProperties['width'];
-    /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.
-     * @param {Value} itemValue - значение радиокнопки.
-     * @param {Data} data - значение для отрисовки радиокнопки. */
-    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
-    /** @ignore */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
-    /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */
-    onValueChange?: (value: T) => void;
-    /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */
-    onBlur?: (event: FocusEvent) => void;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: () => any;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
-    onMouseOver?: () => any;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
-    onMouseEnter?: () => any;
-}
-export interface RadioGroupState<T> {
-    activeItem?: T;
-}
-export declare const RadioGroupDataTids: {
-    readonly root: "RadioGroup__root";
-};
-type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
-/**
- * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
- *
- * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
- * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
- *
- * Значения активного элемента сравниваются по строгому равенству `===`.
- */
-export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    static Prevent: typeof Prevent;
-    private node;
-    private name;
-    private getProps;
-    private setRootNode;
-    constructor(props: RadioGroupProps<T>);
-    private getRadioGroupContextValue;
-    render(): React.JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    private getValue;
-    private getName;
-    private isControlled;
-    private handleSelect;
-    private renderChildren;
-    private renderRadio;
-    private getKeyByItem;
-    private ref;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import { Prevent } from './Prevent';
+export interface RadioGroupProps<T = string | number> extends CommonProps {
+    /** Задает значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из параметра `items`. */
+    defaultValue?: T;
+    /** Задает значение радиогруппы. Должно быть одним из значений радиокнопок.
+     * Если не указано, то компонент будет работать, как неконтролируемый. */
+    value?: T;
+    /** Задает массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,
+     * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.
+     * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.
+     * Может быть использовано, если не передан параметр `children`. */
+    items?: T[] | Array<[T, React.ReactNode]>;
+    /** Устанавливает аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется случайное имя. */
+    name?: string;
+    /** Получает уникальный ключ по элементу
+     * @param item - элемент, по которуму нужно получить ключ. */
+    toKey?: (item: T) => string | number;
+    /** Делает все радиокнопки недоступными. */
+    disabled?: boolean;
+    /** Переводит все радиокнопки в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Переводит все радиокнопки в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Выравнивает элементы items в строку. Не работает с children. */
+    inline?: boolean;
+    /** Задает ширину радиогруппы. Не работает с `children`. */
+    width?: React.CSSProperties['width'];
+    /** Задает функцию, которая отображает контент радиокнопки. Не работает с `children`.
+     * @param {Value} itemValue - значение радиокнопки.
+     * @param {Data} data - значение для отрисовки радиокнопки. */
+    renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+    /** Задает функцию, которая вызывается при изменении значения радиогруппы (value). */
+    onValueChange?: (value: T) => void;
+    /** Задает функцию, которая вызывается при потере радиогруппой фокуса. */
+    onBlur?: (event: FocusEvent) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: () => any;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
+    onMouseOver?: () => any;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
+    onMouseEnter?: () => any;
+}
+export interface RadioGroupState<T> {
+    activeItem?: T;
+}
+export declare const RadioGroupDataTids: {
+    readonly root: "RadioGroup__root";
+};
+type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;
+/**
+ * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.
+ *
+ * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.
+ * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.
+ *
+ * Значения активного элемента сравниваются по строгому равенству `===`.
+ */
+export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    static Prevent: typeof Prevent;
+    private node;
+    private name;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private featureFlags;
+    constructor(props: RadioGroupProps<T>);
+    private getRadioGroupContextValue;
+    render(): React.JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    private getValue;
+    private getName;
+    private isControlled;
+    private handleSelect;
+    private renderChildren;
+    private renderRadio;
+    private getKeyByItem;
+    private ref;
+}
+export {};

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

@@ -1,17 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    "])));
   },
+  removeBaselineSpacer: function removeBaselineSpacer() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      vertical-align: bottom;\n    "])));
+  },
   item: function item() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
   },
   itemFirst: function itemFirst() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n    "])));
   },
   itemInline: function itemInline() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","item","_templateObject2","itemFirst","_templateObject3","itemInline","_templateObject4"],"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  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":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;EAMZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","removeBaselineSpacer","_templateObject2","item","_templateObject3","itemFirst","_templateObject4","itemInline","_templateObject5"],"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":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;EAMZ,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,7 @@
-export declare const styles: {
-    root(): string;
-    item(): string;
-    itemFirst(): string;
-    itemInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    removeBaselineSpacer(): string;
+    item(): string;
+    itemFirst(): string;
+    itemInline(): string;
+};

package/components/RadioGroup/RadioGroupContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface RadioGroupContextType<T> {
-    activeItem: T | undefined;
-    onSelect: (value: T) => void;
-    name: string;
-    disabled: boolean | undefined;
-    error: boolean | undefined;
-    warning: boolean | undefined;
-}
-export declare const RadioGroupContext: React.Context<RadioGroupContextType<any>>;
+import React from 'react';
+export interface RadioGroupContextType<T> {
+    activeItem: T | undefined;
+    onSelect: (value: T) => void;
+    name: string;
+    disabled: boolean | undefined;
+    error: boolean | undefined;
+    warning: boolean | undefined;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContextType<any>>;

package/components/RadioGroup/index.d.ts

@@ -1 +1 @@
-export * from './RadioGroup';
+export * from './RadioGroup';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","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 { 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":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","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":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/components/ResponsiveLayout/ResponsiveLayout.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
-interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
-    /** Задает функцию, которая вызывается при изменении лейаута. */
-    onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;
-    /** @ignore */
-    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);
-    /** Позволяет кастомизировать возвращаемые флаги. */
-    customMediaQueries?: T;
-}
-/**
- * Компонент `ResponsiveLayout` для определения текущего лэйаута.
- */
-export declare function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>): React.JSX.Element;
-export declare namespace ResponsiveLayout {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
-export {};
+import React from 'react';
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';
+interface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {
+    /** Задает функцию, которая вызывается при изменении лейаута. */
+    onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;
+    /** @ignore */
+    children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);
+    /** Позволяет кастомизировать возвращаемые флаги. */
+    customMediaQueries?: T;
+}
+/**
+ * Компонент `ResponsiveLayout` для определения текущего лэйаута.
+ */
+export declare function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>): React.JSX.Element;
+export declare namespace ResponsiveLayout {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export {};

package/components/ResponsiveLayout/ResponsiveLayoutEvents.d.ts

@@ -1,11 +1,11 @@
-interface mediaQueryData {
-    mql: MediaQueryList;
-    listeners: Array<(e: MediaQueryListEvent) => void>;
-}
-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 {};
+interface mediaQueryData {
+    mql: MediaQueryList;
+    listeners: Array<(e: MediaQueryListEvent) => void>;
+}
+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 {};

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

@@ -1 +1 @@
-{"version":3,"names":["React","ResponsiveLayout","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderWithLayout","currentLayout","layout","prototype","render","_inheritsLoose","_proto","createElement","_createClass","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 { 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":"wIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,oBAAoB;;;AAGrD,OAAO,SAASC,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,EAAAe,cAAA,CAAAjB,mBAAA,EAAAC,YAAA,MAAAiB,MAAA,GAAAlB,mBAAA,CAAAe,SAAA,CAAAG,MAAA;;IAEMF,MAAM,GAAb,SAAAA,OAAA,EAAgB;MACd,oBAAOpB,KAAA,CAAAuB,aAAA,CAACtB,gBAAgB,QAAE,IAAI,CAACe,gBAAmC,CAAC;IACrE,CAAC,QAAAQ,YAAA,CAAApB,mBAAA,KAAAqB,GAAA,mBAAAC,GAAA,EAxBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACR,MAAM,CACpB,CAAC,EAAAS,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACR,MAAM,CAACW,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,OAjBuCzB,WAAW,CA4BpD;EAED,IAAM2B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC5B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC0B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC9B,mBAAmB,EAAE,MAAM,EAAE,EAAEwB,KAAK,EAAEzB,WAAW,CAACgC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAO/B,mBAAmB;AAC5B","ignoreList":[]}
+{"version":3,"names":["React","ResponsiveLayout","responsiveLayout","WrappedComp","ComponentWithLayout","_WrappedComp","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderWithLayout","currentLayout","layout","prototype","render","_inheritsLoose","_proto","createElement","_createClass","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":"wIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,oBAAoB;;;AAGrD,OAAO,SAASC,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,EAAAe,cAAA,CAAAjB,mBAAA,EAAAC,YAAA,MAAAiB,MAAA,GAAAlB,mBAAA,CAAAe,SAAA,CAAAG,MAAA;;IAEMF,MAAM,GAAb,SAAAA,OAAA,EAAgB;MACd,oBAAOpB,KAAA,CAAAuB,aAAA,CAACtB,gBAAgB,QAAE,IAAI,CAACe,gBAAmC,CAAC;IACrE,CAAC,QAAAQ,YAAA,CAAApB,mBAAA,KAAAqB,GAAA,mBAAAC,GAAA,EAxBD,SAAAA,IAAA,EAAkD,CAChD,OAAO,IAAI,CAACR,MAAM,CACpB,CAAC,EAAAS,GAAA,EAED,SAAAA,IAAyBC,KAA4B,EAAE,CACrD;MAAA,CACD,MAAAH,GAAA,oBAAAC,GAAA,EAED,SAAAA,IAAA,EAAqC,CACnC,OAAO,IAAI,CAACR,MAAM,CAACW,QAAQ,CAC7B,CAAC,EAAAF,GAAA,EAED,SAAAA,IAA0BC,KAAc,EAAE,CACxC;MAAA,CACD,OAjBuCzB,WAAW,CA4BpD;EAED,IAAM2B,cAAc,GAAGC,MAAM,CAACC,wBAAwB,CAAC5B,mBAAmB,EAAE,MAAM,CAAC;;EAEnF,IAAI,CAAC0B,cAAc,IAAIA,cAAc,CAACG,YAAY,EAAE;IAClDF,MAAM,CAACG,cAAc,CAAC9B,mBAAmB,EAAE,MAAM,EAAE,EAAEwB,KAAK,EAAEzB,WAAW,CAACgC,IAAI,CAAC,CAAC,CAAC;EACjF;;EAEA,OAAO/B,mBAAmB;AAC5B","ignoreList":[]}

package/components/ResponsiveLayout/decorator.d.ts

@@ -1,31 +1,31 @@
-import React from 'react';
-import { 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;
+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;

package/components/ResponsiveLayout/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ResponsiveLayout';
-export * from './useResponsiveLayout';
-export * from './types';
+export * from './ResponsiveLayout';
+export * from './useResponsiveLayout';
+export * from './types';

package/components/ResponsiveLayout/types.d.ts

@@ -1,11 +1,11 @@
-export type MediaQueriesType = Record<string, string>;
-export type EmptyObject = Record<never, never>;
-export interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {
-    customMediaQueries?: MQ;
-}
-export type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {
-    [K in keyof T]?: boolean;
-} & ResponsiveLayoutFlagsInternal;
-export interface ResponsiveLayoutFlagsInternal {
-    isMobile: boolean;
-}
+export type MediaQueriesType = Record<string, string>;
+export type EmptyObject = Record<never, never>;
+export interface ResponsiveLayoutOptions<MQ extends MediaQueriesType> {
+    customMediaQueries?: MQ;
+}
+export type ResponsiveLayoutFlags<T extends MediaQueriesType = EmptyObject> = {
+    [K in keyof T]?: boolean;
+} & ResponsiveLayoutFlagsInternal;
+export interface ResponsiveLayoutFlagsInternal {
+    isMobile: boolean;
+}

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

@@ -1 +1 @@
-{"version":3,"names":["createRef","useCallback","useContext","useEffect","useState","ThemeContext","addResponsiveLayoutListener","checkMatches","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","allMediaQueries","Object","entries","_extends","isMobile","mobileMediaQuery","map","_ref2","key","value","flag","query","ref","getLayoutFromGlobal","reduce","result","mediaQuery","_Object$assign","assign","_useState","state","setState","prepareMediaQueries","forEach","current","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref3","e","media","prevState","_extends2","matches","_mediaQuery$ref$curre","remove"],"sources":["useResponsiveLayout.ts"],"sourcesContent":["import React, { createRef, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { 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":["createRef","useCallback","useContext","useEffect","useState","ThemeContext","addResponsiveLayoutListener","checkMatches","useResponsiveLayout","_temp","_ref","customMediaQueries","theme","allMediaQueries","Object","entries","_extends","isMobile","mobileMediaQuery","map","_ref2","key","value","flag","query","ref","getLayoutFromGlobal","reduce","result","mediaQuery","_Object$assign","assign","_useState","state","setState","prepareMediaQueries","forEach","current","checkLayoutsMediaQueries","globalLayout","hasChangedQuery","find","_ref3","e","media","prevState","_extends2","matches","_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/components/ResponsiveLayout/useResponsiveLayout.d.ts

@@ -1,2 +1,2 @@
-import { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';
-export declare function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({ customMediaQueries, }?: ResponsiveLayoutOptions<T>): ResponsiveLayoutFlags<T>;
+import type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags, ResponsiveLayoutOptions } from './types';
+export declare function useResponsiveLayout<T extends MediaQueriesType = EmptyObject>({ customMediaQueries, }?: ResponsiveLayoutOptions<T>): ResponsiveLayoutFlags<T>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","ThemeContext","cx","isInstanceOf","defaultScrollbarState","scrollSizeParametersNames","styles","globalClasses","getScrollSizeParams","ScrollBar","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","createRef","state","_extends","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","axis","customScrollPos","customScrollSize","classNames","className","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose","_proto","componentDidMount","componentDidUpdate","render","_this2","Consumer","setHover","hover","getHover","_createClass","key","get","_cx3","_cx2","scrollBarX","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 { Nullable } from '../../typings/utility-types';\nimport { 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 { 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","globalObject","ThemeContext","cx","isInstanceOf","defaultScrollbarState","scrollSizeParametersNames","styles","globalClasses","getScrollSizeParams","ScrollBar","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","containerRef","createRef","state","_extends","renderMain","_cx","_inlineStyles","props","active","_scrollSizeParameters","axis","customScrollPos","customScrollSize","classNames","className","scrollBar","theme","scrollBarStyles","scrollBarInvert","invert","visibleScrollBar","isVisible","inlineStyles","pos","size","createElement","ref","scrollBarContainerClassNames","style","offset","refScroll","onMouseDown","handleScrollMouseDown","reflow","inner","_getScrollSizeParams","scrollSize","scrollPos","scrollActive","scrollState","getImmediateScrollState","onScroll","setState","setInnerElement","element","handleScrollWheel","event","node","addEventListener","passive","removeEventListener","_scrollSizeParameters2","coord","initialCoord","target","document","initialScrollPos","mouseMove","mouseMoveEvent","current","remainingScrollingContent","remainingScrollingSpace","ratio","delta","preventDefault","Object","prototype","hasOwnProperty","returnValue","mouseUp","scrollingByMouseDrag","WheelEvent","shiftKey","_scrollSizeParameters3","offsetHeight","deltaY","_scrollSizeParameters4","clientSize","maxScrollPos","Math","abs","_inheritsLoose","_proto","componentDidMount","componentDidUpdate","render","_this2","Consumer","setHover","hover","getHover","_createClass","key","get","_cx3","_cx2","scrollBarX","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":[]}