@sima-land/ui-nucleons 45.0.0-alpha.1 → 45.0.0-alpha.11

package/_internal/page-scroll-lock/context.js

@@ -1,54 +1,9 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageScrollContext = exports.PageScrollProvider = void 0;
-const react_1 = __importStar(require("react"));
+exports.PageScrollLockContext = void 0;
+const react_1 = require("react");
 const body_scroll_lock_1 = require("./adapters/body-scroll-lock");
-const PageScrollContext = (0, react_1.createContext)(null);
-const DEFAULTS = {
-    adapter: (element, options) => new body_scroll_lock_1.PageScrollLock(element, options),
-};
-/**
- * Провайдер реализации блокировки прокрутки.
- * @param props Свойства.
- * @return Элемент.
- */
-function PageScrollProvider({ children, adapter }) {
-    const contextValue = (0, react_1.useContext)(PageScrollContext);
-    if (contextValue !== null) {
-        throw Error('PageScrollContext: only one provider allowed in jsx tree');
-    }
-    return react_1.default.createElement(PageScrollContext.Provider, { value: { adapter } }, children);
-}
-exports.PageScrollProvider = PageScrollProvider;
-/**
- * Хук использования реализации блокировки прокрутки.
- * @return Реализация.
- */
-function usePageScrollContext() {
-    const context = (0, react_1.useContext)(PageScrollContext);
-    return context || DEFAULTS;
-}
-exports.usePageScrollContext = usePageScrollContext;
+exports.PageScrollLockContext = (0, react_1.createContext)({
+    adapter: (element, options) => new body_scroll_lock_1.PageScrollLockAdapterBSL(element, options),
+});
+//# sourceMappingURL=context.js.map

package/_internal/page-scroll-lock/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/context.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AACtC,kEAAuE;AAG1D,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAA6B;IAC7E,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,2CAAwB,CAAC,OAAO,EAAE,OAAO,CAAC;CAC9E,CAAC,CAAC"}

