@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/select/parts/field-block.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectFieldBlock = SelectFieldBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const field_block_1 = require("../../field-block");
+const colors_1 = require("../../colors");
+const helpers_1 = require("../../helpers");
+const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
+const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
+const classnames_1 = __importDefault(require("classnames"));
+const field_block_m_scss_1 = __importDefault(require("./field-block.m.scss"));
+/**
+ * "Открывашка" для Select в виде поля.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SelectFieldBlock({ blockRef, blockProps, mainProps, ...restProps }) {
+    const { 
+    //
+    selectProps, currentValue, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement, } = (0, react_1.useContext)(utils_1.SelectContext);
+    const { disabled, failed, label, renderValue = v => v } = selectProps;
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const ArrowSVG = menuOpen ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
+    const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([blockRef, setOpenerElement, setAnchorElement]), [blockRef, setOpenerElement, setAnchorElement]);
+    return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { label: label, labelAsPlaceholder: !currentValue, failed: failed, disabled: disabled, focused: focused || menuOpen, fixedHeight: true, adornmentEnd: (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }), main: renderValue(currentValue), ...restProps, blockRef: mergedRef, mainProps: {
+            ...mainProps,
+            className: (0, classnames_1.default)(field_block_m_scss_1.default.main, mainProps?.className),
+        }, blockProps: {
+            role: 'combobox',
+            tabIndex: disabled ? undefined : 0,
+            className: field_block_m_scss_1.default.block,
+            ...blockProps,
+            onMouseDown: event => {
+                blockProps?.onMouseDown?.(event);
+                if (disabled || event.defaultPrevented) {
+                    return;
+                }
+                // ВАЖНО: предотвращаем фокус
+                !menuOpen && event.preventDefault();
+                setMenuOpen(a => !a);
+            },
+            onKeyDown: event => {
+                blockProps?.onKeyDown?.(event);
+                if (disabled || event.defaultPrevented) {
+                    return;
+                }
+                switch (event.code) {
+                    case 'Enter':
+                    case 'ArrowUp':
+                    case 'ArrowDown':
+                        setMenuOpen(true);
+                        break;
+                }
+            },
+            onFocus: event => {
+                blockProps?.onFocus?.(event);
+                setFocused(true);
+            },
+            onBlur: event => {
+                blockProps?.onBlur?.(event);
+                setFocused(false);
+            },
+        } }));
+}
+//# sourceMappingURL=field-block.js.map

package/select/parts/field-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-block.js","sourceRoot":"","sources":["../../../src/select/parts/field-block.tsx"],"names":[],"mappings":";;;;;AAeA,4CA4FC;;AA3GD,iCAAsD;AACtD,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,2CAA0C;AAC1C,2GAA2E;AAC3E,+GAA+E;AAC/E,4DAAoC;AACpC,8EAA0C;AAE1C;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,SAAS,EACI;IAChB,MAAM;IACJ,EAAE;IACF,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE9B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC;IAEtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAE5C,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAC,CAAC,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EAC/D,CAAC,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAC/C,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,CAAC,YAAY,EACjC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,WAAW,QACX,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,EAC5D,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,KAC3B,SAAS,EACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAM,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC;SACzD,EACD,UAAU,EAAE;YACV,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAClC,SAAS,EAAE,4BAAM,CAAC,KAAK;YAEvB,GAAG,UAAU;YAEb,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,UAAU,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;gBAEjC,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBACvC,OAAO;gBACT,CAAC;gBAED,6BAA6B;gBAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;YAED,SAAS,EAAE,KAAK,CAAC,EAAE;gBACjB,UAAU,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;gBAE/B,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBACvC,OAAO;gBACT,CAAC;gBAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;oBACnB,KAAK,OAAO,CAAC;oBACb,KAAK,SAAS,CAAC;oBACf,KAAK,WAAW;wBACd,WAAW,CAAC,IAAI,CAAC,CAAC;wBAClB,MAAM;gBACV,CAAC;YACH,CAAC;YAED,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,UAAU,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gBAE7B,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;YAED,MAAM,EAAE,KAAK,CAAC,EAAE;gBACd,UAAU,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;gBAE5B,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;SACF,GACD,CACH,CAAC;AACJ,CAAC"}

package/select/parts/menu.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { SelectMenuProps } from '../types';
+import { DropdownProps } from '../../dropdown';
 /**
  * Меню выбора для компонента Select.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SelectMenu({ loading, children, menuRef, value, onKeyDown, onItemSelect, ...restProps }: SelectMenuProps): JSX.Element;
+export declare function SelectMenu(props: DropdownProps): import("react/jsx-runtime").JSX.Element | null;

package/select/parts/menu.js

@@ -1,50 +1,16 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectMenu = void 0;
-const react_1 = __importStar(require("react"));
+exports.SelectMenu = SelectMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const dropdown_1 = require("../../dropdown");
+const utils_1 = require("../utils");
+const helpers_1 = require("../../helpers");
+const portal_1 = require("../../portal");
+const lifecycle_1 = require("../../_internal/lifecycle");
 const dropdown_item_1 = require("../../dropdown-item");
-const utils_1 = require("../../dropdown-item/utils");
-const dropdown_loading_1 = require("../../_internal/dropdown-loading");
-const classnames_1 = __importDefault(require("classnames"));
-const menu_module_scss_1 = __importDefault(require("./menu.module.scss"));
+const utils_2 = require("../../dropdown-item/utils");
+const hooks_1 = require("../../hooks");
 const MenuItemAttr = {
     name: 'data-select-role',
     value: 'option',
@@ -54,52 +20,139 @@ const MenuItemAttr = {
  * @param props Свойства.
  * @return Элемент.
  */
