@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/components/TooltipMenu/TooltipMenu.md

@@ -1,4 +1,4 @@
-Базовый пример тултип-меню.
+### Базовый пример
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -16,6 +16,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
 
+### Управление состоянием тултип-меню
 В проп `caption` помимо компонента можно передать функцию, возвращающую компонент, с помощью которой можно управлять текущим состоянием тултип-меню.
 
 ```jsx harmony
@@ -43,7 +44,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
 
-Тултип-меню с заданной шириной.
+### Ширина
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -64,7 +65,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
 
-Тултип-меню с заданной максимальной высотой.
+### Максимальная высота
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -85,7 +86,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
 
-Тултип-меню с отключенной анимацией.
+### Отключенная анимация
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -102,6 +103,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
 
+### Подпись
 В `caption` можно передать любой элемент.
 
 ```jsx harmony
@@ -122,7 +124,7 @@ import MenuIcon from '@skbkontur/react-icons/Menu';
 </TooltipMenu>;
 ```
 
-Тултип-меню всегда всплывающее справа от `caption`.
+### Тултип-меню всегда всплывающее справа от `caption`
 
 ```jsx harmony
 import { MenuItem } from '@skbkontur/react-ui';
@@ -143,7 +145,7 @@ import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
 </TooltipMenu>;
 ```
 
-Тултип-меню всегда всплывающее сверху от `caption` и выравненное по правому краю `caption`.
+### Тултип-меню всегда всплывающее сверху от `caption` и выравненное по правому краю `caption`
 
 ```jsx harmony
 import { MenuItem } from '@skbkontur/react-ui';
@@ -164,7 +166,7 @@ import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
 </TooltipMenu>;
 ```
 
-Тултип-меню c шапкой и подвалом.
+### Тултип-меню c шапкой и подвалом
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -180,7 +182,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
 
-С иконками и включенным по-умолчанию автоматическим выравниванием текста.
+### Иконки и автовыравнивание
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, TooltipMenu } from '@skbkontur/react-ui';
@@ -194,7 +196,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </TooltipMenu>;
 ```
 
-С иконками и отключенным автоматическим выравниванием текста.
+### Иконки и автовыравнивание
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, TooltipMenu } from '@skbkontur/react-ui';
@@ -208,7 +210,8 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </TooltipMenu>
 ```
 
-Условный рендер элементов тултип-меню (с сохранением поведения [MenuItem](#/Components/MenuItem)).
+### Условный рендер элементов тултип-меню
+(с сохранением поведения [MenuItem](#/Components/MenuItem)).
 
 ```jsx harmony
 import {Button, MenuItem, Gapped, MenuSeparator} from '@skbkontur/react-ui';

package/components/TooltipMenu/index.d.ts

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

