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

package/components/TooltipMenu/TooltipMenu.js

@@ -0,0 +1,98 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import warning from 'warning';
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { PopupMenu } from '../../internal/PopupMenu/index.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+export var TooltipMenuDataTids = {
+    root: 'TooltipMenu__root',
+};
+/**
+ * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
+ *
+ * Положение меню задаётся с помощью массива `positions` и работает так:
+ * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
+ * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
+ *
+ * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
+ *
+ * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
+ */
+var TooltipMenu = /** @class */ (function (_super) {
+    __extends(TooltipMenu, _super);
+    function TooltipMenu(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getProps = createPropsGetter(TooltipMenu_1.defaultProps);
+        if (!props.caption) {
+            warning(false, 'Prop "caption" is required!!!');
+        }
+        return _this;
+    }
+    TooltipMenu_1 = TooltipMenu;
+    TooltipMenu.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            return (React.createElement(ThemeContext.Provider, { value: ThemeFactory.create({
+                    popupPinOffsetX: theme.tooltipMenuPinOffsetX,
+                    popupPinOffsetY: theme.tooltipMenuPinOffsetY,
+                    popupMargin: theme.tooltipMenuMargin,
+                    popupPinSize: theme.tooltipMenuPinSize,
+                }, theme) }, _this.renderMain()));
+        }));
+    };
+    TooltipMenu.prototype.renderMain = function () {
+        if (!this.props.caption) {
+            return null;
+        }
+        var disableAnimations = this.getProps().disableAnimations;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement(PopupMenu, { "aria-label": this.props['aria-label'], "data-tid": TooltipMenuDataTids.root, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, caption: this.props.caption, header: this.props.header, footer: this.props.footer, preventIconsOffset: this.props.preventIconsOffset, positions: this.props.positions, onOpen: this.props.onOpen, onClose: this.props.onClose, popupHasPin: true, disableAnimations: disableAnimations }, this.props.children)));
+    };
+    var TooltipMenu_1;
+    TooltipMenu.__KONTUR_REACT_UI__ = 'TooltipMenu';
+    TooltipMenu.displayName = 'TooltipMenu';
+    TooltipMenu.defaultProps = {
+        disableAnimations: isTestEnv,
+    };
+    TooltipMenu = TooltipMenu_1 = __decorate([
+        rootNode
+    ], TooltipMenu);
+    return TooltipMenu;
+}(React.Component));
+export { TooltipMenu };
+//# sourceMappingURL=TooltipMenu.js.map

