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

package/select/parts/text-button.js

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

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

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

package/select/select.d.ts

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

package/select/select.js

@@ -4,124 +4,63 @@ exports.Select = Select;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("./utils");
-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 field_block_1 = require("./parts/field-block");
 const menu_1 = require("./parts/menu");
-const block_1 = require("./parts/block");
-const button_1 = require("./parts/button");
-const utils_3 = require("../dropdown/utils");
-const lifecycle_1 = require("../_internal/lifecycle");
-const portal_1 = require("../portal");
+const react_2 = require("@floating-ui/react");
+const dropdown_1 = require("../dropdown");
+const hooks_1 = require("../hooks");
 /**
  * Поле выбора из списка.
  * @param props Свойства.
  * @return Элемент.
  */
-function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener = (0, jsx_runtime_1.jsx)(block_1.SelectFieldBlock, {}), renderValue = v => v, dropdownProps, onMenuOpen, onMenuClose, }) {
+function Select(props) {
+    const { opener = (0, jsx_runtime_1.jsx)(field_block_1.SelectFieldBlock, {}), menu = (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, {}), value, defaultValue, onValueChange, } = props;
     // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
-    const [initialValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
-    const [currentValue, setCurrentValue] = (0, react_1.useState)(initialValue);
-    const [needMenu, setNeedMenu] = (0, react_1.useState)(false);
+    const [currentValue, setCurrentValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
+    const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
+    const [openerElement, setOpenerElement] = (0, react_1.useState)(null);
+    const [anchorElement, setAnchorElement] = (0, react_1.useState)(null);
     const [menuElement, setMenuElement] = (0, react_1.useState)(null);
-    const [menuFocused, setMenuFocused] = (0, react_1.useState)(false);
-    const onMenuToggleRef = (0, use_identity_ref_1.useIdentityRef)(onMenuToggle);
-    const openerRef = (0, react_1.useRef)(null);
-    const menuShown = needMenu && menuElement !== null;
-    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') {
-            // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
+    const menuFloating = (0, react_2.useFloating)({ open: menuOpen, ...(0, dropdown_1.dropdownFloatingConfig)() });
+    const { setReference, setFloating } = menuFloating.refs;
+    const menuFloatingStyle = (0, dropdown_1.useDropdownFloatingStyle)(menuFloating);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (typeof value === 'string') {
             setCurrentValue(value);
         }
     }, [value]);
-    (0, react_1.useEffect)(() => {
-        if (disabled) {
-            setNeedMenu(false);
-        }
-        if (!disabled && menuElement && isPositioned) {
-            menuElement.focus();
-        }
-        // @todo menuShown в зависимости или useCallback
-        onMenuToggleRef.current?.({ opened: menuShown });
-    }, [disabled, menuElement, isPositioned]);
-    const openerBinding = {
-        label,
-        anchorRef: refs.setReference,
-        openerRef,
-        value: renderValue(currentValue),
-        opened: menuShown,
-        failed,
-        disabled,
-        menuFocused,
-        onMouseDown: event => {
-            if (!disabled) {
-                !menuElement && event.preventDefault();
-                setNeedMenu(a => !a);
-            }
-        },
-        onKeyDown: e => {
-            if (!disabled) {
-                switch (e.code) {
-                    case 'Enter':
-                    case 'ArrowUp':
-                    case 'ArrowDown':
-                        setNeedMenu(true);
-                        break;
-                }
+    const contextValue = {
+        selectProps: props,
+        currentValue,
+        setCurrentValue: (0, react_1.useCallback)(valueInit => {
+            let nextValue = valueInit;
+            if (typeof nextValue === 'function') {
+                nextValue = nextValue(currentValue);
             }
-        },
-    };
-    const floatingStyle = (0, utils_3.useDropdownFloatingStyle)({ refs, ...floating });
-    const menuProps = {
-        ...dropdownProps,
-        style: {
-            ...floatingStyle,
-            ...dropdownProps?.style,
-        },
-        menuRef: setMenuElement,
-        value,
-        loading,
-        onFocus: () => {
-            setMenuFocused(true);
-        },
-        onBlur: () => {
-            setNeedMenu(false);
-            setMenuFocused(false);
-        },
-        onKeyDown: event => {
-            switch (event.code) {
-                case 'ArrowUp':
-                case 'ArrowDown':
-                    event.preventDefault(); // предотвращаем прокрутку страницы
-                    break;
-                case 'Enter':
-                case 'Escape':
-                    openerRef.current?.focus();
-                    break;
-                case 'Tab':
-                    event.preventDefault(); // предотвращаем фокус на следующем элементе
-                    openerRef.current?.focus();
-                    break;
+            if (currentValue !== nextValue) {
+                setCurrentValue(nextValue);
+                onValueChange?.(nextValue);
             }
-        },
-        onItemSelect: item => {
-            const nextValue = utils_2.DropdownItemUtils.getValue(item);
-            setCurrentValue(nextValue);
-            onValueChange?.(nextValue);
-            setNeedMenu(false);
-            openerRef.current?.focus();
-        },
-        onDismiss: () => {
-            setNeedMenu(false);
-        },
+        }, [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.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 }) }) }))] }));
+    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] }) }));
 }