package/_internal/page-scroll-lock/hook.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject } from 'react';
+import { RefObject } from 'react';
 import type { BodyScrollOptions } from 'body-scroll-lock';
 interface HookOptions extends Pick<BodyScrollOptions, 'reserveScrollBarGap'> {
     lockEnabled?: boolean;

package/_internal/page-scroll-lock/hook.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePageScrollLock = void 0;
+const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const context_1 = require("./context");
 const DEFAULTS = {
@@ -12,15 +13,17 @@ const DEFAULTS = {
  * @param ref Ref прокручиваемого элемента для которого нужно отключить прокрутку body.
  * @param options Опции.
  */
-function usePageScrollLock(ref, options = DEFAULTS) {
-    const { adapter } = (0, context_1.usePageScrollContext)();
+function usePageScrollLock(ref, options) {
+    const { adapter } = (0, react_1.useContext)(context_1.PageScrollLockContext);
+    const { lockEnabled = DEFAULTS.lockEnabled, reserveScrollBarGap = DEFAULTS.reserveScrollBarGap } = options !== null && options !== void 0 ? options : DEFAULTS;
     (0, hooks_1.useIsomorphicLayoutEffect)(() => {
         const element = ref.current;
-        if (element && options.lockEnabled) {
-            const pageScroll = adapter(element, options);
+        if (element && lockEnabled) {
+            const pageScroll = adapter(element, { reserveScrollBarGap });
             pageScroll.lock();
             return () => pageScroll.unlock();
         }
-    }, [options === null || options === void 0 ? void 0 : options.lockEnabled, options === null || options === void 0 ? void 0 : options.reserveScrollBarGap]);
+    }, [ref, lockEnabled, reserveScrollBarGap]);
 }
 exports.usePageScrollLock = usePageScrollLock;
+//# sourceMappingURL=hook.js.map

package/_internal/page-scroll-lock/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/hook.ts"],"names":[],"mappings":";;;AAAA,iCAA8C;AAE9C,uCAAwD;AACxD,uCAAkD;AAMlD,MAAM,QAAQ,GAAgB;IAC5B,WAAW,EAAE,IAAI;IACjB,mBAAmB,EAAE,IAAI;CACjB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,GAA2B,EAAE,OAAqB;IAClF,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,+BAAqB,CAAC,CAAC;IAEtD,MAAM,EAAE,WAAW,GAAG,QAAQ,CAAC,WAAW,EAAE,mBAAmB,GAAG,QAAQ,CAAC,mBAAmB,EAAE,GAC9F,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC;IAEtB,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,WAAW,EAAE;YAC1B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAC;YAE7D,UAAU,CAAC,IAAI,EAAE,CAAC;YAElB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAC9C,CAAC;AAjBD,8CAiBC"}

package/_internal/page-scroll-lock/index.d.ts

@@ -1,4 +1,5 @@
-export type { WithPageScrollLock, PageScrollLockAdapterFactory } from './types';
-export { BSL_IGNORE_ATTR } from './adapters/body-scroll-lock';
+export type { WithPageScrollLock, PageScrollLockOptions, PageScrollLockAdapter, PageScrollLockAdapterFactory, } from './types';
 export { usePageScrollLock } from './hook';
-export { PageScrollProvider } from './context';
+export { PageScrollLockContext } from './context';
+export { PageScrollLockAdapterBSL, BSL_IGNORE_ATTR } from './adapters/body-scroll-lock';
+export { PageScrollLockAdapterNucleons } from './adapters/ui-nucleons';

package/_internal/page-scroll-lock/index.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageScrollProvider = exports.usePageScrollLock = exports.BSL_IGNORE_ATTR = void 0;
-var body_scroll_lock_1 = require("./adapters/body-scroll-lock");
-Object.defineProperty(exports, "BSL_IGNORE_ATTR", { enumerable: true, get: function () { return body_scroll_lock_1.BSL_IGNORE_ATTR; } });
+exports.PageScrollLockAdapterNucleons = exports.BSL_IGNORE_ATTR = exports.PageScrollLockAdapterBSL = exports.PageScrollLockContext = exports.usePageScrollLock = void 0;
 var hook_1 = require("./hook");
 Object.defineProperty(exports, "usePageScrollLock", { enumerable: true, get: function () { return hook_1.usePageScrollLock; } });
 var context_1 = require("./context");
-Object.defineProperty(exports, "PageScrollProvider", { enumerable: true, get: function () { return context_1.PageScrollProvider; } });
+Object.defineProperty(exports, "PageScrollLockContext", { enumerable: true, get: function () { return context_1.PageScrollLockContext; } });
+var body_scroll_lock_1 = require("./adapters/body-scroll-lock");
+Object.defineProperty(exports, "PageScrollLockAdapterBSL", { enumerable: true, get: function () { return body_scroll_lock_1.PageScrollLockAdapterBSL; } });
+Object.defineProperty(exports, "BSL_IGNORE_ATTR", { enumerable: true, get: function () { return body_scroll_lock_1.BSL_IGNORE_ATTR; } });
+var ui_nucleons_1 = require("./adapters/ui-nucleons");
+Object.defineProperty(exports, "PageScrollLockAdapterNucleons", { enumerable: true, get: function () { return ui_nucleons_1.PageScrollLockAdapterNucleons; } });
+//# sourceMappingURL=index.js.map

package/_internal/page-scroll-lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/index.ts"],"names":[],"mappings":";;;AAMA,+BAA2C;AAAlC,yGAAA,iBAAiB,OAAA;AAC1B,qCAAkD;AAAzC,gHAAA,qBAAqB,OAAA;AAC9B,gEAAwF;AAA/E,4HAAA,wBAAwB,OAAA;AAAE,mHAAA,eAAe,OAAA;AAClD,sDAAuE;AAA9D,4HAAA,6BAA6B,OAAA"}

package/_internal/page-scroll-lock/types.js

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

package/_internal/page-scroll-lock/types.js.map

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

package/alert/alert-body.d.ts

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

package/alert/alert-body.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertBody = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const bind_1 = __importDefault(require("classnames/bind"));
+const alert_body_module_scss_1 = __importDefault(require("./alert-body.module.scss"));
+const cx = bind_1.default.bind(alert_body_module_scss_1.default);
+/**
+ * Основной контент Alert.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function AlertBody({ children, className, rootRef, withScrollDisable = false, scrollDisableOptions, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: cx('body', className), children: children }));
+}
+exports.AlertBody = AlertBody;
+//# sourceMappingURL=alert-body.js.map

package/alert/alert-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-body.js","sourceRoot":"","sources":["../../src/alert/alert-body.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAoD;AACpD,oEAAkE;AAElE,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,GAAG,SAAS,EACG;IACf,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,IAAA,2BAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAyB,CAAC,CAAC;IAElE,OAAO,CACL,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,YAC3D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAnBD,8BAmBC"}

package/alert/alert-body.module.scss

@@ -0,0 +1,3 @@
+.body {
+  flex-grow: 1;
+}

package/alert/alert.d.ts

@@ -0,0 +1,8 @@
+import { AlertProps } from './types';
+/**
+ * Алерт - небольше модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Обычно используется для подтверждения действия или выбора действия из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Alert({ children, onClose, className, 'data-testid': testId, ...restProps }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/alert/alert.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const modal_overlay_1 = require("../modal-overlay");
+const plate_1 = require("../plate");
+const top_bar_1 = require("../top-bar");
+const bottom_bar_1 = require("../bottom-bar");
+const define_slots_1 = require("../helpers/define-slots");
+const utils_1 = require("../modal-overlay/utils");
+const alert_body_1 = require("./alert-body");
+const bind_1 = __importDefault(require("classnames/bind"));
+const alert_module_scss_1 = __importDefault(require("./alert.module.scss"));
+const cx = bind_1.default.bind(alert_module_scss_1.default);
+/**
+ * Алерт - небольше модальное окно, блокирующее работу с основным интерфейсом до тех пор, пока оно не будет закрыто.
+ * Обычно используется для подтверждения действия или выбора действия из списка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Alert({ children, onClose, className, 'data-testid': testId = 'alert', ...restProps }) {
+    const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
+        topBar: top_bar_1.TopBar,
+        body: alert_body_1.AlertBody,
+        bottomBar: bottom_bar_1.BottomBar,
+    });
+    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
+    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { className: alert_module_scss_1.default.overlay, ...overlayClickBind, children: (0, jsx_runtime_1.jsxs)(plate_1.Plate, { ...restProps, rounds: 'm', shadow: 'z4', className: cx('alert', className), "data-testid": testId, children: [topBar, body, bottomBar] }) }));
+}
+exports.Alert = Alert;
+//# sourceMappingURL=alert.js.map

package/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;AAAA,oDAAgD;AAChD,oCAAiC;AACjC,wCAAoC;AACpC,8CAA0C;AAC1C,0DAAsD;AACtD,kDAAuD;AAEvD,6CAAyC;AACzC,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,SAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD;IACX,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,gBAAM;QACd,IAAI,EAAE,sBAAS;QACf,SAAS,EAAE,sBAAS;KACrB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,uBAAC,4BAAY,IAAC,SAAS,EAAE,2BAAM,CAAC,OAAO,KAAM,gBAAgB,YAC3D,wBAAC,aAAK,OACA,SAAS,EACb,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,iBACpB,MAAM,aAElB,MAAM,EACN,IAAI,EACJ,SAAS,IACJ,GACK,CAChB,CAAC;AACJ,CAAC;AA9BD,sBA8BC"}

package/alert/index.d.ts

@@ -1,21 +1,3 @@
-import React from 'react';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-import { CardContentProps } from '../card/slots';
-export interface AlertProps extends WithPageScrollLock {
-    /** Основное содержимое. */
-    children?: React.ReactNode;
-    /** Будет вызвана при закрытии окна нажатием на затемнение. */
-    onClose?: VoidFunction;
-}
-/**
- * Компонент модального диалога.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Alert({ children, withScrollDisable, scrollDisableOptions, onClose, }: AlertProps): JSX.Element;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function AlertBody({ children }: CardContentProps): JSX.Element;
+export type { AlertProps, AlertBodyProps } from './types';
+export { Alert } from './alert';
+export { AlertBody } from './alert-body';

package/alert/index.js

@@ -1,71 +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.AlertBody = exports.Alert = void 0;
-const react_1 = __importStar(require("react"));
-const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
-const modal_overlay_1 = require("../modal-overlay");
-const card_1 = require("../card");
-const top_bar_1 = require("../top-bar");
-const bottom_bar_1 = require("../bottom-bar");
-const define_slots_1 = require("../helpers/define-slots");
-const utils_1 = require("../modal-overlay/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const alert_module_scss_1 = __importDefault(require("./alert.module.scss"));
-const cx = bind_1.default.bind(alert_module_scss_1.default);
-/**
- * Компонент модального диалога.
- * @param props Свойства.
- * @return Элемент.
- */
-function Alert({ children, withScrollDisable = false, scrollDisableOptions, onClose, }) {
-    const scrollableRef = (0, react_1.useRef)(null);
-    (0, page_scroll_lock_1.usePageScrollLock)(scrollableRef, Object.assign({ lockEnabled: withScrollDisable }, scrollDisableOptions));
-    const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
-        topBar: top_bar_1.TopBar,
-        body: AlertBody,
-        bottomBar: bottom_bar_1.BottomBar,
-    });
-    const overlayClickBind = (0, utils_1.useExactClick)(onClose);
-    (0, react_1.useImperativeHandle)(body === null || body === void 0 ? void 0 : body.props.scrollableRef, () => scrollableRef.current);
-    return (react_1.default.createElement(modal_overlay_1.ModalOverlay, Object.assign({ className: alert_module_scss_1.default.overlay }, overlayClickBind),
-        react_1.default.createElement(card_1.Card, { shadow: 'z4', rounds: 'm', className: cx('alert'), "data-testid": 'alert' },
-            topBar && react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBar.props, { size: 's' })),
-            body && (react_1.default.createElement(card_1.CardContent, Object.assign({}, body.props, { scrollableRef: scrollableRef }), body)),
-            bottomBar && react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, bottomBar.props, { size: 's' })))));
-}
-exports.Alert = Alert;
-/**
- * Основной контент Alert.
- * @param props Свойства.
- * @return Элемент.
- */
-function AlertBody({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
-}
-exports.AlertBody = AlertBody;
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var alert_body_1 = require("./alert-body");
+Object.defineProperty(exports, "AlertBody", { enumerable: true, get: function () { return alert_body_1.AlertBody; } });
+//# sourceMappingURL=index.js.map

package/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/alert/types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+import type { WithTestId } from '../types';
+export interface AlertProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
+    /** Будет вызвана при закрытии окна нажатием на затемнение. */
+    onClose?: VoidFunction;
+}
+export interface AlertBodyProps extends HTMLAttributes<HTMLDivElement>, WithTestId, WithPageScrollLock {
+    rootRef?: Ref<HTMLDivElement>;
+}