package/hooks/useDrop/useDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useRef","useState","globalObject","useDrop","props","_props","onDrop","droppableRef","overRef","timerId","_useState","isDraggable","setIsDraggable","clearTimer","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useEffect, useRef, useState } from 'react';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\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>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && globalObject.clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = globalObject.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"],"mappings":"AAAA,SAA2BA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAClF,SAASC,YAAY,QAAmB,0BAA0B;;;;;;;;;;;;;AAalE,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAA2CC,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAGP,MAAM,CAAW,IAAI,CAAC;EAC3C,IAAMQ,OAAO,GAAGR,MAAM,CAAU,KAAK,CAAC;EACtC,IAAMS,OAAO,GAAGT,MAAM,CAAY,CAAC;EACnC,IAAAU,SAAA,GAAsCT,QAAQ,CAAU,KAAK,CAAC,CAAvDU,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;;EAElC,IAAMG,UAAU,GAAGf,WAAW,CAAC,YAAM;IACnCW,OAAO,CAACK,OAAO,IAAIZ,YAAY,CAACa,YAAY,CAACN,OAAO,CAACK,OAAO,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAGlB,WAAW;IAChC,UAACmB,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBN,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZJ,OAAO,CAACK,OAAO,GAAGZ,YAAY,CAACiB,UAAU,CAAC,YAAM;QAC9CX,OAAO,CAACM,OAAO,GAAG,KAAK;QACvBF,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMK,cAAc,GAAGpB,WAAW,CAAC,UAACmB,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAGvB,WAAW;IAC5B,UAACmB,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBL,cAAc,CAAC,KAAK,CAAC;MACrBJ,OAAO,CAACM,OAAO,GAAG,KAAK;;MAEvBR,MAAM,YAANA,MAAM,CAAGW,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEZ,MAAM;EACzB,CAAC;;EAEDP,SAAS,CAAC,YAAM;IACd,IAAMuB,GAAG,GAAGf,YAAY,CAACO,OAAO;;IAEhC,IAAI,CAACQ,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAEP,cAAc,CAAC;IAChDM,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEF,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXC,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAER,cAAc,CAAC;MACnDM,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEH,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAEP,WAAW,EAAXA,WAAW,EAAEW,GAAG,EAAEf,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useRef","useState","globalObject","useDrop","props","_props","onDrop","droppableRef","overRef","timerId","_useState","isDraggable","setIsDraggable","clearTimer","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\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>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && globalObject.clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = globalObject.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"],"mappings":";AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAEhE,SAASC,YAAY,QAAQ,0BAA0B;;;;;;;;;;;;;AAavD,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAA2CC,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAGP,MAAM,CAAW,IAAI,CAAC;EAC3C,IAAMQ,OAAO,GAAGR,MAAM,CAAU,KAAK,CAAC;EACtC,IAAMS,OAAO,GAAGT,MAAM,CAAY,CAAC;EACnC,IAAAU,SAAA,GAAsCT,QAAQ,CAAU,KAAK,CAAC,CAAvDU,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;;EAElC,IAAMG,UAAU,GAAGf,WAAW,CAAC,YAAM;IACnCW,OAAO,CAACK,OAAO,IAAIZ,YAAY,CAACa,YAAY,CAACN,OAAO,CAACK,OAAO,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAGlB,WAAW;IAChC,UAACmB,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBN,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZJ,OAAO,CAACK,OAAO,GAAGZ,YAAY,CAACiB,UAAU,CAAC,YAAM;QAC9CX,OAAO,CAACM,OAAO,GAAG,KAAK;QACvBF,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMK,cAAc,GAAGpB,WAAW,CAAC,UAACmB,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAGvB,WAAW;IAC5B,UAACmB,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBL,cAAc,CAAC,KAAK,CAAC;MACrBJ,OAAO,CAACM,OAAO,GAAG,KAAK;;MAEvBR,MAAM,YAANA,MAAM,CAAGW,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEZ,MAAM;EACzB,CAAC;;EAEDP,SAAS,CAAC,YAAM;IACd,IAAMuB,GAAG,GAAGf,YAAY,CAACO,OAAO;;IAEhC,IAAI,CAACQ,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAEP,cAAc,CAAC;IAChDM,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEF,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXC,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAER,cAAc,CAAC;MACnDM,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEH,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAEP,WAAW,EAAXA,WAAW,EAAEW,GAAG,EAAEf,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}

package/hooks/useDrop.d.ts

