@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.50

package/dist/range/types.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'react';
+interface CallbackData {
+    startValue: number;
+    finishValue: number;
+}
+export interface RangeProps {
+    /** Начальная граница. */
+    min?: number;
+    /** Конечная граница. */
+    max?: number;
+    /** Шаг. */
+    step?: number;
+    /** Значение начального ползунка. */
+    startValue?: number;
+    /** Значение конечного ползунка. */
+    finishValue?: number;
+    /** Сработает при изменении. */
+    onChange?: (data: CallbackData) => void;
+    /** Сработает при перетаскивании. */
+    onSlide?: (data: CallbackData) => void;
+    /** Отключен ли компонент. */
+    disabled?: boolean;
+    /** Свойства контейнера. */
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+}
+export {};

package/dist/range/types.js

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

package/dist/range/types.js.map

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

package/dist/rating/index.d.ts

@@ -0,0 +1,2 @@
+export type { RatingProps } from './types';
+export { Rating } from './rating';

package/dist/rating/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = void 0;
+var rating_1 = require("./rating");
+Object.defineProperty(exports, "Rating", { enumerable: true, get: function () { return rating_1.Rating; } });
+//# sourceMappingURL=index.js.map

package/dist/rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rating/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/dist/rating/rating.d.ts

@@ -0,0 +1,7 @@
+import type { RatingProps } from './types';
+/**
+ * Звезды рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const Rating: ({ size, value, className, "data-testid": testId, ...restProps }: RatingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/rating/rating.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("./utils");
+const Star_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Filled/Star"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const rating_m_scss_1 = __importDefault(require("./rating.m.scss"));
+const cx = bind_1.default.bind(rating_m_scss_1.default);
+/**
+ * Звезды рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Rating = ({ size = 's', value, className, 'data-testid': testId = 'rating', ...restProps }) => ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: cx('root', className), "data-testid": testId, "data-rating": value, children: (0, utils_1.getStars)(Math.min(5, value), 5).map((type, index) => ((0, jsx_runtime_1.jsx)(Star, { type: type, size: size }, index))) }));
+exports.Rating = Rating;
+/**
+ * Звезда.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Star = ({ type, size }) => ((0, jsx_runtime_1.jsxs)("div", { className: cx('star', `size-${size}`), children: [type === 'empty' && (0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('svg') }), type === 'half' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('svg') }), (0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('svg', 'half'), preserveAspectRatio: 'xMinYMin slice' })] })), type === 'full' && (0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('svg', 'full') })] }));
+//# sourceMappingURL=rating.js.map

package/dist/rating/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../src/rating/rating.tsx"],"names":[],"mappings":";;;;;;;AACA,mCAAmC;AACnC,wFAAmE;AACnE,2DAAyC;AACzC,oEAAqC;AAErC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,uBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,GAAG,EACV,KAAK,EACL,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACA,EAAE,EAAE,CAAC,CACjB,mCACM,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,iBACnB,MAAM,iBACN,KAAK,YAEjB,IAAA,gBAAQ,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,uBAAC,IAAI,IAAa,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAA7B,KAAK,CAA4B,CAC7C,CAAC,GACE,CACP,CAAC;AAjBW,QAAA,MAAM,UAiBjB;AAEF;;;;GAIG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAsC,EAAE,EAAE,CAAC,CACnE,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,CAAC,aACvC,IAAI,KAAK,OAAO,IAAI,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,GAAI,EAErD,IAAI,KAAK,MAAM,IAAI,CAClB,6DACE,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,GAAI,EACjC,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAC,gBAAgB,GAAG,IAC7E,CACJ,EAEA,IAAI,KAAK,MAAM,IAAI,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,GAAI,IACzD,CACP,CAAC"}

package/dist/rating/types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
+export type StarType = 'full' | 'half' | 'empty';
+export type StarSize = 's' | 'm';
+export interface RatingProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Размер. */
+    size?: StarSize;
+    /** Значение рейтинга. */
+    value: number;
+}

package/dist/rating/types.js

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

package/dist/rating/types.js.map

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

package/dist/rating/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStars = void 0;
+/**
+ * Округляет число до половины.
+ * @param value Число.
+ * @return Число.
+ */
+const roundHalf = (value) => Math.round(value * 2) / 2;
+/**
+ * Возвращает список звезд.
+ * @param value Число.
+ * @param count Число.
+ * @return Типы звезд.
+ */
+const getStars = (value, count) => [...Array(count).keys()].reduce(acc => {
+    if (acc.total >= 1) {
+        acc.stars.push('full');
+    }
+    else if (acc.total > 0) {
+        acc.stars.push('half');
+    }
+    else {
+        acc.stars.push('empty');
+    }
+    acc.total--;
+    return acc;
+}, { total: roundHalf(value), stars: [] }).stars;
+exports.getStars = getStars;
+//# sourceMappingURL=utils.js.map