package/components/TooltipMenu/TooltipMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipMenu.js","sourceRoot":"","sources":["../../../components/TooltipMenu/TooltipMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { PopupMenuProps } from '../../internal/PopupMenu/index.js';\nimport { PopupMenu } from '../../internal/PopupMenu/index.js';\nimport type { MenuItemProps } from '../MenuItem/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { MenuHeaderProps } from '../MenuHeader/index.js';\nimport type { PopupPositionsType } from '../../internal/Popup/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/types.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен MenuSeparator. */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption) {\n      warning(false, 'Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render(): React.JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): React.JSX.Element | null {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/components/TooltipMenu/index.d.ts

@@ -1 +1 @@
-export * from './TooltipMenu';
+export * from './TooltipMenu.js';

package/components/TooltipMenu/index.js

@@ -0,0 +1,2 @@
+export * from './TooltipMenu.js';
+//# sourceMappingURL=index.js.map

package/components/TooltipMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/TooltipMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './TooltipMenu.js';\n"]}

package/hooks/useDrop.js

@@ -0,0 +1,49 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+export var useDrop = function (props) {
+    if (props === void 0) { props = {}; }
+    var onDrop = props.onDrop;
+    var droppableRef = useRef(null);
+    var overRef = useRef(false);
+    var timerId = useRef(undefined);
+    var _a = useState(false), isDraggable = _a[0], setIsDraggable = _a[1];
+    var clearTimer = useCallback(function () {
+        timerId.current && clearTimeout(timerId.current);
+    }, []);
+    var handleDragOver = useCallback(function (event) {
+        event.preventDefault();
+        setIsDraggable(true);
+        clearTimer();
+        timerId.current = setTimeout(function () {
+            overRef.current = false;
+            setIsDraggable(false);
+        }, 200);
+    }, [clearTimer]);
+    var preventDefault = useCallback(function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }, []);
+    var handleDrop = useCallback(function (event) {
+        preventDefault(event);
+        setIsDraggable(false);
+        overRef.current = false;
+        onDrop === null || onDrop === void 0 ? void 0 : onDrop(event);
+    }, [preventDefault, onDrop]);
+    useEffect(function () {
+        var ref = droppableRef.current;
+        if (!ref) {
+            return;
+        }
+        ref.addEventListener('dragenter', preventDefault);
+        ref.addEventListener('dragleave', preventDefault);
+        ref.addEventListener('dragover', handleDragOver);
+        ref.addEventListener('drop', handleDrop);
+        return function () {
+            ref.removeEventListener('dragenter', preventDefault);
+            ref.removeEventListener('dragleave', preventDefault);
+            ref.removeEventListener('dragover', handleDragOver);
+            ref.removeEventListener('drop', handleDrop);
+        };
+    }, [handleDrop, handleDragOver, preventDefault]);
+    return { isDraggable: isDraggable, ref: droppableRef };
+};
+//# sourceMappingURL=useDrop.js.map

package/hooks/useDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrop.js","sourceRoot":"","sources":["../../hooks/useDrop.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAejE,MAAM,CAAC,IAAM,OAAO,GAAG,UAAwC,KAAyB;IAAzB,sBAAA,EAAA,UAAyB;IAC9E,IAAA,MAAM,GAAK,KAAK,OAAV,CAAW;IAEzB,IAAM,YAAY,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAC5C,IAAM,OAAO,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IACvC,IAAM,OAAO,GAAG,MAAM,CAAY,SAAS,CAAC,CAAC;IACvC,IAAA,KAAgC,QAAQ,CAAU,KAAK,CAAC,EAAvD,WAAW,QAAA,EAAE,cAAc,QAA4B,CAAC;IAE/D,IAAM,UAAU,GAAG,WAAW,CAAC;QAC7B,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,cAAc,GAAG,WAAW,CAChC,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,UAAU,EAAE,CAAC;QACb,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC;YAC3B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;YACxB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAM,cAAc,GAAG,WAAW,CAAC,UAAC,KAAgB;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,UAAU,GAAG,WAAW,CAC5B,UAAC,KAAgB;QACf,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAExB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,cAAc,EAAE,MAAM,CAAC,CACzB,CAAC;IAEF,SAAS,CAAC;QACR,IAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC;QAEjC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QAED,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAClD,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAClD,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QACjD,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAEzC,OAAO;YACL,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YACrD,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;YACrD,GAAG,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;YACpD,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjD,OAAO,EAAE,WAAW,aAAA,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC;AAC5C,CAAC,CAAC","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SafeTimer } from '../lib/globalObject.js';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>(undefined);\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"]}

package/hooks/useEffectWithoutInitCall.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef } from 'react';
+export var useEffectWithoutInitCall = function (effect, deps) {
+    var isMountedRef = useRef(false);
+    useEffect(function () {
+        if (isMountedRef.current) {
+            effect();
+        }
+    }, deps);
+    useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+};
+//# sourceMappingURL=useEffectWithoutInitCall.js.map

package/hooks/useEffectWithoutInitCall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectWithoutInitCall.js","sourceRoot":"","sources":["../../hooks/useEffectWithoutInitCall.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,MAAkB,EAAE,IAAoB;IAC/E,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEnC,SAAS,CAAC;QACR,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,SAAS,CAAC;QACR,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,OAAO;YACL,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC","sourcesContent":["import type { DependencyList } from 'react';\nimport { useEffect, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList): void => {\n  const isMountedRef = useRef(false);\n\n  useEffect(() => {\n    if (isMountedRef.current) {\n      effect();\n    }\n  }, deps);\n\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n};\n"]}

package/hooks/useMemoObject.d.ts

@@ -1,2 +1,2 @@
-import type { AnyObject } from '../lib/utils';
+import type { AnyObject } from '../lib/utils.js';
 export declare const useMemoObject: <TObject extends AnyObject>(objectValue: TObject) => TObject;

package/hooks/useMemoObject.js

