@skbkontur/react-ui 6.4.3-5e1c3.0 → 6.4.3-82331.0

package/README.md

@@ -12,6 +12,7 @@ yarn add @skbkontur/react-ui
 ```
 
 ```jsx harmony static
+import '@skbkontur/react-ui/react-ui.css';
 import { Button, Toast } from '@skbkontur/react-ui';
 
 const MyApp = () => (
@@ -127,6 +128,47 @@ React.useLayoutEffect(
 );
 ```
 
+### Виджеты и iframe: подключение react-ui.css
+
+С 7.0 стили react-ui лежат в статическом файле `react-ui.css`, и в рантайме библиотека их никуда не вставляет.
+Стили нужны в каждом документе, где рендерятся компоненты. Shadow DOM не поддерживается: поправка базовой линии шрифта (`:root[data-k-browser]`) внутри shadow root не срабатывает.
+
+**Виджет на платформе** (`@skbkontur/vite-plugin-adopted-stylesheets`). Импортируйте CSS в коде виджета:
+
+```typescript static
+import '@skbkontur/react-ui/react-ui.css';
+```
+
+Плагин соберёт файл в стили виджета, а `addStyleRoot` из шаблона подключит их к документу контейнера
+через `adoptedStyleSheets`. Отдельно подключать CSS на страницу потребителя не нужно.
+
+**Компоненты в собственном iframe** (виджет или приложение рендерит react-ui в `<iframe>` через
+`RenderEnvironmentProvider`). Документ iframe стилей страницы не видит, подключите их и туда.
+
+- Внутри виджета — тем же `addStyleRoot`, документ iframe становится ещё одним style root:
+
+  ```typescript static
+  import { addStyleRoot } from '@skbkontur/vite-plugin-adopted-stylesheets';
+
+  const styles = new AbortController();
+  addStyleRoot({ styleRoot: iframe.contentDocument, signal: styles.signal });
+  // при размонтировании: styles.abort();
+  ```
+
+- В обычном приложении — ссылкой на тот же файл в `<head>` iframe:
+
+  ```typescript static
+  import reactUiCssUrl from '@skbkontur/react-ui/react-ui.css?url'; // Vite; в webpack — asset/resource
+
+  const link = iframe.contentDocument.createElement('link');
+  link.rel = 'stylesheet';
+  link.href = reactUiCssUrl;
+  iframe.contentDocument.head.append(link);
+  ```
+
+`RenderEnvironmentProvider` с `rootNode` из iframe по-прежнему нужен: от него компоненты берут окно и документ
+для порталов, слушателей и `matchMedia`, и он ставит документу iframe атрибут `data-k-browser`.
+
 ### Отключение анимаций во время тестирования
 
 Анимации в компонентах отключаются любой из следующих глобальных переменных:

package/components/Autocomplete/Autocomplete.css.d.ts

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const noPortal: string;
+export declare const getStyles: (_emotion?: unknown) => {
+    [x: string]: (...args: unknown[]) => string;
+};

package/components/Autocomplete/Autocomplete.css.js

@@ -0,0 +1,5 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({root:'react-ui-Autocomplete__root',noPortal:'react-ui-Autocomplete__noPortal'});
+export var noPortal = 'react-ui-Autocomplete__noPortal';
+export var root = 'react-ui-Autocomplete__root';

package/components/Autocomplete/Autocomplete.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.css.js","sourceRoot":"","sources":["Autocomplete.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,CAAC,CAAC,UAAU;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;AAExD,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { exportStyles, t } from '../../lib/theming/vanilla.js';\n\nexport const root = style({\n  display: 'inline-block',\n  width: t.inputWidth,\n});\n\nexport const noPortal = style({ position: 'relative' });\n\nexport const getStyles = exportStyles({ root, noPortal });\n"]}

package/components/Autocomplete/Autocomplete.js

@@ -64,7 +64,7 @@ import { Input } from '../Input/index.js';
 import { MaskedInput, getSafeMaskInputType } from '../MaskedInput/index.js';
 import { MenuItem } from '../MenuItem/index.js';
 import { responsiveLayout } from '../ResponsiveLayout/decorator.js';
-import { getStyles } from './Autocomplete.styles.js';
+import { getStyles } from './Autocomplete.css.js';
 import { getAutocompleteTheme } from './getAutocompleteTheme.js';
 import { AutocompleteLocaleHelper } from './locale/index.js';
 function match(pattern, items) {

package/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAoB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,SAAS,KAAK,CAAC,OAAe,EAAE,KAAe;IAC7C,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,IAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IAChD,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI;QAC7C,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,UAAU,CAAC,IAAS;IAC3B,OAAO,IAAI,CAAC;AACd,CAAC;AA6DD,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,oBAAoB;CAClB,CAAC;AAEX,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,oBAAoB,CAAC,IAAI;CACvB,CAAC;AAMX;8IAC8I;AAM9I;IAAkC,gCAAqD;IAAvF;;QAYS,WAAK,GAAsB;YAChC,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,CAAC,CAAC;YACZ,OAAO,EAAE,KAAK;YACd,cAAc,EAAE,KAAK;SACtB,CAAC;QASM,YAAM,GAAG,KAAK,CAAC;QACf,WAAK,GAAoB,IAAI,CAAC;QAE9B,YAAM,GAAG,eAAe,CAAC,IAAI,GAAG,WAAW,EAAE,CAAC;QAI9C,eAAS,GAAG,CAAC,CAAC;QAEd,cAAQ,GAAG,iBAAiB,CAAC,cAAY,CAAC,YAAY,CAAC,CAAC;QAkDzD,gBAAU,GAAG,UAAC,KAAgD;;YAC3D,IAAA,OAAO,GAAK,KAAI,CAAC,KAAK,QAAf,CAAgB;YAE/B,IAAM,QAAQ,GAAG,KAAI,CAAC,cAAc,CAAC;YAGnC,IAAA,aAAa,GAgBX,KAAK,cAhBM,EACb,SAAS,GAeP,KAAK,UAfE,EACT,OAAO,GAcL,KAAK,QAdA,EACP,MAAM,GAaJ,KAAK,OAbD,EACM,WAAW,GAYrB,KAAK,WAZgB,EACvB,aAAa,GAWX,KAAK,cAXM,EACb,SAAS,GAUP,KAAK,UAVE,EACT,SAAS,GASP,KAAK,UATE,EACT,aAAa,GAQX,KAAK,cARM,EACb,mBAAmB,GAOjB,KAAK,oBAPY,EACnB,MAAM,GAMJ,KAAK,OAND,EACN,OAAO,GAKL,KAAK,QALA,EACP,KAIE,KAAK,MAJsB,EAA7B,KAAK,mBAAG,KAAI,CAAC,KAAK,CAAC,UAAU,KAAA,EAC7B,oBAAoB,GAGlB,KAAK,qBAHa,EACpB,IAAI,GAEF,KAAK,KAFH,EACD,IAAI,UACL,KAAK,EAjBH,kNAiBL,CADQ,CACC;YAEV,IAAM,UAAU,yBACX,IAAI,KACP,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,KAAK,EACnB,eAAe,EAAE,KAAI,CAAC,MAAM,EAC5B,aAAa,EAAE,KAAI,CAAC,iBAAiB,EACrC,SAAS,EAAE,KAAI,CAAC,aAAa,EAC7B,OAAO,EAAE,KAAI,CAAC,WAAW,EACzB,GAAG,EAAE,KAAI,CAAC,QAAQ,GACnB,CAAC;YAEF,OAAO,CACL,oBAAC,WAAW,IAAC,cAAc,EAAE,KAAI,CAAC,UAAU,EAAE,cAAc,EAAE,KAAI,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO;gBACpG,0CACY,oBAAoB,CAAC,IAAI,EACnC,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC;wBAC7C,GAAC,KAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAG,aAAa;4BACvC,EACF,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,EAChB,GAAG,EAAE,KAAI,CAAC,WAAW;oBAEpB,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;oBAEzB,QAAQ,CAAC,CAAC,CAAC,KAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,KAAI,CAAC,UAAU,EAAE,CAClD,CACK,CACf,CAAC;QACJ,CAAC,CAAC;QAyDM,cAAQ,GAAG,UAAC,UAAsB;YACxC,OAAO,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACvB,oBAAC,WAAW,eACN,UAAU,IACd,IAAI,EAAE,oBAAoB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAC3C,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,IAC7B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,eAAK,UAAU,EAAI,CAC1B,CAAC;QACJ,CAAC,CAAC;QAEM,sBAAgB,GAAG;;YACzB,IAAM,UAAU,GAAe;gBAC7B,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,MAAM;gBACb,aAAa,EAAE,KAAI,CAAC,iBAAiB;gBACrC,UAAU,EAAE,KAAI,CAAC,oBAAoB;gBACrC,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK;gBACvB,WAAW,EAAE,KAAI,CAAC,MAAM,CAAC,UAAU;gBACnC,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,IAAI;gBACrB,SAAS,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS;gBAC/B,YAAY,EAAE,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC;gBACtC,eAAe,EAAE,KAAI,CAAC,MAAM;gBAC5B,IAAI,EAAE,UAAU,CAAC,KAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;aAC5D,CAAC;YAEF,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAE/B,IAAM,mBAAmB,GAAG,UAAU,CAAC,KAAI,CAAC,KAAK,EAAE,KAAK,CAAC;gBACvD,CAAC,CAAC;oBACE,oBAAoB,EAAE,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;oBAC/C,IAAI,EAAE,KAAI,CAAC,IAAI;iBAChB;gBACH,CAAC,CAAC;oBACE,oBAAoB,EAAE,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;iBAChD,CAAC;YAEN,OAAO,CACL,oBAAC,WAAW,aACV,EAAE,EAAE,KAAI,CAAC,MAAM,IACX,mBAAmB,IACvB,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,oBAAoB,EACxC,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,cAAc,EACjC,cAAc,EAAE,KAAI,CAAC,iBAAiB,EACtC,GAAG,EAAE,KAAI,CAAC,cAAc;gBAExB,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAA,KAAI,CAAC,WAAW,0CAAE,KAAK,EAAE,sBAAsB,QAAC,SAAS,EAAE,MAAM;oBACpG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAI,CAAC,QAAQ,EAAE;oBAC5C,KAAI,CAAC,WAAW,EAAE,CACd,CACK,CACf,CAAC;QACJ,CAAC,CAAC;QAEM,cAAQ,GAAG;YACjB,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAC/B,IAAM,QAAQ,GAAG,KAAI,CAAC,cAAc,CAAC;YAErC,OAAO,KAAK;gBACV,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;oBAChB,OAAO,CACL,oBAAC,QAAQ,IAAC,OAAO,EAAE,KAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAI,CAAC,IAAI,IACxF,KAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CACxB,CACZ,CAAC;gBACJ,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAC;QACX,CAAC,CAAC;QAEM,uBAAiB,GAAG,UAAC,KAAa;YACxC,KAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YAEnB,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC;QAEM,uBAAiB,GAAG;YAC1B,KAAI,CAAC,QAAQ,CAAC;gBACZ,cAAc,EAAE,KAAK;aACtB,CAAC,CAAC;YAEH,KAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;QAEM,0BAAoB,GAAG,UAAC,CAAgB;;YAC9C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,MAAA,KAAI,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;QAEM,iBAAW,GAAG,UAAC,KAAyC;YAC9D,IAAI,KAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,KAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1C,CAAC;YAED,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YAED,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAEjC,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;QAEM,gBAAU,GAAG;YACnB,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,KAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YAE/C,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACpB,CAAC;YAED,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACtB,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QAEM,wBAAkB,GAAG;YAC3B,KAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC;QAEM,mBAAa,GAAG,UAAC,CAAwC;YAC/D,IAAI,KAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;gBACzB,KAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC;YACD,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,WAAW,CAAC,CAAC,CAAC;oBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC/B,OAAO;gBACT,KAAK,YAAY,CAAC,CAAC,CAAC;oBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,KAAI,CAAC,IAAI,EAAE,CAAC;wBACd,KAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;oBACjB,CAAC;oBACD,OAAO;gBACT,KAAK,cAAc,CAAC,CAAC,CAAC;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,KAAI,CAAC,IAAI,EAAE,CAAC;wBACd,KAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACnB,CAAC;oBACD,OAAO;gBACT,KAAK,UAAU,CAAC,CAAC,CAAC;oBAChB,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,8BAA8B;oBAClD,IAAI,KAAI,CAAC,IAAI,EAAE,CAAC;wBACd,KAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC;oBACD,OAAO;YACX,CAAC;QACH,CAAC,CAAC;QAMM,eAAS,GAAG;YAClB,OAAO,WAAW,CAAC,KAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;QAmEM,cAAQ,GAAG,UAAC,EAAgB;YAClC,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAClB,CAAC,CAAC;QAEM,aAAO,GAAG,UAAC,IAAiB;YAClC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QAEM,iBAAW,GAAG,UAAC,IAAqB;YAC1C,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;QAEM,oBAAc,GAAG,UAAC,WAA+B;YACvD,KAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QACjC,CAAC,CAAC;;IACJ,CAAC;qBAxbY,YAAY;IAuCvB;;;;;OAKG;IACI,4BAAK,GAAZ;QACE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACI,2BAAI,GAAX;QACE,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAEM,yCAAkB,GAAzB,UAA0B,SAA4B;QACpD,IAAI,SAAS,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACzC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEM,6BAAM,GAAb;QAAA,iBAiBC;QAhBC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAI,CAAC,KAAK;gBACtC,oBAAC,aAAa,aAAC,WAAW,EAAE,KAAI,CAAC,WAAW,IAAM,KAAI,CAAC,QAAQ,EAAE,GAC9D,KAAI,CAAC,UAAU,CACF,CACM,CACzB,CAAC;QACJ,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAsDO,kCAAW,GAAnB;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAM,mBAAmB,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAErF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO,oBAAC,WAAW,eAAK,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAe,CAAC;QACtF,CAAC;QAED,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC5C,OAAO,oBAAC,WAAW,eAAK,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAe,CAAC;QACpF,CAAC;QAED,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC1C,OAAO,oBAAC,WAAW,eAAK,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAe,CAAC;QACvF,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,iCAAU,GAAlB;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACzB,IAAA,KACJ,IAAI,CAAC,QAAQ,EAAE,EADT,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBACzF,CAAC;QAClB,IAAM,mBAAmB,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;QAC1F,IAAM,SAAS,GAAG;YAChB,GAAG,EAAE,IAAI,CAAC,OAAO;YACjB,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,KAAK;YAChB,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,mBAAmB;YAC1B,mBAAmB,qBAAA;SACpB,CAAC;QACF,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,QACN,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,cAC3B,oBAAoB,CAAC,IAAI,EACnC,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,EAC/B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,EAC/C,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC;YAE5C,oBAAC,IAAI,eAAK,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAQ,CACvC,CACT,CAAC;IACJ,CAAC;IAiKO,0CAAmB,GAA3B,UAA4B,CAAS;QAArC,iBAEC;QADC,OAAO,UAAC,KAAwC,IAAK,OAAA,KAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,EAA9B,CAA8B,CAAC;IACtF,CAAC;IAMO,sCAAe,GAAvB,UAAwB,KAAwE,EAAE,KAAa;QAC7G,IAAK,KAAuC,CAAC,MAAM,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IAEO,6BAAM,GAAd,UAAe,KAAa;QAA5B,iBAmBC;QAlBC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC;YACZ,QAAQ,EAAE,CAAC,CAAC;YACZ,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvB,4GAA4G;QAC5G,2DAA2D;QAC3D,UAAU,CAAC;YACT,KAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAEO,kCAAW,GAAnB,UAAoB,KAAa;QAAjC,iBA2BC;QA1BC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QACD,IAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAEjC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,OAAO,CAAC;QACZ,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;QACpB,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACjC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,UAAC,KAAK;YACjB,IAAI,KAAI,CAAC,MAAM,IAAI,WAAW,KAAK,KAAI,CAAC,SAAS,EAAE,CAAC;gBAClD,KAAI,CAAC,QAAQ,CAAC;oBACZ,KAAK,OAAA;oBACL,QAAQ,EAAE,CAAC,CAAC;iBACb,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,iCAAU,GAAlB,UAAmB,KAAa;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;;IAtaa,gCAAmB,GAAG,cAAc,AAAjB,CAAkB;IACrC,wBAAW,GAAG,cAAc,AAAjB,CAAkB;IAE7B,yBAAY,GAAiB;QACzC,UAAU,YAAA;QACV,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,IAAI;QACf,aAAa,EAAE,GAAG;QAClB,mBAAmB,EAAE,IAAI;KAC1B,AANyB,CAMxB;IAVS,YAAY;QALxB,qBAAqB;QACrB,gBAAgB;QAChB,QAAQ;QACR,MAAM,CAAC,cAAc,EAAE,wBAAwB,CAAC;QAChD,QAAQ;OACI,YAAY,CAwbxB;IAAD,mBAAC;CAAA,AAxbD,CAAkC,KAAK,CAAC,SAAS,GAwbhD;SAxbY,YAAY","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes, KeyboardEvent } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { Menu } from '../../internal/Menu/index.js';\nimport { MenuMessage } from '../../internal/MenuMessage/index.js';\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { RenderLayer } from '../../internal/RenderLayer/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getRandomID, isNullable } from '../../lib/utils.js';\nimport type { Nullable, Override } from '../../typings/utility-types.js';\nimport { Input } from '../Input/index.js';\nimport type { InputProps } from '../Input/index.js';\nimport { MaskedInput, type MaskedProps, getSafeMaskInputType } from '../MaskedInput/index.js';\nimport { MenuItem } from '../MenuItem/index.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport { getStyles } from './Autocomplete.styles.js';\nimport { getAutocompleteTheme } from './getAutocompleteTheme.js';\nimport type { AutocompleteLocale } from './locale/index.js';\nimport { AutocompleteLocaleHelper } from './locale/index.js';\n\nfunction match(pattern: string, items: string[]) {\n  if (!pattern || !items) {\n    return Promise.resolve([]);\n  }\n\n  const lowerCasedPattern = pattern.toLowerCase();\n  const itemsMatchingPattern = items.filter((item) => {\n    return item.toLowerCase().includes(lowerCasedPattern);\n  });\n\n  return Promise.resolve(itemsMatchingPattern);\n}\n\nfunction renderItem(item: any) {\n  return item;\n}\n\nexport interface AutocompleteProps\n  extends\n    CommonProps,\n    Pick<AriaAttributes, 'aria-label'>,\n    Pick<Partial<MaskedProps>, 'alwaysShowMask' | 'mask' | 'maskChar'>,\n    Override<\n      Omit<InputProps, 'alwaysShowMask' | 'mask' | 'maskChar'>,\n      {\n        /** Отрисовывает элементы результата поиска. */\n        renderItem?: (item: string) => React.ReactNode;\n\n        /** Задаёт функцию поиска элементов, которая должна возвращать Promise с массивом значений. */\n        source?: string[] | ((patter: string) => Promise<string[]>);\n\n        /**  По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\n        disablePortal?: boolean;\n\n        /** Определяет, нужно ли показывать тень у выпадающего списка. */\n        hasShadow?: boolean;\n\n        /** Выравнивание выпадающего списка. */\n        menuAlign?: 'left' | 'right';\n\n        /** Максимальная высота выпадающего списка. */\n        menuMaxHeight?: number | string;\n\n        /** Ширина выпадающего списка. */\n        menuWidth?: number | string;\n\n        /** Отключает скролл окна, когда выпадающий список раскрыт. */\n        preventWindowScroll?: boolean;\n\n        /** Событие изменения `value`. */\n        onValueChange: (value: string) => void;\n\n        /** Событие потери автокомплитом фокуса. */\n        onBlur?: () => void;\n\n        /** Размер автокомплита. */\n        size?: SizeProp;\n\n        /** Значение автокомплита. */\n        value: string;\n\n        /** Текст заголовка выпадающего списка в мобильной версии. */\n        mobileMenuHeaderText?: string;\n      }\n    > {\n  /** Расположение выпадающего списка — над или под полем. */\n  menuPos?: 'top' | 'bottom';\n}\n\nexport interface AutocompleteState {\n  items: Nullable<string[]>;\n  selected: number;\n  focused: boolean;\n  isMobileOpened: boolean;\n}\n\nexport const AutocompleteDataTids = {\n  root: 'Autocomplete__root',\n  menu: 'Autocomplete__menu',\n} as const;\n\nexport const AutocompleteIds = {\n  menu: AutocompleteDataTids.menu,\n} as const;\n\ntype DefaultProps = Required<\n  Pick<AutocompleteProps, 'renderItem' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>\n>;\n\n/**\n * Автокомплит — поле ввода с выпадающим списком подсказок. Подсказки отображаются пользователю, когда он начинает вводить значение в поле. */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@locale('Autocomplete', AutocompleteLocaleHelper)\n@withSize\nexport class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {\n  public static __KONTUR_REACT_UI__ = 'Autocomplete';\n  public static displayName = 'Autocomplete';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n    disablePortal: false,\n    hasShadow: true,\n    menuMaxHeight: 300,\n    preventWindowScroll: true,\n  };\n\n  public state: AutocompleteState = {\n    items: null,\n    selected: -1,\n    focused: false,\n    isMobileOpened: false,\n  };\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private readonly locale!: AutocompleteLocale;\n  private isMobileLayout!: boolean;\n  private opened = false;\n  private input: Nullable<Input> = null;\n  private menu: Nullable<Menu>;\n  private menuId = AutocompleteIds.menu + getRandomID();\n  private rootSpan: Nullable<HTMLSpanElement>;\n  private mobilePopup: Nullable<MobilePopup>;\n\n  private requestId = 0;\n\n  private getProps = createPropsGetter(Autocomplete.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /** Программно устанавливает фокус на автокомплит.\n   * @public\n   * @example\n   * <Autocomplete ref={autocompleteRef} />\n   * <button onClick={() => autocompleteRef.current?.focus()}>Focus</button>\n   */\n  public focus(): void {\n    if (this.input) {\n      this.input.focus();\n    }\n  }\n\n  /** Программно снимает фокус с автокомплита.\n   * @public\n   * @example\n   * <Autocomplete ref={autocompleteRef} />\n   * <button onClick={() => autocompleteRef.current?.blur()}>Blur</button>\n   */\n  public blur(): void {\n    this.handleBlur();\n  }\n\n  public componentDidUpdate(prevProps: AutocompleteProps) {\n    if (prevProps.value !== this.props.value) {\n      this.updateItems(this.props.value || '');\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getAutocompleteTheme(theme);\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public renderMain = (props: CommonWrapperRestProps<AutocompleteProps>): React.JSX.Element => {\n    const { focused } = this.state;\n\n    const isMobile = this.isMobileLayout;\n\n    const {\n      onValueChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      renderItem: _renderItem,\n      disablePortal,\n      hasShadow,\n      menuAlign,\n      menuMaxHeight,\n      preventWindowScroll,\n      source,\n      menuPos,\n      width = this.theme.inputWidth,\n      mobileMenuHeaderText,\n      type,\n      ...rest\n    } = props;\n\n    const inputProps = {\n      ...rest,\n      width: '100%',\n      autoComplete: 'off',\n      'aria-controls': this.menuId,\n      onValueChange: this.handleValueChange,\n      onKeyDown: this.handleKeyDown,\n      onFocus: this.handleFocus,\n      ref: this.refInput,\n    };\n\n    return (\n      <RenderLayer onFocusOutside={this.handleBlur} onClickOutside={this.handleClickOutside} active={focused}>\n        <span\n          data-tid={AutocompleteDataTids.root}\n          className={this.cx(this.styles.root(this.theme), {\n            [this.styles.noPortal()]: disablePortal,\n          })}\n          style={{ width }}\n          ref={this.refRootSpan}\n        >\n          {this.getInput(inputProps)}\n\n          {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n        </span>\n      </RenderLayer>\n    );\n  };\n\n  private renderHints(): React.ReactNode {\n    const items = this.state.items;\n    const themeDependantProps = isThemeGTE(this.theme, '6.1') ? { size: this.size } : {};\n\n    if (!this.props.value) {\n      return <MenuMessage {...themeDependantProps}>{this.locale.enterValue}</MenuMessage>;\n    }\n\n    if (items?.length === 0 && this.props.value) {\n      return <MenuMessage {...themeDependantProps}>{this.locale.notFound}</MenuMessage>;\n    }\n\n    if (isNullable(items) && this.props.value) {\n      return <MenuMessage {...themeDependantProps}>{this.locale.updateValue}</MenuMessage>;\n    }\n\n    return null;\n  }\n\n  private renderMenu(): React.ReactNode {\n    const items = this.state.items;\n    const { menuPos, menuAlign, menuMaxHeight, hasShadow, menuWidth, width, preventWindowScroll, disablePortal } =\n      this.getProps();\n    const calculatedMenuWidth = menuWidth ? '100%' : width && getDOMRect(this.rootSpan).width;\n    const menuProps = {\n      ref: this.refMenu,\n      maxHeight: menuMaxHeight,\n      hasShadow: false,\n      hasMargin: false,\n      width: calculatedMenuWidth,\n      preventWindowScroll,\n    };\n    if (!items || items.length === 0) {\n      return null;\n    }\n\n    return (\n      <Popup\n        opened\n        hasShadow={hasShadow}\n        id={this.menuId}\n        priority={ZIndex.priorities.PopupMenu}\n        data-tid={AutocompleteDataTids.menu}\n        anchorElement={this.getAnchor()}\n        disablePortal={disablePortal}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        positions={getMenuPositions(menuPos, menuAlign)}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n      >\n        <Menu {...menuProps}>{this.getItems()}</Menu>\n      </Popup>\n    );\n  }\n\n  private getInput = (inputProps: InputProps) => {\n    return this.props.mask ? (\n      <MaskedInput\n        {...inputProps}\n        type={getSafeMaskInputType(this.props.type)}\n        mask={this.props.mask}\n        maskChar={this.props.maskChar}\n      />\n    ) : (\n      <Input {...inputProps} />\n    );\n  };\n\n  private renderMobileMenu = () => {\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onValueChange: this.handleValueChange,\n      onKeyPress: this.handleKeyPressMobile,\n      value: this.props.value,\n      placeholder: this.locale.enterValue,\n      type: this.props.type,\n      inputMode: this.props.inputMode,\n      'aria-label': this.props['aria-label'],\n      'aria-controls': this.menuId,\n      size: isThemeGTE(this.theme, '6.1') ? this.size : undefined,\n    };\n\n    const items = this.state.items;\n\n    const themeDependantProps = isThemeGTE(this.theme, '6.1')\n      ? {\n          footerChildComponent: this.getInput(inputProps),\n          size: this.size,\n        }\n      : {\n          headerChildComponent: this.getInput(inputProps),\n        };\n\n    return (\n      <MobilePopup\n        id={this.menuId}\n        {...themeDependantProps}\n        caption={this.props.mobileMenuHeaderText}\n        opened={this.state.isMobileOpened}\n        onCloseRequest={this.handleCloseMobile}\n        ref={this.refMobilePopup}\n      >\n        <Menu ref={this.refMenu} onItemClick={this.mobilePopup?.close} disableScrollContainer maxHeight={'auto'}>\n          {items && items.length > 0 && this.getItems()}\n          {this.renderHints()}\n        </Menu>\n      </MobilePopup>\n    );\n  };\n\n  private getItems = () => {\n    const items = this.state.items;\n    const isMobile = this.isMobileLayout;\n\n    return items\n      ? items.map((item, i) => {\n          return (\n            <MenuItem onClick={this.handleMenuItemClick(i)} key={i} isMobile={isMobile} size={this.size}>\n              {this.getProps().renderItem(item)}\n            </MenuItem>\n          );\n        })\n      : null;\n  };\n\n  private handleValueChange = (value: string) => {\n    this.opened = true;\n\n    this.fireChange(value);\n  };\n\n  private handleCloseMobile = () => {\n    this.setState({\n      isMobileOpened: false,\n    });\n\n    this.handleBlur();\n  };\n\n  private handleKeyPressMobile = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      this.mobilePopup?.close();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.isMobileLayout) {\n      this.setState({ isMobileOpened: true });\n    }\n\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.state.focused) {\n      return;\n    }\n\n    this.opened = false;\n    this.setState({ items: null, focused: false });\n\n    if (this.input) {\n      this.input.blur();\n    }\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handleClickOutside = () => {\n    this.handleBlur();\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n    switch (true) {\n      case isKeyEscape(e):\n        e.preventDefault();\n        this.setState({ items: null });\n        return;\n      case isKeyArrowUp(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.up();\n        }\n        return;\n      case isKeyArrowDown(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.down();\n        }\n        return;\n      case isKeyEnter(e):\n        e.preventDefault(); // To prevent form submission.\n        if (this.menu) {\n          this.menu.enter(e);\n        }\n        return;\n    }\n  };\n\n  private handleMenuItemClick(i: number) {\n    return (event: React.SyntheticEvent<HTMLElement>) => this.handleItemClick(event, i);\n  }\n\n  private getAnchor = () => {\n    return getRootNode(this);\n  };\n\n  private handleItemClick(event: React.SyntheticEvent<HTMLElement> | React.MouseEvent<HTMLElement>, index: number) {\n    if ((event as React.MouseEvent<HTMLElement>).button) {\n      return;\n    }\n\n    event.preventDefault();\n    this.choose(index);\n  }\n\n  private choose(index: number) {\n    if (!this.state.items) {\n      return;\n    }\n\n    const value = this.state.items[index];\n    this.opened = false;\n    this.setState({\n      selected: -1,\n      items: null,\n    });\n\n    this.fireChange(value);\n\n    // NOTE: этот таймаут - костыль. Проблема в старом ReactInputMask, он сеттит пустой value при потере фокуса.\n    // Можно будет убрать после полного перехода на MaskedInput\n    setTimeout(() => {\n      this.blur();\n    }, 0);\n  }\n\n  private updateItems(value: string) {\n    if (!this.opened) {\n      return;\n    }\n    const pattern = value.trim();\n    const source = this.props.source;\n\n    if (!source) {\n      return;\n    }\n\n    let promise;\n    this.requestId += 1;\n    const expectingId = this.requestId;\n    if (typeof source === 'function') {\n      promise = source(pattern);\n    } else {\n      promise = match(pattern, source);\n    }\n    promise.then((items) => {\n      if (this.opened && expectingId === this.requestId) {\n        this.setState({\n          items,\n          selected: -1,\n        });\n      }\n    });\n  }\n\n  private fireChange(value: string) {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  }\n\n  private refInput = (el: Input | null) => {\n    this.input = el;\n  };\n\n  private refMenu = (menu: Menu | null) => {\n    this.menu = menu;\n  };\n\n  private refRootSpan = (span: HTMLSpanElement) => {\n    this.rootSpan = span;\n  };\n\n  private refMobilePopup = (mobilePopup: MobilePopup | null) => {\n    this.mobilePopup = mobilePopup;\n  };\n}\n"]}
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["Autocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, KeyboardEvent } from 'react';\nimport React from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { Menu } from '../../internal/Menu/index.js';\nimport { MenuMessage } from '../../internal/MenuMessage/index.js';\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { RenderLayer } from '../../internal/RenderLayer/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Emotion } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getRandomID, isNullable } from '../../lib/utils.js';\nimport type { Nullable, Override } from '../../typings/utility-types.js';\nimport { Input } from '../Input/index.js';\nimport type { InputProps } from '../Input/index.js';\nimport { MaskedInput, type MaskedProps, getSafeMaskInputType } from '../MaskedInput/index.js';\nimport { MenuItem } from '../MenuItem/index.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport { getStyles } from './Autocomplete.css.js';\nimport { getAutocompleteTheme } from './getAutocompleteTheme.js';\nimport type { AutocompleteLocale } from './locale/index.js';\nimport { AutocompleteLocaleHelper } from './locale/index.js';\n\nfunction match(pattern: string, items: string[]) {\n  if (!pattern || !items) {\n    return Promise.resolve([]);\n  }\n\n  const lowerCasedPattern = pattern.toLowerCase();\n  const itemsMatchingPattern = items.filter((item) => {\n    return item.toLowerCase().includes(lowerCasedPattern);\n  });\n\n  return Promise.resolve(itemsMatchingPattern);\n}\n\nfunction renderItem(item: any) {\n  return item;\n}\n\nexport interface AutocompleteProps\n  extends\n    CommonProps,\n    Pick<AriaAttributes, 'aria-label'>,\n    Pick<Partial<MaskedProps>, 'alwaysShowMask' | 'mask' | 'maskChar'>,\n    Override<\n      Omit<InputProps, 'alwaysShowMask' | 'mask' | 'maskChar'>,\n      {\n        /** Отрисовывает элементы результата поиска. */\n        renderItem?: (item: string) => React.ReactNode;\n\n        /** Задаёт функцию поиска элементов, которая должна возвращать Promise с массивом значений. */\n        source?: string[] | ((patter: string) => Promise<string[]>);\n\n        /**  По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\n        disablePortal?: boolean;\n\n        /** Определяет, нужно ли показывать тень у выпадающего списка. */\n        hasShadow?: boolean;\n\n        /** Выравнивание выпадающего списка. */\n        menuAlign?: 'left' | 'right';\n\n        /** Максимальная высота выпадающего списка. */\n        menuMaxHeight?: number | string;\n\n        /** Ширина выпадающего списка. */\n        menuWidth?: number | string;\n\n        /** Отключает скролл окна, когда выпадающий список раскрыт. */\n        preventWindowScroll?: boolean;\n\n        /** Событие изменения `value`. */\n        onValueChange: (value: string) => void;\n\n        /** Событие потери автокомплитом фокуса. */\n        onBlur?: () => void;\n\n        /** Размер автокомплита. */\n        size?: SizeProp;\n\n        /** Значение автокомплита. */\n        value: string;\n\n        /** Текст заголовка выпадающего списка в мобильной версии. */\n        mobileMenuHeaderText?: string;\n      }\n    > {\n  /** Расположение выпадающего списка — над или под полем. */\n  menuPos?: 'top' | 'bottom';\n}\n\nexport interface AutocompleteState {\n  items: Nullable<string[]>;\n  selected: number;\n  focused: boolean;\n  isMobileOpened: boolean;\n}\n\nexport const AutocompleteDataTids = {\n  root: 'Autocomplete__root',\n  menu: 'Autocomplete__menu',\n} as const;\n\nexport const AutocompleteIds = {\n  menu: AutocompleteDataTids.menu,\n} as const;\n\ntype DefaultProps = Required<\n  Pick<AutocompleteProps, 'renderItem' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>\n>;\n\n/**\n * Автокомплит — поле ввода с выпадающим списком подсказок. Подсказки отображаются пользователю, когда он начинает вводить значение в поле. */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\n@locale('Autocomplete', AutocompleteLocaleHelper)\n@withSize\nexport class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {\n  public static __KONTUR_REACT_UI__ = 'Autocomplete';\n  public static displayName = 'Autocomplete';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n    disablePortal: false,\n    hasShadow: true,\n    menuMaxHeight: 300,\n    preventWindowScroll: true,\n  };\n\n  public state: AutocompleteState = {\n    items: null,\n    selected: -1,\n    focused: false,\n    isMobileOpened: false,\n  };\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private readonly locale!: AutocompleteLocale;\n  private isMobileLayout!: boolean;\n  private opened = false;\n  private input: Nullable<Input> = null;\n  private menu: Nullable<Menu>;\n  private menuId = AutocompleteIds.menu + getRandomID();\n  private rootSpan: Nullable<HTMLSpanElement>;\n  private mobilePopup: Nullable<MobilePopup>;\n\n  private requestId = 0;\n\n  private getProps = createPropsGetter(Autocomplete.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /** Программно устанавливает фокус на автокомплит.\n   * @public\n   * @example\n   * <Autocomplete ref={autocompleteRef} />\n   * <button onClick={() => autocompleteRef.current?.focus()}>Focus</button>\n   */\n  public focus(): void {\n    if (this.input) {\n      this.input.focus();\n    }\n  }\n\n  /** Программно снимает фокус с автокомплита.\n   * @public\n   * @example\n   * <Autocomplete ref={autocompleteRef} />\n   * <button onClick={() => autocompleteRef.current?.blur()}>Blur</button>\n   */\n  public blur(): void {\n    this.handleBlur();\n  }\n\n  public componentDidUpdate(prevProps: AutocompleteProps) {\n    if (prevProps.value !== this.props.value) {\n      this.updateItems(this.props.value || '');\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getAutocompleteTheme(theme);\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public renderMain = (props: CommonWrapperRestProps<AutocompleteProps>): React.JSX.Element => {\n    const { focused } = this.state;\n\n    const isMobile = this.isMobileLayout;\n\n    const {\n      onValueChange,\n      onKeyDown,\n      onFocus,\n      onBlur,\n      renderItem: _renderItem,\n      disablePortal,\n      hasShadow,\n      menuAlign,\n      menuMaxHeight,\n      preventWindowScroll,\n      source,\n      menuPos,\n      width = this.theme.inputWidth,\n      mobileMenuHeaderText,\n      type,\n      ...rest\n    } = props;\n\n    const inputProps = {\n      ...rest,\n      width: '100%',\n      autoComplete: 'off',\n      'aria-controls': this.menuId,\n      onValueChange: this.handleValueChange,\n      onKeyDown: this.handleKeyDown,\n      onFocus: this.handleFocus,\n      ref: this.refInput,\n    };\n\n    return (\n      <RenderLayer onFocusOutside={this.handleBlur} onClickOutside={this.handleClickOutside} active={focused}>\n        <span\n          data-tid={AutocompleteDataTids.root}\n          className={this.cx(this.styles.root(this.theme), {\n            [this.styles.noPortal()]: disablePortal,\n          })}\n          style={{ width }}\n          ref={this.refRootSpan}\n        >\n          {this.getInput(inputProps)}\n\n          {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n        </span>\n      </RenderLayer>\n    );\n  };\n\n  private renderHints(): React.ReactNode {\n    const items = this.state.items;\n    const themeDependantProps = isThemeGTE(this.theme, '6.1') ? { size: this.size } : {};\n\n    if (!this.props.value) {\n      return <MenuMessage {...themeDependantProps}>{this.locale.enterValue}</MenuMessage>;\n    }\n\n    if (items?.length === 0 && this.props.value) {\n      return <MenuMessage {...themeDependantProps}>{this.locale.notFound}</MenuMessage>;\n    }\n\n    if (isNullable(items) && this.props.value) {\n      return <MenuMessage {...themeDependantProps}>{this.locale.updateValue}</MenuMessage>;\n    }\n\n    return null;\n  }\n\n  private renderMenu(): React.ReactNode {\n    const items = this.state.items;\n    const { menuPos, menuAlign, menuMaxHeight, hasShadow, menuWidth, width, preventWindowScroll, disablePortal } =\n      this.getProps();\n    const calculatedMenuWidth = menuWidth ? '100%' : width && getDOMRect(this.rootSpan).width;\n    const menuProps = {\n      ref: this.refMenu,\n      maxHeight: menuMaxHeight,\n      hasShadow: false,\n      hasMargin: false,\n      width: calculatedMenuWidth,\n      preventWindowScroll,\n    };\n    if (!items || items.length === 0) {\n      return null;\n    }\n\n    return (\n      <Popup\n        opened\n        hasShadow={hasShadow}\n        id={this.menuId}\n        priority={ZIndex.priorities.PopupMenu}\n        data-tid={AutocompleteDataTids.menu}\n        anchorElement={this.getAnchor()}\n        disablePortal={disablePortal}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        positions={getMenuPositions(menuPos, menuAlign)}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n      >\n        <Menu {...menuProps}>{this.getItems()}</Menu>\n      </Popup>\n    );\n  }\n\n  private getInput = (inputProps: InputProps) => {\n    return this.props.mask ? (\n      <MaskedInput\n        {...inputProps}\n        type={getSafeMaskInputType(this.props.type)}\n        mask={this.props.mask}\n        maskChar={this.props.maskChar}\n      />\n    ) : (\n      <Input {...inputProps} />\n    );\n  };\n\n  private renderMobileMenu = () => {\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onValueChange: this.handleValueChange,\n      onKeyPress: this.handleKeyPressMobile,\n      value: this.props.value,\n      placeholder: this.locale.enterValue,\n      type: this.props.type,\n      inputMode: this.props.inputMode,\n      'aria-label': this.props['aria-label'],\n      'aria-controls': this.menuId,\n      size: isThemeGTE(this.theme, '6.1') ? this.size : undefined,\n    };\n\n    const items = this.state.items;\n\n    const themeDependantProps = isThemeGTE(this.theme, '6.1')\n      ? {\n          footerChildComponent: this.getInput(inputProps),\n          size: this.size,\n        }\n      : {\n          headerChildComponent: this.getInput(inputProps),\n        };\n\n    return (\n      <MobilePopup\n        id={this.menuId}\n        {...themeDependantProps}\n        caption={this.props.mobileMenuHeaderText}\n        opened={this.state.isMobileOpened}\n        onCloseRequest={this.handleCloseMobile}\n        ref={this.refMobilePopup}\n      >\n        <Menu ref={this.refMenu} onItemClick={this.mobilePopup?.close} disableScrollContainer maxHeight={'auto'}>\n          {items && items.length > 0 && this.getItems()}\n          {this.renderHints()}\n        </Menu>\n      </MobilePopup>\n    );\n  };\n\n  private getItems = () => {\n    const items = this.state.items;\n    const isMobile = this.isMobileLayout;\n\n    return items\n      ? items.map((item, i) => {\n          return (\n            <MenuItem onClick={this.handleMenuItemClick(i)} key={i} isMobile={isMobile} size={this.size}>\n              {this.getProps().renderItem(item)}\n            </MenuItem>\n          );\n        })\n      : null;\n  };\n\n  private handleValueChange = (value: string) => {\n    this.opened = true;\n\n    this.fireChange(value);\n  };\n\n  private handleCloseMobile = () => {\n    this.setState({\n      isMobileOpened: false,\n    });\n\n    this.handleBlur();\n  };\n\n  private handleKeyPressMobile = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      this.mobilePopup?.close();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.isMobileLayout) {\n      this.setState({ isMobileOpened: true });\n    }\n\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.state.focused) {\n      return;\n    }\n\n    this.opened = false;\n    this.setState({ items: null, focused: false });\n\n    if (this.input) {\n      this.input.blur();\n    }\n\n    if (this.props.onBlur) {\n      this.props.onBlur();\n    }\n  };\n\n  private handleClickOutside = () => {\n    this.handleBlur();\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n    switch (true) {\n      case isKeyEscape(e):\n        e.preventDefault();\n        this.setState({ items: null });\n        return;\n      case isKeyArrowUp(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.up();\n        }\n        return;\n      case isKeyArrowDown(e):\n        e.preventDefault();\n        if (this.menu) {\n          this.menu.down();\n        }\n        return;\n      case isKeyEnter(e):\n        e.preventDefault(); // To prevent form submission.\n        if (this.menu) {\n          this.menu.enter(e);\n        }\n        return;\n    }\n  };\n\n  private handleMenuItemClick(i: number) {\n    return (event: React.SyntheticEvent<HTMLElement>) => this.handleItemClick(event, i);\n  }\n\n  private getAnchor = () => {\n    return getRootNode(this);\n  };\n\n  private handleItemClick(event: React.SyntheticEvent<HTMLElement> | React.MouseEvent<HTMLElement>, index: number) {\n    if ((event as React.MouseEvent<HTMLElement>).button) {\n      return;\n    }\n\n    event.preventDefault();\n    this.choose(index);\n  }\n\n  private choose(index: number) {\n    if (!this.state.items) {\n      return;\n    }\n\n    const value = this.state.items[index];\n    this.opened = false;\n    this.setState({\n      selected: -1,\n      items: null,\n    });\n\n    this.fireChange(value);\n\n    // NOTE: этот таймаут - костыль. Проблема в старом ReactInputMask, он сеттит пустой value при потере фокуса.\n    // Можно будет убрать после полного перехода на MaskedInput\n    setTimeout(() => {\n      this.blur();\n    }, 0);\n  }\n\n  private updateItems(value: string) {\n    if (!this.opened) {\n      return;\n    }\n    const pattern = value.trim();\n    const source = this.props.source;\n\n    if (!source) {\n      return;\n    }\n\n    let promise;\n    this.requestId += 1;\n    const expectingId = this.requestId;\n    if (typeof source === 'function') {\n      promise = source(pattern);\n    } else {\n      promise = match(pattern, source);\n    }\n    promise.then((items) => {\n      if (this.opened && expectingId === this.requestId) {\n        this.setState({\n          items,\n          selected: -1,\n        });\n      }\n    });\n  }\n\n  private fireChange(value: string) {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  }\n\n  private refInput = (el: Input | null) => {\n    this.input = el;\n  };\n\n  private refMenu = (menu: Menu | null) => {\n    this.menu = menu;\n  };\n\n  private refRootSpan = (span: HTMLSpanElement) => {\n    this.rootSpan = span;\n  };\n\n  private refMobilePopup = (mobilePopup: MobilePopup | null) => {\n    this.mobilePopup = mobilePopup;\n  };\n}\n"]}

package/components/Autocomplete/getAutocompleteTheme.d.ts

@@ -1,2 +1 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getAutocompleteTheme: (theme: Theme) => Theme;
+export declare const getAutocompleteTheme: (theme: Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>) => Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>;

package/components/Autocomplete/getAutocompleteTheme.js

@@ -1,7 +1,8 @@
+import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
-export var getAutocompleteTheme = function (theme) {
+export var getAutocompleteTheme = memoizeTheme(function (theme) {
     return ThemeFactory.create({
         menuOffsetY: theme.autocompleteMenuOffsetY,
     }, theme);
-};
+});
 //# sourceMappingURL=getAutocompleteTheme.js.map

package/components/Autocomplete/getAutocompleteTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAutocompleteTheme.js","sourceRoot":"","sources":["getAutocompleteTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAY;IAC/C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,uBAAuB;KAC3C,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getAutocompleteTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      menuOffsetY: theme.autocompleteMenuOffsetY,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"file":"getAutocompleteTheme.js","sourceRoot":"","sources":["getAutocompleteTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,YAAY,CAAC,UAAC,KAAY;IAC5D,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,uBAAuB;KAC3C,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\n\nexport const getAutocompleteTheme = memoizeTheme((theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      menuOffsetY: theme.autocompleteMenuOffsetY,\n    },\n    theme,\n  );\n});\n"]}

package/components/Button/Button.css.d.ts

@@ -0,0 +1,94 @@
+import { globalClasses } from './Button.classes.js';
+export { globalClasses };
+export declare const root: string;
+/** @deprecated */
+export declare const outlineDefault: string;
+/** @deprecated */
+export declare const outlineWarning: string;
+/** @deprecated */
+export declare const outlineError: string;
+/** @deprecated */
+export declare const outlineLink: string;
+/** @deprecated */
+export declare const outlineLinkWarning: string;
+/** @deprecated */
+export declare const outlineLinkError: string;
+export declare const sizeSmall: string;
+export declare const sizeMedium: string;
+export declare const sizeLarge: string;
+export declare const sizeSmallWithIcon: string;
+export declare const sizeMediumWithIcon: string;
+export declare const sizeLargeWithIcon: string;
+export declare const sizeSmallWithRightIcon: string;
+export declare const sizeMediumWithRightIcon: string;
+export declare const sizeLargeWithRightIcon: string;
+export declare const sizeSmallWithIconWithoutText: string;
+export declare const sizeMediumWithIconWithoutText: string;
+export declare const sizeLargeWithIconWithoutText: string;
+/** @deprecated */
+export declare const link: string;
+/** @deprecated */
+export declare const linkLineHeight: string;
+/** @deprecated */
+export declare const linkLineHeightSafariFallback: string;
+/** @deprecated */
+export declare const linkFocus: string;
+/** @deprecated */
+export declare const linkDisabled: string;
+export declare const arrowIconRoot: string;
+export declare const arrowIconRootSmall: string;
+export declare const arrowIconRootMedium: string;
+export declare const arrowIconRootLarge: string;
+export declare const arrowIconLeft: string;
+export declare const accent: string;
+export declare const success: string;
+export declare const danger: string;
+export declare const pay: string;
+export declare const text: string;
+export declare const outline: string;
+export declare const fill: string;
+export declare const caption: string;
+export declare const wrap: string;
+export declare const wrapSmall: string;
+export declare const wrapMedium: string;
+export declare const wrapLarge: string;
+/** @deprecated */
+export declare const narrow: string;
+export declare const noPadding: string;
+export declare const noRightPadding: string;
+export declare const wrapLink: string;
+export declare const loading: string;
+export declare const visibilityHidden: string;
+export declare const activeDefault: string;
+export declare const activeAccent: string;
+export declare const activeSuccess: string;
+export declare const activeDanger: string;
+export declare const activePay: string;
+export declare const activeLink: string;
+export declare const activeText: string;
+export declare const activeOutline: string;
+export declare const activeFill: string;
+export declare const withArrowIconRightSmall: string;
+export declare const withArrowIconRightMedium: string;
+export declare const withArrowIconRightLarge: string;
+export declare const withArrowIconLeftSmall: string;
+export declare const withArrowIconLeftMedium: string;
+export declare const withArrowIconLeftLarge: string;
+export declare const focus: string;
+export declare const checked: string;
+export declare const checkedFocused: string;
+export declare const disabled: string;
+export declare const disabledWithoutOutline: string;
+export declare const checkedDisabled: string;
+/** @deprecated */
+export declare const borderless: string;
+export declare const backlessDisabled: string;
+export declare const textDisabled: string;
+export declare const captionLink: string;
+export declare const captionDisabled: string;
+export declare const getStyles: (_emotion?: unknown) => {
+    [x: string]: (...args: unknown[]) => string;
+};
+export declare const getActiveStyles: (_emotion?: unknown) => {
+    [x: string]: (...args: unknown[]) => string;
+};

package/components/Button/Button.css.js

@@ -0,0 +1,78 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var accent = 'react-ui-Button__accent';
+export var activeAccent = 'react-ui-Button__accent-2';
+export var activeDanger = 'react-ui-Button__danger-2';
+export var activeDefault = 'react-ui-Button__default-2';
+export var activeFill = 'react-ui-Button__fill-2';
+export var activeLink = 'react-ui-Button__link-2';
+export var activeOutline = 'react-ui-Button__outline-2';
+export var activePay = 'react-ui-Button__pay-2';
+export var activeSuccess = 'react-ui-Button__success-2';
+export var activeText = 'react-ui-Button__text-2';
+export var arrowIconLeft = 'react-ui-Button__arrowIconLeft';
+export var arrowIconRoot = 'react-ui-Button__arrowIconRoot';
+export var arrowIconRootLarge = 'react-ui-Button__arrowIconRootLarge';
+export var arrowIconRootMedium = 'react-ui-Button__arrowIconRootMedium';
+export var arrowIconRootSmall = 'react-ui-Button__arrowIconRootSmall';
+export var backlessDisabled = 'react-ui-Button__backlessDisabled';
+export var borderless = 'react-ui-Button__borderless';
+export var caption = 'react-ui-Button__caption';
+export var captionDisabled = 'react-ui-Button__captionDisabled';
+export var captionLink = 'react-ui-Button__captionLink';
+export var checked = 'react-ui-Button__checked';
+export var checkedDisabled = 'react-ui-Button__checkedDisabled';
+export var checkedFocused = 'react-ui-Button__checkedFocused';
+export var danger = 'react-ui-Button__danger';
+export var disabled = 'react-ui-Button__disabled';
+export var disabledWithoutOutline = 'react-ui-Button__disabledWithoutOutline';
+export var fill = 'react-ui-Button__fill';
+export var focus = 'react-ui-Button__focus';
+export var getActiveStyles = _b9cd9({'default':'react-ui-Button__default-2',accent:'react-ui-Button__accent-2',success:'react-ui-Button__success-2',danger:'react-ui-Button__danger-2',pay:'react-ui-Button__pay-2',link:'react-ui-Button__link-2',text:'react-ui-Button__text-2',outline:'react-ui-Button__outline-2',fill:'react-ui-Button__fill-2'});
+export var getStyles = _b9cd9({root:'react-ui-Button__root',withArrowIconRightSmall:'react-ui-Button__withArrowIconRightSmall',withArrowIconRightMedium:'react-ui-Button__withArrowIconRightMedium',withArrowIconRightLarge:'react-ui-Button__withArrowIconRightLarge',withArrowIconLeftSmall:'react-ui-Button__withArrowIconLeftSmall',withArrowIconLeftMedium:'react-ui-Button__withArrowIconLeftMedium',withArrowIconLeftLarge:'react-ui-Button__withArrowIconLeftLarge',outlineDefault:'react-ui-Button__outlineDefault',outlineWarning:'react-ui-Button__outlineWarning',outlineError:'react-ui-Button__outlineError',outlineLink:'react-ui-Button__outlineLink',outlineLinkWarning:'react-ui-Button__outlineLinkWarning',outlineLinkError:'react-ui-Button__outlineLinkError',sizeSmall:'react-ui-Button__sizeSmall',sizeMedium:'react-ui-Button__sizeMedium',sizeLarge:'react-ui-Button__sizeLarge',sizeSmallWithIcon:'react-ui-Button__sizeSmallWithIcon',sizeMediumWithIcon:'react-ui-Button__sizeMediumWithIcon',sizeLargeWithIcon:'react-ui-Button__sizeLargeWithIcon',sizeSmallWithRightIcon:'react-ui-Button__sizeSmallWithRightIcon',sizeMediumWithRightIcon:'react-ui-Button__sizeMediumWithRightIcon',sizeLargeWithRightIcon:'react-ui-Button__sizeLargeWithRightIcon',sizeSmallWithIconWithoutText:'react-ui-Button__sizeSmallWithIconWithoutText',sizeMediumWithIconWithoutText:'react-ui-Button__sizeMediumWithIconWithoutText',sizeLargeWithIconWithoutText:'react-ui-Button__sizeLargeWithIconWithoutText',link:'react-ui-Button__link',linkLineHeight:'react-ui-Button__linkLineHeight',linkLineHeightSafariFallback:'react-ui-Button__linkLineHeightSafariFallback',linkFocus:'react-ui-Button__linkFocus',linkDisabled:'react-ui-Button__linkDisabled',focus:'react-ui-Button__focus',disabled:'react-ui-Button__disabled',disabledWithoutOutline:'react-ui-Button__disabledWithoutOutline',arrowIconRoot:'react-ui-Button__arrowIconRoot',arrowIconRootSmall:'react-ui-Button__arrowIconRootSmall',arrowIconRootMedium:'react-ui-Button__arrowIconRootMedium',arrowIconRootLarge:'react-ui-Button__arrowIconRootLarge',arrowIconLeft:'react-ui-Button__arrowIconLeft','default':'react-ui-Button__default',accent:'react-ui-Button__accent',success:'react-ui-Button__success',danger:'react-ui-Button__danger',pay:'react-ui-Button__pay',text:'react-ui-Button__text',outline:'react-ui-Button__outline',fill:'react-ui-Button__fill',checked:'react-ui-Button__checked',checkedFocused:'react-ui-Button__checkedFocused',checkedDisabled:'react-ui-Button__checkedDisabled',caption:'react-ui-Button__caption',captionLink:'react-ui-Button__captionLink',captionDisabled:'react-ui-Button__captionDisabled',wrap:'react-ui-Button__wrap',wrapSmall:'react-ui-Button__wrapSmall',wrapMedium:'react-ui-Button__wrapMedium',wrapLarge:'react-ui-Button__wrapLarge',narrow:'react-ui-Button__narrow',noPadding:'react-ui-Button__noPadding',noRightPadding:'react-ui-Button__noRightPadding',wrapLink:'react-ui-Button__wrapLink',borderless:'react-ui-Button__borderless',backlessDisabled:'react-ui-Button__backlessDisabled',textDisabled:'react-ui-Button__textDisabled',loading:'react-ui-Button__loading',visibilityHidden:'react-ui-Button__visibilityHidden'});
+export var globalClasses = {root:'react-ui-button-root',arrow:'react-ui-button-arrow',caption:'react-ui-button-caption',text:'react-ui-button-text',innerShadow:'react-ui-button-inner-shadow',disabled:'react-ui-button-disabled'};
+export var link = 'react-ui-Button__link';
+export var linkDisabled = 'react-ui-Button__linkDisabled';
+export var linkFocus = 'react-ui-Button__linkFocus';
+export var linkLineHeight = 'react-ui-Button__linkLineHeight';
+export var linkLineHeightSafariFallback = 'react-ui-Button__linkLineHeightSafariFallback';
+export var loading = 'react-ui-Button__loading';
+export var narrow = 'react-ui-Button__narrow';
+export var noPadding = 'react-ui-Button__noPadding';
+export var noRightPadding = 'react-ui-Button__noRightPadding';
+export var outline = 'react-ui-Button__outline';
+export var outlineDefault = 'react-ui-Button__outlineDefault';
+export var outlineError = 'react-ui-Button__outlineError';
+export var outlineLink = 'react-ui-Button__outlineLink';
+export var outlineLinkError = 'react-ui-Button__outlineLinkError';
+export var outlineLinkWarning = 'react-ui-Button__outlineLinkWarning';
+export var outlineWarning = 'react-ui-Button__outlineWarning';
+export var pay = 'react-ui-Button__pay';
+export var root = 'react-ui-Button__root';
+export var sizeLarge = 'react-ui-Button__sizeLarge';
+export var sizeLargeWithIcon = 'react-ui-Button__sizeLargeWithIcon';
+export var sizeLargeWithIconWithoutText = 'react-ui-Button__sizeLargeWithIconWithoutText';
+export var sizeLargeWithRightIcon = 'react-ui-Button__sizeLargeWithRightIcon';
+export var sizeMedium = 'react-ui-Button__sizeMedium';
+export var sizeMediumWithIcon = 'react-ui-Button__sizeMediumWithIcon';
+export var sizeMediumWithIconWithoutText = 'react-ui-Button__sizeMediumWithIconWithoutText';
+export var sizeMediumWithRightIcon = 'react-ui-Button__sizeMediumWithRightIcon';
+export var sizeSmall = 'react-ui-Button__sizeSmall';
+export var sizeSmallWithIcon = 'react-ui-Button__sizeSmallWithIcon';
+export var sizeSmallWithIconWithoutText = 'react-ui-Button__sizeSmallWithIconWithoutText';
+export var sizeSmallWithRightIcon = 'react-ui-Button__sizeSmallWithRightIcon';
+export var success = 'react-ui-Button__success';
+export var text = 'react-ui-Button__text';
+export var textDisabled = 'react-ui-Button__textDisabled';
+export var visibilityHidden = 'react-ui-Button__visibilityHidden';
+export var withArrowIconLeftLarge = 'react-ui-Button__withArrowIconLeftLarge';
+export var withArrowIconLeftMedium = 'react-ui-Button__withArrowIconLeftMedium';
+export var withArrowIconLeftSmall = 'react-ui-Button__withArrowIconLeftSmall';
+export var withArrowIconRightLarge = 'react-ui-Button__withArrowIconRightLarge';
+export var withArrowIconRightMedium = 'react-ui-Button__withArrowIconRightMedium';
+export var withArrowIconRightSmall = 'react-ui-Button__withArrowIconRightSmall';
+export var wrap = 'react-ui-Button__wrap';
+export var wrapLarge = 'react-ui-Button__wrapLarge';
+export var wrapLink = 'react-ui-Button__wrapLink';
+export var wrapMedium = 'react-ui-Button__wrapMedium';
+export var wrapSmall = 'react-ui-Button__wrapSmall';

package/components/Button/Button.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.css.js","sourceRoot":"","sources":["Button.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { resetButtonFocusInner, resetButtonRule, resetTextRule } from '../../lib/styles/Mixins.js';\nimport { exportStyles, t, whenThemeSets } from '../../lib/theming/vanilla.js';\nimport { globalClasses } from './Button.classes.js';\nimport {\n  buttonActiveMixin,\n  buttonHoverMixin,\n  buttonSizeMixin,\n  buttonUseArrowMixin,\n  buttonUseMixin,\n} from './Button.mixins.js';\n\nexport { globalClasses };\n\n// Повторы свойств — на месте последнего вхождения, как их склеивал Emotion: line-height из resetTextRule,\n// text-align и width из resetButtonRule/resetTextRule рядом с итоговыми значениями.\nconst {\n  lineHeight: _lineHeight,\n  textAlign: resetButtonTextAlign,\n  width: resetButtonWidth,\n  ...buttonReset\n} = resetButtonRule;\nconst { textAlign: resetTextTextAlign, ...textReset } = resetTextRule;\n\nexport const root = style({\n  ...buttonReset,\n  ...textReset,\n  // с btnBorderColorTransition — в правиле ниже, когда тема его задала\n  transition: `background-color ${t.transitionDuration} ${t.transitionTimingFunction}`,\n  backgroundClip: t.btnBackgroundClip,\n  backgroundPosition: 'center',\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: 'contain',\n  cursor: 'pointer',\n  display: 'inline-block',\n  position: 'relative',\n  textAlign: [resetButtonTextAlign, resetTextTextAlign, 'center'],\n  width: [resetButtonWidth, '100%'],\n  height: '100%',\n});\n\n/** @deprecated */\nexport const outlineDefault = style({\n  borderRadius: 'inherit',\n  position: 'absolute',\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n});\n\n/** @deprecated */\nexport const outlineWarning = style({\n  boxShadow: `0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor}`,\n});\n\n/** @deprecated */\nexport const outlineError = style({\n  boxShadow: `0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor}`,\n});\n\n/** @deprecated */\nexport const outlineLink = style({\n  cursor: 'default',\n  boxShadow: 'none',\n  left: -2,\n  right: -2,\n  bottom: -2,\n  top: -2,\n});\n\n/** @deprecated */\nexport const outlineLinkWarning = style({ backgroundColor: t.btnWarningSecondary });\n\n/** @deprecated */\nexport const outlineLinkError = style({ backgroundColor: t.btnErrorSecondary });\n\nexport const sizeSmall = style({\n  borderRadius: t.btnBorderRadiusSmall,\n  ...buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall),\n});\n\nexport const sizeMedium = style({\n  borderRadius: t.btnBorderRadiusMedium,\n  ...buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium),\n});\n\nexport const sizeLarge = style({\n  borderRadius: t.btnBorderRadiusLarge,\n  ...buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge),\n});\n\nexport const sizeSmallWithIcon = style({ paddingLeft: t.btnWithIconPaddingSmall });\n\nexport const sizeMediumWithIcon = style({ paddingLeft: t.btnWithIconPaddingMedium });\n\nexport const sizeLargeWithIcon = style({ paddingLeft: t.btnWithIconPaddingLarge });\n\nexport const sizeSmallWithRightIcon = style({ paddingRight: t.btnWithIconPaddingSmall });\n\nexport const sizeMediumWithRightIcon = style({ paddingRight: t.btnWithIconPaddingMedium });\n\nexport const sizeLargeWithRightIcon = style({ paddingRight: t.btnWithIconPaddingLarge });\n\nexport const sizeSmallWithIconWithoutText = style({\n  paddingLeft: t.btnWithIconPaddingSmall,\n  paddingRight: t.btnWithIconPaddingSmall,\n});\n\nexport const sizeMediumWithIconWithoutText = style({\n  paddingLeft: t.btnWithIconPaddingMedium,\n  paddingRight: t.btnWithIconPaddingMedium,\n});\n\nexport const sizeLargeWithIconWithoutText = style({\n  paddingLeft: t.btnWithIconPaddingLarge,\n  paddingRight: t.btnWithIconPaddingLarge,\n});\n\n/** @deprecated */\nexport const link = style({\n  background: 'none',\n  borderRadius: t.btnLinkBorderRadius,\n  border: 'none',\n  boxShadow: 'none',\n  whiteSpace: 'nowrap',\n  color: t.btnLinkColor,\n  display: 'inline',\n  margin: 0,\n  padding: '0 !important', // override size mixin\n  height: 'auto !important', // override size mixin\n});\n\n/** @deprecated */\nexport const linkLineHeight = style({\n  lineHeight: 'inherit !important', // override size mixin\n});\n\n/** @deprecated */\nexport const linkLineHeightSafariFallback = style({\n  // Safari overrides 'underline' and 'border' if 'line-height' is used\n  margin: '-1px 0 -2px',\n});\n\n/** @deprecated */\nexport const linkFocus = style({\n  color: t.btnLinkColor,\n  textDecoration: t.btnLinkHoverTextDecoration,\n});\n\n/** @deprecated */\nexport const linkDisabled = style({ cursor: 'default' });\n\nexport const arrowIconRoot = style({\n  position: 'absolute',\n  height: '100%',\n  top: 0,\n  right: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  boxSizing: 'content-box',\n});\n\nexport const arrowIconRootSmall = style({\n  padding: `0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall}`,\n  width: t.btnIconSizeSmall,\n});\n\nexport const arrowIconRootMedium = style({\n  padding: `0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium}`,\n  width: t.btnIconSizeMedium,\n});\n\nexport const arrowIconRootLarge = style({\n  padding: `0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge}`,\n  width: t.btnIconSizeLarge,\n});\n\nexport const arrowIconLeft = style({ left: 0 });\n\nconst defaultStyle = style(\n  buttonUseMixin(\n    t.btnDefaultBg,\n    t.btnDefaultBgStart,\n    t.btnDefaultBgEnd,\n    t.btnDefaultTextColor,\n    t.btnDefaultBorderColor,\n    t.btnBorderWidth,\n  ),\n  'default',\n);\n\nexport const accent = style(\n  buttonUseMixin(\n    t.btnPrimaryBg,\n    t.btnPrimaryBgStart,\n    t.btnPrimaryBgEnd,\n    t.btnPrimaryTextColor,\n    t.btnPrimaryBorderColor,\n    t.btnBorderWidth,\n  ),\n);\n\nexport const success = style(\n  buttonUseMixin(\n    t.btnSuccessBg,\n    t.btnSuccessBgStart,\n    t.btnSuccessBgEnd,\n    t.btnSuccessTextColor,\n    t.btnSuccessBorderColor,\n    t.btnBorderWidth,\n  ),\n);\n\nexport const danger = style(\n  buttonUseMixin(\n    t.btnDangerBg,\n    t.btnDangerBgStart,\n    t.btnDangerBgEnd,\n    t.btnDangerTextColor,\n    t.btnDangerBorderColor,\n    t.btnBorderWidth,\n  ),\n);\n\nexport const pay = style(\n  buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth),\n);\n\nexport const text = style(\n  buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth),\n);\n\nexport const outline = style(\n  buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth),\n);\n\nexport const fill = style(buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', ''));\n\nexport const caption = style({\n  position: 'relative',\n  whiteSpace: 'nowrap',\n  display: 'inline-block',\n  width: '100%',\n  verticalAlign: 'top',\n});\n\nexport const wrap = style({\n  boxSizing: 'border-box',\n  display: 'inline-block',\n  lineHeight: 'normal',\n  padding: t.btnBorderWidth,\n});\n\nexport const wrapSmall = style({ height: t.btnHeightSmall });\n\nexport const wrapMedium = style({ height: t.btnHeightMedium });\n\nexport const wrapLarge = style({ height: t.btnHeightLarge });\n\n/** @deprecated */\nexport const narrow = style({ paddingLeft: 5, paddingRight: 5 });\n\nexport const noPadding = style({ paddingLeft: 0, paddingRight: 0 });\n\nexport const noRightPadding = style({ paddingRight: 0 });\n\nexport const wrapLink = style({ padding: 0 });\n\nexport const loading = style({\n  position: 'absolute',\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  borderRadius: 'inherit',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10,\n});\n\nexport const visibilityHidden = style({ visibility: 'hidden' });\n\n// классы активного состояния (getActiveStyles): имена с `-2`, как их называл Emotion — `default`, `link`\n// и т. д. уже заняты классами getStyles\nexport const activeDefault = style({}, 'default-2');\nexport const activeAccent = style({}, 'accent-2');\nexport const activeSuccess = style({}, 'success-2');\nexport const activeDanger = style({}, 'danger-2');\nexport const activePay = style({}, 'pay-2');\nexport const activeLink = style({ color: t.btnLinkActiveColor }, 'link-2');\nexport const activeText = style({}, 'text-2');\nexport const activeOutline = style({}, 'outline-2');\nexport const activeFill = style({}, 'fill-2');\n\n// Модификаторы, которые должны выигрывать у базовых при равном весе, — в конце файла: Emotion вставлял их\n// правила последними, потому что они зовутся последними в `cx(...)`.\nexport const withArrowIconRightSmall = style({\n  paddingRight: `calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall})`,\n});\n\nexport const withArrowIconRightMedium = style({\n  paddingRight: `calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium})`,\n});\n\nexport const withArrowIconRightLarge = style({\n  paddingRight: `calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge})`,\n});\n\nexport const withArrowIconLeftSmall = style({\n  paddingLeft: `calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall})`,\n});\n\nexport const withArrowIconLeftMedium = style({\n  paddingLeft: `calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium})`,\n});\n\nexport const withArrowIconLeftLarge = style({\n  paddingLeft: `calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge})`,\n});\n\nexport const focus = style({ position: 'relative', zIndex: 2 });\n\nconst checkedRule = {\n  backgroundImage: 'none',\n  boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important`,\n  backgroundColor: `${t.btnCheckedBg} !important`,\n  color: `${t.btnCheckedTextColor} !important`,\n};\n\nexport const checked = style(checkedRule);\n\nexport const checkedFocused = style({});\n\nexport const disabled = style({\n  cursor: 'default',\n  pointerEvents: 'none',\n  boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor}`,\n  backgroundImage: 'none',\n  backgroundColor: t.btnDisabledBg,\n  color: t.btnDisabledTextColor,\n});\n\nexport const disabledWithoutOutline = style({ boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg}` });\n\nexport const checkedDisabled = style({\n  boxShadow: `0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor}`,\n  backgroundColor: t.btnCheckedDisabledBg,\n  color: t.btnCheckedDisabledColor,\n});\n\n/** @deprecated */\nexport const borderless = style({});\n\nexport const backlessDisabled = style({\n  boxShadow: `0 0 0 1px ${t.btnBacklessDisabledBorderColor}`,\n  backgroundColor: 'transparent',\n});\n\nexport const textDisabled = style({ backgroundColor: 'transparent' });\n\nexport const captionLink = style({\n  display: 'inline',\n  transform: 'none !important', // override root:active style\n});\n\nexport const captionDisabled = style({\n  transform: 'none !important', // override root:active style\n});\n\n// ---------- вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion ----------\n\nconst innerShadow = `.${globalClasses.innerShadow}`;\nconst color = (value: string) => ({ color: value });\n\nwhenThemeSets('btnBorderColorTransition', root, (value) => ({\n  transition: `background-color ${t.transitionDuration} ${t.transitionTimingFunction}, ${value}`,\n}));\nresetButtonFocusInner(root);\nglobalStyle(`${root} ${innerShadow}`, {\n  content: \"''\",\n  borderRadius: 'inherit',\n  position: 'absolute',\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n});\nglobalStyle(`${root}::-moz-focus-inner`, { border: 0, padding: 0 });\nglobalStyle(`${root}::after`, { content: \"''\", display: 'inline-block', verticalAlign: 'baseline', width: 0 });\nwhenThemeSets('btnIconHoverColor', root, color, ':hover svg');\nwhenThemeSets('btnIconDisabledColor', root, color, `.${globalClasses.disabled} svg`);\nwhenThemeSets('btnIconColor', root, color, ' svg');\n\nglobalStyle(`${link}:hover:enabled, ${link}:active:enabled`, {\n  color: t.btnLinkHoverColor,\n  textDecoration: t.btnLinkHoverTextDecoration,\n});\nglobalStyle(`${link}:active:enabled`, { color: t.btnLinkActiveColor });\n\nglobalStyle(`${linkDisabled}, ${linkDisabled}:hover:enabled, ${linkDisabled}:active:enabled`, {\n  color: t.btnLinkDisabledColor,\n});\n\nbuttonUseArrowMixin(defaultStyle, t.btnDefaultTextColor);\nglobalStyle(\n  `${defaultStyle}:hover`,\n  buttonHoverMixin(\n    t.btnDefaultHoverBg,\n    t.btnDefaultHoverBgStart,\n    t.btnDefaultHoverBgEnd,\n    t.btnDefaultHoverTextColor,\n    t.btnDefaultHoverBorderColor,\n    t.btnBorderWidth,\n  ),\n);\nbuttonActiveMixin(\n  `${defaultStyle}:active`,\n  t.btnDefaultActiveBg,\n  t.btnDefaultActiveShadow,\n  t.btnDefaultActiveBorderColor,\n  t.btnBorderWidth,\n);\n\n// цвет текста при наведении у accent, danger, pay, text и outline пуст по умолчанию — правило под whenThemeSets\nbuttonUseArrowMixin(accent, t.btnPrimaryTextColor);\nglobalStyle(\n  `${accent}:hover`,\n  buttonHoverMixin(\n    t.btnPrimaryHoverBg,\n    t.btnPrimaryHoverBgStart,\n    t.btnPrimaryHoverBgEnd,\n    '',\n    t.btnPrimaryHoverBorderColor,\n    t.btnBorderWidth,\n  ),\n);\nwhenThemeSets('btnPrimaryHoverTextColor', accent, color, ':hover');\nbuttonActiveMixin(\n  `${accent}:active`,\n  t.btnPrimaryActiveBg,\n  t.btnPrimaryActiveShadow,\n  t.btnPrimaryActiveBorderColor,\n  t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(success, t.btnSuccessTextColor);\nglobalStyle(\n  `${success}:hover`,\n  buttonHoverMixin(\n    t.btnSuccessHoverBg,\n    t.btnSuccessHoverBgStart,\n    t.btnSuccessHoverBgEnd,\n    t.btnSuccessHoverTextColor,\n    t.btnSuccessHoverBorderColor,\n    t.btnBorderWidth,\n  ),\n);\nbuttonActiveMixin(\n  `${success}:active`,\n  t.btnSuccessActiveBg,\n  t.btnSuccessActiveShadow,\n  t.btnSuccessActiveBorderColor,\n  t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(danger, t.btnDangerTextColor);\nglobalStyle(\n  `${danger}:hover`,\n  buttonHoverMixin(\n    t.btnDangerHoverBg,\n    t.btnDangerHoverBgStart,\n    t.btnDangerHoverBgEnd,\n    '',\n    t.btnDangerHoverBorderColor,\n    t.btnBorderWidth,\n  ),\n);\nwhenThemeSets('btnDangerHoverTextColor', danger, color, ':hover');\nbuttonActiveMixin(\n  `${danger}:active`,\n  t.btnDangerActiveBg,\n  t.btnDangerActiveShadow,\n  t.btnDangerActiveBorderColor,\n  t.btnBorderWidth,\n);\n\nbuttonUseArrowMixin(pay, t.btnPayTextColor);\nglobalStyle(\n  `${pay}:hover`,\n  buttonHoverMixin(\n    t.btnPayHoverBg,\n    t.btnPayHoverBgStart,\n    t.btnPayHoverBgEnd,\n    '',\n    t.btnPayHoverBorderColor,\n    t.btnBorderWidth,\n  ),\n);\nwhenThemeSets('btnPayHoverTextColor', pay, color, ':hover');\nbuttonActiveMixin(`${pay}:active`, t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth);\n\nglobalStyle(`${text}, ${text}:enabled, ${text}:hover`, { boxShadow: 'none' });\nbuttonUseArrowMixin(text, t.btnTextTextColor);\nglobalStyle(\n  `${text}:hover`,\n  buttonHoverMixin(t.btnTextHoverBg, '', '', '', t.btnTextHoverBorderColor, t.btnBorderWidth),\n);\nwhenThemeSets('btnTextHoverTextColor', text, color, ':hover');\nbuttonActiveMixin(`${text}:active`, t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth);\n\nbuttonUseArrowMixin(outline, t.btnBacklessTextColor);\nglobalStyle(\n  `${outline}:hover`,\n  buttonHoverMixin(t.btnBacklessHoverBg, '', '', '', t.btnBacklessHoverBorderColor, t.btnBorderWidth),\n);\nwhenThemeSets('btnBacklessHoverTextColor', outline, color, ':hover');\nbuttonActiveMixin(`${outline}:active`, t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth);\n\nbuttonUseArrowMixin(fill, t.btnDefaultTextColor);\nglobalStyle(`${fill}:hover`, buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', ''));\nbuttonActiveMixin(`${fill}:active`, t.btnFillActiveBg, '', '', '');\n\nbuttonActiveMixin(\n  activeDefault,\n  t.btnDefaultActiveBg,\n  t.btnDefaultActiveShadow,\n  t.btnDefaultActiveBorderColor,\n  t.btnBorderWidth,\n);\nbuttonActiveMixin(\n  activeAccent,\n  t.btnPrimaryActiveBg,\n  t.btnPrimaryActiveShadow,\n  t.btnPrimaryActiveBorderColor,\n  t.btnBorderWidth,\n);\nbuttonActiveMixin(\n  activeSuccess,\n  t.btnSuccessActiveBg,\n  t.btnSuccessActiveShadow,\n  t.btnSuccessActiveBorderColor,\n  t.btnBorderWidth,\n);\nbuttonActiveMixin(\n  activeDanger,\n  t.btnDangerActiveBg,\n  t.btnDangerActiveShadow,\n  t.btnDangerActiveBorderColor,\n  t.btnBorderWidth,\n);\nbuttonActiveMixin(activePay, t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth);\nbuttonActiveMixin(activeText, t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth);\nbuttonActiveMixin(activeOutline, t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth);\nbuttonActiveMixin(activeFill, t.btnFillActiveBg, '', '', '');\n\nglobalStyle(`${focus}, ${focus}:hover:enabled, ${focus}:active:enabled, ${focus}:active:hover:enabled`, {\n  boxShadow: `inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus}, 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important`, // override root:hover style\n});\n\nconst checkedNested = (selector: string) => {\n  const selectors = selector.split(', ');\n  const each = (suffix: string) => selectors.map((s) => `${s}${suffix}`).join(', ');\n  globalStyle(each(` ${innerShadow}`), { boxShadow: t.btnCheckedShadow });\n  globalStyle(each(':enabled svg'), { color: `${t.btnCheckedTextColor} !important` });\n  globalStyle(each(':hover:enabled svg'), { color: `${t.btnCheckedTextColor} !important` });\n};\ncheckedNested(checked);\nconst checkedHover = `${checked}:hover:enabled, ${checked}:active:enabled, ${checked}:hover:active:enabled`;\nglobalStyle(checkedHover, checkedRule);\ncheckedNested(checkedHover);\n\nglobalStyle(`${checkedFocused}:hover:enabled, ${checkedFocused}:hover:active:enabled`, {\n  boxShadow: `inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus}, 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important`,\n  borderColor: `${t.btnBorderColorFocus} !important`,\n});\n\nglobalStyle(`${checkedDisabled} ${innerShadow}`, { boxShadow: t.btnCheckedDisabledShadow });\nglobalStyle(`${checkedDisabled} svg`, { color: `${t.btnCheckedDisabledColor} !important` });\n\nglobalStyle(`${borderless}, ${borderless}:active:hover, ${borderless}:hover`, {\n  boxShadow: 'none !important', // override root:hover style\n});\n\nexport const getStyles = exportStyles({\n  root,\n  withArrowIconRightSmall,\n  withArrowIconRightMedium,\n  withArrowIconRightLarge,\n  withArrowIconLeftSmall,\n  withArrowIconLeftMedium,\n  withArrowIconLeftLarge,\n  outlineDefault,\n  outlineWarning,\n  outlineError,\n  outlineLink,\n  outlineLinkWarning,\n  outlineLinkError,\n  sizeSmall,\n  sizeMedium,\n  sizeLarge,\n  sizeSmallWithIcon,\n  sizeMediumWithIcon,\n  sizeLargeWithIcon,\n  sizeSmallWithRightIcon,\n  sizeMediumWithRightIcon,\n  sizeLargeWithRightIcon,\n  sizeSmallWithIconWithoutText,\n  sizeMediumWithIconWithoutText,\n  sizeLargeWithIconWithoutText,\n  link,\n  linkLineHeight,\n  linkLineHeightSafariFallback,\n  linkFocus,\n  linkDisabled,\n  focus,\n  disabled,\n  disabledWithoutOutline,\n  arrowIconRoot,\n  arrowIconRootSmall,\n  arrowIconRootMedium,\n  arrowIconRootLarge,\n  arrowIconLeft,\n  default: defaultStyle,\n  accent,\n  success,\n  danger,\n  pay,\n  text,\n  outline,\n  fill,\n  checked,\n  checkedFocused,\n  checkedDisabled,\n  caption,\n  captionLink,\n  captionDisabled,\n  wrap,\n  wrapSmall,\n  wrapMedium,\n  wrapLarge,\n  narrow,\n  noPadding,\n  noRightPadding,\n  wrapLink,\n  borderless,\n  backlessDisabled,\n  textDisabled,\n  loading,\n  visibilityHidden,\n});\n\nexport const getActiveStyles = exportStyles({\n  default: activeDefault,\n  accent: activeAccent,\n  success: activeSuccess,\n  danger: activeDanger,\n  pay: activePay,\n  link: activeLink,\n  text: activeText,\n  outline: activeOutline,\n  fill: activeFill,\n});\n"]}

package/components/Button/Button.js

@@ -59,12 +59,12 @@ import { KeyListener } from '../../lib/events/keyListener.js';
 import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { withSize } from '../../lib/size/SizeDecorator.js';
+import { mergePropsTheme } from '../../lib/theming/memoizeTheme.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';
 import { isKonturIcon } from '../../lib/utils.js';
 import { Link } from '../Link/index.js';
-import { getActiveStyles, getStyles, globalClasses } from './Button.styles.js';
+import { getActiveStyles, getStyles, globalClasses } from './Button.css.js';
 import { useButtonArrow as getButtonArrow } from './ButtonArrow.js';
 import { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';
 import { getInnerLinkTheme } from './getInnerLinkTheme.js';
@@ -258,8 +258,9 @@ var Button = /** @class */ (function (_super) {
         this.styles = getStyles(this.emotion);
         this.activeStyles = getActiveStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
-            _this.theme = _this.props.theme ? ThemeFactory.create(_this.props.theme, theme) : theme;
-            return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain));
+            _this.theme = mergePropsTheme(theme, _this.props.theme);
+            return (React.createElement(ThemeContext.Provider, { value: _this.theme },
+                React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain)));
         }));
     };
     Button.prototype.getTabIndex = function (_a) {