@@ -1,11 +1,11 @@
-import { MutableRefObject } from 'react';
-interface IUseDropProps {
-    onDrop?: (event: DragEvent) => void;
-}
-type IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;
-interface IUseDropResult<TElement extends IElementWithListener> {
-    isDraggable: boolean;
-    ref: MutableRefObject<TElement | null>;
-}
-export declare const useDrop: <TElement extends IElementWithListener>(props?: IUseDropProps) => IUseDropResult<TElement>;
-export {};
+import type { MutableRefObject } from 'react';
+interface IUseDropProps {
+    onDrop?: (event: DragEvent) => void;
+}
+type IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;
+interface IUseDropResult<TElement extends IElementWithListener> {
+    isDraggable: boolean;
+    ref: MutableRefObject<TElement | null>;
+}
+export declare const useDrop: <TElement extends IElementWithListener>(props?: IUseDropProps) => IUseDropResult<TElement>;
+export {};

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useEffectWithoutInitCall","effect","deps","isMountedRef","current"],"sources":["useEffectWithoutInitCall.ts"],"sourcesContent":["import { useEffect, DependencyList, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\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"],"mappings":"AAAA,SAASA,SAAS,EAAkBC,MAAM,QAAQ,OAAO;;AAEzD,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,MAAkB,EAAEC,IAAoB,EAAK;EACpF,IAAMC,YAAY,GAAGJ,MAAM,CAAC,KAAK,CAAC;;EAElCD,SAAS,CAAC,YAAM;IACd,IAAIK,YAAY,CAACC,OAAO,EAAE;MACxBH,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EAAEC,IAAI,CAAC;;EAERJ,SAAS,CAAC,YAAM;IACdK,YAAY,CAACC,OAAO,GAAG,IAAI;IAC3B,OAAO,YAAM;MACXD,YAAY,CAACC,OAAO,GAAG,KAAK;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useEffectWithoutInitCall","effect","deps","isMountedRef","current"],"sources":["useEffectWithoutInitCall.ts"],"sourcesContent":["import type { DependencyList } from 'react';\nimport { useEffect, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\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"],"mappings":";AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,MAAkB,EAAEC,IAAoB,EAAK;EACpF,IAAMC,YAAY,GAAGJ,MAAM,CAAC,KAAK,CAAC;;EAElCD,SAAS,CAAC,YAAM;IACd,IAAIK,YAAY,CAACC,OAAO,EAAE;MACxBH,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EAAEC,IAAI,CAAC;;EAERJ,SAAS,CAAC,YAAM;IACdK,YAAY,CAACC,OAAO,GAAG,IAAI;IAC3B,OAAO,YAAM;MACXD,YAAY,CAACC,OAAO,GAAG,KAAK;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}

package/hooks/useEffectWithoutInitCall.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList } from 'react';
-export declare const useEffectWithoutInitCall: (effect: () => void, deps: DependencyList) => void;
+import type { DependencyList } from 'react';
+export declare const useEffectWithoutInitCall: (effect: () => void, deps: DependencyList) => void;

package/hooks/useMemoObject/useMemoObject.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useMemoObject","objectValue","Object","values"],"sources":["useMemoObject.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { AnyObject } from '../lib/utils';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;;;;AAI/B,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAA+BC,WAAoB,EAAK;EAChF,OAAOF,OAAO,CAAU,oBAAME,WAAW,IAAEC,MAAM,CAACC,MAAM,CAACF,WAAW,CAAC,CAAC;AACxE,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useMemoObject","objectValue","Object","values"],"sources":["useMemoObject.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { AnyObject } from '../lib/utils';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;;;;AAI/B,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAA+BC,WAAoB,EAAK;EAChF,OAAOF,OAAO,CAAU,oBAAME,WAAW,IAAEC,MAAM,CAACC,MAAM,CAACF,WAAW,CAAC,CAAC;AACxE,CAAC","ignoreList":[]}

package/hooks/useMemoObject.d.ts

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

package/index.d.ts

@@ -1,59 +1,60 @@
-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/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/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 './lib/featureFlagsContext';
-export * from './lib/locale';
-export * from './lib/theming/ThemeContext';
-export * from './lib/theming/ThemeFactory';
-export * from './lib/theming/themes/LightTheme2022_0';
-export * from './lib/theming/themes/DarkTheme2022_0';
-export * from './lib/theming/themes/LightTheme';
-export * from './lib/theming/themes/DarkTheme';
-export * from './lib/types/props';
-export * from './internal/Popup/types';
-export * as ColorFunctions from './lib/styles/ColorFunctions';
-export * as DimensionFunctions from './lib/styles/DimensionFunctions';
+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/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 * as ColorFunctions from './lib/styles/ColorFunctions';
+export * as DimensionFunctions from './lib/styles/DimensionFunctions';

package/index.js

@@ -8,6 +8,7 @@ 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';
@@ -20,6 +21,7 @@ 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';
@@ -45,12 +47,11 @@ 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/theming/ThemeContext';
 export * from './lib/theming/ThemeFactory';