@@ -0,0 +1,5 @@
+import { useMemo } from 'react';
+export var useMemoObject = function (objectValue) {
+    return useMemo(function () { return objectValue; }, Object.values(objectValue));
+};
+//# sourceMappingURL=useMemoObject.js.map

package/hooks/useMemoObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMemoObject.js","sourceRoot":"","sources":["../../hooks/useMemoObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,CAAC,IAAM,aAAa,GAAG,UAA4B,WAAoB;IAC3E,OAAO,OAAO,CAAU,cAAM,OAAA,WAAW,EAAX,CAAW,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,CAAC,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport type { AnyObject } from '../lib/utils.js';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject): TObject => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"]}

package/index.d.ts

@@ -1,62 +1,62 @@
-export * from './components/Autocomplete';
-export * from './components/Button';
-export * from './components/Calendar';
-export * from './components/Center';
-export * from './components/Checkbox';
-export * from './components/ComboBox';
-export * from './components/CurrencyInput';
-export * from './components/CurrencyLabel';
-export * from './components/DateInput';
-export * from './components/DatePicker';
-export * from './components/DateRangePicker';
-export * from './components/Dropdown';
-export * from './components/DropdownMenu';
-export * from './components/FileUploader';
-export * from './components/FxInput';
-export * from './components/Gapped';
-export * from './components/GlobalLoader';
-export * from './components/Group';
-export * from './components/Hint';
-export * from './components/Input';
-export * from './components/Kebab';
-export * from './components/Link';
-export * from './components/Loader';
-export * from './components/MenuFooter';
-export * from './components/MenuHeader';
-export * from './components/MenuItem';
-export * from './components/MenuSeparator';
-export * from './components/MiniModal';
-export * from './components/Modal';
-export * from './components/Paging';
-export * from './components/PasswordInput';
-export * from './components/Radio';
-export * from './components/RadioGroup';
-export * from './components/ScrollContainer';
-export * from './components/Select';
-export * from './components/SidePage';
-export * from './components/Spinner';
-export * from './components/Sticky';
-export * from './components/Switcher';
-export * from './components/Tabs';
-export * from './components/Textarea';
-export * from './components/Toast';
-export * from './components/SingleToast';
-export * from './components/Toggle';
-export * from './components/Token';
-export * from './components/TokenInput';
-export * from './components/Tooltip';
-export * from './components/TooltipMenu';
-export * from './components/ResponsiveLayout';
-export * from './components/MaskedInput';
-export * from './lib/featureFlagsContext';
-export * from './lib/locale';
-export * from './lib/size';
-export * from './lib/theming/ThemeContext';
-export * from './lib/theming/ThemeFactory';
-export * from './lib/theming/themes/LightTheme';
-export * from './lib/theming/themes/DarkTheme';
-export * from './lib/types/props';
-export * from './internal/Popup/types';
-export type { PopupMenuCaptionProps } from './internal/PopupMenu';
-export * as ColorFunctions from './lib/styles/ColorFunctions';
-export * as DimensionFunctions from './lib/styles/DimensionFunctions';
+export * from './components/Autocomplete/index.js';
+export * from './components/Button/index.js';
+export * from './components/Calendar/index.js';
+export * from './components/Center/index.js';
+export * from './components/Checkbox/index.js';
+export * from './components/ComboBox/index.js';
+export * from './components/CurrencyInput/index.js';
+export * from './components/CurrencyLabel/index.js';
+export * from './components/DateInput/index.js';
+export * from './components/DatePicker/index.js';
+export * from './components/DateRangePicker/index.js';
+export * from './components/Dropdown/index.js';
+export * from './components/DropdownMenu/index.js';
+export * from './components/FileUploader/index.js';
+export * from './components/FxInput/index.js';
+export * from './components/Gapped/index.js';
+export * from './components/GlobalLoader/index.js';
+export * from './components/Group/index.js';
+export * from './components/Hint/index.js';
+export * from './components/Input/index.js';
+export * from './components/Kebab/index.js';
+export * from './components/Link/index.js';
+export * from './components/Loader/index.js';
+export * from './components/MenuFooter/index.js';
+export * from './components/MenuHeader/index.js';
+export * from './components/MenuItem/index.js';
+export * from './components/MenuSeparator/index.js';
+export * from './components/MiniModal/index.js';
+export * from './components/Modal/index.js';
+export * from './components/Paging/index.js';
+export * from './components/PasswordInput/index.js';
+export * from './components/Radio/index.js';
+export * from './components/RadioGroup/index.js';
+export * from './components/ScrollContainer/index.js';
+export * from './components/Select/index.js';
+export * from './components/SidePage/index.js';
+export * from './components/Spinner/index.js';
+export * from './components/Sticky/index.js';
+export * from './components/Switcher/index.js';
+export * from './components/Tabs/index.js';
+export * from './components/Textarea/index.js';
+export * from './components/Toast/index.js';
+export * from './components/SingleToast/index.js';
+export * from './components/Toggle/index.js';
+export * from './components/Token/index.js';
+export * from './components/TokenInput/index.js';
+export * from './components/Tooltip/index.js';
+export * from './components/TooltipMenu/index.js';
+export * from './components/ResponsiveLayout/index.js';
+export * from './components/MaskedInput/index.js';
+export * from './lib/featureFlagsContext/index.js';
+export * from './lib/locale/index.js';
+export * from './lib/size/index.js';
+export * from './lib/theming/ThemeContext.js';
+export * from './lib/theming/ThemeFactory.js';
+export * from './lib/theming/themes/LightTheme.js';
+export * from './lib/theming/themes/DarkTheme.js';
+export * from './lib/types/props.js';
+export * from './internal/Popup/types.js';
+export type { PopupMenuCaptionProps } from './internal/PopupMenu/index.js';
+export * as ColorFunctions from './lib/styles/ColorFunctions.js';
+export * as DimensionFunctions from './lib/styles/DimensionFunctions.js';

