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

package/select/parts/block.js

@@ -1,70 +1,52 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectFieldBlock = void 0;
-const react_1 = __importStar(require("react"));
+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 up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const block_module_scss_1 = __importDefault(require("./block.module.scss"));
+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 block_m_scss_1 = __importDefault(require("./block.m.scss"));
 const classnames_1 = __importDefault(require("classnames"));
 /**
- * Компонент открывашки в виде поля.
+ * "Открывашка" для Select в виде поля.
  * @param props Свойства.
  * @return Элемент.
  */
 function SelectFieldBlock(props) {
-    var _a;
     const binding = (0, react_1.useContext)(utils_1.SelectContext);
     const [focused, setFocused] = (0, react_1.useState)(false);
-    const ArrowSVG = binding.opened ? up_1.default : down_1.default;
+    const ArrowSVG = binding.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
     // @todo прокидывать ref в props.blockRef при необходимости
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(binding.anchorRef, () => ref.current);
     (0, react_1.useImperativeHandle)(binding.openerRef, () => ref.current);
-    return (react_1.default.createElement(field_block_1.FieldBlock, Object.assign({ label: binding.label, adornmentEnd: react_1.default.createElement(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }) }, props, { failed: binding.failed, disabled: binding.disabled, fixedHeight: true, blockRef: ref, blockProps: Object.assign(Object.assign({}, props === null || props === void 0 ? void 0 : props.blockProps), { onFocus: event => {
-                var _a, _b;
+    return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { label: binding.label, adornmentEnd: (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }), ...props, failed: binding.failed, disabled: binding.disabled, fixedHeight: true, blockRef: ref, blockProps: {
+            ...props?.blockProps,
+            onFocus: event => {
                 setFocused(true);
-                (_b = (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            }, onBlur: event => {
-                var _a, _b;
+                props.blockProps?.onFocus?.(event);
+            },
+            onBlur: event => {
                 setFocused(false);
-                (_b = (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            }, onKeyDown: event => {
-                var _a, _b, _c;
-                (_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-                (_c = (_b = props.blockProps) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);
-            }, onMouseDown: event => {
-                var _a, _b, _c;
-                (_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-                (_c = (_b = props.blockProps) === null || _b === void 0 ? void 0 : _b.onMouseDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);
-            }, role: 'combobox', tabIndex: binding.disabled ? undefined : 0, className: (0, classnames_1.default)(block_module_scss_1.default.block, (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.className) }), focused: focused || binding.opened, labelAsPlaceholder: !binding.value, main: binding.value, mainProps: { className: block_module_scss_1.default.main } })));
+                props.blockProps?.onBlur?.(event);
+            },
+            onKeyDown: event => {
+                binding.onKeyDown?.(event);
+                props.blockProps?.onKeyDown?.(event);
+            },
+            onMouseDown: event => {
+                binding.onMouseDown?.(event);
+                props.blockProps?.onMouseDown?.(event);
+            },
+            role: 'combobox',
+            tabIndex: binding.disabled ? undefined : 0,
+            className: (0, classnames_1.default)(block_m_scss_1.default.block, props.blockProps?.className),
+        }, focused: focused || binding.opened, labelAsPlaceholder: !binding.value, main: binding.value, mainProps: { className: block_m_scss_1.default.main } }));
 }
-exports.SelectFieldBlock = SelectFieldBlock;
+//# sourceMappingURL=block.js.map

package/select/parts/block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/select/parts/block.tsx"],"names":[],"mappings":";;;;;AAcA,4CAgDC;;AA9DD,iCAA0E;AAC1E,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,2GAA2E;AAC3E,+GAA+E;AAC/E,kEAAoC;AACpC,4DAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAAsB;IACrD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAElD,2DAA2D;IAE3D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IACzE,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IAEzE,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,KACxD,KAAK,EACT,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,QACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE;YACV,GAAG,KAAK,EAAE,UAAU;YACpB,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,EAAE,KAAK,CAAC,EAAE;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;YACD,SAAS,EAAE,KAAK,CAAC,EAAE;gBACjB,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC3B,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC;YACD,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC7B,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACzC,CAAC;YACD,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC;SACjE,EACD,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,EAClC,kBAAkB,EAAE,CAAC,OAAO,CAAC,KAAK,EAClC,IAAI,EAAE,OAAO,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,SAAS,EAAE,sBAAM,CAAC,IAAI,EAAE,GACrC,CACH,CAAC;AACJ,CAAC"}

package/select/parts/button.d.ts

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

package/select/parts/button.js

@@ -1,69 +1,33 @@
 "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.SelectTextButton = void 0;
-const react_1 = __importStar(require("react"));
+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 up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
+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"));
 /**
- * Компонент открывашки в виде текстовой кнопки.
+ * "Открывашка" для Select в виде текстовой кнопки.
  * @param props Свойства.
  * @return Элемент.
  */
-function SelectTextButton(_a) {
-    var { buttonRef: buttonRefProp, children, onKeyDown, onMouseDown } = _a, props = __rest(_a, ["buttonRef", "children", "onKeyDown", "onMouseDown"]);
+function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }) {
     const buttonRef = (0, react_1.useRef)(null);
     const binding = (0, react_1.useContext)(utils_1.SelectContext);
-    const ArrowSVG = binding.opened ? up_1.default : down_1.default;
+    const ArrowSVG = binding.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
     (0, react_1.useImperativeHandle)(buttonRefProp, () => buttonRef.current);
     (0, react_1.useImperativeHandle)(binding.anchorRef, () => buttonRef.current);
     (0, react_1.useImperativeHandle)(binding.openerRef, () => buttonRef.current);
-    return (react_1.default.createElement(text_button_1.TextButton, Object.assign({ iconGutter: 4, endIcon: ArrowSVG }, props, { as: 'button', onMouseDown: event => {
-            var _a;
-            (_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+    return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { iconGutter: 4, endIcon: ArrowSVG, ...props, as: 'button', onMouseDown: event => {
+            binding.onMouseDown?.(event);
+            onMouseDown?.(event);
         }, onKeyDown: event => {
-            var _a;
-            (_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
-            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-        }, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox' }), children !== null && children !== void 0 ? children : (binding.value || binding.label)));
+            binding.onKeyDown?.(event);
+            onKeyDown?.(event);
+        }, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox', children: children ?? (binding.value || binding.label) }));
 }
-exports.SelectTextButton = SelectTextButton;
+//# sourceMappingURL=button.js.map

package/select/parts/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;;AAWA,4CAoCC;;AA/CD,iCAAgE;AAChE,mDAAwE;AACxE,oCAAyC;AACzC,2GAA2E;AAC3E,+GAA+E;AAE/E;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACgB;IACxB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAElD,IAAA,2BAAmB,EAAC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAA4B,CAAC,CAAC;IACjF,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAC/E,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAE/E,OAAO,CACL,uBAAC,wBAAU,IACT,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YAC7B,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;YACjB,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YAC3B,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,YAEd,QAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,GAClC,CACd,CAAC;AACJ,CAAC"}

package/select/parts/menu.d.ts

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

package/select/parts/menu.js

@@ -1,105 +1,72 @@
 "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 react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_2 = require("react");
 const dropdown_1 = require("../../dropdown");
 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 scroll_to_child_1 = require("../../helpers/scroll-to-child");
+const bind_1 = __importDefault(require("classnames/bind"));
+const menu_m_scss_1 = __importDefault(require("./menu.m.scss"));
 const MenuItemAttr = {
     name: 'data-select-role',
     value: 'option',
 };
+const cx = bind_1.default.bind(menu_m_scss_1.default);
 /**
  * Меню выбора для компонента Select.
  * @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({ loading, children, menuRef, value, onKeyDown, onItemSelect, onDismiss, ...dropdownProps }) {
+    const ref = (0, react_2.useRef)(null);
+    const viewportRef = (0, react_2.useRef)(null);
+    const [activeIndex, setActiveIndex] = (0, react_2.useState)(-1);
+    const items = react_2.Children.toArray(children).filter(utils_1.DropdownItemUtils.is);
+    (0, react_2.useImperativeHandle)(menuRef, () => ref.current);
     // прокрутка до элемента списка
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        const menu = ref.current;
+    (0, react_2.useEffect)(() => {
         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)[activeIndex];
+        if (menu && item instanceof HTMLElement) {
+            (0, scroll_to_child_1.scrollToChild)(menu, item);
         }
     }, [activeIndex]);
-    const handleMenuKeyDown = (0, react_1.useCallback)(event => {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    // скрытие меню при прокрутке колесом за пределами меню
+    (0, dropdown_1.useDismissByWheel)(ref, () => {
+        onDismiss?.();
+    });
+    const handleMenuKeyDown = (0, react_2.useCallback)(event => {
+        onKeyDown?.(event);
         switch (event.code) {
             case 'Enter': {
                 const item = items[activeIndex];
                 if (item) {
-                    onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
+                    onItemSelect?.(item);
                 }
                 setActiveIndex(-1);
                 break;
             }
             case 'ArrowUp':
-                setActiveIndex(n => { var _a; return (_a = utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev()) !== null && _a !== void 0 ? _a : -1; });
+                setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev() ?? -1);
                 break;
             case 'ArrowDown':
-                setActiveIndex(n => { var _a; return (_a = utils_1.DropdownItemUtils.asLoopedIterator(items, n).next()) !== null && _a !== void 0 ? _a : -1; });
+                setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).next() ?? -1);
                 break;
         }
     }, [items, activeIndex, onKeyDown]);
-    const handleItemClick = (0, react_1.useCallback)((item) => item.props.disabled
+    const handleItemClick = (0, react_2.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);
+            item.props.onClick?.(event);
+            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 })))))));
+    return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...dropdownProps, rootRef: ref, viewportRef: viewportRef, tabIndex: 0, role: 'listbox', onKeyDown: handleMenuKeyDown, className: cx('menu', dropdownProps.className), children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (items.map((item, index) => ((0, react_1.createElement)(dropdown_item_1.DropdownItem, { checked: activeIndex === index, selected: value === utils_1.DropdownItemUtils.getValue(item), ...item.props, key: index, role: 'option', onClick: handleItemClick(item), [MenuItemAttr.name]: MenuItemAttr.value })))) }));
 }
-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/select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from './types';
 import { SelectFieldBlock } from './parts/block';
 import { SelectTextButton } from './parts/button';
@@ -7,7 +6,7 @@ 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 function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener, renderValue, dropdownProps, onMenuOpen, onMenuClose, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Select {
     var FieldBlock: typeof SelectFieldBlock;
     var TextButton: typeof SelectTextButton;

package/select/select.js

@@ -1,65 +1,37 @@
 "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 use_identity_ref_1 = require("../hooks/use-identity-ref");
 const utils_2 = require("../dropdown-item/utils");
 const react_2 = require("@floating-ui/react");
 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 lifecycle_1 = require("../_internal/lifecycle");
+const portal_1 = require("../portal");
 /**
  * Поле выбора из списка.
  * @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({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener = (0, jsx_runtime_1.jsx)(block_1.SelectFieldBlock, {}), renderValue = v => v, dropdownProps, onMenuOpen, onMenuClose, }) {
     // @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 [initialValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
     const [currentValue, setCurrentValue] = (0, react_1.useState)(initialValue);
     const [needMenu, setNeedMenu] = (0, react_1.useState)(false);
     const [menuElement, setMenuElement] = (0, react_1.useState)(null);
     const [menuFocused, setMenuFocused] = (0, react_1.useState)(false);
-    const onMenuToggleRef = (0, identity_1.useIdentityRef)(onMenuToggle);
+    const onMenuToggleRef = (0, use_identity_ref_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"]);
+    const { refs, isPositioned, ...floating } = (0, react_2.useFloating)({
+        open: needMenu,
+        ...(0, utils_3.dropdownFloatingConfig)(),
+    });
     (0, react_1.useImperativeHandle)(refs.setFloating, () => menuElement, [menuElement]);
     (0, react_1.useEffect)(() => {
         if (typeof value !== 'undefined') {
@@ -68,7 +40,6 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
         }
     }, [value]);
     (0, react_1.useEffect)(() => {
-        var _a;
         if (disabled) {
             setNeedMenu(false);
         }
@@ -76,7 +47,7 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
             menuElement.focus();
         }
         // @todo menuShown в зависимости или useCallback
-        (_a = onMenuToggleRef.current) === null || _a === void 0 ? void 0 : _a.call(onMenuToggleRef, { opened: menuShown });
+        onMenuToggleRef.current?.({ opened: menuShown });
     }, [disabled, menuElement, isPositioned]);
     const openerBinding = {
         label,
@@ -105,15 +76,24 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
             }
         },
     };
-    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: () => {
+    const floatingStyle = (0, utils_3.useDropdownFloatingStyle)({ refs, ...floating });
+    const menuProps = {
+        ...dropdownProps,
+        style: {
+            ...floatingStyle,
+            ...dropdownProps?.style,
+        },
+        menuRef: setMenuElement,
+        value,
+        loading,
+        onFocus: () => {
             setMenuFocused(true);
-        }, onBlur: () => {
+        },
+        onBlur: () => {
             setNeedMenu(false);
             setMenuFocused(false);
-        }, onKeyDown: event => {
-            var _a, _b;
+        },
+        onKeyDown: event => {
             switch (event.code) {
                 case 'ArrowUp':
                 case 'ArrowDown':
@@ -121,25 +101,27 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
                     break;
                 case 'Enter':
                 case 'Escape':
-                    (_a = openerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    openerRef.current?.focus();
                     break;
                 case 'Tab':
                     event.preventDefault(); // предотвращаем фокус на следующем элементе
-                    (_b = openerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                    openerRef.current?.focus();
                     break;
             }
-        }, onItemSelect: item => {
-            var _a;
+        },
+        onItemSelect: item => {
             const nextValue = utils_2.DropdownItemUtils.getValue(item);
             setCurrentValue(nextValue);
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
+            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))));
+            openerRef.current?.focus();
+        },
+        onDismiss: () => {
+            setNeedMenu(false);
+        },
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(utils_1.SelectContext.Provider, { value: openerBinding, children: (0, react_1.isValidElement)(opener) && opener }), needMenu && ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(lifecycle_1.Lifecycle, { onMount: onMenuOpen, onUnmount: onMenuClose, children: (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, { ...menuProps, children: children }) }) }))] }));
 }
-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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"}

package/select/types.d.ts

@@ -24,6 +24,7 @@ export interface SelectMenuProps extends DropdownProps {
     loading?: boolean;
     onBlur?: FocusEventHandler;
     onItemSelect?: (item: DropdownItemElement) => void;
+    onDismiss?: VoidFunction;
 }
 export interface SelectProps {
     /** Опции. */
@@ -50,6 +51,10 @@ export interface SelectProps {
     label?: string;
     /** Открывающий элемент. */
     opener?: ReactElement;
-    /** Опции Dropdown. */
-    dropdownProps?: Pick<DropdownProps, 'className' | 'style'>;
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
+    /** Сработает при открытии меню. */
+    onMenuOpen?: VoidFunction;
+    /** Сработает при закрытии меню. */
+    onMenuClose?: VoidFunction;
 }

package/select/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/select/types.ts"],"names":[],"mappings":""}

package/select/utils.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SelectOpenerBinding } from './types';
 export declare const SelectContext: import("react").Context<SelectOpenerBinding>;

package/select/utils.js

@@ -11,3 +11,4 @@ exports.SelectContext = (0, react_1.createContext)({
     onMouseDown: () => void 0,
     onKeyDown: () => void 0,
 });
+//# sourceMappingURL=utils.js.map

package/select/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAGpC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAsB;IAC9D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACxB,CAAC,CAAC"}