-export * from './lib/theming/themes/LightTheme2022_0';
-export * from './lib/theming/themes/DarkTheme2022_0';
 export * from './lib/theming/themes/LightTheme';
 export * from './lib/theming/themes/DarkTheme';
 export * from './lib/types/props';

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/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/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 './lib/featureFlagsContext';\nexport * from './lib/locale';\nexport * from './lib/theming/ThemeContext';\nexport * from './lib/theming/ThemeFactory';\nexport * from './lib/theming/themes/LightTheme2022_0';\nexport * from './lib/theming/themes/DarkTheme2022_0';\nexport * from './lib/theming/themes/LightTheme';\nexport * from './lib/theming/themes/DarkTheme';\nexport * from './lib/types/props';\nexport * from './internal/Popup/types';\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,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,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,2BAA2B;AACzC,cAAc,cAAc;AAC5B,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,uCAAuC;AACrD,cAAc,sCAAsC;AACpD,cAAc,iCAAiC;AAC/C,cAAc,gCAAgC;AAC9C,cAAc,mBAAmB;AACjC,cAAc,wBAAwB,CAAC,YAAAA,eAAA;AACP,6BAA6B,UAAAA,eAAA,IAAjDC,cAAc,eAAAC,mBAAA;AACU,iCAAiC,UAAAA,mBAAA,IAAzDC,kBAAkB","ignoreList":[]}
+{"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/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 * 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,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,iCAAiC;AAC/C,cAAc,gCAAgC;AAC9C,cAAc,mBAAmB;AACjC,cAAc,wBAAwB,CAAC,YAAAA,eAAA;AACP,6BAA6B,UAAAA,eAAA,IAAjDC,cAAc,eAAAC,mBAAA;AACU,iCAAiC,UAAAA,mBAAA,IAAzDC,kBAAkB","ignoreList":[]}