package/index.js

@@ -1,62 +1,62 @@
-export * from './components/Autocomplete';
-export * from './components/Button';
-export * from './components/Calendar';
-export * from './components/Center';
-export * from './components/Checkbox';
-export * from './components/ComboBox';
-export * from './components/CurrencyInput';
-export * from './components/CurrencyLabel';
-export * from './components/DateInput';
-export * from './components/DatePicker';
-export * from './components/DateRangePicker';
-export * from './components/Dropdown';
-export * from './components/DropdownMenu';
-export * from './components/FileUploader';
-export * from './components/FxInput';
-export * from './components/Gapped';
-export * from './components/GlobalLoader';
-export * from './components/Group';
-export * from './components/Hint';
-export * from './components/Input';
-export * from './components/Kebab';
-export * from './components/Link';
-export * from './components/Loader';
-export * from './components/MenuFooter';
-export * from './components/MenuHeader';
-export * from './components/MenuItem';
-export * from './components/MenuSeparator';
-export * from './components/MiniModal';
-export * from './components/Modal';
-export * from './components/Paging';
-export * from './components/PasswordInput';
-export * from './components/Radio';
-export * from './components/RadioGroup';
-export * from './components/ScrollContainer';
-export * from './components/Select';
-export * from './components/SidePage';
-export * from './components/Spinner';
-export * from './components/Sticky';
-export * from './components/Switcher';
-export * from './components/Tabs';
-export * from './components/Textarea';
-export * from './components/Toast';
-export * from './components/SingleToast';
-export * from './components/Toggle';
-export * from './components/Token';
-export * from './components/TokenInput';
-export * from './components/Tooltip';
-export * from './components/TooltipMenu';
-export * from './components/ResponsiveLayout';
-export * from './components/MaskedInput';
-export * from './lib/featureFlagsContext';
-export * from './lib/locale';
-export * from './lib/size';
-export * from './lib/theming/ThemeContext';
-export * from './lib/theming/ThemeFactory';
-export * from './lib/theming/themes/LightTheme';
-export * from './lib/theming/themes/DarkTheme';
-export * from './lib/types/props';
-export * from './internal/Popup/types';import * as _ColorFunctions from
-
-'./lib/styles/ColorFunctions';export { _ColorFunctions as ColorFunctions };import * as _DimensionFunctions from
-'./lib/styles/DimensionFunctions';export { _DimensionFunctions as DimensionFunctions };
+export * from './components/Autocomplete/index.js';
+export * from './components/Button/index.js';
+export * from './components/Calendar/index.js';
+export * from './components/Center/index.js';
+export * from './components/Checkbox/index.js';
+export * from './components/ComboBox/index.js';
+export * from './components/CurrencyInput/index.js';
+export * from './components/CurrencyLabel/index.js';
+export * from './components/DateInput/index.js';
+export * from './components/DatePicker/index.js';
+export * from './components/DateRangePicker/index.js';
+export * from './components/Dropdown/index.js';
+export * from './components/DropdownMenu/index.js';
+export * from './components/FileUploader/index.js';
+export * from './components/FxInput/index.js';
+export * from './components/Gapped/index.js';
+export * from './components/GlobalLoader/index.js';
+export * from './components/Group/index.js';
+export * from './components/Hint/index.js';
+export * from './components/Input/index.js';
+export * from './components/Kebab/index.js';
+export * from './components/Link/index.js';
+export * from './components/Loader/index.js';
+export * from './components/MenuFooter/index.js';
+export * from './components/MenuHeader/index.js';
+export * from './components/MenuItem/index.js';
+export * from './components/MenuSeparator/index.js';
+export * from './components/MiniModal/index.js';
+export * from './components/Modal/index.js';
+export * from './components/Paging/index.js';
+export * from './components/PasswordInput/index.js';
+export * from './components/Radio/index.js';
+export * from './components/RadioGroup/index.js';
+export * from './components/ScrollContainer/index.js';
+export * from './components/Select/index.js';
+export * from './components/SidePage/index.js';
+export * from './components/Spinner/index.js';
+export * from './components/Sticky/index.js';
+export * from './components/Switcher/index.js';
+export * from './components/Tabs/index.js';
+export * from './components/Textarea/index.js';
+export * from './components/Toast/index.js';
+export * from './components/SingleToast/index.js';
+export * from './components/Toggle/index.js';
+export * from './components/Token/index.js';
+export * from './components/TokenInput/index.js';
+export * from './components/Tooltip/index.js';
+export * from './components/TooltipMenu/index.js';
+export * from './components/ResponsiveLayout/index.js';
+export * from './components/MaskedInput/index.js';
+export * from './lib/featureFlagsContext/index.js';
+export * from './lib/locale/index.js';
+export * from './lib/size/index.js';
+export * from './lib/theming/ThemeContext.js';
+export * from './lib/theming/ThemeFactory.js';
+export * from './lib/theming/themes/LightTheme.js';
+export * from './lib/theming/themes/DarkTheme.js';
+export * from './lib/types/props.js';
+export * from './internal/Popup/types.js';
+export * as ColorFunctions from './lib/styles/ColorFunctions.js';
+export * as DimensionFunctions from './lib/styles/DimensionFunctions.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ColorFunctions","ColorFunctions","_DimensionFunctions","DimensionFunctions"],"sources":["index.ts"],"sourcesContent":["export * from './components/Autocomplete';\nexport * from './components/Button';\nexport * from './components/Calendar';\nexport * from './components/Center';\nexport * from './components/Checkbox';\nexport * from './components/ComboBox';\nexport * from './components/CurrencyInput';\nexport * from './components/CurrencyLabel';\nexport * from './components/DateInput';\nexport * from './components/DatePicker';\nexport * from './components/DateRangePicker';\nexport * from './components/Dropdown';\nexport * from './components/DropdownMenu';\nexport * from './components/FileUploader';\nexport * from './components/FxInput';\nexport * from './components/Gapped';\nexport * from './components/GlobalLoader';\nexport * from './components/Group';\nexport * from './components/Hint';\nexport * from './components/Input';\nexport * from './components/Kebab';\nexport * from './components/Link';\nexport * from './components/Loader';\nexport * from './components/MenuFooter';\nexport * from './components/MenuHeader';\nexport * from './components/MenuItem';\nexport * from './components/MenuSeparator';\nexport * from './components/MiniModal';\nexport * from './components/Modal';\nexport * from './components/Paging';\nexport * from './components/PasswordInput';\nexport * from './components/Radio';\nexport * from './components/RadioGroup';\nexport * from './components/ScrollContainer';\nexport * from './components/Select';\nexport * from './components/SidePage';\nexport * from './components/Spinner';\nexport * from './components/Sticky';\nexport * from './components/Switcher';\nexport * from './components/Tabs';\nexport * from './components/Textarea';\nexport * from './components/Toast';\nexport * from './components/SingleToast';\nexport * from './components/Toggle';\nexport * from './components/Token';\nexport * from './components/TokenInput';\nexport * from './components/Tooltip';\nexport * from './components/TooltipMenu';\nexport * from './components/ResponsiveLayout';\nexport * from './components/MaskedInput';\nexport * from './lib/featureFlagsContext';\nexport * from './lib/locale';\nexport * from './lib/size';\nexport * from './lib/theming/ThemeContext';\nexport * from './lib/theming/ThemeFactory';\nexport * from './lib/theming/themes/LightTheme';\nexport * from './lib/theming/themes/DarkTheme';\nexport * from './lib/types/props';\nexport * from './internal/Popup/types';\nexport type { PopupMenuCaptionProps } from './internal/PopupMenu';\nexport * as ColorFunctions from './lib/styles/ColorFunctions';\nexport * as DimensionFunctions from './lib/styles/DimensionFunctions';\n"],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,wBAAwB;AACtC,cAAc,yBAAyB;AACvC,cAAc,8BAA8B;AAC5C,cAAc,uBAAuB;AACrC,cAAc,2BAA2B;AACzC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B;AACzC,cAAc,oBAAoB;AAClC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,mBAAmB;AACjC,cAAc,qBAAqB;AACnC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,uBAAuB;AACrC,cAAc,4BAA4B;AAC1C,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB;AAClC,cAAc,yBAAyB;AACvC,cAAc,8BAA8B;AAC5C,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,qBAAqB;AACnC,cAAc,oBAAoB;AAClC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,0BAA0B;AACxC,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,2BAA2B;AACzC,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,iCAAiC;AAC/C,cAAc,gCAAgC;AAC9C,cAAc,mBAAmB;AACjC,cAAc,wBAAwB,CAAC,YAAAA,eAAA;;AAEP,6BAA6B,UAAAA,eAAA,IAAjDC,cAAc,eAAAC,mBAAA;AACU,iCAAiC,UAAAA,mBAAA,IAAzDC,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAE1C,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,kBAAkB,MAAM,oCAAoC,CAAC","sourcesContent":["export * from './components/Autocomplete/index.js';\nexport * from './components/Button/index.js';\nexport * from './components/Calendar/index.js';\nexport * from './components/Center/index.js';\nexport * from './components/Checkbox/index.js';\nexport * from './components/ComboBox/index.js';\nexport * from './components/CurrencyInput/index.js';\nexport * from './components/CurrencyLabel/index.js';\nexport * from './components/DateInput/index.js';\nexport * from './components/DatePicker/index.js';\nexport * from './components/DateRangePicker/index.js';\nexport * from './components/Dropdown/index.js';\nexport * from './components/DropdownMenu/index.js';\nexport * from './components/FileUploader/index.js';\nexport * from './components/FxInput/index.js';\nexport * from './components/Gapped/index.js';\nexport * from './components/GlobalLoader/index.js';\nexport * from './components/Group/index.js';\nexport * from './components/Hint/index.js';\nexport * from './components/Input/index.js';\nexport * from './components/Kebab/index.js';\nexport * from './components/Link/index.js';\nexport * from './components/Loader/index.js';\nexport * from './components/MenuFooter/index.js';\nexport * from './components/MenuHeader/index.js';\nexport * from './components/MenuItem/index.js';\nexport * from './components/MenuSeparator/index.js';\nexport * from './components/MiniModal/index.js';\nexport * from './components/Modal/index.js';\nexport * from './components/Paging/index.js';\nexport * from './components/PasswordInput/index.js';\nexport * from './components/Radio/index.js';\nexport * from './components/RadioGroup/index.js';\nexport * from './components/ScrollContainer/index.js';\nexport * from './components/Select/index.js';\nexport * from './components/SidePage/index.js';\nexport * from './components/Spinner/index.js';\nexport * from './components/Sticky/index.js';\nexport * from './components/Switcher/index.js';\nexport * from './components/Tabs/index.js';\nexport * from './components/Textarea/index.js';\nexport * from './components/Toast/index.js';\nexport * from './components/SingleToast/index.js';\nexport * from './components/Toggle/index.js';\nexport * from './components/Token/index.js';\nexport * from './components/TokenInput/index.js';\nexport * from './components/Tooltip/index.js';\nexport * from './components/TooltipMenu/index.js';\nexport * from './components/ResponsiveLayout/index.js';\nexport * from './components/MaskedInput/index.js';\nexport * from './lib/featureFlagsContext/index.js';\nexport * from './lib/locale/index.js';\nexport * from './lib/size/index.js';\nexport * from './lib/theming/ThemeContext.js';\nexport * from './lib/theming/ThemeFactory.js';\nexport * from './lib/theming/themes/LightTheme.js';\nexport * from './lib/theming/themes/DarkTheme.js';\nexport * from './lib/types/props.js';\nexport * from './internal/Popup/types.js';\nexport type { PopupMenuCaptionProps } from './internal/PopupMenu/index.js';\nexport * as ColorFunctions from './lib/styles/ColorFunctions.js';\nexport * as DimensionFunctions from './lib/styles/DimensionFunctions.js';\n"]}

