@alphakits/ui 2.0.1 → 2.0.3

package/dist/select/components/select-search/index.js

@@ -1,110 +1,95 @@
-import { jsxs as E, jsx as f } from "react/jsx-runtime";
-import d, { useEffect as g, useState as b, useRef as j, useCallback as a, useMemo as N } from "react";
-import { SearchS as P } from "@alphakits/icons";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import a, { useEffect as P, useState as h, useRef as b, useCallback as m, useMemo as j } from "react";
+import E from "@alphakits/icons/dist/SearchS";
 import { useClickOutside as I } from "../../../hooks/useClickOutside/index.js";
 import "../../../toast-notifier/component.js";
-import { Input as _ } from "../../../input/component.js";
-import { BaseSelect as $ } from "../base-select/component.js";
-import { OptionsList as z } from "../options-list/component.js";
-import A from "./index.module.css.js";
-function B(t) {
-  const o = /* @__PURE__ */ new WeakSet(), s = (r) => typeof Element != "undefined" && r instanceof Element, n = (r) => {
-    if (!r || typeof r != "object") return !1;
-    const e = r.$$typeof;
-    return typeof e == "symbol" && String(e).includes("react.element");
-  };
-  return JSON.stringify(t, (r, e) => {
-    if (!(s(e) || n(e))) {
-      if (e && typeof e == "object") {
-        if (o.has(e)) return;
-        o.add(e);
-      }
-      return e;
-    }
-  });
-}
-const D = d.forwardRef(
-  ({ inputProps: t, ...o }, s) => {
-    const n = d.useRef(null), r = d.useRef(null);
-    return g(() => {
-      var e;
-      (e = n.current) == null || e.focus();
-    }, []), /* @__PURE__ */ E("div", { ref: s, children: [
-      /* @__PURE__ */ f("div", { style: { padding: "5px 20px" }, children: /* @__PURE__ */ f(
-        _,
+import { safeStringify as z } from "../../../utils/safe-stringify.js";
+import { Input as A } from "../../../input/component.js";
+import { BaseSelect as B } from "../base-select/component.js";
+import { OptionsList as F } from "../options-list/component.js";
+import M from "./index.module.css.js";
+const N = a.forwardRef(
+  ({ inputProps: t, ...i }, e) => {
+    const n = a.useRef(null), f = a.useRef(null);
+    return P(() => {
+      var c;
+      (c = n.current) == null || c.focus();
+    }, []), /* @__PURE__ */ v("div", { ref: e, children: [
+      /* @__PURE__ */ o("div", { style: { padding: "5px 20px" }, children: /* @__PURE__ */ o(
+        A,
         {
           size: "s",
-          leftAddons: /* @__PURE__ */ f(P, {}),
+          leftAddons: /* @__PURE__ */ o(E, {}),
           ...t,
-          fieldClassName: A.innerInput,
+          fieldClassName: M.innerInput,
           block: !0,
           ref: n
         }
       ) }),
-      /* @__PURE__ */ f(z, { ...o, ref: r })
+      /* @__PURE__ */ o(F, { ...i, ref: f })
     ] });
   }
-), Q = ({
+), V = ({
   options: t,
-  searchType: o = "text",
-  onChange: s,
+  searchType: i = "text",
+  onChange: e,
   selected: n = "",
-  ...r
+  ...f
 }) => {
-  const [e, u] = b(t), [y, S] = b(""), O = j(null), x = a(
-    (L, { value: l }) => {
-      S(l);
+  const [c, l] = h(t), [d, S] = h(""), x = b(null), L = m(
+    (O, { value: u }) => {
+      S(u);
       try {
-        if (!l) return u(t);
-        const p = String(l).toLowerCase(), R = t.reduce(
-          (m, c) => m.concat(c.options ? c.options : [c]),
+        if (!u) return l(t);
+        const R = String(u).toLowerCase(), w = t.reduce(
+          (p, s) => p.concat(s.options ? s.options : [s]),
           []
-        ), h = R.filter(({ key: m, value: c, content: C }) => B({ key: m, value: c, content: C }).toLowerCase().includes(p));
-        return console.log(l, h, R), u(h);
-      } catch (p) {
-        return console.log(p), [];
+        ).filter(({ key: p, value: s, content: k }) => z({ key: p, value: s, content: k }).toLowerCase().includes(R));
+        return l(w);
+      } catch (R) {
+        return [];
       }
     },
     [t]
-  ), i = a(() => {
-    S(""), u(t);
-  }, [t]), k = a(
-    (L) => {
-      s == null || s(L), i();
+  ), r = m(() => {
+    S(""), l(t);
+  }, [t]), y = m(
+    (O) => {
+      e == null || e(O), r();
     },
-    [s, i]
+    [e, r]
   );
-  I(O, i);
-  const w = N(
+  I(x, r);
+  const C = j(
     () => ({
-      ref: O,
+      ref: x,
       inputProps: {
-        onChange: x,
-        value: y,
-        type: o,
+        onChange: L,
+        value: d,
+        type: i,
         clear: !0,
-        onClear: i
+        onClear: r
       }
     }),
-    [x, y, o, i]
+    [L, d, i, r]
   );
-  return /* @__PURE__ */ f(
-    $,
+  return /* @__PURE__ */ o(
+    B,
     {
-      ...r,
+      ...f,
       selected: n,
-      onChange: k,
+      onChange: y,
       showEmptyOptionsList: !0,
-      OptionsList: D,
-      filteredOptions: e,
+      OptionsList: N,
+      filteredOptions: c,
       options: t,
-      optionsListProps: w
+      optionsListProps: C
     }
   );
 };
 export {
-  D as CustomOptionsList,
-  Q as SelectSearch,
-  B as safeStringify
+  N as CustomOptionsList,
+  V as SelectSearch,
+  z as safeStringify
 };
 //# sourceMappingURL=index.js.map

package/dist/select/components/select-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/select/components/select-search/index.tsx"],"sourcesContent":["import React, {\n    useCallback, useEffect, useMemo, useRef, useState,\n} from 'react';\nimport { SearchS } from '@alphakits/icons';\nimport { useClickOutside } from 'src/hooks';\nimport { Input } from 'src/input';\nimport { SelectProps } from 'src/select/component';\nimport { OptionsListProps } from 'src/select/typings';\n\nimport { BaseSelect } from '../base-select';\nimport { OptionsList } from '../options-list';\n\nimport styles from './index.module.css';\n\nexport function safeStringify(obj: any): string {\n    const seen = new WeakSet();\n\n    const isDomNode = (v: any) =>\n        typeof Element !== 'undefined' && v instanceof Element;\n\n    const isReactElement = (v: any) => {\n        if (!v || typeof v !== 'object') return false;\n        // признак React-элемента: $$typeof = Symbol(react.element)\n        const t = (v as any).$$typeof;\n\n        return typeof t === 'symbol' && String(t).includes('react.element');\n    };\n\n    return JSON.stringify(obj, (_key, value) => {\n    // вырезаем DOM и React-элементы сразу (там и живут циклы)\n        if (isDomNode(value) || isReactElement(value)) return undefined;\n\n        if (value && typeof value === 'object') {\n            if (seen.has(value)) return undefined; // обрезаем цикл\n            seen.add(value);\n        }\n\n        return value;\n    });\n}\n\nexport const CustomOptionsList = React.forwardRef<HTMLDivElement, OptionsListProps>(\n    ({ inputProps, ...props }, outerRef) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n        const innerListRef = React.useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            inputRef.current?.focus();\n        }, []);\n\n        return (\n            <div ref={ outerRef }>\n                <div style={ { padding: '5px 20px' } }>\n                    <Input\n                        size=\"s\"\n                        leftAddons={ <SearchS /> }\n                        { ...inputProps }\n                        fieldClassName={ styles.innerInput }\n                        block={ true }\n                        ref={ inputRef }\n                    />\n                </div>\n                { /* отдельный ref для внутреннего списка — не делим один ref на два DOM-узла */ }\n                <OptionsList { ...props } ref={ innerListRef } />\n            </div>\n        );\n    },\n);\n\ntype SelectSearchProps = Omit<SelectProps, 'options'> & {\n    options: any;\n    searchType?: 'text' | 'number';\n};\n\nexport const SelectSearch = ({\n    options,\n    searchType = 'text',\n    onChange,\n    selected = '',\n    ...restProps\n}: SelectSearchProps) => {\n    const [filteredOptions, setFilteredOptions] = useState(options);\n    const [searchText, setSearchText] = useState('');\n    const listRef = useRef<HTMLDivElement>(null);\n\n    const searchOptions = useCallback(\n        (_e: any, { value }: { value: string }) => {\n            setSearchText(value);\n\n            try {\n                if (!value) return setFilteredOptions(options);\n\n                const text = String(value).toLowerCase();\n                const data = options.reduce(\n                    (acc: any[], o: any) => acc.concat(o.options ? o.options : [o]),\n                    [],\n                );\n\n                const res = data.filter(({ key, value: val, content }: any) =>\n                    safeStringify({ key, value: val, content }).toLowerCase().includes(text));\n\n                console.log(value, res, data);\n\n                return setFilteredOptions(res);\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.log(error);\n\n                return [];\n            }\n        },\n        [options],\n    );\n\n    const handleClear = useCallback(() => {\n        setSearchText('');\n        setFilteredOptions(options);\n    }, [options]);\n\n    const handleSelect = useCallback(\n        (payload: any) => {\n            onChange?.(payload);\n            handleClear();\n        },\n        [onChange, handleClear],\n    );\n\n    useClickOutside(listRef, handleClear);\n\n    const memoOptionsListProps = useMemo(\n        () => ({\n            ref: listRef,\n            inputProps: {\n                onChange: searchOptions,\n                value: searchText,\n                type: searchType,\n                clear: true,\n                onClear: handleClear,\n            },\n        }),\n        [searchOptions, searchText, searchType, handleClear],\n    );\n\n    return (\n        <BaseSelect\n            { ...restProps }\n            selected={ selected }\n            onChange={ handleSelect }\n            showEmptyOptionsList={ true }\n            OptionsList={ CustomOptionsList }\n            filteredOptions={ filteredOptions }\n            options={ options }\n            optionsListProps={ memoOptionsListProps as any }\n        />\n    );\n};\n"],"names":["safeStringify","obj","seen","isDomNode","v","isReactElement","t","_key","value","CustomOptionsList","React","inputProps","props","outerRef","inputRef","innerListRef","useEffect","_a","jsxs","jsx","Input","SearchS","styles","OptionsList","SelectSearch","options","searchType","onChange","selected","restProps","filteredOptions","setFilteredOptions","useState","searchText","setSearchText","listRef","useRef","searchOptions","useCallback","_e","text","data","acc","o","res","key","val","content","error","handleClear","handleSelect","payload","useClickOutside","memoOptionsListProps","useMemo","BaseSelect"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/select/components/select-search/index.tsx"],"sourcesContent":["import React, {\n    useCallback, useEffect, useMemo, useRef, useState,\n} from 'react';\nimport SearchS from '@alphakits/icons/dist/SearchS';\nimport { useClickOutside } from 'src/hooks';\nimport { safeStringify } from 'src/utils/safe-stringify';\n\nexport { safeStringify };\nimport { Input } from 'src/input';\nimport { SelectProps } from 'src/select/component';\nimport { OptionsListProps } from 'src/select/typings';\n\nimport { BaseSelect } from '../base-select';\nimport { OptionsList } from '../options-list';\n\nimport styles from './index.module.css';\n\nexport const CustomOptionsList = React.forwardRef<HTMLDivElement, OptionsListProps>(\n    ({ inputProps, ...props }, outerRef) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n        const innerListRef = React.useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            inputRef.current?.focus();\n        }, []);\n\n        return (\n            <div ref={ outerRef }>\n                <div style={ { padding: '5px 20px' } }>\n                    <Input\n                        size=\"s\"\n                        leftAddons={ <SearchS /> }\n                        { ...inputProps }\n                        fieldClassName={ styles.innerInput }\n                        block={ true }\n                        ref={ inputRef }\n                    />\n                </div>\n                { /* отдельный ref для внутреннего списка — не делим один ref на два DOM-узла */ }\n                <OptionsList { ...props } ref={ innerListRef } />\n            </div>\n        );\n    },\n);\n\ntype SelectSearchProps = Omit<SelectProps, 'options'> & {\n    options: any;\n    searchType?: 'text' | 'number';\n};\n\nexport const SelectSearch = ({\n    options,\n    searchType = 'text',\n    onChange,\n    selected = '',\n    ...restProps\n}: SelectSearchProps) => {\n    const [filteredOptions, setFilteredOptions] = useState(options);\n    const [searchText, setSearchText] = useState('');\n    const listRef = useRef<HTMLDivElement>(null);\n\n    const searchOptions = useCallback(\n        (_e: any, { value }: { value: string }) => {\n            setSearchText(value);\n\n            try {\n                if (!value) return setFilteredOptions(options);\n\n                const text = String(value).toLowerCase();\n                const data = options.reduce(\n                    (acc: any[], o: any) => acc.concat(o.options ? o.options : [o]),\n                    [],\n                );\n\n                const res = data.filter(({ key, value: val, content }: any) =>\n                    safeStringify({ key, value: val, content }).toLowerCase().includes(text));\n\n                return setFilteredOptions(res);\n            } catch (error) {\n                return [];\n            }\n        },\n        [options],\n    );\n\n    const handleClear = useCallback(() => {\n        setSearchText('');\n        setFilteredOptions(options);\n    }, [options]);\n\n    const handleSelect = useCallback(\n        (payload: any) => {\n            onChange?.(payload);\n            handleClear();\n        },\n        [onChange, handleClear],\n    );\n\n    useClickOutside(listRef, handleClear);\n\n    const memoOptionsListProps = useMemo(\n        () => ({\n            ref: listRef,\n            inputProps: {\n                onChange: searchOptions,\n                value: searchText,\n                type: searchType,\n                clear: true,\n                onClear: handleClear,\n            },\n        }),\n        [searchOptions, searchText, searchType, handleClear],\n    );\n\n    return (\n        <BaseSelect\n            { ...restProps }\n            selected={ selected }\n            onChange={ handleSelect }\n            showEmptyOptionsList={ true }\n            OptionsList={ CustomOptionsList }\n            filteredOptions={ filteredOptions }\n            options={ options }\n            optionsListProps={ memoOptionsListProps as any }\n        />\n    );\n};\n"],"names":["CustomOptionsList","React","inputProps","props","outerRef","inputRef","innerListRef","useEffect","_a","jsxs","jsx","Input","SearchS","styles","OptionsList","SelectSearch","options","searchType","onChange","selected","restProps","filteredOptions","setFilteredOptions","useState","searchText","setSearchText","listRef","useRef","searchOptions","useCallback","_e","value","text","res","acc","o","key","val","content","safeStringify","error","handleClear","handleSelect","payload","useClickOutside","memoOptionsListProps","useMemo","BaseSelect"],"mappings":";;;;;;;;;;AAiBO,MAAMA,IAAoBC,EAAM;AAAA,EACnC,CAAC,EAAE,YAAAC,GAAY,GAAGC,EAAA,GAASC,MAAa;AACpC,UAAMC,IAAWJ,EAAM,OAAyB,IAAI,GAC9CK,IAAeL,EAAM,OAAuB,IAAI;AAEtD,WAAAM,EAAU,MAAM;;AACZ,OAAAC,IAAAH,EAAS,YAAT,QAAAG,EAAkB;AAAA,IACtB,GAAG,CAAA,CAAE,GAGD,gBAAAC,EAAC,OAAA,EAAI,KAAML,GACP,UAAA;AAAA,MAAA,gBAAAM,EAAC,OAAA,EAAI,OAAQ,EAAE,SAAS,cACpB,UAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,8BAAcC,GAAA,EAAQ;AAAA,UACpB,GAAGV;AAAA,UACL,gBAAiBW,EAAO;AAAA,UACxB,OAAQ;AAAA,UACR,KAAMR;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,MAEA,gBAAAK,EAACI,GAAA,EAAc,GAAGX,GAAQ,KAAMG,EAAA,CAAe;AAAA,IAAA,GACnD;AAAA,EAER;AACJ,GAOaS,IAAe,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,MAAyB;AACrB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAASP,CAAO,GACxD,CAACQ,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzCG,IAAUC,EAAuB,IAAI,GAErCC,IAAgBC;AAAA,IAClB,CAACC,GAAS,EAAE,OAAAC,QAA+B;AACvC,MAAAN,EAAcM,CAAK;AAEnB,UAAI;AACA,YAAI,CAACA,EAAO,QAAOT,EAAmBN,CAAO;AAE7C,cAAMgB,IAAO,OAAOD,CAAK,EAAE,YAAA,GAMrBE,IALOjB,EAAQ;AAAA,UACjB,CAACkB,GAAYC,MAAWD,EAAI,OAAOC,EAAE,UAAUA,EAAE,UAAU,CAACA,CAAC,CAAC;AAAA,UAC9D,CAAA;AAAA,QAAC,EAGY,OAAO,CAAC,EAAE,KAAAC,GAAK,OAAOC,GAAK,SAAAC,QACxCC,EAAc,EAAE,KAAAH,GAAK,OAAOC,GAAK,SAAAC,EAAA,CAAS,EAAE,YAAA,EAAc,SAASN,CAAI,CAAC;AAE5E,eAAOV,EAAmBW,CAAG;AAAA,MACjC,SAASO,GAAO;AACZ,eAAO,CAAA;AAAA,MACX;AAAA,IACJ;AAAA,IACA,CAACxB,CAAO;AAAA,EAAA,GAGNyB,IAAcZ,EAAY,MAAM;AAClC,IAAAJ,EAAc,EAAE,GAChBH,EAAmBN,CAAO;AAAA,EAC9B,GAAG,CAACA,CAAO,CAAC,GAEN0B,IAAeb;AAAA,IACjB,CAACc,MAAiB;AACd,MAAAzB,KAAA,QAAAA,EAAWyB,IACXF,EAAA;AAAA,IACJ;AAAA,IACA,CAACvB,GAAUuB,CAAW;AAAA,EAAA;AAG1B,EAAAG,EAAgBlB,GAASe,CAAW;AAEpC,QAAMI,IAAuBC;AAAA,IACzB,OAAO;AAAA,MACH,KAAKpB;AAAA,MACL,YAAY;AAAA,QACR,UAAUE;AAAA,QACV,OAAOJ;AAAA,QACP,MAAMP;AAAA,QACN,OAAO;AAAA,QACP,SAASwB;AAAA,MAAA;AAAA,IACb;AAAA,IAEJ,CAACb,GAAeJ,GAAYP,GAAYwB,CAAW;AAAA,EAAA;AAGvD,SACI,gBAAA/B;AAAA,IAACqC;AAAA,IAAA;AAAA,MACK,GAAG3B;AAAA,MACL,UAAAD;AAAA,MACA,UAAWuB;AAAA,MACX,sBAAuB;AAAA,MACvB,aAAc1C;AAAA,MACd,iBAAAqB;AAAA,MACA,SAAAL;AAAA,MACA,kBAAmB6B;AAAA,IAAA;AAAA,EAAA;AAG/B;"}

package/dist/select/components/select-search/index.module.css

@@ -1 +1 @@
-.index-module_innerInput__THnfC{background-color:var(--color-bg-primary)!important;border-bottom:1px solid var(--color-border-primary)!important;min-height:40px!important;margin:0 -9px!important}.index-module_innerInput__THnfC:focus{background-color:red!important}.index-module_innerInput__THnfC:before{display:none!important}
+.innerInput_THnf{background-color:var(--color-bg-primary)!important;border-bottom:1px solid var(--color-border-primary)!important;min-height:40px!important;margin:0 -9px!important}.innerInput_THnf:focus{background-color:red!important}.innerInput_THnf:before{display:none!important}

package/dist/select/components/select-search/index.module.css.js

@@ -1,9 +1,9 @@
 import './index.module.css';
-const n = "index-module_innerInput__THnfC", e = {
+const n = "innerInput_THnf", t = {
   innerInput: n
 };
 export {
-  e as default,
+  t as default,
   n as innerInput
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/select/components/virtual-options-list/component.d.ts

@@ -1,5 +1,5 @@
 import { OptionsListProps } from '../../typings';
-export declare type VirtualOptionsList = OptionsListProps & {
+export type VirtualOptionsList = OptionsListProps & {
     /**
      * Число отрисованных пунктов до\после видимого окна
      */

package/dist/select/components/virtual-options-list/index.module.css

@@ -1 +1 @@
-:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.index-module_virtualOptionsList__2eWn8{overflow:auto;width:100%;outline:none;box-sizing:border-box;position:relative}.index-module_inner__6DZqj{position:relative;width:100%}.index-module_virtualRow__0huMi{position:absolute;top:0;left:0;width:100%}.index-module_virtualRow__0huMi:before{content:"";position:absolute;z-index:1;left:var(--select-option-left-padding);right:var(--select-option-right-padding);top:0;height:1px;background:var(--select-option-divider-background);display:var(--select-option-divider-display)}.index-module_virtualRow__0huMi:first-child:before{display:none}.index-module_highlighted__Uxj8l:before,.index-module_highlighted__Uxj8l+.index-module_virtualRow__0huMi:before{display:none}.index-module_emptyPlaceholder__ONTop{padding:var(--gap-m) var(--gap-s);color:var(--select-options-list-empty-placeholder-color)}.index-module_l__Z0I4S .index-module_emptyPlaceholder__ONTop,.index-module_xl__SNx-j .index-module_emptyPlaceholder__ONTop{padding:var(--gap-xl) var(--gap-m)}
+:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.virtualOptionsList_2eWn{overflow:auto;width:100%;outline:none;box-sizing:border-box;position:relative}.inner_6DZq{position:relative;width:100%}.virtualRow_0huM{position:absolute;top:0;left:0;width:100%}.virtualRow_0huM:before{content:"";position:absolute;z-index:1;left:var(--select-option-left-padding);right:var(--select-option-right-padding);top:0;height:1px;background:var(--select-option-divider-background);display:var(--select-option-divider-display)}.virtualRow_0huM:first-child:before{display:none}.highlighted_Uxj8:before,.highlighted_Uxj8+.virtualRow_0huM:before{display:none}.emptyPlaceholder_ONTo{padding:var(--gap-m) var(--gap-s);color:var(--select-options-list-empty-placeholder-color)}.l_Z0I4 .emptyPlaceholder_ONTo,.xl_SNx- .emptyPlaceholder_ONTo{padding:var(--gap-xl) var(--gap-m)}

package/dist/select/components/virtual-options-list/index.module.css.js

@@ -1,21 +1,21 @@
 import './index.module.css';
-const e = "index-module_virtualOptionsList__2eWn8", l = "index-module_inner__6DZqj", i = "index-module_virtualRow__0huMi", t = "index-module_highlighted__Uxj8l", o = "index-module_emptyPlaceholder__ONTop", n = "index-module_l__Z0I4S", d = "index-module_xl__SNx-j", _ = {
-  virtualOptionsList: e,
+const t = "virtualOptionsList_2eWn", l = "inner_6DZq", i = "virtualRow_0huM", e = "highlighted_Uxj8", o = "emptyPlaceholder_ONTo", n = "l_Z0I4", s = "xl_SNx-", h = {
+  virtualOptionsList: t,
   inner: l,
   virtualRow: i,
-  highlighted: t,
+  highlighted: e,
   emptyPlaceholder: o,
   l: n,
-  xl: d
+  xl: s
 };
 export {
-  _ as default,
+  h as default,
   o as emptyPlaceholder,
-  t as highlighted,
+  e as highlighted,
   l as inner,
   n as l,
-  e as virtualOptionsList,
+  t as virtualOptionsList,
   i as virtualRow,
-  d as xl
+  s as xl
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/select/index.js

@@ -1,22 +1,22 @@
-import { Select as t } from "./component.js";
+import { Select as e } from "./component.js";
 import { Arrow as p } from "./components/arrow/component.js";
 import { BaseSelect as s } from "./components/base-select/component.js";
-import { Field as f } from "./components/field/component.js";
+import { SelectField as f } from "./components/field/component.js";
 import { Optgroup as m } from "./components/optgroup/component.js";
-import { Option as a } from "./components/option/component.js";
-import { OptionsList as u } from "./components/options-list/component.js";
+import { Option as l } from "./components/option/component.js";
+import { OptionsList as c } from "./components/options-list/component.js";
 import { VirtualOptionsList as L } from "./components/virtual-options-list/component.js";
-import { useSelectWithLoading as S } from "./presets/use-select-with-loading/hook.js";
+import { useSelectWithLoading as d } from "./presets/use-select-with-loading/hook.js";
 import { useLazyLoading as h } from "./presets/use-lazy-loading/index.js";
 import { convertToOptions as b, isGroup as j, isOptionShape as v, joinOptions as w, lastIndexOf as y, processOptions as z, useVisibleOptions as A } from "./utils.js";
 export {
   p as Arrow,
   s as BaseSelect,
-  f as Field,
   m as Optgroup,
-  a as Option,
-  u as OptionsList,
-  t as Select,
+  l as Option,
+  c as OptionsList,
+  e as Select,
+  f as SelectField,
   L as VirtualOptionsList,
   b as convertToOptions,
   j as isGroup,
@@ -25,7 +25,7 @@ export {
   y as lastIndexOf,
   z as processOptions,
   h as useLazyLoading,
-  S as useSelectWithLoading,
+  d as useSelectWithLoading,
   A as useVisibleOptions
 };
 //# sourceMappingURL=index.js.map

package/dist/select/presets/use-lazy-loading/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { OptionShape } from '../../typings';
-declare type OptionsFetcherResponse = {
+type OptionsFetcherResponse = {
     items: Array<{
         [x: string]: any;
         id: number | string;
@@ -13,7 +13,7 @@ declare type OptionsFetcherResponse = {
         currentPage: number;
     };
 };
-declare type UseLazyLoadingProps = {
+type UseLazyLoadingProps = {
     /** Количество элементов на "странице" */
     limit?: number;
     /** Начальный номер "страницы" */

package/dist/select/presets/use-select-with-loading/hook.d.ts

@@ -1,5 +1,5 @@
 import { BaseSelectProps, OptionShape } from '../../typings';
-declare type useSelectWithLoadingProps = {
+type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
 };

package/dist/select/presets/use-select-with-loading/index.module.css

@@ -1 +1 @@
-.index-module_skeleton__9Xlnt{position:absolute;top:50%;transform:translateY(-50%);height:16px;width:50%}
+.skeleton_9Xln{position:absolute;top:50%;transform:translateY(-50%);height:16px;width:50%}

package/dist/select/presets/use-select-with-loading/index.module.css.js

@@ -1,9 +1,9 @@
 import './index.module.css';
-const e = "index-module_skeleton__9Xlnt", t = {
+const e = "skeleton_9Xln", s = {
   skeleton: e
 };
 export {
-  t as default,
+  s as default,
   e as skeleton
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/select/typings.d.ts

@@ -1,7 +1,7 @@
 import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, UIEvent } from 'react';
 import { InputProps } from '../input';
 import { PopoverProps } from '../popover';
-export declare type OptionShape = {
+export type OptionShape = {
     /**
      * Текстовое представление пункта
      */
@@ -23,7 +23,7 @@ export declare type OptionShape = {
      */
     value?: any;
 };
-export declare type GroupShape = {
+export type GroupShape = {
     /**
      * Заголовок группы
      */
@@ -33,7 +33,7 @@ export declare type GroupShape = {
      */
     options: OptionShape[];
 };
-export declare type BaseSelectProps = {
+export type BaseSelectProps = {
     filteredOptions?: any[];
     /**
      * Идентификатор для систем автоматизированного тестирования
@@ -181,7 +181,7 @@ export declare type BaseSelectProps = {
     /**
      * Компонент поля
      */
-    Field?: FC<FieldProps>;
+    Field?: FC<SelectFieldProps>;
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
@@ -246,7 +246,7 @@ export declare type BaseSelectProps = {
      */
     showEmptyOptionsList?: boolean;
 };
-export declare type FieldProps = {
+export type SelectFieldProps = {
     /**
      * Дополнительный класс
      */
@@ -318,7 +318,7 @@ export declare type FieldProps = {
      */
     dataTestId?: string;
 };
-export declare type ArrowProps = {
+export type ArrowProps = {
     /**
      * Дополнительный класс
      */
@@ -328,7 +328,7 @@ export declare type ArrowProps = {
      */
     open?: boolean;
 };
-export declare type OptionsListProps = {
+export type OptionsListProps = {
     /**
      * Дополнительный класс
      */
@@ -393,7 +393,7 @@ export declare type OptionsListProps = {
     inputProps?: InputProps;
     toggleMenu: () => void;
 };
-export declare type OptgroupProps = {
+export type OptgroupProps = {
     /**
      * Размер компонента
      */
@@ -407,7 +407,7 @@ export declare type OptgroupProps = {
      */
     children?: ReactNode;
 };
-export declare type OptionProps = {
+export type OptionProps = {
     /**
      * Дополнительный класс
      */
@@ -455,7 +455,7 @@ export declare type OptionProps = {
         role?: string;
     } & RefAttributes<HTMLDivElement> & AriaAttributes;
 };
-export declare type CheckmarkProps = {
+export type CheckmarkProps = {
     /**
      * Флаг, данный пункт выбран
      */

package/dist/select/utils.d.ts

@@ -3,14 +3,14 @@ import { BaseSelectProps, GroupShape, OptionShape } from './typings';
 export declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 export declare const isOptionShape: (item: OptionShape | string | number | null) => item is OptionShape;
 export declare const joinOptions: ({ selected, selectedMultiple, }: {
-    selected?: OptionShape | undefined;
-    selectedMultiple?: OptionShape[] | undefined;
+    selected?: OptionShape;
+    selectedMultiple?: OptionShape[];
 }) => ReactNode[] | null;
 export declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
     flatOptions: OptionShape[];
     selectedOptions: OptionShape[];
 };
-declare type useVisibleOptionsArgs = {
+type useVisibleOptionsArgs = {
     /**
      * Количество видимых пунктов
      */
@@ -34,11 +34,11 @@ declare type useVisibleOptionsArgs = {
 };
 export declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
 export declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export declare type OptionsType<T> = Array<{
+export type OptionsType<T> = Array<{
     key: T;
     content: any;
 }>;
-declare type ConvertToOptions = <T extends {
+type ConvertToOptions = <T extends {
     id: string | number;
     [field: string]: any;
 }>(data: T[], field?: string) => Array<{

package/dist/sidepanel/component.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 import { TFunction } from '../modal';
-declare type Back = {
+type Back = {
     back?: () => void;
     t: TFunction;
 } | {
     back?: never;
     t?: never;
 };
-export declare type SidepanelProps = {
+export type SidepanelProps = {
     title?: string;
     loading?: boolean;
     subtitle?: string;

package/dist/sidepanel/index.module.css

@@ -1 +1 @@
-.index-module_header__mPZ5T{position:sticky;top:0;z-index:998}.index-module_loader__AwSf2{padding:32px;box-sizing:border-box}.index-module_input__4qiE9{height:56px;width:100%;z-index:1000}.index-module_footer__gMIpz{backdrop-filter:saturate(200%) blur(6px);position:sticky;bottom:0;padding:16px 32px;z-index:99}.index-module_footer__gMIpz.index-module_noSticky__LgClY{position:relative;padding-bottom:32px}.index-module_content__3wIEH{padding:4px 32px 32px;flex:1}@media(max-width:823px){.index-module_content__3wIEH{padding:4px 16px 16px!important}.index-module_footer__gMIpz,.index-module_loader__AwSf2{padding:16px!important}}
+.header_mPZ5{position:sticky;top:0;z-index:998}.loader_AwSf{padding:32px;box-sizing:border-box}.input_4qiE{height:56px;width:100%;z-index:1000}.footer_gMIp{backdrop-filter:saturate(200%) blur(6px);position:sticky;bottom:0;padding:16px 32px;z-index:99}.footer_gMIp.noSticky_LgCl{position:relative;padding-bottom:32px}.content_3wIE{padding:4px 32px 32px;flex:1}@media(max-width:823px){.content_3wIE{padding:4px 16px 16px!important}.footer_gMIp,.loader_AwSf{padding:16px!important}}

package/dist/sidepanel/index.module.css.js

@@ -1,19 +1,19 @@
 import './index.module.css';
-const e = "index-module_header__mPZ5T", o = "index-module_loader__AwSf2", n = "index-module_input__4qiE9", t = "index-module_footer__gMIpz", d = "index-module_noSticky__LgClY", _ = "index-module_content__3wIEH", c = {
-  header: e,
+const t = "header_mPZ5", o = "loader_AwSf", n = "input_4qiE", e = "footer_gMIp", c = "noSticky_LgCl", r = "content_3wIE", s = {
+  header: t,
   loader: o,
   input: n,
-  footer: t,
-  noSticky: d,
-  content: _
+  footer: e,
+  noSticky: c,
+  content: r
 };
 export {
-  _ as content,
-  c as default,
-  t as footer,
-  e as header,
+  r as content,
+  s as default,
+  e as footer,
+  t as header,
   n as input,
   o as loader,
-  d as noSticky
+  c as noSticky
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/sidepanel-header/component.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 import { TFunction } from '../modal';
-declare type Back = {
+type Back = {
     back?: () => void;
     t: TFunction;
 } | {
     back?: never;
     t?: never;
 };
-export declare type SidepanelHeaderProps = {
+export type SidepanelHeaderProps = {
     /**
      * Кастомный класс
      */

package/dist/sidepanel-header/index.module.css

@@ -1 +1 @@
-.index-module_wrapper__QxqDy{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.index-module_heading__XGDyC{display:flex;justify-content:space-between;min-height:48px}.index-module_title__jwxcv,.index-module_bottomAddons__3yzd0{padding-bottom:8px;padding-top:8px}.index-module_rightAddons__aZFaJ{margin-right:48px;height:48px;display:flex;align-items:center}.index-module_noCloser__O7u0p{margin-right:0}@media(max-width:823px){.index-module_wrapper__QxqDy{padding:16px 16px 12px!important}}
+.wrapper_QxqD{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.heading_XGDy{display:flex;justify-content:space-between;min-height:48px}.title_jwxc,.bottomAddons_3yzd{padding-bottom:8px;padding-top:8px}.rightAddons_aZFa{margin-right:48px;height:48px;display:flex;align-items:center}.noCloser_O7u0{margin-right:0}@media(max-width:823px){.wrapper_QxqD{padding:16px 16px 12px!important}}

package/dist/sidepanel-header/index.module.css.js

@@ -1,19 +1,19 @@
 import './index.module.css';
-const o = "index-module_wrapper__QxqDy", d = "index-module_heading__XGDyC", e = "index-module_title__jwxcv", n = "index-module_bottomAddons__3yzd0", t = "index-module_rightAddons__aZFaJ", s = "index-module_noCloser__O7u0p", _ = {
+const o = "wrapper_QxqD", t = "heading_XGDy", n = "title_jwxc", s = "bottomAddons_3yzd", d = "rightAddons_aZFa", e = "noCloser_O7u0", r = {
   wrapper: o,
-  heading: d,
-  title: e,
-  bottomAddons: n,
-  rightAddons: t,
-  noCloser: s
+  heading: t,
+  title: n,
+  bottomAddons: s,
+  rightAddons: d,
+  noCloser: e
 };
 export {
-  n as bottomAddons,
-  _ as default,
-  d as heading,
-  s as noCloser,
-  t as rightAddons,
-  e as title,
+  s as bottomAddons,
+  r as default,
+  t as heading,
+  e as noCloser,
+  d as rightAddons,
+  n as title,
   o as wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/skeleton/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export declare type SkeletonProps = {
+export type SkeletonProps = {
     children?: React.ReactNode;
     /**
      * Флаг, явно задающий состояние, при котором контент закрывается прелоадером

package/dist/skeleton/index.module.css

@@ -1 +1 @@
-:root{--skeleton-background-filter: none;--skeleton-default-color: var(--color-bg-secondary)}.index-module_component__-McTc{position:relative;display:inline-block;border-radius:var(--gap-2xs);overflow:hidden}.index-module_component__-McTc>*{visibility:hidden}.index-module_component__-McTc:before{content:"";position:absolute;border-radius:var(--gap-2xs);inset:0;background:var(--skeleton-default-color);backdrop-filter:var(--skeleton-background-filter)}.index-module_animate__-bLCJ:after{content:"";position:absolute;top:0;left:0;width:500%;height:100%;transform:translate(-80%);animation-name:index-module_animation__jl9lA;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background:linear-gradient(to left,#0000,#0000 40%,#00000006,#0000 60%,#0000)}@keyframes index-module_animation__jl9lA{0%{transform:translate(-80%)}67%{transform:translate(0)}to{transform:translate(0)}}
+:root{--skeleton-background-filter: none;--skeleton-default-color: var(--color-bg-secondary)}.component_-McT{position:relative;display:inline-block;border-radius:var(--gap-2xs);overflow:hidden}.component_-McT>*{visibility:hidden}.component_-McT:before{content:"";position:absolute;border-radius:var(--gap-2xs);inset:0;background:var(--skeleton-default-color);backdrop-filter:var(--skeleton-background-filter)}.animate_-bLC:after{content:"";position:absolute;top:0;left:0;width:500%;height:100%;transform:translate(-80%);animation-name:animation_jl9l;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background:linear-gradient(to left,#0000,#0000 40%,#00000006,#0000 60%,#0000)}@keyframes animation_jl9l{0%{transform:translate(-80%)}67%{transform:translate(0)}to{transform:translate(0)}}

package/dist/skeleton/index.module.css.js

@@ -1,10 +1,10 @@
 import './index.module.css';
-const n = "index-module_component__-McTc", e = "index-module_animate__-bLCJ", o = {
+const n = "component_-McT", t = "animate_-bLC", o = {
   component: n,
-  animate: e
+  animate: t
 };
 export {
-  e as animate,
+  t as animate,
   n as component,
   o as default
 };