package/internal/BGRuler.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-export interface BGRulerProps {
-    width?: string | number;
-    height?: string | number;
-    top?: string | number;
-    bottom?: string | number;
-    right?: string | number;
-    left?: string | number;
-    color?: string;
-}
-type DefaultProps = Required<Pick<BGRulerProps, 'height' | 'top' | 'left' | 'right' | 'color'>>;
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export declare class BGRuler extends React.Component<BGRulerProps> {
-    static defaultProps: DefaultProps;
-    private getProps;
-    private iframe;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): React.JSX.Element;
-    private iframeRef;
-}
-export {};
+import React from 'react';
+export interface BGRulerProps {
+    width?: string | number;
+    height?: string | number;
+    top?: string | number;
+    bottom?: string | number;
+    right?: string | number;
+    left?: string | number;
+    color?: string;
+}
+type DefaultProps = Required<Pick<BGRulerProps, 'height' | 'top' | 'left' | 'right' | 'color'>>;
+/**
+ * Компонент рисует пиксельную линейку на заднем фоне.
+ * Помогает контролировать размеры элементов при скриншотном тестировании.
+ *
+ * @see FxInput/__stories__/FxInput.stories.tsx
+ */
+export declare class BGRuler extends React.Component<BGRulerProps> {
+    static defaultProps: DefaultProps;
+    private getProps;
+    private iframe;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    update: () => void;
+    render(): React.JSX.Element;
+    private iframeRef;
+}
+export {};

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["size", "style"];
+import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
+import { cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../CommonWrapper";
+import { styles } from "../ClearCrossIcon.styles";
+import { CrossIcon } from "../CrossIcon";
+export var ClearCrossIcon = function ClearCrossIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = React.useContext(ThemeContext);
+  var getSizeClassName = function getSizeClassName(size) {
+    switch (size) {
+      case 'large':
+        return styles.clearCrossLarge(theme);
+      case 'medium':
+        return styles.clearCrossMedium(theme);
+      case 'small':
+      default:
+        return styles.clearCrossSmall(theme);
+    }
+  };
+  var _React$useState = React.useState(false),
+    focusedByTab = _React$useState[0],
+    setFocusedByTab = _React$useState[1];
+  var handleFocus = function handleFocus() {
+    // focus event fires before keyDown eventlistener so we should check tabPressed in async way
+    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+  var handleBlur = function handleBlur() {
+    return setFocusedByTab(false);
+  };
+  return /*#__PURE__*/(
+    React.createElement(CommonWrapper, rest, /*#__PURE__*/
+    React.createElement("button", _extends({
+      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), getSizeClassName(size)),
+      style: style,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    }, rest), /*#__PURE__*/
+
+    React.createElement(CrossIcon, {
+      size: size,
+      focusable: true
+    })))
+  );
+};
+ClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';
+ClearCrossIcon.displayName = 'ClearCrossIcon';

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","CommonWrapper","styles","CrossIcon","ClearCrossIcon","_ref","_ref$size","size","style","rest","_objectWithoutPropertiesLoose","_excluded","theme","useContext","getSizeClassName","clearCrossLarge","clearCrossMedium","clearCrossSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","createElement","_extends","type","tabIndex","className","root","focus","onFocus","onBlur","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { styles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({ size = 'small', style, ...rest }) => {\n  const theme = React.useContext(ThemeContext);\n  const getSizeClassName = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return styles.clearCrossLarge(theme);\n      case 'medium':\n        return styles.clearCrossMedium(theme);\n      case 'small':\n      default:\n        return styles.clearCrossSmall(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      <button\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          getSizeClassName(size),\n        )}\n        style={style}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <CrossIcon size={size} focusable />\n      </button>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,kBAAkB;;;;AAIhD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,SAAS,QAAQ,aAAa;;;;;;;;;;;AAWvC,OAAO,IAAMC,cAA4D,GAAG,SAA/DA,cAA4DA,CAAAC,IAAA,EAA2C,KAAAC,SAAA,GAAAD,IAAA,CAArCE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAC3G,IAAMC,KAAK,GAAGhB,KAAK,CAACiB,UAAU,CAACb,YAAY,CAAC;EAC5C,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIP,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOL,MAAM,CAACa,eAAe,CAACH,KAAK,CAAC;MACtC,KAAK,QAAQ;QACX,OAAOV,MAAM,CAACc,gBAAgB,CAACJ,KAAK,CAAC;MACvC,KAAK,OAAO;MACZ;QACE,OAAOV,MAAM,CAACe,eAAe,CAACL,KAAK,CAAC;IACxC;EACF,CAAC;;EAED,IAAAM,eAAA,GAAwCtB,KAAK,CAACuB,QAAQ,CAAU,KAAK,CAAC,CAA/DC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACAzB,YAAY,CAAC0B,qBAAqB,YAAlC1B,YAAY,CAAC0B,qBAAqB,CAAG,YAAM;MACzC,IAAIxB,WAAW,CAACyB,YAAY,EAAE;QAC5BH,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAA,UAASJ,eAAe,CAAC,KAAK,CAAC;;EAE/C;IACEzB,KAAA,CAAA8B,aAAA,CAACzB,aAAa,EAAKQ,IAAI;IACrBb,KAAA,CAAA8B,aAAA,WAAAC,QAAA;MACEC,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEhC,EAAE;QACXI,MAAM,CAAC6B,IAAI,CAACnB,KAAK,CAAC;QAClB;QACAQ,YAAY,IAAIlB,MAAM,CAAC8B,KAAK,CAACpB,KAAK,CAAC;QACnCE,gBAAgB,CAACP,IAAI;MACvB,CAAE;MACFC,KAAK,EAAEA,KAAM;MACbyB,OAAO,EAAEX,WAAY;MACrBY,MAAM,EAAET,UAAW;IACfhB,IAAI;;IAERb,KAAA,CAAA8B,aAAA,CAACvB,SAAS,IAACI,IAAI,EAAEA,IAAK,EAAC4B,SAAS,QAAE;IAC5B;IACK,CAAC;;AAEpB,CAAC;;AAED/B,cAAc,CAACgC,mBAAmB,GAAG,gBAAgB;AACrDhC,cAAc,CAACiC,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/ClearCrossIcon/ClearCrossIcon.js",
+  "module": "ClearCrossIcon",
+  "types": "../ClearCrossIcon.d.ts",
+  "sideEffects": false
+}

package/internal/ClearCrossIcon/ClearCrossIcon.d.ts

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

package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js

@@ -0,0 +1,21 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { resetButton } from "../../../lib/styles/Mixins";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])), resetButton(), t.clearCrossIconColor, t.transitionDuration, t.transitionTimingFunction, t.clearCrossIconHoverColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.clearCrossIconHoverColor);
+  },
+  clearCrossSmall: function clearCrossSmall(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthSmall, t.clearCrossIconHeightSmall, t.clearCrossIconRightMarginSmall, t.clearCrossIconBorderRadiusSmall);
+  },
+  clearCrossMedium: function clearCrossMedium(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthMedium, t.clearCrossIconHeightMedium, t.clearCrossIconRightMarginMedium, t.clearCrossIconBorderRadiusMedium);
+  },
+  clearCrossLarge: function clearCrossLarge(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthLarge, t.clearCrossIconHeightLarge, t.clearCrossIconRightMarginLarge, t.clearCrossIconBorderRadiusLarge);
+  }
+});