package/internal/ClearCrossIcon/ClearCrossIcon.d.ts

@@ -1,7 +1,7 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import type { CommonProps } from '../CommonWrapper';
-import type { SizeProp } from '../../lib/types/props';
+import type { CommonProps } from '../CommonWrapper/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
 export interface ClearCrossIconProps extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
     /** Ширина и высота иконки крестика
      * @default small */

package/internal/ClearCrossIcon/ClearCrossIcon.js

@@ -0,0 +1,68 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { useKeyListener } from '../../lib/events/keyListener.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../CommonWrapper/index.js';
+import { getStyles } from './ClearCrossIcon.styles.js';
+import { CrossIcon } from './CrossIcon.js';
+export var ClearCrossIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'small' : _b, style = _a.style, dataTid = _a["data-tid"], rest = __rest(_a, ["size", "style", 'data-tid']);
+    var globalObject = useGlobal();
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var theme = React.useContext(ThemeContext);
+    var keyListener = useKeyListener();
+    var getSizeClassNames = function (size) {
+        switch (size) {
+            case 'large':
+                return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };
+            case 'medium':
+                return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };
+            case 'small':
+            default:
+                return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };
+        }
+    };
+    var _c = React.useState(false), focusedByTab = _c[0], setFocusedByTab = _c[1];
+    var handleFocus = function () {
+        var _a;
+        // focus event fires before keyDown eventlistener so we should check tabPressed in async way
+        (_a = globalObject.requestAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(globalObject, function () {
+            if (keyListener.isTabPressed) {
+                setFocusedByTab(true);
+            }
+        });
+    };
+    var handleBlur = function () { return setFocusedByTab(false); };
+    return (React.createElement(CommonWrapper, __assign({}, rest),
+        React.createElement("span", { className: getSizeClassNames(size).span },
+            React.createElement("button", __assign({ "data-tid": dataTid, type: "button", tabIndex: -1, className: cx(styles.root(theme), 
+                // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4
+                focusedByTab && styles.focus(theme), getSizeClassNames(size).button), style: style, onFocus: handleFocus, onBlur: handleBlur }, rest),
+                React.createElement(CrossIcon, { size: size, focusable: true })))));
+};
+ClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';
+ClearCrossIcon.displayName = 'ClearCrossIcon';
+//# sourceMappingURL=ClearCrossIcon.js.map

package/internal/ClearCrossIcon/ClearCrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearCrossIcon.js","sourceRoot":"","sources":["../../../internal/ClearCrossIcon/ClearCrossIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { TokenSize } from '../../components/Token/index.js';\n\nimport { getStyles } from './ClearCrossIcon.styles.js';\nimport { CrossIcon } from './CrossIcon.js';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n  'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n  size = 'small',\n  style,\n  'data-tid': dataTid,\n  ...rest\n}) => {\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  const keyListener = useKeyListener();\n  const getSizeClassNames = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n      case 'medium':\n        return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n      case 'small':\n      default:\n        return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  return (\n    <CommonWrapper {...rest}>\n      <span className={getSizeClassNames(size).span}>\n        <button\n          data-tid={dataTid}\n          type=\"button\"\n          tabIndex={-1}\n          className={cx(\n            styles.root(theme),\n            // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n            focusedByTab && styles.focus(theme),\n            getSizeClassNames(size).button,\n          )}\n          style={style}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          <CrossIcon size={size} focusable />\n        </button>\n      </span>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"]}