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

package/select/types.d.ts

@@ -1,29 +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;
+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 {
     /** Опции. */
@@ -50,6 +43,12 @@ export interface SelectProps {
     label?: string;
     /** Открывающий элемент. */
     opener?: ReactElement;
-    /** Опции Dropdown. */
-    dropdownProps?: Pick<DropdownProps, 'className' | 'style'>;
+    /** Элемент меню. */
+    menu?: ReactElement;
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
+    /** Сработает при открытии меню. */
+    onMenuOpen?: VoidFunction;
+    /** Сработает при закрытии меню. */
+    onMenuClose?: VoidFunction;
 }

package/select/types.js

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

package/select/types.js.map

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

package/select/utils.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-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,13 +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

@@ -0,0 +1 @@
+{"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/shadows.scss

@@ -3,16 +3,52 @@
  */
 @mixin box-shadow($key) {
   @if $key == 'z1' {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.08);
+    box-shadow:
+      0 0 4px rgba(0, 0, 0, 0.04),
+      0 2px 4px rgba(0, 0, 0, 0.08);
   } @else if $key == 'z2' {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.1);
+    box-shadow:
+      0 0 4px rgba(0, 0, 0, 0.04),
+      0 4px 8px rgba(0, 0, 0, 0.1);
   } @else if $key == 'z2-straight' {
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
   } @else if $key == 'z3' {
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08), 0 0 4px rgba(0, 0, 0, 0.04);
+    box-shadow:
+      0 8px 16px rgba(0, 0, 0, 0.08),
+      0 0 4px rgba(0, 0, 0, 0.04);
   } @else if $key == 'z4' {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 12px 30px rgba(0, 0, 0, 0.1);
+    box-shadow:
+      0 0 4px rgba(0, 0, 0, 0.04),
+      0 12px 30px rgba(0, 0, 0, 0.1);
   } @else {
     @warn 'No such shadow `#{$key}`.';
   }
 }
+
+@function get-box-shadow($key) {
+  $result: none;
+
+  @if $key == 'z1' {
+    $result:
+      0 0 4px rgba(0, 0, 0, 0.04),
+      0 2px 4px rgba(0, 0, 0, 0.08);
+  } @else if $key == 'z2' {
+    $result:
+      0 0 4px rgba(0, 0, 0, 0.04),
+      0 4px 8px rgba(0, 0, 0, 0.1);
+  } @else if $key == 'z2-straight' {
+    $result: 0 0 15px rgba(0, 0, 0, 0.12);
+  } @else if $key == 'z3' {
+    $result:
+      0 8px 16px rgba(0, 0, 0, 0.08),
+      0 0 4px rgba(0, 0, 0, 0.04);
+  } @else if $key == 'z4' {
+    $result:
+      0 0 4px rgba(0, 0, 0, 0.04),
+      0 12px 30px rgba(0, 0, 0, 0.1);
+  } @else {
+    @warn 'No such shadow `#{$key}`.';
+  }
+
+  @return $result;
+}

package/side-page/index.d.ts