-function SelectMenu(_a) {
-    var { loading, children, menuRef, value, onKeyDown, onItemSelect } = _a, restProps = __rest(_a, ["loading", "children", "menuRef", "value", "onKeyDown", "onItemSelect"]);
-    const ref = (0, react_1.useRef)(null);
-    const osComponentRef = (0, react_1.useRef)(null);
-    const [activeIndex, setActiveIndex] = (0, react_1.useState)(-1);
-    const items = react_1.Children.toArray(children).filter(utils_1.DropdownItemUtils.is);
-    (0, react_1.useImperativeHandle)(menuRef, () => ref.current);
+function SelectMenu(props) {
+    const { 
+    //
+    selectProps, menuOpen, } = (0, react_1.useContext)(utils_1.SelectContext);
+    const { disabled, onMenuOpen, onMenuClose, onMenuToggle } = selectProps;
+    const onMount = (0, react_1.useCallback)(() => {
+        onMenuOpen?.();
+        onMenuToggle?.({ opened: true });
+    }, [onMenuOpen, onMenuToggle]);
+    const onUnmount = (0, react_1.useCallback)(() => {
+        onMenuClose?.();
+        onMenuToggle?.({ opened: false });
+    }, [onMenuClose, onMenuToggle]);
+    if (disabled || !menuOpen) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(lifecycle_1.Lifecycle, { onMount: onMount, onUnmount: onUnmount, children: (0, jsx_runtime_1.jsx)(SelectMenuInner, { ...props }) }) }));
+}
+/**
+ * Внутренний компонент, необходимый из-за специфики работы с порталами.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SelectMenuInner({ rootRef: rootRefProp, style, onBlur, onKeyDown, viewportRef: viewportRefProp, ...restProps }) {
+    const { selectProps, currentValue, setCurrentValue, setMenuOpen, openerElement, setMenuElement, menuFloatingStyle, } = (0, react_1.useContext)(utils_1.SelectContext);
+    const { loading, children, dropdownProps } = selectProps;
+    // ВАЖНО: хотя menuFloatingStyle уже содержит zIndex на основе layer-контекста, мы дублируем его тут так как нам надо его предоставить
+    const layer = (0, helpers_1.useLayer)() + 2;
+    const rootRef = (0, react_1.useRef)(null);
+    const viewportRef = (0, react_1.useRef)(null);
+    const mergedRootRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([rootRef, setMenuElement, rootRefProp]), [setMenuElement, rootRefProp]);
+    const mergedViewportRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([viewportRef, viewportRefProp]), [viewportRef, viewportRefProp]);
+    (0, react_1.useEffect)(() => {
+        rootRef.current?.focus();
+    }, []);
+    const [activeItemIndex, setActiveItemIndex] = (0, react_1.useState)(-1);
+    const items = [];
+    const content = [];
+    react_1.Children.toArray(children).forEach(child => {
+        if ((0, react_1.isValidElement)(child) && child.type === dropdown_item_1.DropdownItem) {
+            const itemIndex = items.length;
+            const itemValue = child.props.value ?? String(child.props.children);
+            items.push(child);
+            content.push((0, react_1.cloneElement)(child, {
+                // ВАЖНО: собственные свойства опции имеют приоритет
+                checked: child.props.checked ?? activeItemIndex === itemIndex,
+                selected: child.props.selected ?? itemValue === currentValue,
+                onClick: (event) => {
+                    child.props.onClick?.(event);
+                    if (child.props.disabled || event.defaultPrevented) {
+                        return;
+                    }
+                    setCurrentValue(itemValue);
+                    setMenuOpen(false);
+                    openerElement?.focus();
+                },
+                // ВАЖНО: добавляем атрибут который нужен для прокрутки к элементу
+                [MenuItemAttr.name]: MenuItemAttr.value,
+            }));
+        }
+        else {
+            content.push(child);
+        }
+    }, []);
     // прокрутка до элемента списка
     (0, react_1.useEffect)(() => {
-        var _a, _b;
-        const menu = ref.current;
         const itemSelector = `[${MenuItemAttr.name}="${MenuItemAttr.value}"]`;
-        const targetItem = menu === null || menu === void 0 ? void 0 : menu.querySelectorAll(itemSelector)[activeIndex];
-        if (targetItem instanceof HTMLElement) {
-            (_b = (_a = osComponentRef.current) === null || _a === void 0 ? void 0 : _a.osInstance()) === null || _b === void 0 ? void 0 : _b.scroll({
-                el: targetItem,
-                scroll: { y: 'ifneeded' },
-            });
+        const menu = viewportRef.current;
+        const item = menu?.querySelectorAll(itemSelector)[activeItemIndex];
+        if (menu && item instanceof HTMLElement) {
+            (0, helpers_1.scrollToChild)(menu, item);
         }
-    }, [activeIndex]);
-    const handleMenuKeyDown = (0, react_1.useCallback)(event => {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        switch (event.code) {
-            case 'Enter': {
-                const item = items[activeIndex];
-                if (item) {
-                    onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
+    }, [activeItemIndex]);
+    // скрытие меню при прокрутке колесом за пределами меню
+    (0, dropdown_1.useDismissByWheel)(rootRef, () => {
+        setMenuOpen(false);
+    });
+    const openerRef = (0, hooks_1.useIdentityRef)(openerElement);
+    (0, hooks_1.useOutsideClick)([rootRef, openerRef], () => {
+        setMenuOpen(false);
+    });
+    const selectItem = (0, react_1.useCallback)((item) => {
+        const nextValue = item.props.value ?? String(item.props.children);
+        setCurrentValue(nextValue);
+        setMenuOpen(false);
+        openerElement?.focus();
+    }, [setCurrentValue, setMenuOpen, openerElement]);
+    return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { tabIndex: 0, ...dropdownProps, ...restProps, rootRef: mergedRootRef, viewportRef: mergedViewportRef, style: {
+            ...menuFloatingStyle,
+            ...dropdownProps?.style,
+            ...style,
+        }, onBlur: event => {
+            onBlur?.(event);
+            dropdownProps?.onBlur?.(event);
+            if (event.currentTarget.contains(event.relatedTarget)) {
+                return;
+            }
+            if (openerElement?.contains(event.relatedTarget)) {
+                return;
+            }
+            setMenuOpen(false);
+        }, onKeyDown: event => {
+            onKeyDown?.(event);
+            dropdownProps?.onKeyDown?.(event);
+            switch (event.code) {
+                case 'Escape': {
+                    setMenuOpen(false);
+                    openerElement?.focus();
+                    break;
+                }
+                case 'Enter': {
+                    if (activeItemIndex === -1) {
+                        setMenuOpen(false);
+                        openerElement?.focus();
+                    }
+                    else {
+                        const item = items[activeItemIndex];
+                        item && !item.props.disabled && selectItem(item);
+                    }
+                    break;
                 }
-                setActiveIndex(-1);
-                break;
+                case 'Tab':
+                    event.preventDefault(); // ВАЖНО: предотвращаем фокус на следующем элементе
+                    setMenuOpen(false);
+                    openerElement?.focus();
+                    break;
+                case 'ArrowUp':
+                    setActiveItemIndex(n => utils_2.DropdownItemUtils.asLoopedIterator(items, n).prev() ?? -1);
+                    break;
+                case 'ArrowDown':
+                    setActiveItemIndex(n => utils_2.DropdownItemUtils.asLoopedIterator(items, n).next() ?? -1);
+                    break;
             }
-            case 'ArrowUp':
-                setActiveIndex(n => { var _a; return (_a = utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev()) !== null && _a !== void 0 ? _a : -1; });
-                break;
-            case 'ArrowDown':
-                setActiveIndex(n => { var _a; return (_a = utils_1.DropdownItemUtils.asLoopedIterator(items, n).next()) !== null && _a !== void 0 ? _a : -1; });
-                break;
-        }
-    }, [items, activeIndex, onKeyDown]);
-    const handleItemClick = (0, react_1.useCallback)((item) => item.props.disabled
-        ? undefined
-        : event => {
-            var _a, _b;
-            (_b = (_a = item.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
-        }, [onItemSelect]);
-    return (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, restProps, { ref: ref, tabIndex: 0, role: 'listbox', onKeyDown: handleMenuKeyDown, className: (0, classnames_1.default)(menu_module_scss_1.default.menu, restProps.className), customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, Object.assign({ checked: activeIndex === index, selected: value === utils_1.DropdownItemUtils.getValue(item) }, item.props, { key: index, role: 'option', onClick: handleItemClick(item) }, { [MenuItemAttr.name]: MenuItemAttr.value })))))));
+        }, children: (0, jsx_runtime_1.jsx)(helpers_1.LayerProvider, { value: layer + 2, children: loading ? (0, jsx_runtime_1.jsx)(dropdown_1.DropdownLoading, { "data-testid": 'select:loading-area' }) : content }) }));
 }
-exports.SelectMenu = SelectMenu;
+//# sourceMappingURL=menu.js.map

package/select/parts/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":"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"}

package/select/parts/text-button.d.ts

@@ -0,0 +1,7 @@
+import { TextButtonAsButtonProps } from '../../text-button';
+/**
+ * "Открывашка" для Select в виде текстовой кнопки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }: TextButtonAsButtonProps): import("react/jsx-runtime").JSX.Element;

package/select/parts/text-button.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectTextButton = SelectTextButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const text_button_1 = require("../../text-button");
+const utils_1 = require("../utils");
+const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
+const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
+const helpers_1 = require("../../helpers");
+/**
+ * "Открывашка" для Select в виде текстовой кнопки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }) {
+    const { 
+    //
+    selectProps, currentValue, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement, } = (0, react_1.useContext)(utils_1.SelectContext);
+    const { label, disabled } = selectProps;
+    const ArrowSVG = menuOpen ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
+    const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([buttonRef, setOpenerElement, setAnchorElement]), [buttonRef, setOpenerElement, setAnchorElement]);
+    return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { role: 'combobox', disabled: disabled, iconGutter: 4, endIcon: ArrowSVG, ...restProps, as: 'button', buttonRef: mergedRef, onMouseDown: event => {
+            onMouseDown?.(event);
+            if (disabled || event.defaultPrevented) {
+                return;
+            }
+            // ВАЖНО: предотвращаем фокус
+            !menuOpen && event.preventDefault();
+            setMenuOpen(a => !a);
+        }, onKeyDown: event => {
+            onKeyDown?.(event);
+            if (disabled || event.defaultPrevented) {
+                return;
+            }
+            switch (event.code) {
+                case 'Enter':
+                case 'ArrowUp':
+                case 'ArrowDown':
+                    setMenuOpen(true);
+                    break;
+            }
+        }, children: children ?? (currentValue || label) }));
+}
+//# sourceMappingURL=text-button.js.map

package/select/parts/text-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../src/select/parts/text-button.tsx"],"names":[],"mappings":";;;;;AAYA,4CAkEC;;AA9ED,iCAA4C;AAC5C,mDAAwE;AACxE,oCAAyC;AACzC,2GAA2E;AAC3E,+GAA+E;AAC/E,2CAA0C;AAE1C;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,SAAS,EACY;IACxB,MAAM;IACJ,EAAE;IACF,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE9B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IAExC,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAE5C,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAoB,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EACnF,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAChD,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAU,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,SAAS,EACb,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YAErB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,6BAA6B;YAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;YACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YAEnB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;gBACnB,KAAK,OAAO,CAAC;gBACb,KAAK,SAAS,CAAC;gBACf,KAAK,WAAW;oBACd,WAAW,CAAC,IAAI,CAAC,CAAC;oBAClB,MAAM;YACV,CAAC;QACH,CAAC,YAEA,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,GACzB,CACd,CAAC;AACJ,CAAC"}

package/select/select.d.ts

@@ -1,14 +1,7 @@
-/// <reference types="react" />
 import { SelectProps } from './types';
-import { SelectFieldBlock } from './parts/block';
-import { SelectTextButton } from './parts/button';
 /**
  * Поле выбора из списка.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener, renderValue, dropdownProps, }: SelectProps): JSX.Element;
-export declare namespace Select {
-    var FieldBlock: typeof SelectFieldBlock;
-    var TextButton: typeof SelectTextButton;
-}
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;

package/select/select.js

@@ -1,145 +1,66 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-const react_1 = __importStar(require("react"));
+exports.Select = Select;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const utils_1 = require("./utils");
-const identity_1 = require("../hooks/identity");
-const utils_2 = require("../dropdown-item/utils");
-const react_2 = require("@floating-ui/react");
+const field_block_1 = require("./parts/field-block");
 const menu_1 = require("./parts/menu");
-const block_1 = require("./parts/block");
-const button_1 = require("./parts/button");
-const utils_3 = require("../dropdown/utils");
+const react_2 = require("@floating-ui/react");
+const dropdown_1 = require("../dropdown");
+const hooks_1 = require("../hooks");
 /**
  * Поле выбора из списка.
  * @param props Свойства.
  * @return Элемент.
  */
