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

package/expandable/expandable-group.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Expandable = exports.ExpandableItem = void 0;
+exports.ExpandableGroup = ExpandableGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const utils_1 = require("./utils");
+const bind_1 = __importDefault(require("classnames/bind"));
+const expandable_group_m_scss_1 = __importDefault(require("./expandable-group.m.scss"));
+const cx = bind_1.default.bind(expandable_group_m_scss_1.default);
+const ItemContext = (0, react_1.createContext)({});
+const initialState = {
+    status: 'initial',
+    lastVisibleIndex: -1,
+};
+const expandedState = {
+    status: 'expanded',
+    lastVisibleIndex: -1,
+};
+/**
+ * Группа элементов с ограничением на число выводимых строк и возможностью показать все.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ExpandableGroup(props) {
+    const time = (0, react_1.useRef)(1);
+    // @todo зациклить если каким-то невероятным образом уйдет за границу number
+    time.current = time.current + 1;
+    // ВАЖНО: рендер вызванный родительским компонентом должен приводить к пересчету, поэтому передаем уникальный time
+    return (0, jsx_runtime_1.jsx)(ExpandableGroupInner, { ...props, time: time.current });
+}
+/**
+ * Внутренний компонент, необходимый для корректной обработки повторных render'ов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ExpandableGroupInner({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, opener: renderOpener = data => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u0415\u0449\u0451 ", data.hiddenCount] }), className, style, expanded: expandedProp, onExpand, openerWidth = 72, time, }) {
+    const outerRef = (0, react_1.useRef)(null);
+    const innerRef = (0, react_1.useRef)(null);
+    const openerRef = (0, react_1.useRef)(null);
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [state, setState] = (0, react_1.useState)(() => (defaultExpanded ? expandedState : initialState));
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+    }, []);
+    // даем возможность управлять состоянием с помощью пропса "expanded"
+    (0, react_1.useEffect)(() => {
+        if (typeof expandedProp === 'boolean') {
+            // ВАЖНО: передаем именно копию состояний чтобы гарантированно вызвать рендер
+            setState(expandedProp ? { ...expandedState } : { ...initialState });
+        }
+    }, [expandedProp]);
+    // если "time" обновился - это сигнал о том что надо пересчитать состояние
+    (0, react_1.useEffect)(() => {
+        // ВАЖНО: передаем именно копию состояний чтобы гарантированно вызвать рендер
+        setState(current => (current.status === 'expanded' ? current : { ...initialState }));
+    }, [time]);
+    // следим за изменением ширины чтобы запустить перерасчет
+    (0, utils_1.useObserveWidth)(outerRef, () => {
+        // ВАЖНО: передаем именно копию состояний чтобы гарантированно вызвать рендер
+        setState(current => (current.status === 'expanded' ? current : { ...initialState }));
+    });
+    // выполняем расчет
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (state.status === 'initial') {
+            const outer = outerRef.current;
+            const inner = innerRef.current;
+            const opener = openerRef.current;
+            if (outer && inner && opener) {
+                const { lastVisibleIndex } = (0, utils_1.defineLastVisible)({ outer, inner, gap, opener, openerWidth });
+                setState({
+                    status: lastVisibleIndex !== -1 ? 'some-hidden' : 'all-visible',
+                    lastVisibleIndex,
+                });
+            }
+        }
+    }, [state, mounted]);
+    const rootStyle = {
+        ...style,
+        maxHeight: state.status === 'expanded'
+            ? undefined
+            : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`,
+        '--expandable-gap': `${gap}px`,
+        '--expandable-item-height': `${itemHeight}px`,
+        '--expandable-opener-width': `${openerWidth}px`,
+    };
+    const handleExpand = (0, react_1.useCallback)(() => {
+        setState(expandedState);
+        onExpand?.();
+    }, [onExpand]);
+    const items = react_1.Children.toArray(children).reduce((result, child, index) => {
+        if ((0, react_1.isValidElement)(child) && child.type === exports.ExpandableItem) {
+            result.push((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: {
+                    hidden: state.status === 'some-hidden' && index > state.lastVisibleIndex,
+                }, children: child }, child.key));
+        }
+        return result;
+    }, []);
+    // ВАЖНО: root нужен для того чтобы формировать ограничение по высоте
+    return ((0, jsx_runtime_1.jsx)("div", { ref: outerRef, className: cx('root', className), style: rootStyle, children: (0, jsx_runtime_1.jsxs)("ul", { ref: innerRef, className: cx('inner'), children: [items, mounted && state.status !== 'expanded' && ((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: { hidden: state.status !== 'some-hidden' }, children: (0, jsx_runtime_1.jsx)(exports.ExpandableItem, { ref: openerRef, onClick: handleExpand, "data-testid": 'expandable:opener', children: renderOpener({ hiddenCount: items.length - state.lastVisibleIndex - 1 }) }) }))] }) }));
+}
+exports.ExpandableItem = (0, react_1.forwardRef)(({ children, onClick, 'data-testid': testId = 'expandable:item' }, ref) => {
+    const { hidden } = (0, react_1.useContext)(ItemContext);
+    return ((0, jsx_runtime_1.jsx)("li", { ref: ref, className: cx('item', { hidden }), "data-testid": testId, onClick: onClick, children: children }));
+});
+exports.Expandable = {
+    Group: ExpandableGroup,
+    Item: exports.ExpandableItem,
+};
+//# sourceMappingURL=expandable-group.js.map

package/expandable/expandable-group.js.map

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

package/expandable/{expandable-group.module.scss → expandable-group.m.scss}

@@ -12,16 +12,12 @@
 .item {
   display: block;
   padding: 0;
-  max-width: 100%;
+  max-width: calc(100% - var(--expandable-gap, 0));
   height: var(--expandable-item-height);
   margin: 0 (var(--expandable-gap)) var(--expandable-gap) 0;
   &.hidden {
     display: none;
   }
-  &.invisible {
-    opacity: 0;
-    pointer-events: none;
-  }
   &.opener {
     width: var(--expandable-opener-width);
   }

package/expandable/index.d.ts

@@ -1,42 +1,2 @@
-import React, { ReactNode, MouseEventHandler, CSSProperties } from 'react';
-export interface ExpandableGroupProps {
-    /** Расстояние между элементами группы в пикселях. */
-    gap?: number;
-    /** Высота каждого элемента группы в пикселях. */
-    itemHeight?: number;
-    /** Развернут ли список по умолчанию. */
-    defaultExpanded?: boolean;
-    /** Количество строк в свернутом состоянии группы. */
-    lineLimit?: number;
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Функция, возвращающая содержимое кнопки разворачивания списка. */
-    opener?: (data: {
-        hiddenCount: number;
-    }) => ReactNode;
-    /** Сработает при разворачивании списка. */
-    onExpand?: () => void;
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Стили корневого элемента. */
-    style?: CSSProperties;
-    /** Нужно ли выводить список развернутым. */
-    expanded?: boolean;
-    /** Ширина открывающего элемента. */
-    openerWidth?: number;
-}
-export interface GroupItemProps {
-    children?: ReactNode;
-    onClick?: MouseEventHandler;
-    'data-testid'?: string;
-}
-/**
- * Группа элементов с ограничением на число выводимых строк и возможностью показать все.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function ExpandableGroup({ gap, itemHeight, lineLimit, defaultExpanded, children, onExpand, opener, className, style, expanded: expandedProp, openerWidth, }: ExpandableGroupProps): JSX.Element;
-export declare const Expandable: {
-    readonly Group: typeof ExpandableGroup;
-    readonly Item: React.ForwardRefExoticComponent<GroupItemProps & React.RefAttributes<HTMLLIElement>>;
-};
+export type { ExpandableGroupProps, ExpandableGroupItemProps } from './types';
+export { Expandable, ExpandableGroup, ExpandableItem } from './expandable-group';

package/expandable/index.js

@@ -1,85 +1,8 @@
 "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.Expandable = exports.ExpandableGroup = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("./utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const expandable_group_module_scss_1 = __importDefault(require("./expandable-group.module.scss"));
-const cx = bind_1.default.bind(expandable_group_module_scss_1.default);
-const ItemContext = (0, react_1.createContext)({});
-/**
- * Группа элементов с ограничением на число выводимых строк и возможностью показать все.
- * @param props Свойства.
- * @return Элемент.
- */
-function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, onExpand, opener = data => react_1.default.createElement(react_1.default.Fragment, null,
-    "\u0415\u0449\u0451 ",
-    data.hiddenCount), className, style, expanded: expandedProp, openerWidth = 72, }) {
-    const wrapperRef = (0, react_1.useRef)(null);
-    const containerRef = (0, react_1.useRef)(null);
-    const openerRef = (0, react_1.useRef)(null);
-    const [mounted, setMounted] = (0, react_1.useState)(false);
-    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded);
-    const items = react_1.Children.toArray(children).reduce((result, child) => {
-        if ((0, react_1.isValidElement)(child) && child.type === ExpandableItem) {
-            result.push(child);
-        }
-        return result;
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setMounted(true);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        expandedProp !== undefined && setExpanded(expandedProp);
-    }, [expandedProp]);
-    const { hiddenCount } = (0, utils_1.useExpandable)({
-        expanded,
-        wrapperRef,
-        containerRef,
-        openerRef,
-        gap,
-    });
-    return (react_1.default.createElement("div", { ref: wrapperRef, className: cx('root', className), style: Object.assign(Object.assign({}, style), { maxHeight: expanded ? undefined : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`, '--expandable-item-height': `${itemHeight}px`, '--expandable-opener-width': `${openerWidth}px`, '--expandable-gap': `${gap}px` }) },
-        react_1.default.createElement("ul", { ref: containerRef, className: expandable_group_module_scss_1.default.inner },
-            items,
-            mounted && !expanded && (react_1.default.createElement(ItemContext.Provider, { value: { invisible: hiddenCount === 0, opener: true } },
-                react_1.default.createElement(ExpandableItem, { ref: openerRef, onClick: () => {
-                        setExpanded(true);
-                        onExpand === null || onExpand === void 0 ? void 0 : onExpand();
-                    }, "data-testid": 'expandable:opener' }, opener({ hiddenCount })))))));
-}
-exports.ExpandableGroup = ExpandableGroup;
-const ExpandableItem = (0, react_1.forwardRef)(({ children, onClick, 'data-testid': testId = 'expandable:item' }, ref) => {
-    const context = (0, react_1.useContext)(ItemContext);
-    return (react_1.default.createElement("li", { ref: ref, className: cx('item', context), "data-testid": testId, onClick: onClick }, children));
-});
-exports.Expandable = {
-    Group: ExpandableGroup,
-    Item: ExpandableItem,
-};
+exports.ExpandableItem = exports.ExpandableGroup = exports.Expandable = void 0;
+var expandable_group_1 = require("./expandable-group");
+Object.defineProperty(exports, "Expandable", { enumerable: true, get: function () { return expandable_group_1.Expandable; } });
+Object.defineProperty(exports, "ExpandableGroup", { enumerable: true, get: function () { return expandable_group_1.ExpandableGroup; } });
+Object.defineProperty(exports, "ExpandableItem", { enumerable: true, get: function () { return expandable_group_1.ExpandableItem; } });
+//# sourceMappingURL=index.js.map

package/expandable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expandable/index.ts"],"names":[],"mappings":";;;AACA,uDAAiF;AAAxE,8GAAA,UAAU,OAAA;AAAE,mHAAA,eAAe,OAAA;AAAE,kHAAA,cAAc,OAAA"}

package/expandable/types.d.ts

@@ -0,0 +1,39 @@
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface ExpandableGroupInnerStyle extends CSSProperties {
+    '--expandable-item-height'?: string;
+    '--expandable-opener-width'?: string;
+    '--expandable-gap'?: string;
+}
+export interface ExpandableGroupProps {
+    /** Расстояние между элементами группы в пикселях. */
+    gap?: number;
+    /** Высота каждого элемента группы в пикселях. */
+    itemHeight?: number;
+    /** Развернут ли список по умолчанию. */
+    defaultExpanded?: boolean;
+    /** Количество строк в свернутом состоянии группы. */
+    lineLimit?: number;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Функция, возвращающая содержимое кнопки разворачивания списка. */
+    opener?: (data: {
+        hiddenCount: number;
+    }) => ReactNode;
+    /** Сработает при разворачивании списка. */
+    onExpand?: () => void;
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Стили корневого элемента. */
+    style?: CSSProperties;
+    /** Нужно ли выводить список развернутым. */
+    expanded?: boolean;
+    /** Ширина открывающего элемента. */
+    openerWidth?: number;
+}
+export interface ExpandableGroupItemProps extends WithTestId {
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Сработает при клике. */
+    onClick?: MouseEventHandler;
+}

package/expandable/types.js

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

package/expandable/types.js.map

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

package/expandable/utils.d.ts

@@ -1,31 +1,30 @@
 import { RefObject } from 'react';
-export interface ViewState {
-    lastVisibleIndex: number;
-}
 /**
- * Хук состояния группы элементов ограниченных несколькими строками с возможностью показать все.
- * @param options.expanded Развернут ли список.
- * @param options.wrapperRef Реф элемента, формирующего ограничение по высоте.
- * @param options.containerRef Реф элемента, содержащего список.
- * @param options.openerRef Реф элемента "открывашки".
- * @param options.gap Расстояние между элементами списка.
- * @return Рассчитанные данные: кол-во скрытых элементов.
+ * Определяет последний дочерний элемент который должен быть виден чтобы влезла "открывашка".
+ * @param payload Данные.
+ * @return Результат.
+ *
+ * ВАЖНО: lastVisibleIndex: -1 означает что все элементы видны и "открывашка" не нужна.
  */
-export declare function useExpandable({ expanded, wrapperRef, containerRef, openerRef, gap, }: {
-    expanded: boolean;
-    wrapperRef: RefObject<HTMLElement>;
-    containerRef: RefObject<HTMLElement>;
-    openerRef: RefObject<HTMLElement>;
+export declare function defineLastVisible({ outer, inner, gap, opener, openerWidth, }: {
+    outer: Element;
+    inner: Element;
     gap: number;
+    opener: Element;
+    openerWidth: number;
 }): {
-    hiddenCount: number;
+    lastVisibleIndex: number;
 };
 /**
- * Определяет индекс последнего видимого элемента для свернутого списка.
- * @param wrapper Элемент, формирующий ограничение по высоте.
- * @param items Элементы, все кроме "закрывашки".
- * @param opener Элемент "закрывашки".
- * @param gap Расстояние между элементами списка.
- * @return Состояние.
+ * Регистрирует обработчик изменения ширины элемента.
+ * @param element Элемент.
+ * @param callback Callback.
+ * @return Функция отписки.
+ */
+export declare function observeWidth(element: Element, callback: (width: number) => void): () => void;
+/**
+ * Хук для регистрации обработчика изменения ширины элемента.
+ * @param ref Ref элемента.
+ * @param callback Callback.
  */
-export declare function defineViewState(wrapper: HTMLElement, items: Element[], opener: HTMLElement, gap: number): ViewState;
+export declare function useObserveWidth(ref: RefObject<Element | null>, callback: VoidFunction): void;

package/expandable/utils.js

@@ -1,91 +1,87 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineViewState = exports.useExpandable = void 0;
+exports.defineLastVisible = defineLastVisible;
+exports.observeWidth = observeWidth;
+exports.useObserveWidth = useObserveWidth;
 const react_1 = require("react");
-const hooks_1 = require("../hooks");
-const on_1 = require("../helpers/on");
-const expandable_group_module_scss_1 = __importDefault(require("./expandable-group.module.scss"));
 /**
- * Хук состояния группы элементов ограниченных несколькими строками с возможностью показать все.
- * @param options.expanded Развернут ли список.
- * @param options.wrapperRef Реф элемента, формирующего ограничение по высоте.
- * @param options.containerRef Реф элемента, содержащего список.
- * @param options.openerRef Реф элемента "открывашки".
- * @param options.gap Расстояние между элементами списка.
- * @return Рассчитанные данные: кол-во скрытых элементов.
+ * Определяет последний дочерний элемент который должен быть виден чтобы влезла "открывашка".
+ * @param payload Данные.
+ * @return Результат.
+ *
+ * ВАЖНО: lastVisibleIndex: -1 означает что все элементы видны и "открывашка" не нужна.
  */
-function useExpandable({ expanded, wrapperRef, containerRef, openerRef, gap, }) {
-    const [hiddenCount, setHiddenCount] = (0, react_1.useState)(0);
-    const calc = (0, react_1.useCallback)(() => {
-        const wrapperEl = wrapperRef.current;
-        const containerEl = containerRef.current;
-        const openerEl = openerRef.current;
-        if (expanded) {
-            if (containerEl) {
-                for (const item of containerEl.children) {
-                    item.classList.remove(expandable_group_module_scss_1.default.hidden);
-                }
+function defineLastVisible({ outer, inner, gap, opener, openerWidth, }) {
+    const items = [...inner.children].filter(el => el !== opener);
+    // если список пуст или состоит из одного элемента - видны все, открывашка не нужна
+    if (items.length <= 1) {
+        return { lastVisibleIndex: -1 };
+    }
+    const bounds = outer.getBoundingClientRect();
+    // индекс последнего элемента который должен быть виден
+    let lastVisibleIndex = items.length - 1;
+    while (items[lastVisibleIndex] &&
+        items[lastVisibleIndex].getBoundingClientRect().bottom > bounds.bottom) {
+        lastVisibleIndex--;
+    }
+    const last = items[items.length - 1];
+    // если последний видимый является последним в списке - видны все, открывашка не нужна
+    if (last === items[lastVisibleIndex]) {
+        return { lastVisibleIndex: -1 };
+    }
+    while (lastVisibleIndex >= 1 &&
+        items[lastVisibleIndex] &&
+        bounds.right - items[lastVisibleIndex].getBoundingClientRect().right < openerWidth + gap) {
+        lastVisibleIndex--;
+    }
+    // @todo он не должен быть первым на строке
+    return { lastVisibleIndex };
+}
+/**
+ * Регистрирует обработчик изменения ширины элемента.
+ * @param element Элемент.
+ * @param callback Callback.
+ * @return Функция отписки.
+ */
+function observeWidth(element, callback) {
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    const getWidth = () => element.getBoundingClientRect().width;
+    let lastWidth = getWidth();
+    // ВАЖНО: поскольку ниже используется requestAnimationFrame проверяем активность через флаг
+    // в противном случае в React setState может быть вызван после размонтирования
+    let enabled = true;
+    // @todo использовать контекст
+    const observer = new ResizeObserver(() => {
+        requestAnimationFrame(() => {
+            if (!enabled) {
+                return;
             }
-        }
-        else {
-            if (wrapperEl && containerEl && openerEl) {
-                const items = [...containerEl.children].filter(child => child !== openerEl);
-                // делаем все элементы списка видимыми чтобы правильно считать размеры
-                for (const item of items) {
-                    item.classList.remove(expandable_group_module_scss_1.default.hidden);
-                }
-                // определяем какие элементы не влезли в ограничение по высоте
-                const state = defineViewState(wrapperEl, items, openerEl, gap);
-                if (state.lastVisibleIndex !== -1) {
-                    // делаем невидимыми элементы списка которые не влезли
-                    for (const [index, item] of items.entries()) {
-                        if (item !== openerEl && index >= state.lastVisibleIndex) {
-                            item.classList.add(expandable_group_module_scss_1.default.hidden);
-                        }
-                    }
-                }
-                setHiddenCount(state.lastVisibleIndex !== -1 ? items.length - state.lastVisibleIndex : 0);
+            const actualWidth = getWidth();
+            if (lastWidth !== actualWidth) {
+                lastWidth = actualWidth;
+                callback(lastWidth);
             }
-        }
-    }, [expanded, gap, wrapperRef, containerRef, openerRef]);
-    // пересчитываем после каждого rerender'а
-    (0, hooks_1.useIsomorphicLayoutEffect)(calc);
-    // пересчитываем при resize
-    (0, react_1.useEffect)(() => (0, on_1.on)(window, 'resize', calc), [calc]);
-    return { hiddenCount };
+        });
+    });
+    observer.observe(element);
+    return () => {
+        enabled = false;
+        observer.disconnect();
+    };
 }
-exports.useExpandable = useExpandable;
 /**
- * Определяет индекс последнего видимого элемента для свернутого списка.
- * @param wrapper Элемент, формирующий ограничение по высоте.
- * @param items Элементы, все кроме "закрывашки".
- * @param opener Элемент "закрывашки".
- * @param gap Расстояние между элементами списка.
- * @return Состояние.
+ * Хук для регистрации обработчика изменения ширины элемента.
+ * @param ref Ref элемента.
+ * @param callback Callback.
  */
-function defineViewState(wrapper, items, opener, gap) {
-    const state = { lastVisibleIndex: -1 };
-    const parentRect = wrapper.getBoundingClientRect();
-    const firstHiddenNodeIndex = items.findIndex(child => {
-        const childRect = child.getBoundingClientRect();
-        return childRect.top - parentRect.top >= parentRect.height;
-    });
-    if (firstHiddenNodeIndex !== -1) {
-        const lastVisibleIndex = firstHiddenNodeIndex - 1;
-        const lastVisible = items[lastVisibleIndex];
-        if (lastVisible) {
-            const rightBound = lastVisible.getBoundingClientRect().right;
-            const rightContainerBound = wrapper.getBoundingClientRect().right;
-            // хватает ли кнопке места после последнего видимого дочернего элемента с учетом отступа между элементами
-            const isOpenerFit = rightContainerBound - rightBound - gap >= opener.clientWidth;
-            // если хватает места - ставим кнопку после последнего, иначе - вместо
-            // @todo возможна ситуация когда нужно будет удалить N элементов чтобы влезла кнопка
-            state.lastVisibleIndex = lastVisibleIndex + Number(isOpenerFit);
+function useObserveWidth(ref, callback) {
+    const callbackRef = (0, react_1.useRef)(callback);
+    callbackRef.current = callback;
+    (0, react_1.useEffect)(() => {
+        if (!ref.current) {
+            return;
         }
-    }
-    return state;
+        return observeWidth(ref.current, () => callbackRef.current());
+    }, [ref]);
 }
-exports.defineViewState = defineViewState;
+//# sourceMappingURL=utils.js.map

package/expandable/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/expandable/utils.ts"],"names":[],"mappings":";;AASA,8CAiDC;AAQD,oCAgCC;AAOD,0CAWC;AApHD,iCAAqD;AAErD;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,GAAG,EACH,MAAM,EACN,WAAW,GAOZ;IACC,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IAE9D,mFAAmF;IACnF,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACtB,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAE7C,uDAAuD;IACvD,IAAI,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAExC,OACE,KAAK,CAAC,gBAAgB,CAAC;QACvB,KAAK,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EACtE,CAAC;QACD,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,IAAI,GAAwB,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE1D,sFAAsF;IACtF,IAAI,IAAI,KAAK,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACrC,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,OACE,gBAAgB,IAAI,CAAC;QACrB,KAAK,CAAC,gBAAgB,CAAC;QACvB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,WAAW,GAAG,GAAG,EACxF,CAAC;QACD,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,2CAA2C;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC9B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,OAAgB,EAAE,QAAiC;IAC9E,+CAA+C;IAC/C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IAE7D,IAAI,SAAS,GAAG,QAAQ,EAAE,CAAC;IAE3B,2FAA2F;IAC3F,8EAA8E;IAC9E,IAAI,OAAO,GAAG,IAAI,CAAC;IAEnB,8BAA8B;IAC9B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;QACvC,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;YAE/B,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;gBAC9B,SAAS,GAAG,WAAW,CAAC;gBACxB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1B,OAAO,GAAG,EAAE;QACV,OAAO,GAAG,KAAK,CAAC;QAChB,QAAQ,CAAC,UAAU,EAAE,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAC,GAA8B,EAAE,QAAsB;IACpF,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}

package/field-block/field-block.d.ts

@@ -0,0 +1,11 @@
+import type { FieldBlockProps, FieldBlockSize } from './types';
+export declare const FIELD_BLOCK_HEIGHT: Record<FieldBlockSize, number>;
+export declare const FIELD_BLOCK_DEFAULTS: {
+    readonly size: "l";
+};
+/**
+ * Блок поля по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function FieldBlock({ size, main, mainProps, disabled, failed, focused, label, labelProps, labelAsPlaceholder, fixedHeight, caption, rootRef, rootProps, blockRef, blockProps, adornmentStart, adornmentEnd, 'data-testid': testId, }: FieldBlockProps): import("react/jsx-runtime").JSX.Element;

package/field-block/field-block.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_BLOCK_DEFAULTS = exports.FIELD_BLOCK_HEIGHT = void 0;
+exports.FieldBlock = FieldBlock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const field_block_m_scss_1 = __importDefault(require("./field-block.m.scss"));
+const cx = bind_1.default.bind(field_block_m_scss_1.default);
+exports.FIELD_BLOCK_HEIGHT = {
+    s: 32,
+    m: 40,
+    l: 56,
+};
+exports.FIELD_BLOCK_DEFAULTS = {
+    size: 'l',
+};
+/**
+ * Блок поля по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function FieldBlock({ size = exports.FIELD_BLOCK_DEFAULTS.size, main, mainProps, disabled, failed, focused, label, labelProps, labelAsPlaceholder, fixedHeight = true, caption, rootRef, rootProps, blockRef, blockProps, adornmentStart, adornmentEnd, 'data-testid': testId = 'field-block', }) {
+    const needLabel = Boolean(label) && (size === 'l' || labelAsPlaceholder);
+    const rootClassName = cx('root', `size-${size}`, {
+        disabled,
+        focused,
+        failed,
+        'label-as-placeholder': needLabel && labelAsPlaceholder,
+        'no-label': !needLabel,
+    }, rootProps?.className);
+    const blockClassName = cx('block', fixedHeight && 'fixed-height', blockProps?.className);
+    return ((0, jsx_runtime_1.jsxs)("div", { ...rootProps, ref: rootRef, className: rootClassName, "data-testid": testId, children: [(0, jsx_runtime_1.jsxs)("div", { ...blockProps, ref: blockRef, className: blockClassName, "data-testid": 'field-block:block', children: [adornmentStart && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start', children: adornmentStart })), (0, jsx_runtime_1.jsxs)("div", { className: cx('col', 'main-col'), children: [needLabel && ((0, jsx_runtime_1.jsx)("label", { ...labelProps, className: cx('label', labelProps?.className), "data-testid": 'field-block:label', children: label })), (0, jsx_runtime_1.jsx)("div", { ...mainProps, className: cx('main', mainProps?.className), "data-testid": 'field-block:main', children: main })] }), adornmentEnd && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end', children: adornmentEnd }))] }), caption && ((0, jsx_runtime_1.jsx)("div", { className: cx('caption'), "data-testid": 'field-block:caption', children: caption }))] }));
+}
+//# sourceMappingURL=field-block.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-block.js","sourceRoot":"","sources":["../../src/field-block/field-block.tsx"],"names":[],"mappings":";;;;;;AAqBA,gCA6FC;;AAjHD,2DAAyC;AACzC,8EAA0C;AAE1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEtB,QAAA,kBAAkB,GAAmC;IAChE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACG,CAAC;AAEE,QAAA,oBAAoB,GAAG;IAClC,IAAI,EAAE,GAAG;CACD,CAAC;AAEX;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,4BAAoB,CAAC,IAAI,EAChC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,WAAW,GAAG,IAAI,EAClB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EAAE,MAAM,GAAG,aAAa,GACrB;IAChB,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,kBAAkB,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd;QACE,QAAQ;QACR,OAAO;QACP,MAAM;QACN,sBAAsB,EAAE,SAAS,IAAI,kBAAkB;QACvD,UAAU,EAAE,CAAC,SAAS;KACvB,EACD,SAAS,EAAE,SAAS,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,EAAE,CAAC,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAEzF,OAAO,CACL,oCAAS,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,aAE7E,oCACM,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,cAAc,iBACb,mBAAmB,aAE9B,cAAc,IAAI,CACjB,gCACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,CAAC,iBAClC,6BAA6B,YAExC,cAAc,GACX,CACP,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAClC,SAAS,IAAI,CACZ,qCACM,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,iBACjC,mBAAmB,YAE9B,KAAK,GACA,CACT,EAGD,mCACM,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,iBAC/B,kBAAkB,YAE7B,IAAI,GACD,IACF,EAEL,YAAY,IAAI,CACf,gCACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,iBAChC,2BAA2B,YAEtC,YAAY,GACT,CACP,IACG,EAEL,OAAO,IAAI,CACV,gCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBAAc,qBAAqB,YAC7D,OAAO,GACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC"}