package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","focus","_templateObject2","clearCrossSmall","_templateObject3","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconRightMarginSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","_templateObject4","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconRightMarginMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","_templateObject5","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconRightMarginLarge","clearCrossIconBorderRadiusLarge"],"sources":["ClearCrossIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.clearCrossIconHoverColor};\n    `;\n  },\n\n  clearCrossSmall(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      margin-right: ${t.clearCrossIconRightMarginSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n  },\n  clearCrossMedium(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      margin-right: ${t.clearCrossIconRightMarginMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n  },\n  clearCrossLarge(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      margin-right: ${t.clearCrossIconRightMarginLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACNL,WAAW,CAAC,CAAC;IACNG,CAAC,CAACG,mBAAmB;;IAEVH,CAAC,CAACI,kBAAkB,EAAIJ,CAAC,CAACK,wBAAwB;;IAE3DL,CAAC,CAACM,wBAAwB;;;;;;EAMzC,CAAC;;EAEDC,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACCF,CAAC,CAACM,wBAAwB;;EAEvC,CAAC;;EAEDG,eAAe,WAAAA,gBAACT,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACCF,CAAC,CAACW,wBAAwB;IACzBX,CAAC,CAACY,yBAAyB;IACrBZ,CAAC,CAACa,8BAA8B;IAC/Bb,CAAC,CAACc,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAACf,CAAQ,EAAE;IACzB,OAAOL,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACCF,CAAC,CAACiB,yBAAyB;IAC1BjB,CAAC,CAACkB,0BAA0B;IACtBlB,CAAC,CAACmB,+BAA+B;IAChCnB,CAAC,CAACoB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACrB,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCF,CAAC,CAACuB,wBAAwB;IACzBvB,CAAC,CAACwB,yBAAyB;IACrBxB,CAAC,CAACyB,8BAA8B;IAC/BzB,CAAC,CAAC0B,+BAA+B;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js",
+  "module": "ClearCrossIcon.styles",
+  "types": "../ClearCrossIcon.styles.d.ts",
+  "sideEffects": false
+}

package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    focus(t: Theme): string;
+    clearCrossSmall(t: Theme): string;
+    clearCrossMedium(t: Theme): string;
+    clearCrossLarge(t: Theme): string;
+};

package/internal/ClearCrossIcon/CrossIcon/CrossIcon.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { iconSizer } from "../../icons2022/iconSizer";
+import { XIcon16Light } from "../../icons2022/XIcon/XIcon16Light";
+import { XIcon20Light } from "../../icons2022/XIcon/XIcon20Light";
+import { XIcon24Regular } from "../../icons2022/XIcon/XIcon24Regular";
+export var CrossIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(XIcon16Light, {
+      align: "none"
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(XIcon20Light, {
+      align: "none"
+    });
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(XIcon24Regular, {
+      align: "none"
+    });
+  }
+}, 'CrossIcon');

package/internal/ClearCrossIcon/CrossIcon/CrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","XIcon16Light","XIcon20Light","XIcon24Regular","CrossIcon","small","createElement","align","medium","large"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon16Light } from '../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon16Light align=\"none\" />,\n    medium: () => <XIcon20Light align=\"none\" />,\n    large: () => <XIcon24Regular align=\"none\" />,\n  },\n  'CrossIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,cAAc,QAAQ,mCAAmC;;AAElE,OAAO,IAAMC,SAAS,GAAGJ,SAAS;EAChC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,YAAY,IAACM,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACJ,YAAY,IAACK,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMV,KAAA,CAAAO,aAAA,CAACH,cAAc,IAACI,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/CrossIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/ClearCrossIcon/CrossIcon.js",
+  "module": "CrossIcon",
+  "types": "../CrossIcon.d.ts",
+  "sideEffects": false
+}

package/internal/ClearCrossIcon/CrossIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const CrossIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;