@@ -1,39 +1,3 @@
-import { ReactNode } from 'react';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-import { SidePageBody, SidePageFooter, SidePageHeader } from './slots';
-import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-export interface SidePageProps extends WithPageScrollLock {
-    /** Нужно ли показать компонент. */
-    shown?: boolean;
-    /** Нужно ли использовать анимации при открытии/закрытии. */
-    withTransitions?: boolean;
-    /** Ширина. */
-    size?: 's' | 'm';
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Сработает при закрытии. */
-    onClose?: () => void;
-    /** Обработчик "onEntering" для CSSTransition. */
-    onEntering?: CSSTransitionProps['onEntering'];
-    /** Обработчик "onEnter" для CSSTransition. */
-    onEnter?: CSSTransitionProps['onEnter'];
-    /** Обработчик "onEntered" для CSSTransition. */
-    onEntered?: CSSTransitionProps['onEntered'];
-    /** Обработчик "onExiting" для CSSTransition. */
-    onExiting?: CSSTransitionProps['onExiting'];
-    /** Обработчик "onExited" для CSSTransition. */
-    onExited?: CSSTransitionProps['onExited'];
-    /** Обработчик "onExit" для CSSTransition. */
-    onExit?: CSSTransitionProps['onExit'];
-}
-/**
- * Компонент модального окна, прикрепленного к правой стороне экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }: SidePageProps): JSX.Element;
-export declare namespace SidePage {
-    var Header: typeof SidePageHeader;
-    var Body: typeof SidePageBody;
-    var Footer: typeof SidePageFooter;
-}
+export type { SidePageProps } from './types';
+export { SidePage } from './side-page';
+export { SidePageHeader, SidePageBody, SidePageFooter } from './slots';

package/side-page/index.js

@@ -1,91 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidePage = void 0;
-const react_1 = __importStar(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_module_scss_1 = __importDefault(require("./side-page.module.scss"));
-const cx = bind_1.default.bind(side_page_module_scss_1.default);
-const transitionClasses = {
-    enter: cx('enter'),
-    enterActive: cx('enter-active'),
-    exit: cx('exit'),
-    exitActive: cx('exit-active'),
-};
-/**
- * Компонент модального окна, прикрепленного к правой стороне экрана.
- * @param props Свойства.
- * @return Элемент.
- */
-function SidePage(_a) {
-    var { shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited } = _a, restProps = __rest(_a, ["shown", "withTransitions", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited"]);
-    const transitionDuration = withTransitions ? 300 : 0;
-    return (react_1.default.createElement(CSSTransition_1.default, { in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }, transitionStatus => (react_1.default.createElement(SidePageInner, Object.assign({}, restProps, { transitionStatus, transitionDuration })))));
-}
-exports.SidePage = SidePage;
-/**
- * Фиктивный компонент, необходимый для того чтобы задействовать хук блокировки прокрутки внутри 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, Object.assign({ lockEnabled: withScrollDisable }, scrollDisableOptions));
-    const { header, body, footer } = (0, define_slots_1.defineSlots)(children, {
-        header: SidePage.Header,
-        body: SidePage.Body,
-        footer: SidePage.Footer,
-    });
-    const overlayProps = Object.assign({ style: { '--transition-duration': `${transitionDuration}ms` } }, (transitionStatus !== 'entering' && overlayClickBind));
-    return (react_1.default.createElement(modal_overlay_1.ModalOverlay, Object.assign({}, overlayProps),
-        react_1.default.createElement("div", { className: cx('side-page', `size-${size}`) },
-            header,
-            react_1.default.createElement("div", { ref: ref, className: cx('body') }, body),
-            footer)));
-}
-SidePage.Header = slots_1.SidePageHeader;
-SidePage.Body = slots_1.SidePageBody;
-SidePage.Footer = slots_1.SidePageFooter;
+exports.SidePageFooter = exports.SidePageBody = exports.SidePageHeader = 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; } });
+//# sourceMappingURL=index.js.map

package/side-page/index.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+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;
+}

package/side-page/side-page.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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,
+    });
+    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] }) }));
+}
+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

@@ -0,0 +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"}

package/side-page/slots.d.ts

@@ -9,7 +9,7 @@ import { BottomBarProps } from '../bottom-bar';
 export declare function SidePageHeader({ onBack, onClose, buttons, ...topBarProps }: TopBarProps & {
     onBack?: () => void;
     onClose?: () => void;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Основной контент SidePage.
  * @param props Свойства.
@@ -17,10 +17,10 @@ export declare function SidePageHeader({ onBack, onClose, buttons, ...topBarProp
  */
 export declare function SidePageBody({ children }: {
     children?: ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Подвал SidePage.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function SidePageFooter({ ...props }: BottomBarProps): JSX.Element;
+export declare function SidePageFooter({ ...props }: BottomBarProps): import("react/jsx-runtime").JSX.Element;

package/side-page/slots.js

@@ -1,52 +1,39 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidePageFooter = exports.SidePageBody = exports.SidePageHeader = void 0;
-const react_1 = __importDefault(require("react"));
+exports.SidePageHeader = SidePageHeader;
+exports.SidePageBody = SidePageBody;
+exports.SidePageFooter = SidePageFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const top_bar_1 = require("../top-bar");
 const bottom_bar_1 = require("../bottom-bar");
 const utils_1 = require("../top-bar/utils");
 const classnames_1 = __importDefault(require("classnames"));
-const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss"));
+const side_page_m_scss_1 = __importDefault(require("./side-page.m.scss"));
 /**
  * Шапка SidePage.
  * @param props Свойства.
  * @return Элемент.
  */
-function SidePageHeader(_a) {
-    var { onBack, onClose, buttons } = _a, topBarProps = __rest(_a, ["onBack", "onClose", "buttons"]);
-    return (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBarProps, { size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) })));
+function SidePageHeader({ onBack, onClose, buttons, ...topBarProps }) {
+    return ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, { ...topBarProps, size: 'unset', className: side_page_m_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) }));
 }