package/alert/types.js

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

package/alert/types.js.map

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

package/arrow-button/arrow-button.d.ts

@@ -0,0 +1,7 @@
+import type { ArrowButtonProps } from './types';
+/**
+ * Кнопка-стрелка - круглая кнопка со стрелкой.
+ * @param props Свойства. Поддерживаются свойства элемента button.
+ * @return Элемент.
+ */
+export declare const ArrowButton: ({ size, direction, className, "data-testid": testId, ...buttonProps }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;

package/arrow-button/arrow-button.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ArrowUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowUp"));
+const ArrowRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowRight"));
+const ArrowDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowDown"));
+const ArrowLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowLeft"));
+const ArrowUp_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowUp"));
+const ArrowRight_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowRight"));
+const ArrowDown_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowDown"));
+const ArrowLeft_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowLeft"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const arrow_button_module_scss_1 = __importDefault(require("./arrow-button.module.scss"));
+const cx = bind_1.default.bind(arrow_button_module_scss_1.default);
+const ICONS = {
+    s: {
+        up: ArrowUp_2.default,
+        right: ArrowRight_2.default,
+        down: ArrowDown_2.default,
+        left: ArrowLeft_2.default,
+    },
+    l: {
+        up: ArrowUp_1.default,
+        right: ArrowRight_1.default,
+        down: ArrowDown_1.default,
+        left: ArrowLeft_1.default,
+    },
+};
+/**
+ * Кнопка-стрелка - круглая кнопка со стрелкой.
+ * @param props Свойства. Поддерживаются свойства элемента button.
+ * @return Элемент.
+ */
+const ArrowButton = ({ size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button', ...buttonProps }) => {
+    const Icon = ICONS[size][direction];
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', ...buttonProps, className: cx('arrow-button', `size-${size}`, className), "data-testid": testId, children: (0, jsx_runtime_1.jsx)(Icon, { "aria-hidden": true, fill: 'currentColor' }) }));
+};
+exports.ArrowButton = ArrowButton;
+//# sourceMappingURL=arrow-button.js.map

package/arrow-button/arrow-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button.js","sourceRoot":"","sources":["../../src/arrow-button/arrow-button.tsx"],"names":[],"mappings":";;;;;;;AAEA,+FAAqE;AACrE,qGAA2E;AAC3E,mGAAyE;AACzE,mGAAyE;AACzE,+FAA0E;AAC1E,qGAAgF;AAChF,mGAA8E;AAC9E,mGAA8E;AAC9E,2DAAyC;AACzC,0FAAgD;AAEhD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,kCAAM,CAAC,CAAC;AAEnC,MAAM,KAAK,GAAG;IACZ,CAAC,EAAE;QACD,EAAE,EAAE,iBAAU;QACd,KAAK,EAAE,oBAAa;QACpB,IAAI,EAAE,mBAAY;QAClB,IAAI,EAAE,mBAAY;KACyD;IAC7E,CAAC,EAAE;QACD,EAAE,EAAE,iBAAK;QACT,KAAK,EAAE,oBAAQ;QACf,IAAI,EAAE,mBAAO;QACb,IAAI,EAAE,mBAAO;KAC8D;CACrE,CAAC;AAEX;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,WAAW,EACG,EAAE,EAAE;IACrB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,KACT,WAAW,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,iBAC3C,MAAM,YAEnB,uBAAC,IAAI,yBAAa,IAAI,EAAC,cAAc,GAAG,GACjC,CACV,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,WAAW,eAmBtB"}

package/arrow-button/arrow-button.module.scss

@@ -1,6 +1,6 @@
 @use '../colors';
 @use '../utils';
-@import '../styling/shadows.module';
+@use '../shadows';
 
 .arrow-button {
   @include utils.focus-visible;
@@ -25,17 +25,17 @@
   &.size-s {
     width: 32px;
     height: 32px;
-    @extend .shadow-z2;
+    @include shadows.box-shadow('z2');
     &:not(:disabled):hover {
-      @extend .shadow-z3;
+      @include shadows.box-shadow('z3');
     }
   }
   &.size-l {
     width: 56px;
     height: 56px;
-    @extend .shadow-z3;
+    @include shadows.box-shadow('z3');
     &:not(:disabled):hover {
-      @extend .shadow-z4;
+      @include shadows.box-shadow('z4');
     }
   }
 }

package/arrow-button/index.d.ts

@@ -1,17 +1,2 @@
-/// <reference types="react" />
-export type ArrowButtonSize = 's' | 'l';
-export type ArrowDirection = 'up' | 'right' | 'down' | 'left';
-export interface ArrowButtonProps extends Omit<JSX.IntrinsicElements['button'], 'size' | 'children'> {
-    /** Размер. */
-    size?: ArrowButtonSize;
-    /** Направление (отвечает за иконку). */
-    direction?: ArrowDirection;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Компонент круглой кнопки со стрелкой.
- * @param props Свойства. Поддерживаются свойства элемента button.
- * @return Элемент.
- */
-export declare const ArrowButton: ({ size, direction, className, "data-testid": testId, ...buttonProps }: ArrowButtonProps) => JSX.Element;
+export type { ArrowButtonSize, ArrowDirection, ArrowButtonProps } from './types';
+export { ArrowButton } from './arrow-button';

package/arrow-button/index.js

@@ -1,55 +1,6 @@
 "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.ArrowButton = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const arrow_button_module_scss_1 = __importDefault(require("./arrow-button.module.scss"));
-const arrow_up_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-up"));
-const arrow_right_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-right"));
-const arrow_down_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-down"));
-const arrow_left_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-left"));
-const arrow_up_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-up"));
-const arrow_right_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-right"));
-const arrow_down_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-down"));
-const arrow_left_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/arrow-left"));
-const cx = bind_1.default.bind(arrow_button_module_scss_1.default);
-const ICONS = {
-    s: {
-        up: arrow_up_2.default,
-        right: arrow_right_2.default,
-        down: arrow_down_2.default,
-        left: arrow_left_2.default,
-    },
-    l: {
-        up: arrow_up_1.default,
-        right: arrow_right_1.default,
-        down: arrow_down_1.default,
-        left: arrow_left_1.default,
-    },
-};
-/**
- * Компонент круглой кнопки со стрелкой.
- * @param props Свойства. Поддерживаются свойства элемента button.
- * @return Элемент.
- */
-const ArrowButton = (_a) => {
-    var { size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button' } = _a, buttonProps = __rest(_a, ["size", "direction", "className", 'data-testid']);
-    const Icon = ICONS[size][direction];
-    return (react_1.default.createElement("button", Object.assign({ type: 'button' }, buttonProps, { className: cx('arrow-button', `size-${size}`, className), "data-testid": testId }),
-        react_1.default.createElement(Icon, { "aria-hidden": true, fill: 'currentColor' })));
-};
-exports.ArrowButton = ArrowButton;
+var arrow_button_1 = require("./arrow-button");
+Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return arrow_button_1.ArrowButton; } });
+//# sourceMappingURL=index.js.map

package/arrow-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/arrow-button/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA"}

package/arrow-button/types.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonHTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
+export type ArrowButtonSize = 's' | 'l';
+export type ArrowDirection = 'up' | 'right' | 'down' | 'left';
+export interface ArrowButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'children'>, WithTestId {
+    /** Размер. */
+    size?: ArrowButtonSize;
+    /** Направление (отвечает за иконку). */
+    direction?: ArrowDirection;
+}

package/arrow-button/types.js

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

package/arrow-button/types.js.map

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

package/autocomplete/autocomplete.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { AutocompleteProps } from './types';
 /**
  * Поле ввода с подсказками.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function Autocomplete({ children, loading, filterOption, dropdownProps, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): JSX.Element;
+export declare function Autocomplete({ children, loading, filterOption, dropdownProps, onMenuOpen, onMenuClose, optionsStub, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;