@alphakits/ui 1.31.5 → 2.0.0

package/dist/select/components/base-select/component.js

@@ -1 +1,339 @@
-import{__assign as e,__spreadArray as t,__rest as n}from"tslib";import o,{forwardRef as i,useRef as r,useMemo as l,useCallback as a,useEffect as s}from"react";import d from"react-merge-refs";import u from"classnames";import{useMultipleSelection as c,useCombobox as p}from"downshift";import{ResizeObserver as m}from"resize-observer";import{getDataTestId as v}from"../../../__internal/utils/getDataTestId.js";import{Popover as f}from"../../../popover/component.js";import{processOptions as g}from"../../utils.js";import{NativeSelect as h}from"../native-select/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"react-dom";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";var b="index-module_component__34JKG",I="index-module_popoverInner__1dabe",w="index-module_optionsList__3HreC",x="index-module_nativeSelect__xVDP8",y="index-module_block__2Uhdo",O=i((function(i,O){var P,k=i.dataTestId,C=void 0===k?"":k,T=i.className,_=i.fieldClassName,N=i.filteredOptions,E=i.popoverOuterClassname,S=i.optionsListClassName,D=i.optionClassName,j=i.options,z=i.actionButton,M=i.autocomplete,B=void 0!==M&&M,L=i.multiple,F=void 0!==L&&L,R=i.allowUnselect,K=void 0!==R&&R,A=i.disabled,U=void 0!==A&&A,H=i.closeOnSelect,W=void 0===H?!F:H,q=i.circularNavigation,G=void 0!==q&&q,J=i.nativeSelect,V=void 0!==J&&J,Q=i.defaultOpen,X=void 0!==Q&&Q,Y=i.open,Z=i.popoverPosition,$=void 0===Z?"bottom-start":Z,ee=i.offset,te=i.withArrow,ne=i.preventFlip,oe=void 0===ne||ne,ie=i.optionsListWidth,re=void 0===ie?"field":ie,le=i.name,ae=i.id,se=i.required,de=i.selected,ue=i.size,ce=void 0===ue?"m":ue,pe=i.optionsSize,me=void 0===pe?ce:pe,ve=i.error,fe=i.hint,ge=i.block,he=void 0===ge||ge,be=i.label,Ie=i.placeholder,we=i.fieldProps,xe=void 0===we?{}:we,ye=i.optionsListProps,Oe=void 0===ye?{}:ye,Pe=i.optionProps,ke=void 0===Pe?{}:Pe,Ce=i.valueRenderer,Te=i.onChange,_e=i.onOpen,Ne=i.onFocus,Ee=i.onBlur,Se=i.onScroll,De=i.Arrow,je=i.Field,ze=void 0===je?function(){return null}:je,Me=i.OptionsList,Be=void 0===Me?function(){return null}:Me,Le=i.Optgroup,Fe=void 0===Le?function(){return null}:Le,Re=i.Option,Ke=void 0===Re?function(){return null}:Re,Ae=i.updatePopover,Ue=i.zIndexPopover,He=i.showEmptyOptionsList,We=void 0!==He&&He,qe=i.visibleOptions,Ge=r(null),Je=r(null),Ve=r(null),Qe=function(e){var t;return e?null===(t=e.key)||void 0===t?void 0:t.toString():""},Xe=l((function(){return g(j||[],de)}),[j,de]),Ye=Xe.flatOptions,Ze=Xe.selectedOptions,$e={itemToString:Qe,onSelectedItemsChange:function(e){if(Te){var t=e.selectedItems,n=void 0===t?[]:t;Te({selectedMultiple:n,selected:n.length?n[0]:null,name:le})}},stateReducer:function(e,t){var n=t.type,o=t.changes;return K||n!==c.stateChangeTypes.DropdownKeyDownBackspace?o:e}};void 0!==de&&($e.selectedItems=Ze);var et=c($e),tt=et.selectedItems,nt=et.addSelectedItem,ot=et.setSelectedItems,it=et.removeSelectedItem,rt=et.getDropdownProps,lt=p({id:ae,isOpen:Y,circularNavigation:G,items:Ye,itemToString:Qe,defaultHighlightedIndex:0===tt.length?-1:void 0,onIsOpenChange:function(e){_e&&setTimeout((function(){_e({open:e.isOpen,name:le})}),0)},stateReducer:function(t,n){var o=n.type,i=n.changes,r=i.selectedItem;switch(o){case p.stateChangeTypes.InputKeyDownEnter:case p.stateChangeTypes.ItemClick:if(r&&!r.disabled){var l=tt.includes(r),a=K||F&&tt.length>1;l&&a&&it(r),l||(F?nt(r):ot([r]))}return e(e({},i),{isOpen:!W,highlightedIndex:t.isOpen&&!W?t.highlightedIndex:i.highlightedIndex});default:return i}}}),at=lt.isOpen,st=lt.getMenuProps,dt=lt.getInputProps,ut=lt.getItemProps,ct=lt.getComboboxProps,pt=lt.getLabelProps,mt=lt.highlightedIndex,vt=lt.toggleMenu,ft=lt.openMenu,gt=st({ref:Ve},{suppressRefError:!0}),ht=dt(rt({ref:d([O,Je])})),bt=a((function(e){var n;ot(t([],null===(n=e)||void 0===n?void 0:n.target.options).reduce((function(e,t,n){return t.selected?e.concat(Ye[n]):e}),[]))}),[Ye,ot]),It=a((function(t){var i=t.option,r=t.index,l=n(t,["option","index"]);if(!i)return null;var a=Ye.findIndex((function(e){return e.key===(null==i?void 0:i.key)})),s=-1===a?null:Ye[a];if(!s)return null;var d=ut({item:s,index:a,disabled:i.disabled,onMouseDown:function(e){return e.preventDefault()},onPointerDown:function(e){e.preventDefault(),e.stopPropagation()},onTouchStart:function(e){e.preventDefault(),e.stopPropagation()},onClick:function(e){e.stopPropagation()}});return o.createElement(o.Fragment,{key:i.key},Ke(e(e(e({},ke),l),{className:D,innerProps:d,index:r,option:i,size:me,disabled:i.disabled,highlighted:a===mt,selected:tt.includes(i)})))}),[ke,Ye,D,ut,me,mt,tt,Ke]);s((function(){X&&ft()}),[X,ft]),s((function(){!0===Y&&ft()}),[Y]);var wt=r(null),xt=r(null),yt=a((function(){if(Ve.current){var e="field"===re?"width":"minWidth",t=Ge.current?Math.round(Ge.current.getBoundingClientRect().width):0;wt.current!==t&&(wt.current=t,Ve.current.style[e]=t+"px")}}),[re]);s((function(){if(at){var e=new m((function(){xt.current&&window.clearTimeout(xt.current),xt.current=window.setTimeout((function(){yt()}),50)}));return Ge.current&&e.observe(Ge.current),yt(),function(){e.disconnect(),xt.current&&window.clearTimeout(xt.current),xt.current=null}}}),[at,yt]),s((function(){at&&yt()}),[at,j,tt,yt]);var Ot=a((function(){return tt.map((function(e){return o.createElement("input",{type:"hidden",name:le,value:e.key,key:e.key})}))}),[tt,le]),Pt=a((function(){var e,t=F?tt.map((function(e){var t;return null===(t=e.key)||void 0===t?void 0:t.toString()})):null===(e=(tt[0]||{}).key)||void 0===e?void 0:e.toString();return o.createElement(h,{className:x,disabled:U,multiple:F,name:le,value:t,onChange:bt,options:j})}),[F,tt,U,le,bt,j]),kt=Ye.length>0||We||!!z;return o.createElement("div",e({},ct(e(e({ref:Ge},U&&{"aria-disabled":!0}),{className:u(b,(P={},P[y]=he,P),T)})),{onKeyDown:U?void 0:function(e){ht.onKeyDown(e),B&&!at&&1===e.key.length&&ft(),![" ","Enter"].includes(e.key)||B||V||"INPUT"===e.target.tagName||(e.preventDefault(),at&&-1!==mt||vt())},tabIndex:-1,id:"slect_wrapper","data-test-id":v("combobox",C)}),V&&Pt(),o.createElement(ze,e({selectedMultiple:tt,selected:tt[0],multiple:F,open:at,disabled:U,size:ce,placeholder:Ie,label:be&&o.createElement("span",e({},pt()),se?be+" *":be),Arrow:De&&o.createElement(De,{open:at}),error:ve,hint:fe,valueRenderer:Ce,className:_,innerProps:{onBlur:function(e){var t,n=e.relatedTarget||document.activeElement;!(!n||!(null===(t=Ve.current)||void 0===t?void 0:t.contains(n)))||(null==Ee||Ee(e),ht.onBlur(e))},onFocus:U?void 0:function(e){null==Ne||Ne(e),B&&!at&&ft()},onClick:U?void 0:function(e){Ve.current&&Ve.current.contains(e.target)||(B&&"INPUT"===e.target.tagName?ft():vt())},tabIndex:V||U?-1:0,ref:d([ht.ref]),id:ht.id,"aria-labelledby":ht["aria-labelledby"],"aria-controls":ht["aria-controls"],"aria-autocomplete":B?ht["aria-autocomplete"]:void 0},dataTestId:v("field",C)},xe)),le&&!V&&Ot(),!V&&o.createElement(f,{open:at,withTransition:!1,anchorElement:Je.current,position:$,offset:ee,withArrow:te,preventFlip:oe,className:E,popperClassName:I,update:Ae,zIndex:Ue},kt&&o.createElement("div",e({},gt,{className:u(S,w)}),o.createElement(Be,e({},Oe,{flatOptions:Ye,highlightedIndex:mt,open:at,size:ce,toggleMenu:vt,actionButton:z,options:null!=N?N:j,Optgroup:Fe,Option:It,visibleOptions:qe,onScroll:Se,dataTestId:v("options-list",C)})))))}));export{O as BaseSelect};
+import { jsx as l, jsxs as Xe } from "react/jsx-runtime";
+import Ye, { forwardRef as Ze, useRef as k, useMemo as et, useCallback as R, useEffect as T } from "react";
+import se from "react-merge-refs";
+import oe from "classnames";
+import { useMultipleSelection as ce, useCombobox as j } from "downshift";
+import { ResizeObserver as tt } from "resize-observer";
+import { getDataTestId as $ } from "../../../__internal/utils/getDataTestId.js";
+import { Popover as rt } from "../../../popover/component.js";
+import { processOptions as nt } from "../../utils.js";
+import { NativeSelect as st } from "../native-select/component.js";
+import P from "./index.module.css.js";
+const pt = Ze(
+  ({
+    dataTestId: v = "",
+    className: ie,
+    fieldClassName: le,
+    filteredOptions: N,
+    popoverOuterClassname: ae,
+    optionsListClassName: de,
+    optionClassName: A,
+    options: g,
+    actionButton: B,
+    autocomplete: y = !1,
+    multiple: u = !1,
+    allowUnselect: H = !1,
+    disabled: a = !1,
+    closeOnSelect: U = !u,
+    circularNavigation: ue = !1,
+    nativeSelect: w = !1,
+    defaultOpen: V = !1,
+    open: M,
+    popoverPosition: fe = "bottom-start",
+    offset: me,
+    withArrow: ge,
+    preventFlip: he = !0,
+    optionsListWidth: _ = "field",
+    name: f,
+    id: pe,
+    required: Ie,
+    selected: S,
+    size: E = "m",
+    optionsSize: q = E,
+    error: ye,
+    hint: we,
+    block: be = !0,
+    label: O,
+    placeholder: xe,
+    fieldProps: ke = {},
+    optionsListProps: Re = {},
+    optionProps: z = {},
+    valueRenderer: Pe,
+    onChange: G,
+    onOpen: J,
+    onFocus: K,
+    onBlur: L,
+    onScroll: Ce,
+    Arrow: Q,
+    Field: De = () => null,
+    OptionsList: Te = () => null,
+    Optgroup: ve = () => null,
+    Option: X = () => null,
+    updatePopover: Ne,
+    zIndexPopover: Me,
+    showEmptyOptionsList: Se = !1,
+    visibleOptions: Ee
+  }, Oe) => {
+    const b = k(null), Y = k(null), h = k(null), Z = (e) => {
+      var t;
+      return e ? (t = e.key) == null ? void 0 : t.toString() : "";
+    }, { flatOptions: d, selectedOptions: Ke } = et(
+      () => nt(g || [], S),
+      [g, S]
+    ), ee = {
+      itemToString: Z,
+      onSelectedItemsChange: (e) => {
+        if (G) {
+          const { selectedItems: t = [] } = e;
+          G({
+            selectedMultiple: t,
+            selected: t.length ? t[0] : null,
+            name: f
+          });
+        }
+      },
+      stateReducer: (e, t) => {
+        const { type: c, changes: r } = t;
+        return !H && c === ce.stateChangeTypes.DropdownKeyDownBackspace ? e : r;
+      }
+    };
+    S !== void 0 && (ee.selectedItems = Ke);
+    const {
+      selectedItems: n,
+      addSelectedItem: Le,
+      setSelectedItems: F,
+      removeSelectedItem: Fe,
+      getDropdownProps: We
+    } = ce(ee), {
+      isOpen: o,
+      getMenuProps: je,
+      getInputProps: $e,
+      getItemProps: te,
+      getComboboxProps: Ae,
+      getLabelProps: Be,
+      highlightedIndex: C,
+      toggleMenu: W,
+      openMenu: p
+    } = j({
+      id: pe,
+      isOpen: M,
+      circularNavigation: ue,
+      items: d,
+      itemToString: Z,
+      defaultHighlightedIndex: n.length === 0 ? -1 : void 0,
+      onIsOpenChange: (e) => {
+        J && setTimeout(() => {
+          J({ open: e.isOpen, name: f });
+        }, 0);
+      },
+      stateReducer: (e, t) => {
+        const { type: c, changes: r } = t, { selectedItem: i } = r;
+        switch (c) {
+          case j.stateChangeTypes.InputKeyDownEnter:
+          case j.stateChangeTypes.ItemClick:
+            if (i && !i.disabled) {
+              const D = n.includes(i), s = H || u && n.length > 1;
+              D && s && Fe(i), D || (u ? Le(i) : F([i]));
+            }
+            return {
+              ...r,
+              isOpen: !U,
+              highlightedIndex: e.isOpen && !U ? e.highlightedIndex : r.highlightedIndex
+            };
+          default:
+            return r;
+        }
+      }
+    }), He = je(
+      { ref: h },
+      { suppressRefError: !0 }
+    ), m = $e(We({ ref: se([Oe, Y]) })), Ue = (e) => {
+      K == null || K(e), y && !o && p();
+    }, Ve = (e) => {
+      var r;
+      const t = e.relatedTarget || document.activeElement;
+      !!(t && ((r = h.current) != null && r.contains(t))) || (L == null || L(e), m.onBlur(e));
+    }, _e = (e) => {
+      m.onKeyDown(e), y && !o && e.key.length === 1 && p(), [" ", "Enter"].includes(e.key) && !y && !w && e.target.tagName !== "INPUT" && (e.preventDefault(), (!o || C === -1) && W());
+    }, qe = (e) => {
+      h.current && h.current.contains(e.target) || (!y || e.target.tagName !== "INPUT" ? W() : p());
+    }, re = R(
+      (e) => {
+        F(
+          [...e == null ? void 0 : e.target.options].reduce(
+            (t, c, r) => c.selected ? t.concat(d[r]) : t,
+            []
+          )
+        );
+      },
+      [d, F]
+    ), ze = R(
+      ({ option: e, index: t, ...c }) => {
+        if (!e) return null;
+        const r = d.findIndex((s) => s.key === (e == null ? void 0 : e.key)), i = r === -1 ? null : d[r];
+        if (!i) return null;
+        const D = te({
+          item: i,
+          index: r,
+          disabled: e.disabled,
+          // десктоп
+          onMouseDown: (s) => s.preventDefault(),
+          // мобилки: не даём событию «пробить» до поля и повторно открыть меню
+          onPointerDown: (s) => {
+            s.preventDefault(), s.stopPropagation();
+          },
+          onTouchStart: (s) => {
+            s.preventDefault(), s.stopPropagation();
+          },
+          onClick: (s) => {
+            s.stopPropagation();
+          }
+        });
+        return /* @__PURE__ */ l(Ye.Fragment, { children: X({
+          ...z,
+          ...c,
+          className: A,
+          innerProps: D,
+          index: t,
+          option: e,
+          size: q,
+          disabled: e.disabled,
+          highlighted: r === C,
+          selected: n.includes(e)
+        }) }, e.key);
+      },
+      [
+        z,
+        d,
+        A,
+        te,
+        q,
+        C,
+        n,
+        X
+      ]
+    );
+    T(() => {
+      V && p();
+    }, [V, p]), T(() => {
+      M === !0 && p();
+    }, [M]);
+    const ne = k(null), I = k(null), x = R(() => {
+      if (!h.current) return;
+      const e = _ === "field" ? "width" : "minWidth", t = b.current ? Math.round(b.current.getBoundingClientRect().width) : 0;
+      ne.current !== t && (ne.current = t, h.current.style[e] = `${t}px`);
+    }, [_]);
+    T(() => {
+      if (!o) return;
+      const e = new tt(() => {
+        I.current && window.clearTimeout(I.current), I.current = window.setTimeout(() => {
+          x();
+        }, 50);
+      });
+      return b.current && e.observe(b.current), x(), () => {
+        e.disconnect(), I.current && window.clearTimeout(I.current), I.current = null;
+      };
+    }, [o, x]), T(() => {
+      o && x();
+    }, [o, g, n, x]);
+    const Ge = R(
+      () => n.map((e) => /* @__PURE__ */ l("input", { type: "hidden", name: f, value: e.key }, e.key)),
+      [n, f]
+    ), Je = R(() => {
+      var t;
+      const e = u ? n.map((c) => {
+        var r;
+        return (r = c.key) == null ? void 0 : r.toString();
+      }) : (t = (n[0] || {}).key) == null ? void 0 : t.toString();
+      return /* @__PURE__ */ l(
+        st,
+        {
+          className: P.nativeSelect,
+          disabled: a,
+          multiple: u,
+          name: f,
+          value: e,
+          onChange: re,
+          options: g
+        }
+      );
+    }, [u, n, a, f, re, g]), Qe = d.length > 0 || Se || !!B;
+    return /* @__PURE__ */ Xe(
+      "div",
+      {
+        ...Ae({
+          ref: b,
+          ...a && { "aria-disabled": !0 },
+          className: oe(P.component, { [P.block]: be }, ie)
+        }),
+        onKeyDown: a ? void 0 : _e,
+        tabIndex: -1,
+        id: "slect_wrapper",
+        "data-test-id": $("combobox", v),
+        children: [
+          w && Je(),
+          /* @__PURE__ */ l(
+            De,
+            {
+              selectedMultiple: n,
+              selected: n[0],
+              multiple: u,
+              open: o,
+              disabled: a,
+              size: E,
+              placeholder: xe,
+              label: O && /* @__PURE__ */ l("span", { ...Be(), children: Ie ? `${O} *` : O }),
+              Arrow: Q && /* @__PURE__ */ l(Q, { open: o }),
+              error: ye,
+              hint: we,
+              valueRenderer: Pe,
+              className: le,
+              innerProps: {
+                onBlur: Ve,
+                onFocus: a ? void 0 : Ue,
+                onClick: a ? void 0 : qe,
+                tabIndex: w || a ? -1 : 0,
+                ref: se([m.ref]),
+                id: m.id,
+                "aria-labelledby": m["aria-labelledby"],
+                "aria-controls": m["aria-controls"],
+                "aria-autocomplete": y ? m["aria-autocomplete"] : void 0
+              },
+              dataTestId: $("field", v),
+              ...ke
+            }
+          ),
+          f && !w && Ge(),
+          !w && /* @__PURE__ */ l(
+            rt,
+            {
+              open: o,
+              withTransition: !1,
+              anchorElement: Y.current,
+              position: fe,
+              offset: me,
+              withArrow: ge,
+              preventFlip: he,
+              className: ae,
+              popperClassName: P.popoverInner,
+              update: Ne,
+              zIndex: Me,
+              children: Qe && /* @__PURE__ */ l("div", { ...He, className: oe(de, P.optionsList), children: /* @__PURE__ */ l(
+                Te,
+                {
+                  ...Re,
+                  flatOptions: d,
+                  highlightedIndex: C,
+                  open: o,
+                  size: E,
+                  toggleMenu: W,
+                  actionButton: B,
+                  options: N != null ? N : g,
+                  Optgroup: ve,
+                  Option: ze,
+                  visibleOptions: Ee,
+                  onScroll: Ce,
+                  dataTestId: $("options-list", v)
+                }
+              ) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  pt as BaseSelect
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/base-select/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/base-select/component.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/ban-types */\nimport React, {\n    FocusEvent,\n    forwardRef,\n    KeyboardEvent,\n    MouseEvent,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n} from 'react';\n// useLayoutEffect не нужен для ширины\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\nimport {\n    useCombobox,\n    useMultipleSelection,\n    UseMultipleSelectionProps,\n    UseMultipleSelectionState,\n} from 'downshift';\nimport { ResizeObserver } from 'resize-observer';\n\nimport { getDataTestId } from '../../../__internal/utils/getDataTestId';\nimport { Popover } from '../../../popover';\nimport { BaseSelectProps, OptionShape } from '../../typings';\nimport { processOptions } from '../../utils';\nimport { NativeSelect } from '../native-select';\n\nimport styles from './index.module.css';\n\nexport const BaseSelect = forwardRef<HTMLDivElement, BaseSelectProps>(\n    (\n        {\n            dataTestId = '',\n            className,\n            fieldClassName,\n            filteredOptions,\n            popoverOuterClassname,\n            optionsListClassName,\n            optionClassName,\n            options,\n            actionButton,\n            autocomplete = false,\n            multiple = false,\n            allowUnselect = false,\n            disabled = false,\n            closeOnSelect = !multiple,\n            circularNavigation = false,\n            nativeSelect = false,\n            defaultOpen = false,\n            open: openProp,\n            popoverPosition = 'bottom-start',\n            offset,\n            withArrow,\n            preventFlip = true,\n            optionsListWidth = 'field',\n            name,\n            id,\n            required,\n            selected,\n            size = 'm',\n            optionsSize = size,\n            error,\n            hint,\n            block = true,\n            label,\n            placeholder,\n            fieldProps = {},\n            optionsListProps = {},\n            optionProps = {},\n            valueRenderer,\n            onChange,\n            onOpen,\n            onFocus,\n            onBlur,\n            onScroll,\n            Arrow,\n            Field = () => null,\n            OptionsList = () => null,\n            Optgroup = () => null,\n            Option = () => null,\n            updatePopover,\n            zIndexPopover,\n            showEmptyOptionsList = false,\n            visibleOptions,\n        },\n        ref,\n    ) => {\n        const rootRef = useRef<HTMLLabelElement>(null);\n        const fieldRef = useRef<HTMLInputElement>(null);\n        const listRef = useRef<HTMLDivElement>(null);\n\n        const itemToString = (option: OptionShape) => (option ? option.key?.toString() : '');\n\n        const { flatOptions, selectedOptions } = useMemo(\n            () => processOptions(options || [], selected),\n            [options, selected],\n        );\n\n        const useMultipleSelectionProps: UseMultipleSelectionProps<OptionShape> = {\n            itemToString,\n            onSelectedItemsChange: (changes) => {\n                if (onChange) {\n                    const { selectedItems = [] } = changes;\n\n                    onChange({\n                        selectedMultiple: selectedItems,\n                        selected: selectedItems.length ? selectedItems[0] : null,\n                        name,\n                    });\n                }\n            },\n            stateReducer: (state, actionAndChanges) => {\n                const { type, changes } = actionAndChanges;\n\n                if (\n                    !allowUnselect &&\n          type === useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace\n                ) {\n                    return state;\n                }\n\n                return changes as UseMultipleSelectionState<OptionShape>;\n            },\n        };\n\n        if (selected !== undefined) {\n            useMultipleSelectionProps.selectedItems = selectedOptions;\n        }\n\n        const {\n            selectedItems,\n            addSelectedItem,\n            setSelectedItems,\n            removeSelectedItem,\n            getDropdownProps,\n        } = useMultipleSelection(useMultipleSelectionProps);\n\n        const {\n            isOpen: open,\n            getMenuProps,\n            getInputProps,\n            getItemProps,\n            getComboboxProps,\n            getLabelProps,\n            highlightedIndex,\n            toggleMenu,\n            openMenu,\n        } = useCombobox<OptionShape>({\n            id,\n            isOpen: openProp,\n            circularNavigation,\n            items: flatOptions,\n            itemToString,\n            defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,\n            onIsOpenChange: (changes) => {\n                if (onOpen) {\n                    setTimeout(() => {\n                        onOpen({ open: changes.isOpen, name });\n                    }, 0);\n                }\n            },\n            stateReducer: (state, actionAndChanges) => {\n                const { type, changes } = actionAndChanges;\n                const { selectedItem } = changes;\n\n                switch (type) {\n                    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n                    case useCombobox.stateChangeTypes.ItemClick:\n                        if (selectedItem && !selectedItem.disabled) {\n                            const alreadySelected = selectedItems.includes(selectedItem);\n                            const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);\n\n                            if (alreadySelected && allowRemove) {\n                                removeSelectedItem(selectedItem);\n                            }\n\n                            if (!alreadySelected) {\n                                if (multiple) {\n                                    addSelectedItem(selectedItem);\n                                } else {\n                                    setSelectedItems([selectedItem]);\n                                }\n                            }\n                        }\n\n                        return {\n                            ...changes,\n                            isOpen: !closeOnSelect,\n                            highlightedIndex:\n                state.isOpen && !closeOnSelect ? state.highlightedIndex : changes.highlightedIndex,\n                        };\n                    default:\n                        return changes;\n                }\n            },\n        });\n\n        // props для контейнера списка (Popover)\n        const menuProps = (getMenuProps as (options: object, additional: object) => any)(\n            { ref: listRef },\n            { suppressRefError: true },\n        );\n        const inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));\n\n        const handleFieldFocus = (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => {\n            onFocus?.(event);\n            if (autocomplete && !open) openMenu();\n        };\n\n        const handleFieldBlur = (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => {\n            const rt = (event.relatedTarget || document.activeElement) as HTMLElement | null;\n            const focusMovedIntoList = !!(rt && listRef.current?.contains(rt));\n\n            if (!focusMovedIntoList) {\n                onBlur?.(event);\n                inputProps.onBlur(event);\n            }\n        };\n\n        const handleFieldKeyDown = (event: KeyboardEvent<HTMLDivElement | HTMLInputElement>) => {\n            inputProps.onKeyDown(event);\n            if (autocomplete && !open && event.key.length === 1) {\n                openMenu();\n            }\n\n            if (\n                [' ', 'Enter'].includes(event.key) &&\n        !autocomplete &&\n        !nativeSelect &&\n        (event.target as HTMLElement).tagName !== 'INPUT'\n            ) {\n                event.preventDefault();\n                if (!open || highlightedIndex === -1) toggleMenu();\n            }\n        };\n\n        const handleFieldClick = (event: MouseEvent) => {\n            // если событие пришло изнутри списка — игнорим (важно для тач)\n            if (listRef.current && listRef.current.contains(event.target as Node)) return;\n\n            if (!autocomplete || (event.target as HTMLElement).tagName !== 'INPUT') {\n                toggleMenu();\n            } else {\n                openMenu();\n            }\n        };\n\n        const handleNativeSelectChange = useCallback(\n            (event: React.ChangeEvent<HTMLSelectElement>) => {\n                setSelectedItems(\n                    [...(event as any)?.target.options].reduce<OptionShape[]>(\n                        (acc, option, index) => (option.selected ? acc.concat(flatOptions[index]) : acc),\n                        [],\n                    ),\n                );\n            },\n            [flatOptions, setSelectedItems],\n        );\n\n        const WrappedOption = useCallback(\n            ({ option, index, ...rest }: { option: OptionShape; index: number }) => {\n                if (!option) return null;\n\n                const itemIndex = flatOptions.findIndex((o) => o.key === option?.key);\n                const dsItem = itemIndex === -1 ? null : flatOptions[itemIndex];\n\n                if (!dsItem) return null;\n\n                const innerProps = getItemProps({\n                    item: dsItem,\n                    index: itemIndex,\n                    disabled: option.disabled,\n                    // десктоп\n                    onMouseDown: (e: MouseEvent) => e.preventDefault(),\n                    // мобилки: не даём событию «пробить» до поля и повторно открыть меню\n                    onPointerDown: (e: any) => { e.preventDefault(); e.stopPropagation(); },\n                    onTouchStart: (e: any) => { e.preventDefault(); e.stopPropagation(); },\n                    onClick: (e: any) => { e.stopPropagation(); },\n                });\n\n                return (\n                    <React.Fragment key={ option.key }>\n                        { Option({\n                            ...(optionProps as object),\n                            ...rest,\n                            className: optionClassName,\n                            innerProps,\n                            index,\n                            option,\n                            size: optionsSize,\n                            disabled: option.disabled,\n                            highlighted: itemIndex === highlightedIndex,\n                            selected: selectedItems.includes(option),\n                        }) }\n                    </React.Fragment>\n                );\n            },\n            [\n                optionProps,\n                flatOptions,\n                optionClassName,\n                getItemProps,\n                optionsSize,\n                highlightedIndex,\n                selectedItems,\n                Option,\n            ],\n        );\n\n        // ——— управление открытием\n        useEffect(() => {\n            if (defaultOpen) openMenu();\n        }, [defaultOpen, openMenu]);\n\n        useEffect(() => {\n            if (openProp === true) openMenu();\n            // если нужно явно закрывать по false — можно вызвать здесь closeMenu()\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [openProp]);\n\n        // ——— ширина списка (без цикла)\n        const lastWidthRef = useRef<number | null>(null);\n        const debounceRef = useRef<number | null>(null);\n\n        const calcOptionsListWidth = useCallback(() => {\n            if (!listRef.current) return;\n\n            const widthAttr = optionsListWidth === 'field' ? 'width' : 'minWidth';\n            const w = rootRef.current ? Math.round(rootRef.current.getBoundingClientRect().width) : 0;\n\n            if (lastWidthRef.current !== w) {\n                lastWidthRef.current = w;\n                (listRef.current.style as any)[widthAttr] = `${w}px`;\n            }\n        }, [optionsListWidth]);\n\n        useEffect(() => {\n            if (!open) return;\n\n            const observer = new ResizeObserver(() => {\n                if (debounceRef.current) window.clearTimeout(debounceRef.current);\n                debounceRef.current = window.setTimeout(() => {\n                    calcOptionsListWidth();\n                }, 50);\n            });\n\n            if (rootRef.current) observer.observe(rootRef.current);\n\n            // первичный расчёт\n            calcOptionsListWidth();\n\n            return () => {\n                observer.disconnect();\n                if (debounceRef.current) window.clearTimeout(debounceRef.current);\n                debounceRef.current = null;\n            };\n        }, [open, calcOptionsListWidth]);\n\n        useEffect(() => {\n            if (open) calcOptionsListWidth();\n        }, [open, options, selectedItems, calcOptionsListWidth]);\n\n        const renderValue = useCallback(\n            () =>\n                selectedItems.map((option) => (\n                    <input type=\"hidden\" name={ name } value={ option.key } key={ option.key } />\n                )),\n            [selectedItems, name],\n        );\n\n        const renderNativeSelect = useCallback(() => {\n            const value = multiple\n                ? selectedItems.map((option) => option.key?.toString())\n                : (selectedItems[0] || {}).key?.toString();\n\n            return (\n                <NativeSelect\n                    className={ styles.nativeSelect }\n                    disabled={ disabled }\n                    multiple={ multiple }\n                    name={ name }\n                    value={ value }\n                    onChange={ handleNativeSelectChange }\n                    options={ options }\n                />\n            );\n        }, [multiple, selectedItems, disabled, name, handleNativeSelectChange, options]);\n\n        const needRenderOptionsList =\n      flatOptions.length > 0 || showEmptyOptionsList || !!actionButton;\n\n        return (\n            <div\n                { ...getComboboxProps({\n                    ref: rootRef,\n                    ...(disabled && { 'aria-disabled': true }),\n                    className: cn(styles.component, { [styles.block]: block }, className),\n                }) }\n                onKeyDown={ disabled ? undefined : handleFieldKeyDown }\n                tabIndex={ -1 }\n                id=\"slect_wrapper\"\n                data-test-id={ getDataTestId('combobox', dataTestId) }\n            >\n                { nativeSelect && renderNativeSelect() }\n\n                <Field\n                    selectedMultiple={ selectedItems }\n                    selected={ selectedItems[0] }\n                    multiple={ multiple }\n                    open={ open }\n                    disabled={ disabled }\n                    size={ size }\n                    placeholder={ placeholder }\n                    label={ label && <span { ...getLabelProps() }>{ required ? `${label} *` : label }</span> }\n                    Arrow={ Arrow && <Arrow open={ open } /> }\n                    error={ error }\n                    hint={ hint }\n                    valueRenderer={ valueRenderer }\n                    className={ fieldClassName }\n                    innerProps={ {\n                        onBlur: handleFieldBlur,\n                        onFocus: disabled ? undefined : handleFieldFocus,\n                        onClick: disabled ? undefined : handleFieldClick,\n                        tabIndex: nativeSelect || disabled ? -1 : 0,\n                        ref: mergeRefs([inputProps.ref]),\n                        id: inputProps.id,\n                        'aria-labelledby': inputProps['aria-labelledby'],\n                        'aria-controls': inputProps['aria-controls'],\n                        'aria-autocomplete': autocomplete ? inputProps['aria-autocomplete'] : undefined,\n                    } }\n                    dataTestId={ getDataTestId('field', dataTestId) }\n                    { ...fieldProps }\n                />\n\n                { name && !nativeSelect && renderValue() }\n\n                { !nativeSelect && (\n                    <Popover\n                        open={ open }\n                        withTransition={ false }\n                        anchorElement={ fieldRef.current as unknown as HTMLElement }\n                        position={ popoverPosition }\n                        offset={ offset }\n                        withArrow={ withArrow }\n                        preventFlip={ preventFlip }\n                        className={ popoverOuterClassname }\n                        popperClassName={ styles.popoverInner }\n                        update={ updatePopover }\n                        zIndex={ zIndexPopover }\n                    >\n                        { needRenderOptionsList && (\n                            <div { ...menuProps } className={ cn(optionsListClassName, styles.optionsList) }>\n                                <OptionsList\n                                    { ...optionsListProps }\n                                    flatOptions={ flatOptions }\n                                    highlightedIndex={ highlightedIndex }\n                                    open={ open }\n                                    size={ size }\n                                    toggleMenu={ toggleMenu }\n                                    actionButton={ actionButton }\n                                    options={ filteredOptions ?? options }\n                                    Optgroup={ Optgroup }\n                                    Option={ WrappedOption }\n                                    visibleOptions={ visibleOptions }\n                                    onScroll={ onScroll }\n                                    dataTestId={ getDataTestId('options-list', dataTestId) }\n                                />\n                            </div>\n                        ) }\n                    </Popover>\n                ) }\n            </div>\n        );\n    },\n);\n"],"names":["BaseSelect","forwardRef","dataTestId","className","fieldClassName","filteredOptions","popoverOuterClassname","optionsListClassName","optionClassName","options","actionButton","autocomplete","multiple","allowUnselect","disabled","closeOnSelect","circularNavigation","nativeSelect","defaultOpen","openProp","popoverPosition","offset","withArrow","preventFlip","optionsListWidth","name","id","required","selected","size","optionsSize","error","hint","block","label","placeholder","fieldProps","optionsListProps","optionProps","valueRenderer","onChange","onOpen","onFocus","onBlur","onScroll","Arrow","Field","OptionsList","Optgroup","Option","updatePopover","zIndexPopover","showEmptyOptionsList","visibleOptions","ref","rootRef","useRef","fieldRef","listRef","itemToString","option","_a","flatOptions","selectedOptions","useMemo","processOptions","useMultipleSelectionProps","changes","selectedItems","state","actionAndChanges","type","useMultipleSelection","addSelectedItem","setSelectedItems","removeSelectedItem","getDropdownProps","open","getMenuProps","getInputProps","getItemProps","getComboboxProps","getLabelProps","highlightedIndex","toggleMenu","openMenu","useCombobox","selectedItem","alreadySelected","allowRemove","menuProps","inputProps","mergeRefs","handleFieldFocus","event","handleFieldBlur","rt","handleFieldKeyDown","handleFieldClick","handleNativeSelectChange","useCallback","acc","index","WrappedOption","rest","itemIndex","o","dsItem","innerProps","e","jsx","React","useEffect","lastWidthRef","debounceRef","calcOptionsListWidth","widthAttr","w","observer","ResizeObserver","renderValue","renderNativeSelect","value","NativeSelect","styles","needRenderOptionsList","jsxs","cn","getDataTestId","Popover"],"mappings":"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"}

package/dist/select/components/base-select/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

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

@@ -1 +1,5 @@
-export{BaseSelect}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"downshift";import"resize-observer";import"../../../__internal/utils/getDataTestId.js";import"../../../popover/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"react-dom";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";import"../../utils.js";import"../native-select/component.js";
+import { BaseSelect as r } from "./component.js";
+export {
+  r as BaseSelect
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1 @@
+: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_component__vbM1x{width:max-content;position:relative;outline:0}.index-module_popoverInner__UhT2m{padding-top:var(--select-options-list-offset);padding-bottom:var(--select-options-list-offset);box-shadow:none;border:none;background:transparent;border-radius:0;position:relative}.index-module_optionsList__catD5{padding-top:var(--select-options-list-top-padding);padding-bottom:var(--select-options-list-bottom-padding);box-shadow:var(--select-options-list-box-shadow);border-radius:var(--select-options-list-border-radius);background:var(--select-option-background);overflow:hidden;will-change:transform}.index-module_nativeSelect__SsnnZ{opacity:0;overflow:hidden;position:absolute;top:0;bottom:0;left:0;width:100%;max-width:100%;min-width:0;height:100%;cursor:pointer;z-index:1}.index-module_block__kBj0n{width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.index-module_component__vbM1x{float:left;clear:left}}

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

@@ -0,0 +1,17 @@
+import './index.module.css';
+const o = "index-module_component__vbM1x", n = "index-module_popoverInner__UhT2m", e = "index-module_optionsList__catD5", t = "index-module_nativeSelect__SsnnZ", c = "index-module_block__kBj0n", s = {
+  component: o,
+  popoverInner: n,
+  optionsList: e,
+  nativeSelect: t,
+  block: c
+};
+export {
+  c as block,
+  o as component,
+  s as default,
+  t as nativeSelect,
+  e as optionsList,
+  n as popoverInner
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/base-select/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/select/components/checkmark/component.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { CheckmarkProps } from "../../typings";
-declare const Checkmark: ({ selected }: CheckmarkProps) => JSX.Element;
-export { Checkmark };
+import { CheckmarkProps } from '../../typings';
+export declare const Checkmark: ({ selected }: CheckmarkProps) => JSX.Element;

package/dist/select/components/checkmark/component.js

@@ -1 +1,15 @@
-import e from"react";import r from"classnames";var a="index-module_checkmark__3RD-S",m="index-module_selected__J6VZF",t=function(t){var c,n=t.selected;return e.createElement("span",{className:r(a,(c={},c[m]=n,c))})};export{t as Checkmark};
+import { jsx as e } from "react/jsx-runtime";
+import o from "classnames";
+import m from "./index.module.css.js";
+const a = ({ selected: r }) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: o(m.checkmark, {
+      [m.selected]: r
+    })
+  }
+);
+export {
+  a as Checkmark
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/checkmark/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/checkmark/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Checkmark = ({ selected }: CheckmarkProps) => (\n    <span\n        className={ cn(styles.checkmark, {\n            [styles.selected]: selected,\n        }) }\n    />\n);\n"],"names":["Checkmark","selected","jsx","cn","styles"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,UAAAC,EAAA,MACxB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAYC,EAAGC,EAAO,WAAW;AAAA,MAC7B,CAACA,EAAO,QAAQ,GAAGH;AAAA,IAAA,CACtB;AAAA,EAAA;AACL;"}

package/dist/select/components/checkmark/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/select/components/checkmark/index.js

@@ -1 +1,5 @@
-export{Checkmark}from"./component.js";import"react";import"classnames";
+import { Checkmark as k } from "./component.js";
+export {
+  k as Checkmark
+};
+//# sourceMappingURL=index.js.map

package/dist/select/components/checkmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/select/components/checkmark/index.module.css

@@ -0,0 +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_checkmark__mZbF7{display:flex;align-items:center;justify-content:center;opacity:var(--select-checkmark-unselected-opacity);flex-shrink:0;background:var(--select-checkmark-background);background-size:cover;border-radius:var(--select-checkmark-border-radius);margin:var(--select-checkmark-margin);order:var(--select-checkmark-order);width:var(--select-checkmark-size);height:var(--select-checkmark-size)}.index-module_selected__3GdD-{opacity:1}

package/dist/select/components/checkmark/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const e = "index-module_checkmark__mZbF7", c = "index-module_selected__3GdD-", d = {
+  checkmark: e,
+  selected: c
+};
+export {
+  e as checkmark,
+  d as default,
+  c as selected
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/checkmark/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/select/components/field/component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import { FormControlProps } from "../../../form-control/index";
-import { FieldProps as BaseFieldProps } from "../../typings";
-declare const Field: ({ size, open, multiple, error, hint, disabled, label, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, Arrow, innerProps, dataTestId, fieldClassName, ...restProps }: BaseFieldProps & FormControlProps) => JSX.Element;
-export { Field };
+import { FormControlProps } from '../../../form-control';
+import { FieldProps as BaseFieldProps } from '../../typings';
+export declare const Field: ({ size, open, multiple, error, hint, disabled, label, placeholder, selectedMultiple, selected, rightAddons, valueRenderer, Arrow, innerProps, dataTestId, fieldClassName, ...restProps }: BaseFieldProps & FormControlProps) => JSX.Element;

package/dist/select/components/field/component.js

@@ -1 +1,69 @@
-import{__rest as e,__assign as l}from"tslib";import r,{useState as o,useRef as d,useCallback as t}from"react";import n from"classnames";import{FormControl as a}from"../../../form-control/component.js";import{useFocus as i}from"../../../hooks/useFocus/index.js";import{joinOptions as s}from"../../utils.js";var m="index-module_component__vfzkT",c="index-module_field__1aUsO",u="index-module_disabled__3SuAx",p="index-module_arrow__3uEBv",_="index-module_placeholder__eqMpp",f="index-module_contentWrapper__1YCpa",v="index-module_value__3iHA6",b="index-module_focusVisible__3vNfu",x=function(x){var h,N=x.size,E=void 0===N?"m":N,A=x.open;x.multiple;var g=x.error,k=x.hint,z=x.disabled,C=x.label,M=x.placeholder,j=x.selectedMultiple,w=void 0===j?[]:j,B=x.selected,F=x.rightAddons,T=x.valueRenderer,I=void 0===T?s:T,P=x.Arrow,R=x.innerProps,q=x.dataTestId,y=x.fieldClassName,H=e(x,["size","open","multiple","error","hint","disabled","label","placeholder","selectedMultiple","selected","rightAddons","valueRenderer","Arrow","innerProps","dataTestId","fieldClassName"]),O=o(!1),S=O[0],U=O[1],V=d(null),W=i(V,"keyboard")[0],Y=t((function(){return U(!0)}),[]),D=t((function(){return U(!1)}),[]),G=I({selected:B,selectedMultiple:w}),J=Boolean(G),K=!!C&&(J||!M);return r.createElement("div",{className:m,ref:V,onFocus:Y,onBlur:D},r.createElement(a,l({fieldClassName:n(c,y,(h={},h[u]=z,h[b]=W,h)),block:!0,size:E,focused:A||S,disabled:z,filled:J,label:K&&C,error:g,hint:k,rightAddons:(P||F)&&r.createElement(r.Fragment,null,F,P?r.cloneElement(P,{className:p}):null),"data-test-id":q},H,R),r.createElement("div",{className:f},M&&!J&&r.createElement("span",{className:_},M),J&&r.createElement("div",{className:v},G))))};export{x as Field};
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import d, { useState as E, useRef as L, useCallback as f } from "react";
+import O from "classnames";
+import { FormControl as S } from "../../../form-control/component.js";
+import { useFocus as W } from "../../../hooks/useFocus/index.js";
+import { joinOptions as q } from "../../utils.js";
+import e from "./index.module.css.js";
+const P = ({
+  size: p = "m",
+  open: h,
+  multiple: z,
+  error: F,
+  hint: b,
+  disabled: n,
+  label: c,
+  placeholder: l,
+  selectedMultiple: N = [],
+  selected: v,
+  rightAddons: r,
+  valueRenderer: j = q,
+  Arrow: t,
+  innerProps: k,
+  dataTestId: x,
+  fieldClassName: B,
+  ...C
+}) => {
+  const [R, a] = E(!1), i = L(null), [y] = W(i, "keyboard"), V = f(() => a(!0), []), g = f(() => a(!1), []), m = j({ selected: v, selectedMultiple: N }), s = !!m, w = !!c && (s || !l);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: e.component,
+      ref: i,
+      onFocus: V,
+      onBlur: g,
+      children: /* @__PURE__ */ o(
+        S,
+        {
+          fieldClassName: O(e.field, B, {
+            [e.disabled]: n,
+            [e.focusVisible]: y
+          }),
+          block: !0,
+          size: p,
+          focused: h || R,
+          disabled: n,
+          filled: s,
+          label: w && c,
+          error: F,
+          hint: b,
+          rightAddons: (t || r) && /* @__PURE__ */ u(d.Fragment, { children: [
+            r,
+            t ? d.cloneElement(t, { className: e.arrow }) : null
+          ] }),
+          "data-test-id": x,
+          ...C,
+          ...k,
+          children: /* @__PURE__ */ u("div", { className: e.contentWrapper, children: [
+            l && !s && /* @__PURE__ */ o("span", { className: e.placeholder, children: l }),
+            s && /* @__PURE__ */ o("div", { className: e.value, children: m })
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  P as Field
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/field/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/field/component.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport { FormControl, FormControlProps } from '../../../form-control';\nimport { useFocus } from '../../../hooks/useFocus';\nimport { FieldProps as BaseFieldProps } from '../../typings';\nimport { joinOptions } from '../../utils';\n\nimport styles from './index.module.css';\n\nexport const Field = ({\n    size = 'm',\n    open,\n    multiple,\n    error,\n    hint,\n    disabled,\n    label,\n    placeholder,\n    selectedMultiple = [],\n    selected,\n    rightAddons,\n    valueRenderer = joinOptions,\n    Arrow,\n    innerProps,\n    dataTestId,\n    fieldClassName,\n    ...restProps\n}: BaseFieldProps & FormControlProps) => {\n    const [focused, setFocused] = useState(false);\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const handleFocus = useCallback(() => setFocused(true), []);\n    const handleBlur = useCallback(() => setFocused(false), []);\n\n    const value = valueRenderer({ selected, selectedMultiple });\n\n    const filled = Boolean(value);\n    const showLabel = !!label && (filled || !placeholder);\n\n    return (\n        <div\n            className={ styles.component }\n            ref={ wrapperRef }\n            onFocus={ handleFocus }\n            onBlur={ handleBlur }\n        >\n            <FormControl\n                fieldClassName={ cn(styles.field, fieldClassName, {\n                    [styles.disabled]: disabled,\n                    [styles.focusVisible]: focusVisible,\n                }) }\n                block={ true }\n                size={ size }\n                focused={ open || focused }\n                disabled={ disabled }\n                filled={ filled }\n                label={ showLabel && label }\n                error={ error }\n                hint={ hint }\n                rightAddons={\n                    (Arrow || rightAddons) && (\n                        <React.Fragment>\n                            { rightAddons }\n                            { /* TODO: стоит переделать, но это будет мажорка */ }\n                            { Arrow ? React.cloneElement(Arrow, { className: styles.arrow }) : null }\n                        </React.Fragment>\n                    )\n                }\n                data-test-id={ dataTestId }\n                { ...restProps }\n                { ...innerProps }\n            >\n                <div className={ styles.contentWrapper }>\n                    { placeholder && !filled && (\n                        <span className={ styles.placeholder }>{ placeholder }</span>\n                    ) }\n                    { filled && <div className={ styles.value }>{ value }</div> }\n                </div>\n            </FormControl>\n        </div>\n    );\n};\n"],"names":["Field","size","open","multiple","error","hint","disabled","label","placeholder","selectedMultiple","selected","rightAddons","valueRenderer","joinOptions","Arrow","innerProps","dataTestId","fieldClassName","restProps","focused","setFocused","useState","wrapperRef","useRef","focusVisible","useFocus","handleFocus","useCallback","handleBlur","value","filled","showLabel","jsx","styles","FormControl","cn","jsxs","React"],"mappings":";;;;;;;AAUO,MAAMA,IAAQ,CAAC;AAAA,EAClB,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC,IAAmB,CAAA;AAAA,EACnB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgBC;AAAA,EAChB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACP,MAAyC;AACrC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAaC,EAAuB,IAAI,GAExC,CAACC,CAAY,IAAIC,EAASH,GAAY,UAAU,GAEhDI,IAAcC,EAAY,MAAMP,EAAW,EAAI,GAAG,CAAA,CAAE,GACpDQ,IAAaD,EAAY,MAAMP,EAAW,EAAK,GAAG,CAAA,CAAE,GAEpDS,IAAQjB,EAAc,EAAE,UAAAF,GAAU,kBAAAD,GAAkB,GAEpDqB,IAAS,EAAQD,GACjBE,IAAY,CAAC,CAACxB,MAAUuB,KAAU,CAACtB;AAEzC,SACI,gBAAAwB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAYC,EAAO;AAAA,MACnB,KAAMX;AAAA,MACN,SAAUI;AAAA,MACV,QAASE;AAAA,MAET,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,gBAAiBC,EAAGF,EAAO,OAAOhB,GAAgB;AAAA,YAC9C,CAACgB,EAAO,QAAQ,GAAG3B;AAAA,YACnB,CAAC2B,EAAO,YAAY,GAAGT;AAAA,UAAA,CAC1B;AAAA,UACD,OAAQ;AAAA,UACR,MAAAvB;AAAA,UACA,SAAUC,KAAQiB;AAAA,UAClB,UAAAb;AAAA,UACA,QAAAwB;AAAA,UACA,OAAQC,KAAaxB;AAAA,UACrB,OAAAH;AAAA,UACA,MAAAC;AAAA,UACA,cACKS,KAASH,MACN,gBAAAyB,EAACC,EAAM,UAAN,EACK,UAAA;AAAA,YAAA1B;AAAA,YAEAG,IAAQuB,EAAM,aAAavB,GAAO,EAAE,WAAWmB,EAAO,MAAA,CAAO,IAAI;AAAA,UAAA,GACvE;AAAA,UAGR,gBAAejB;AAAA,UACb,GAAGE;AAAA,UACH,GAAGH;AAAA,UAEL,UAAA,gBAAAqB,EAAC,OAAA,EAAI,WAAYH,EAAO,gBAClB,UAAA;AAAA,YAAAzB,KAAe,CAACsB,KACd,gBAAAE,EAAC,UAAK,WAAYC,EAAO,aAAgB,UAAAzB,GAAa;AAAA,YAExDsB,KAAU,gBAAAE,EAAC,OAAA,EAAI,WAAYC,EAAO,OAAU,UAAAJ,EAAA,CAAO;AAAA,UAAA,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}

package/dist/select/components/field/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';