-exports.SidePageHeader = SidePageHeader;
 /**
  * Основной контент SidePage.
  * @param props Свойства.
  * @return Элемент.
  */
 function SidePageBody({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }
-exports.SidePageBody = SidePageBody;
 /**
  * Подвал SidePage.
  * @param props Свойства.
  * @return Элемент.
  */
-function SidePageFooter(_a) {
-    var props = __rest(_a, []);
-    return react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) }));
+function SidePageFooter({ ...props }) {
+    return (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, { ...props, size: 'unset', className: (0, classnames_1.default)(side_page_m_scss_1.default.footer) });
 }
-exports.SidePageFooter = SidePageFooter;
+//# sourceMappingURL=slots.js.map

package/side-page/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","sourceRoot":"","sources":["../../src/side-page/slots.tsx"],"names":[],"mappings":";;;;;AAYA,wCAiBC;AAOD,oCAEC;AAOD,wCAEC;;AA9CD,wCAAiD;AACjD,8CAA0D;AAC1D,4CAAqD;AACrD,4DAAoC;AACpC,0EAAwC;AAExC;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,WAAW,EAIf;IACC,OAAO,CACL,uBAAC,gBAAM,OACD,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,0BAAM,CAAC,MAAM,EACxB,OAAO,EAAE,IAAA,yBAAiB,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GACxD,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAA4B;IACjE,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAAE,GAAG,KAAK,EAAkB;IACzD,OAAO,uBAAC,sBAAS,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,MAAM,CAAC,GAAI,CAAC;AACrF,CAAC"}

package/side-page/types.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+export interface SidePageProps extends WithPageScrollLock {
+    /** Нужно ли показать компонент. */
+    shown?: boolean;
+    /** Нужно ли использовать анимации при открытии/закрытии. */
+    withTransitions?: boolean;
+    /** Ширина. */
+    size?: 's' | 'm';
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Сработает при закрытии. */
+    onClose?: () => void;
+    /** Обработчик "onEntering" для CSSTransition. */
+    onEntering?: CSSTransitionProps['onEntering'];
+    /** Обработчик "onEnter" для CSSTransition. */
+    onEnter?: CSSTransitionProps['onEnter'];
+    /** Обработчик "onEntered" для CSSTransition. */
+    onEntered?: CSSTransitionProps['onEntered'];
+    /** Обработчик "onExiting" для CSSTransition. */
+    onExiting?: CSSTransitionProps['onExiting'];
+    /** Обработчик "onExited" для CSSTransition. */
+    onExited?: CSSTransitionProps['onExited'];
+    /** Обработчик "onExit" для CSSTransition. */
+    onExit?: CSSTransitionProps['onExit'];
+}

package/side-page/types.js

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

package/side-page/types.js.map

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

package/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export type { SkeletonStyle, SkeletonProps } from './types';
+export { Skeleton } from './skeleton';

package/skeleton/index.js

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

package/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/skeleton/index.ts"],"names":[],"mappings":";;;AACA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/skeleton/skeleton.d.ts

@@ -0,0 +1,7 @@
+import type { SkeletonProps } from './types';
+/**
+ * Скелетон - блок с анимацией загрузки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Skeleton({ theme, shining, children, className, rootRef, ...restProps }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

package/skeleton/skeleton.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = Skeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const skeleton_m_scss_1 = __importDefault(require("./skeleton.m.scss"));
+/**
+ * Скелетон - блок с анимацией загрузки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Skeleton({ theme = 'light', shining = true, children, className, rootRef, ...restProps }) {
+    const rootClassName = (0, classnames_1.default)(skeleton_m_scss_1.default.skeleton, theme === 'light' && skeleton_m_scss_1.default['theme-light'], theme === 'dark' && skeleton_m_scss_1.default['theme-dark'], shining && skeleton_m_scss_1.default.shining, className);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, ...restProps, className: rootClassName, children: children }));
+}
+//# sourceMappingURL=skeleton.js.map

package/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;AASA,4BAqBC;;AA7BD,4DAAoC;AACpC,wEAAuC;AAEvC;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACE;IACd,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,yBAAM,CAAC,QAAQ,EACf,KAAK,KAAK,OAAO,IAAI,yBAAM,CAAC,aAAa,CAAC,EAC1C,KAAK,KAAK,MAAM,IAAI,yBAAM,CAAC,YAAY,CAAC,EACxC,OAAO,IAAI,yBAAM,CAAC,OAAO,EACzB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,gCAAK,GAAG,EAAE,OAAO,KAAM,SAAS,EAAE,SAAS,EAAE,aAAa,YACvD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}