package/dist/rating/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/rating/utils.ts"],"names":[],"mappings":";;;AAOA;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAEvE;;;;;GAKG;AACI,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE,CACvD,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAC7B,GAAG,CAAC,EAAE;IACJ,IAAI,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC;QACnB,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;SAAM,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;QACzB,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC;IAED,GAAG,CAAC,KAAK,EAAE,CAAC;IAEZ,OAAO,GAAG,CAAC;AACb,CAAC,EACD,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACvC,CAAC,KAAK,CAAC;AAhBG,QAAA,QAAQ,YAgBX"}

package/dist/select/index.d.ts

@@ -0,0 +1,4 @@
+export type { SelectProps, SelectStyle } from './types';
+export { Select } from './select';
+export { SelectFieldBlock } from './parts/field-block';
+export { SelectTextButton } from './parts/text-button';

package/dist/select/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectTextButton = exports.SelectFieldBlock = exports.Select = void 0;
+var select_1 = require("./select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+var field_block_1 = require("./parts/field-block");
+Object.defineProperty(exports, "SelectFieldBlock", { enumerable: true, get: function () { return field_block_1.SelectFieldBlock; } });
+var text_button_1 = require("./parts/text-button");
+Object.defineProperty(exports, "SelectTextButton", { enumerable: true, get: function () { return text_button_1.SelectTextButton; } });
+//# sourceMappingURL=index.js.map

package/dist/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA;AACzB,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA"}

package/dist/select/parts/field-block.d.ts

@@ -0,0 +1,7 @@
+import { FieldBlockProps } from '../../field-block';
+/**
+ * "Открывашка" для Select в виде поля.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SelectFieldBlock({ blockRef, blockProps, mainProps, ...restProps }: FieldBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/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/dist/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":"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"}

package/dist/select/parts/menu.d.ts

@@ -0,0 +1,7 @@
+import { DropdownProps } from '../../dropdown';
+/**
+ * Меню выбора для компонента Select.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SelectMenu(props: DropdownProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/select/parts/menu.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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_2 = require("../../dropdown-item/utils");
+const hooks_1 = require("../../hooks");
+const MenuItemAttr = {
+    name: 'data-select-role',
+    value: 'option',
+};
+/**
+ * Меню выбора для компонента Select.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+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]);
+    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)(() => {
+        const itemSelector = `[${MenuItemAttr.name}="${MenuItemAttr.value}"]`;
+        const menu = viewportRef.current;
+        const item = menu?.querySelectorAll(itemSelector)[activeItemIndex];
+        if (menu && item instanceof HTMLElement) {
+            (0, helpers_1.scrollToChild)(menu, 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;
+                }
+                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;
+            }
+        }, 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 }) }));
+}
+//# sourceMappingURL=menu.js.map

package/dist/select/parts/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":";;AAiCA,gCA8BC;;AA/DD,iCAae;AACf,6CAA6F;AAC7F,oCAAyC;AACzC,2CAAkF;AAClF,yCAAsC;AACtC,yDAAsD;AACtD,uDAAsE;AACtE,qDAA8D;AAC9D,uCAA8D;AAE9D,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,QAAQ;CACP,CAAC;AAEX;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAoB;IAC7C,MAAM;IACJ,EAAE;IACF,WAAW,EACX,QAAQ,GACT,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE9B,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,UAAU,EAAE,EAAE,CAAC;QACf,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/B,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACjC,WAAW,EAAE,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,IAAI,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,qBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YAC/C,uBAAC,eAAe,OAAK,KAAK,GAAI,GACpB,GACL,CACV,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EAAE,eAAe,EAC5B,GAAG,SAAS,EACE;IACd,MAAM,EACJ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,WAAW,EACX,aAAa,EACb,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE9B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC;IAEzD,sIAAsI;IACtI,MAAM,KAAK,GAAG,IAAA,kBAAQ,GAAE,GAAG,CAAC,CAAC;IAE7B,MAAM,OAAO,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAiB,CAAC,OAAO,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,EACvE,CAAC,cAAc,EAAE,WAAW,CAAC,CAC9B,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAiB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,EAC/D,CAAC,WAAW,EAAE,eAAe,CAAC,CAC/B,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAsC,EAAE,CAAC;IACpD,MAAM,OAAO,GAAgB,EAAE,CAAC;IAEhC,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACzC,IAAI,IAAA,sBAAc,EAAoB,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,4BAAY,EAAE,CAAC;YAC5E,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;YAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAEpE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO,CAAC,IAAI,CACV,IAAA,oBAAY,EAAC,KAAK,EAAE;gBAClB,oDAAoD;gBACpD,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,eAAe,KAAK,SAAS;gBAC7D,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,KAAK,YAAY;gBAC5D,OAAO,EAAE,CAAC,KAAiC,EAAE,EAAE;oBAC7C,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;oBAE7B,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;wBACnD,OAAO;oBACT,CAAC;oBAED,eAAe,CAAC,SAAS,CAAC,CAAC;oBAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,aAAa,EAAE,KAAK,EAAE,CAAC;gBACzB,CAAC;gBAED,kEAAkE;gBAClE,CAAC,YAAY,CAAC,IAAW,CAAC,EAAE,YAAY,CAAC,KAAK;aAC/C,CAAC,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,+BAA+B;IAC/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,IAAI,CAAC;QACtE,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;QACjC,MAAM,IAAI,GAAG,IAAI,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,CAAC;QAEnE,IAAI,IAAI,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;YACxC,IAAA,uBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,uDAAuD;IACvD,IAAA,4BAAiB,EAAC,OAAO,EAAE,GAAG,EAAE;QAC9B,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,aAAa,CAAC,CAAC;IAChD,IAAA,uBAAe,EAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE;QACzC,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,IAAqC,EAAE,EAAE;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAElE,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,aAAa,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC,EACD,CAAC,eAAe,EAAE,WAAW,EAAE,aAAa,CAAC,CAC9C,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAQ,IACP,QAAQ,EAAE,CAAC,KACP,aAAa,KACb,SAAS,EACb,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE;YACL,GAAG,iBAAiB;YACpB,GAAG,aAAa,EAAE,KAAK;YACvB,GAAG,KAAK;SACT,EACD,MAAM,EAAE,KAAK,CAAC,EAAE;YACd,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;YAChB,aAAa,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;YAE/B,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;gBACtD,OAAO;YACT,CAAC;YAED,IAAI,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;gBACjD,OAAO;YACT,CAAC;YAED,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;YACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YACnB,aAAa,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YAElC,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;gBACnB,KAAK,QAAQ,CAAC,CAAC,CAAC;oBACd,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,aAAa,EAAE,KAAK,EAAE,CAAC;oBACvB,MAAM;gBACR,CAAC;gBAED,KAAK,OAAO,CAAC,CAAC,CAAC;oBACb,IAAI,eAAe,KAAK,CAAC,CAAC,EAAE,CAAC;wBAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;wBACnB,aAAa,EAAE,KAAK,EAAE,CAAC;oBACzB,CAAC;yBAAM,CAAC;wBACN,MAAM,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;wBAEpC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;oBACnD,CAAC;oBACD,MAAM;gBACR,CAAC;gBAED,KAAK,KAAK;oBACR,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,mDAAmD;oBAC3E,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,aAAa,EAAE,KAAK,EAAE,CAAC;oBACvB,MAAM;gBAER,KAAK,SAAS;oBACZ,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,yBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;oBACnF,MAAM;gBAER,KAAK,WAAW;oBACd,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,yBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;oBACnF,MAAM;YACV,CAAC;QACH,CAAC,YAED,uBAAC,uBAAa,IAAC,KAAK,EAAE,KAAK,GAAG,CAAC,YAC5B,OAAO,CAAC,CAAC,CAAC,uBAAC,0BAAe,mBAAa,qBAAqB,GAAG,CAAC,CAAC,CAAC,OAAO,GAC5D,GACP,CACZ,CAAC;AACJ,CAAC"}

package/dist/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/dist/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/dist/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/dist/select/select.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from './types';
+/**
+ * Поле выбора из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/select/select.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = Select;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const field_block_1 = require("./parts/field-block");
+const menu_1 = require("./parts/menu");
+const react_2 = require("@floating-ui/react");
+const dropdown_1 = require("../dropdown");
+const hooks_1 = require("../hooks");
+/**
+ * Поле выбора из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+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 [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 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, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (menuOpen && menuFloating.isPositioned) {
+            menuElement?.focus();
+        }
+    }, [menuOpen, menuFloating.isPositioned, menuElement]);
+    const contextValue = {
+        selectProps: props,
+        currentValue,
+        setCurrentValue: (0, react_1.useCallback)(valueInit => {
+            let nextValue = valueInit;
+            if (typeof nextValue === 'function') {
+                nextValue = nextValue(currentValue);
+            }
+            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,
+    };
+    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] }) }));
+}
+//# sourceMappingURL=select.js.map

package/dist/select/select.js.map

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