-Select.FieldBlock = block_1.SelectFieldBlock;
-Select.TextButton = button_1.SelectTextButton;
 //# sourceMappingURL=select.js.map

package/select/select.js.map

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

package/select/types.d.ts

@@ -1,30 +1,22 @@
-import type { FocusEventHandler, HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
+import type { CSSProperties, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
 import type { DropdownProps } from '../dropdown';
-import type { DropdownItemElement } from '../dropdown-item/types';
 import type { FieldBlockStyle } from '../field-block';
 export interface SelectStyle extends FieldBlockStyle {
     '--dropdown-width'?: string | number;
 }
-export interface SelectOpenerBinding {
-    label?: string;
-    failed?: boolean;
-    disabled?: boolean;
-    value: ReactNode;
-    opened: boolean;
-    menuFocused: boolean;
-    openerRef: Ref<HTMLElement | null>;
-    anchorRef: Ref<HTMLElement | null>;
-    onMouseDown: Required<HTMLAttributes<HTMLElement>>['onMouseDown'];
-    onKeyDown: Required<HTMLAttributes<HTMLElement>>['onKeyDown'];
-}
-export interface SelectMenuProps extends DropdownProps {
-    menuRef?: Ref<HTMLDivElement | null>;
-    value?: ReactNode;
-    children?: ReactNode;
-    loading?: boolean;
-    onBlur?: FocusEventHandler;
-    onItemSelect?: (item: DropdownItemElement) => void;
-    onDismiss?: VoidFunction;
+export interface SelectContextValue {
+    selectProps: SelectProps;
+    currentValue: string;
+    setCurrentValue: Dispatch<SetStateAction<string>>;
+    menuOpen: boolean;
+    setMenuOpen: Dispatch<SetStateAction<boolean>>;
+    openerElement: HTMLElement | null;
+    setOpenerElement: (element: HTMLElement | null) => void;
+    anchorElement: HTMLElement | null;
+    setAnchorElement: (element: HTMLElement | null) => void;
+    menuElement: HTMLElement | null;
+    setMenuElement: (element: HTMLElement | null) => void;
+    menuFloatingStyle?: CSSProperties;
 }
 export interface SelectProps {
     /** Опции. */
@@ -51,6 +43,8 @@ export interface SelectProps {
     label?: string;
     /** Открывающий элемент. */
     opener?: ReactElement;
+    /** Элемент меню. */
+    menu?: ReactElement;
     /** Свойства компонента Dropdown. */
     dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
     /** Сработает при открытии меню. */

package/select/utils.d.ts

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

package/select/utils.js

@@ -1,14 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectContext = void 0;
+exports.SelectContext = exports.SELECT_CONTEXT_DEFAULT_VALUE = void 0;
 const react_1 = require("react");
-exports.SelectContext = (0, react_1.createContext)({
-    value: '',
-    opened: false,
-    menuFocused: false,
-    openerRef: (0, react_1.createRef)(),
-    anchorRef: (0, react_1.createRef)(),
-    onMouseDown: () => void 0,
-    onKeyDown: () => void 0,
-});
+exports.SELECT_CONTEXT_DEFAULT_VALUE = {
+    selectProps: {},
+    currentValue: '',
+    setCurrentValue: () => { },
+    menuOpen: false,
+    setMenuOpen: () => { },
+    openerElement: null,
+    setOpenerElement: () => { },
+    anchorElement: null,
+    setAnchorElement: () => { },
+    menuElement: null,
+    setMenuElement: () => { },
+    menuFloatingStyle: {},
+};
+exports.SelectContext = (0, react_1.createContext)(exports.SELECT_CONTEXT_DEFAULT_VALUE);
 //# sourceMappingURL=utils.js.map

package/select/utils.js.map

@@ -1 +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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AACA,iCAAsC;AAEzB,QAAA,4BAA4B,GAAuB;IAC9D,WAAW,EAAE,EAAE;IAEf,YAAY,EAAE,EAAE;IAChB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IAEzB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IAErB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAE1B,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAE1B,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IAExB,iBAAiB,EAAE,EAAE;CACtB,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAqB,oCAA4B,CAAC,CAAC"}

package/side-page/index.d.ts

@@ -1,3 +1,4 @@
 export type { SidePageProps } from './types';
 export { SidePage } from './side-page';
-export { SidePageHeader, SidePageBody, SidePageFooter } from './slots';
+export { SidePageBody } from './side-page-body';
+export { getResponsiveSidePageProps, useSidePageTransition } from './utils';

package/side-page/index.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidePageFooter = exports.SidePageBody = exports.SidePageHeader = exports.SidePage = void 0;
+exports.useSidePageTransition = exports.getResponsiveSidePageProps = exports.SidePageBody = exports.SidePage = void 0;
 var side_page_1 = require("./side-page");
 Object.defineProperty(exports, "SidePage", { enumerable: true, get: function () { return side_page_1.SidePage; } });
-var slots_1 = require("./slots");
-Object.defineProperty(exports, "SidePageHeader", { enumerable: true, get: function () { return slots_1.SidePageHeader; } });
-Object.defineProperty(exports, "SidePageBody", { enumerable: true, get: function () { return slots_1.SidePageBody; } });
-Object.defineProperty(exports, "SidePageFooter", { enumerable: true, get: function () { return slots_1.SidePageFooter; } });
+var side_page_body_1 = require("./side-page-body");
+Object.defineProperty(exports, "SidePageBody", { enumerable: true, get: function () { return side_page_body_1.SidePageBody; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getResponsiveSidePageProps", { enumerable: true, get: function () { return utils_1.getResponsiveSidePageProps; } });
+Object.defineProperty(exports, "useSidePageTransition", { enumerable: true, get: function () { return utils_1.useSidePageTransition; } });
 //# sourceMappingURL=index.js.map

package/side-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/side-page/index.ts"],"names":[],"mappings":";;;AACA,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,iCAAuE;AAA9D,uGAAA,cAAc,OAAA;AAAE,qGAAA,YAAY,OAAA;AAAE,uGAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/side-page/index.ts"],"names":[],"mappings":";;;AACA,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,iCAA4E;AAAnE,mHAAA,0BAA0B,OAAA;AAAE,8GAAA,qBAAqB,OAAA"}

package/side-page/side-page-body.d.ts

@@ -0,0 +1,7 @@
+import { SidePageBodyProps } from './types';
+/**
+ * Основной контент SidePage.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SidePageBody({ rootRef, children, className, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: SidePageBodyProps): import("react/jsx-runtime").JSX.Element;

package/side-page/side-page-body.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidePageBody = SidePageBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const helpers_1 = require("../helpers");
+const classnames_1 = __importDefault(require("classnames"));
+const side_page_body_m_scss_1 = __importDefault(require("./side-page-body.m.scss"));
+/**
+ * Основной контент SidePage.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SidePageBody({ rootRef, children, className, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }) {
+    const innerRootRef = (0, react_1.useRef)(null);
+    const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([rootRef, innerRootRef]), [rootRef, innerRootRef]);
+    (0, page_scroll_lock_1.usePageScrollLock)(innerRootRef, {
+        lockEnabled: withScrollDisable,
+        ...scrollDisableOptions,
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { ref: mergedRef, className: (0, classnames_1.default)(side_page_body_m_scss_1.default.body, className), ...restProps, "data-testid": testId, children: children }));
+}
+//# sourceMappingURL=side-page-body.js.map

package/side-page/side-page-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-page-body.js","sourceRoot":"","sources":["../../src/side-page/side-page-body.tsx"],"names":[],"mappings":";;;;;AAYA,oCA2BC;;AAtCD,iCAAwC;AACxC,oEAAkE;AAClE,wCAAuC;AACvC,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACM;IAClB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAC,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7F,IAAA,oCAAiB,EAAC,YAAY,EAAE;QAC9B,WAAW,EAAE,iBAAiB;QAC9B,GAAG,oBAAoB;KACxB,CAAC,CAAC;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KACzC,SAAS,iBACA,MAAM,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/side-page/side-page-body.m.scss

@@ -0,0 +1,4 @@
+.body {
+  flex-grow: 1;
+  overflow-y: auto;
+}

package/side-page/side-page-util.scss

@@ -0,0 +1,9 @@
+@use '../shadows';
+
+@mixin size-s {
+  --side-page-max-width: 488px;
+}
+
+@mixin size-m {
+  --side-page-max-width: 968px;
+}

package/side-page/side-page.d.ts

@@ -1,13 +1,7 @@
 import type { SidePageProps } from './types';
-import { SidePageBody, SidePageFooter, SidePageHeader } from './slots';
 /**
  * Модальное окно, прикрепленное к правой стороне экрана.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }: SidePageProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace SidePage {
-    var Header: typeof SidePageHeader;
-    var Body: typeof SidePageBody;
-    var Footer: typeof SidePageFooter;
-}
+export declare function SidePage({ size, className, children, onClose, overlayProps, 'data-testid': testId, ...restProps }: SidePageProps): import("react/jsx-runtime").JSX.Element;

package/side-page/side-page.js

@@ -5,53 +5,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidePage = SidePage;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const define_slots_1 = require("../helpers/define-slots");
-const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
-const slots_1 = require("./slots");
-const CSSTransition_1 = __importDefault(require("react-transition-group/CSSTransition"));
 const modal_overlay_1 = require("../modal-overlay");
 const utils_1 = require("../modal-overlay/utils");
 const bind_1 = __importDefault(require("classnames/bind"));
 const side_page_m_scss_1 = __importDefault(require("./side-page.m.scss"));
 const cx = bind_1.default.bind(side_page_m_scss_1.default);
-const transitionClasses = {
-    enter: cx('enter'),
-    enterActive: cx('enter-active'),
-    exit: cx('exit'),
-    exitActive: cx('exit-active'),
-};
 /**
  * Модальное окно, прикрепленное к правой стороне экрана.
  * @param props Свойства.
  * @return Элемент.
  */
-function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }) {
-    const transitionDuration = withTransitions ? 300 : 0;
-    return ((0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, children: transitionStatus => ((0, jsx_runtime_1.jsx)(SidePageInner, { ...restProps, transitionStatus, transitionDuration })) }));
-}
-/**
- * Фиктивный компонент, необходимый для того чтобы задействовать хук блокировки прокрутки внутри CSSTransition.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePageInner({ size = 'm', children, onClose, withScrollDisable = false, scrollDisableOptions, transitionStatus, transitionDuration, }) {
-    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
-    const ref = (0, react_1.useRef)(null);
-    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
-    const { header, body, footer } = (0, define_slots_1.defineSlots)(children, {
-        header: SidePage.Header,
-        body: SidePage.Body,
-        footer: SidePage.Footer,
+function SidePage({ size = 'm', className, children, onClose, overlayProps, 'data-testid': testId = 'side-page', ...restProps }) {
+    const overlayClickProps = (0, utils_1.useExactClick)(onClose, {
+        onMouseDown: overlayProps?.onMouseDown,
+        onMouseUp: overlayProps?.onMouseUp,
     });
-    const overlayProps = {
-        style: { '--transition-duration': `${transitionDuration}ms` },
-        // условие нужно чтобы не было моментального закрытия на double click
-        ...(transitionStatus !== 'entering' && overlayClickBind),
-    };
-    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { ...overlayProps, children: (0, jsx_runtime_1.jsxs)("div", { className: cx('side-page', `size-${size}`), "data-testid": 'side-page', children: [header, (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('body'), children: body }), footer] }) }));
+    const overlayClassName = cx('overlay', 
+    // ВАЖНО: классы размера и скруглений кидаем на ModalOverlay для того чтобы понизить специфичность
+    // а также потому что надо регулировать отступы от края
+    size !== 'unset' && `size-${size}`, overlayProps?.className);
+    const sidePageClassName = cx('side-page', className);
+    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { ...overlayProps, className: overlayClassName, ...overlayClickProps, children: (0, jsx_runtime_1.jsx)("div", { className: sidePageClassName, "data-testid": testId, ...restProps, children: children }) }));
 }
-SidePage.Header = slots_1.SidePageHeader;
-SidePage.Body = slots_1.SidePageBody;
-SidePage.Footer = slots_1.SidePageFooter;
 //# sourceMappingURL=side-page.js.map

package/side-page/side-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-page.js","sourceRoot":"","sources":["../../src/side-page/side-page.tsx"],"names":[],"mappings":";;;;;AAyBA,4BA+BC;;AAvDD,iCAA8C;AAC9C,0DAAsD;AACtD,oEAAkE;AAClE,mCAAuE;AACvE,yFAAiE;AACjE,oDAAmE;AACnE,kDAAuD;AACvD,2DAAyC;AACzC,0EAAwC;AAExC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAEnC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC;IAClB,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC;IAChB,UAAU,EAAE,EAAE,CAAC,aAAa,CAAC;CACrB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,eAAe,EACf,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACE;IACd,MAAM,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,uBAAC,uBAAa,IACZ,EAAE,EAAE,KAAK,EACT,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,iBAAiB,EAC7B,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,YAEjB,gBAAgB,CAAC,EAAE,CAAC,CACnB,uBAAC,aAAa,OAAK,SAAS,EAAQ,gBAAgB,EAAE,kBAAkB,GAAM,CAC/E,GACa,CACjB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EACrB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GAInB;IACC,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;KACxB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAsB;QACtC,KAAK,EAAE,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,IAAI,EAAmB;QAE9E,qEAAqE;QACrE,GAAG,CAAC,gBAAgB,KAAK,UAAU,IAAI,gBAAgB,CAAC;KACzD,CAAC;IAEF,OAAO,CACL,uBAAC,4BAAY,OAAK,YAAY,YAC5B,iCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,iBAAc,WAAW,aACrE,MAAM,EACP,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YACjC,IAAI,GACD,EACL,MAAM,IACH,GACO,CAChB,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC;AACjC,QAAQ,CAAC,IAAI,GAAG,oBAAY,CAAC;AAC7B,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC"}
+{"version":3,"file":"side-page.js","sourceRoot":"","sources":["../../src/side-page/side-page.tsx"],"names":[],"mappings":";;;;;AAaA,4BA+BC;;AA3CD,oDAAgD;AAChD,kDAAuD;AACvD,2DAAyC;AACzC,0EAAwC;AAExC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,IAAI,GAAG,GAAG,EACV,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,aAAa,EAAE,MAAM,GAAG,WAAW,EACnC,GAAG,SAAS,EACE;IACd,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAC,OAAO,EAAE;QAC/C,WAAW,EAAE,YAAY,EAAE,WAAW;QACtC,SAAS,EAAE,YAAY,EAAE,SAAS;KACnC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,EAAE,CACzB,SAAS;IACT,kGAAkG;IAClG,uDAAuD;IACvD,IAAI,KAAK,OAAO,IAAI,QAAQ,IAAI,EAAE,EAClC,YAAY,EAAE,SAAS,CACxB,CAAC;IAEF,MAAM,iBAAiB,GAAG,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAErD,OAAO,CACL,uBAAC,4BAAY,OAAK,YAAY,EAAE,SAAS,EAAE,gBAAgB,KAAM,iBAAiB,YAChF,gCAAK,SAAS,EAAE,iBAAiB,iBAAe,MAAM,KAAM,SAAS,YAClE,QAAQ,GACL,GACO,CAChB,CAAC;AACJ,CAAC"}