-function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener = react_1.default.createElement(block_1.SelectFieldBlock, null), renderValue = v => v, dropdownProps, }) {
+function Select(props) {
+    const { opener = (0, jsx_runtime_1.jsx)(field_block_1.SelectFieldBlock, {}), menu = (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, {}), value, defaultValue, onValueChange, } = props;
     // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
-    const [initialValue] = (0, react_1.useState)(() => { var _a; return (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : ''; });
-    const [currentValue, setCurrentValue] = (0, react_1.useState)(initialValue);
-    const [needMenu, setNeedMenu] = (0, react_1.useState)(false);
+    const [currentValue, setCurrentValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
+    const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
+    const [openerElement, setOpenerElement] = (0, react_1.useState)(null);
+    const [anchorElement, setAnchorElement] = (0, react_1.useState)(null);
     const [menuElement, setMenuElement] = (0, react_1.useState)(null);
-    const [menuFocused, setMenuFocused] = (0, react_1.useState)(false);
-    const onMenuToggleRef = (0, identity_1.useIdentityRef)(onMenuToggle);
-    const openerRef = (0, react_1.useRef)(null);
-    const menuShown = needMenu && menuElement !== null;
-    const _a = (0, react_2.useFloating)(Object.assign({ open: needMenu }, (0, utils_3.dropdownFloatingConfig)())), { refs, isPositioned } = _a, floating = __rest(_a, ["refs", "isPositioned"]);
-    (0, react_1.useImperativeHandle)(refs.setFloating, () => menuElement, [menuElement]);
-    (0, react_1.useEffect)(() => {
-        if (typeof value !== 'undefined') {
-            // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
+    const menuFloating = (0, react_2.useFloating)({ open: menuOpen, ...(0, dropdown_1.dropdownFloatingConfig)() });
+    const { setReference, setFloating } = menuFloating.refs;
+    const menuFloatingStyle = (0, dropdown_1.useDropdownFloatingStyle)(menuFloating);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (typeof value === 'string') {
             setCurrentValue(value);
         }
     }, [value]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (disabled) {
-            setNeedMenu(false);
-        }
-        if (!disabled && menuElement && isPositioned) {
-            menuElement.focus();
-        }
-        // @todo menuShown в зависимости или useCallback
-        (_a = onMenuToggleRef.current) === null || _a === void 0 ? void 0 : _a.call(onMenuToggleRef, { opened: menuShown });
-    }, [disabled, menuElement, isPositioned]);
-    const openerBinding = {
-        label,
-        anchorRef: refs.setReference,
-        openerRef,
-        value: renderValue(currentValue),
-        opened: menuShown,
-        failed,
-        disabled,
-        menuFocused,
-        onMouseDown: event => {
-            if (!disabled) {
-                !menuElement && event.preventDefault();
-                setNeedMenu(a => !a);
+    const contextValue = {
+        selectProps: props,
+        currentValue,
+        setCurrentValue: (0, react_1.useCallback)(valueInit => {
+            let nextValue = valueInit;
+            if (typeof nextValue === 'function') {
+                nextValue = nextValue(currentValue);
             }
-        },
-        onKeyDown: e => {
-            if (!disabled) {
-                switch (e.code) {
-                    case 'Enter':
-                    case 'ArrowUp':
-                    case 'ArrowDown':
-                        setNeedMenu(true);
-                        break;
-                }
+            if (currentValue !== nextValue) {
+                setCurrentValue(nextValue);
+                onValueChange?.(nextValue);
             }
-        },
+        }, [currentValue, onValueChange]),
+        menuOpen,
+        setMenuOpen,
+        openerElement,
+        setOpenerElement: (0, react_1.useCallback)(element => {
+            setOpenerElement(element);
+        }, []),
+        anchorElement,
+        setAnchorElement: (0, react_1.useCallback)(element => {
+            setReference(element);
+            setAnchorElement(element);
+        }, [setReference]),
+        menuElement,
+        setMenuElement: (0, react_1.useCallback)(element => {
+            setFloating(element);
+            setMenuElement(element);
+        }, [setFloating]),
+        menuFloatingStyle,
     };
-    const floatingStyle = (0, utils_3.useDropdownFloatingStyle)(Object.assign({ refs }, floating));
-    const menuProps = Object.assign(Object.assign({}, dropdownProps), { style: Object.assign(Object.assign({}, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style), floatingStyle), menuRef: setMenuElement, value,
-        loading, onFocus: () => {
-            setMenuFocused(true);
-        }, onBlur: () => {
-            setNeedMenu(false);
-            setMenuFocused(false);
-        }, onKeyDown: event => {
-            var _a, _b;
-            switch (event.code) {
-                case 'ArrowUp':
-                case 'ArrowDown':
-                    event.preventDefault(); // предотвращаем прокрутку страницы
-                    break;
-                case 'Enter':
-                case 'Escape':
-                    (_a = openerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                    break;
-                case 'Tab':
-                    event.preventDefault(); // предотвращаем фокус на следующем элементе
-                    (_b = openerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-                    break;
-            }
-        }, onItemSelect: item => {
-            var _a;
-            const nextValue = utils_2.DropdownItemUtils.getValue(item);
-            setCurrentValue(nextValue);
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
-            setNeedMenu(false);
-            (_a = openerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        } });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(utils_1.SelectContext.Provider, { value: openerBinding }, (0, react_1.isValidElement)(opener) && opener),
-        react_1.default.createElement(react_2.FloatingPortal, { id: '' }, needMenu && react_1.default.createElement(menu_1.SelectMenu, Object.assign({}, menuProps), children))));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(utils_1.SelectContext.Provider, { value: contextValue, children: [opener, menu] }) }));
 }
-exports.Select = Select;
-Select.FieldBlock = block_1.SelectFieldBlock;
-Select.TextButton = button_1.SelectTextButton;
+//# sourceMappingURL=select.js.map

package/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}