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

package/dist/modal/utils.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getResponsiveModalProps = getResponsiveModalProps;
+const bind_1 = __importDefault(require("classnames/bind"));
+const utils_m_scss_1 = __importDefault(require("./utils.m.scss"));
+const cx = bind_1.default.bind(utils_m_scss_1.default);
+/**
+ * Вернет свойства Modal для формирования.
+ * @param config Настройки.
+ * @param config.size Размер на desktop-разрешениях.
+ * @param config.overlayProps Опции overlayProps.
+ * @return Свойства Modal.
+ */
+function getResponsiveModalProps(config) {
+    const { size, overlayProps } = config;
+    return {
+        size: 'unset',
+        rounds: 'unset',
+        // ВАЖНО: накидываем класс именно на ModalOverlay так как размер влияет и на него в том числе
+        overlayProps: {
+            ...overlayProps,
+            className: cx(`size-${size}`, overlayProps?.className),
+        },
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/modal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/modal/utils.ts"],"names":[],"mappings":";;;;;AAaA,0DAeC;AA3BD,2DAAyC;AACzC,kEAAoC;AAEpC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sBAAM,CAAC,CAAC;AAEnC;;;;;;GAMG;AACH,SAAgB,uBAAuB,CACrC,MAAiD;IAEjD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IAEtC,OAAO;QACL,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,OAAO;QAEf,6FAA6F;QAC7F,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC;SACvD;KACF,CAAC;AACJ,CAAC"}

package/dist/modal/utils.m.scss

@@ -0,0 +1,45 @@
+@use '../breakpoints';
+@use './modal-util';
+@use '../top-bar/top-bar-util';
+@use '../bottom-bar/bottom-bar-util';
+
+@include breakpoints.lt('xs') {
+  .size-s,
+  .size-m,
+  .size-l,
+  .size-xl,
+  .size-fullscreen {
+    @include modal-util.size-fullscreen;
+    @include top-bar-util.size-m;
+    @include bottom-bar-util.size-m;
+  }
+}
+
+@include breakpoints.gte('xs') {
+  .size-s {
+    @include modal-util.size-s;
+  }
+  .size-m {
+    @include modal-util.size-m;
+  }
+  .size-l {
+    @include modal-util.size-l;
+  }
+  .size-xl {
+    @include modal-util.size-xl;
+  }
+  .size-fullscreen {
+    @include modal-util.size-fullscreen;
+  }
+  .size-s,
+  .size-m,
+  .size-l,
+  .size-xl {
+    @include top-bar-util.size-m;
+    @include bottom-bar-util.size-m;
+  }
+  .size-fullscreen {
+    @include top-bar-util.size-xl;
+    @include bottom-bar-util.size-l;
+  }
+}

package/dist/modal-overlay/index.d.ts

@@ -0,0 +1,3 @@
+export type { ModalOverlayProps } from './types';
+export { ModalOverlay } from './modal-overlay';
+export { useExactClick, useVisualViewportPlacement } from './utils';

package/dist/modal-overlay/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVisualViewportPlacement = exports.useExactClick = exports.ModalOverlay = void 0;
+var modal_overlay_1 = require("./modal-overlay");
+Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return modal_overlay_1.ModalOverlay; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "useExactClick", { enumerable: true, get: function () { return utils_1.useExactClick; } });
+Object.defineProperty(exports, "useVisualViewportPlacement", { enumerable: true, get: function () { return utils_1.useVisualViewportPlacement; } });
+//# sourceMappingURL=index.js.map

package/dist/modal-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal-overlay/index.ts"],"names":[],"mappings":";;;AACA,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAoE;AAA3D,sGAAA,aAAa,OAAA;AAAE,mHAAA,0BAA0B,OAAA"}

package/dist/modal-overlay/modal-overlay.d.ts

@@ -0,0 +1,7 @@
+import type { ModalOverlayProps } from './types';
+/**
+ * Полноэкранное затемнение для модальных компонентов (Alert, Modal, SidePage...).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ModalOverlay({ rootRef, children, className, style, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/modal-overlay/modal-overlay.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalOverlay = ModalOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const layer_1 = require("../helpers/layer");
+const classnames_1 = __importDefault(require("classnames"));
+const modal_overlay_m_scss_1 = __importDefault(require("./modal-overlay.m.scss"));
+/**
+ * Полноэкранное затемнение для модальных компонентов (Alert, Modal, SidePage...).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ModalOverlay({ rootRef, children, className, style, withScrollDisable = false, scrollDisableOptions, 'data-testid': testId = 'modal-overlay', ...restProps }) {
+    const layer = (0, layer_1.useLayer)() + 100;
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
+    // ВАЖНО: поскольку у ModalOverlay тоже есть прокрутка - для него тоже надо блокировать прокрутку страницы (в частности на iPad)
+    (0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
+    return ((0, jsx_runtime_1.jsx)(layer_1.LayerProvider, { value: layer, children: (0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: (0, classnames_1.default)(modal_overlay_m_scss_1.default.root, className), "data-testid": testId, style: {
+                ...style,
+                zIndex: layer, // ВАЖНО: z-index должен быть на том же элементе что и position: fixed
+            }, children: children }) }));
+}
+//# sourceMappingURL=modal-overlay.js.map

package/dist/modal-overlay/modal-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-overlay.js","sourceRoot":"","sources":["../../src/modal-overlay/modal-overlay.tsx"],"names":[],"mappings":";;;;;AAYA,oCAmCC;;AA9CD,iCAAoD;AACpD,oEAAkE;AAClE,4CAA2D;AAC3D,4DAAoC;AACpC,kFAA4C;AAE5C;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,aAAa,EAAE,MAAM,GAAG,eAAe,EACvC,GAAG,SAAS,EACM;IAClB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,GAAG,GAAG,CAAC;IAE/B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,2BAAmB,EAA+C,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,gIAAgI;IAChI,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,OAAO,CACL,uBAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,YACzB,mCACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAChC,MAAM,EACnB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,KAAK,EAAE,sEAAsE;aACtF,YAEA,QAAQ,GACL,GACQ,CACjB,CAAC;AACJ,CAAC"}

package/dist/modal-overlay/types.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { WithTestId } from '../types';
+import type { WithPageScrollLock } from '../_internal/page-scroll-lock';
+export interface ModalOverlayProps extends HTMLAttributes<HTMLDivElement>, WithPageScrollLock, WithTestId {
+    /** Реф корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+}

package/dist/modal-overlay/types.js

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

package/dist/modal-overlay/types.js.map

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

package/dist/modal-overlay/utils.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties, MouseEventHandler } from 'react';
+/**
+ * Вызывает callback только если клик был начат и закончен на одном и том же элементе.
+ * @param onExactClick Сработает при клике.
+ * @param options Опции.
+ * @return Свойства для целевого элемента.
+ * @todo Экспортировать из точки входа modal-overlay.
+ */
+export declare function useExactClick(onExactClick: VoidFunction | undefined, { onMouseDown, onMouseUp, }?: {
+    onMouseDown?: MouseEventHandler;
+    onMouseUp?: MouseEventHandler;
+}): {
+    onMouseUp: MouseEventHandler;
+    onMouseDown: MouseEventHandler;
+};
+/**
+ * Возвращает пропсы со стилям, которые формируют размер и позицию на основе window.visualViewport.
+ * @return Пропсы.
+ */
+export declare function useVisualViewportPlacement(): {
+    style: CSSProperties;
+};

package/dist/modal-overlay/utils.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExactClick = useExactClick;
+exports.useVisualViewportPlacement = useVisualViewportPlacement;
+const react_1 = require("react");
+const use_identity_ref_1 = require("../hooks/use-identity-ref");
+/**
+ * Вызывает callback только если клик был начат и закончен на одном и том же элементе.
+ * @param onExactClick Сработает при клике.
+ * @param options Опции.
+ * @return Свойства для целевого элемента.
+ * @todo Экспортировать из точки входа modal-overlay.
+ */
+function useExactClick(onExactClick, { onMouseDown, onMouseUp, } = {}) {
+    const callbackRef = (0, use_identity_ref_1.useIdentityRef)(onExactClick);
+    const mouseDownTarget = (0, react_1.useRef)(null);
+    const handleMouseDown = (0, react_1.useCallback)(event => {
+        onMouseDown?.(event);
+        if (event.button === 0) {
+            mouseDownTarget.current = event.target;
+        }
+    }, []);
+    const handleMouseUp = (0, react_1.useCallback)(event => {
+        const fn = callbackRef.current;
+        onMouseUp?.(event);
+        fn &&
+            event.button === 0 &&
+            event.target === event.currentTarget &&
+            event.currentTarget === mouseDownTarget.current &&
+            fn();
+    }, []);
+    return { onMouseUp: handleMouseUp, onMouseDown: handleMouseDown };
+}
+/**
+ * Возвращает пропсы со стилям, которые формируют размер и позицию на основе window.visualViewport.
+ * @return Пропсы.
+ */
+function useVisualViewportPlacement() {
+    const [state, setState] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        const { visualViewport } = window;
+        if (!visualViewport) {
+            return;
+        }
+        /** Сохраняет значения visualViewport в состояние. */
+        const callback = () => {
+            setState({
+                width: visualViewport.width * visualViewport.scale,
+                height: visualViewport.height * visualViewport.scale,
+                // @todo проверить на реальном устройстве зум пальцами (iPad с показанной клавиатурой)
+                offsetTop: visualViewport.scale === 1 ? visualViewport.offsetTop : 0,
+                offsetLeft: visualViewport.scale === 1 ? visualViewport.offsetLeft : 0,
+            });
+        };
+        visualViewport.addEventListener('resize', callback);
+        visualViewport.addEventListener('scroll', callback);
+        window.addEventListener('resize', callback);
+        window.addEventListener('orientationchange', callback);
+        callback();
+        return () => {
+            visualViewport.removeEventListener('resize', callback);
+            visualViewport.removeEventListener('scroll', callback);
+            window.removeEventListener('resize', callback);
+            window.removeEventListener('orientationchange', callback);
+        };
+    }, []);
+    return {
+        style: state
+            ? {
+                top: `${state.offsetTop}px`,
+                left: `${state.offsetLeft}px`,
+                width: `${state.width}px`,
+                height: `${state.height}px`,
+            }
+            : {},
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/modal-overlay/utils.js.map

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

package/dist/no-index/index.d.ts

@@ -0,0 +1,4 @@
+export type { NoIndexProps, NoIndexMarkProps } from './types';
+export { NoIndex } from './no-index';
+export { NoIndexMark } from './no-index-mark';
+export { wrapNoIndex, getNoIndexProps } from './utils';

package/dist/no-index/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNoIndexProps = exports.wrapNoIndex = exports.NoIndexMark = exports.NoIndex = void 0;
+var no_index_1 = require("./no-index");
+Object.defineProperty(exports, "NoIndex", { enumerable: true, get: function () { return no_index_1.NoIndex; } });
+var no_index_mark_1 = require("./no-index-mark");
+Object.defineProperty(exports, "NoIndexMark", { enumerable: true, get: function () { return no_index_mark_1.NoIndexMark; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "wrapNoIndex", { enumerable: true, get: function () { return utils_1.wrapNoIndex; } });
+Object.defineProperty(exports, "getNoIndexProps", { enumerable: true, get: function () { return utils_1.getNoIndexProps; } });
+//# sourceMappingURL=index.js.map

package/dist/no-index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/no-index/index.ts"],"names":[],"mappings":";;;AACA,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,iDAA8C;AAArC,4GAAA,WAAW,OAAA;AACpB,iCAAuD;AAA9C,oGAAA,WAAW,OAAA;AAAE,wGAAA,eAAe,OAAA"}

package/dist/no-index/no-index-mark.d.ts

@@ -0,0 +1,7 @@
+import type { NoIndexMarkProps } from './types';
+/**
+ * Span с комментарием начала или конца неиндексируемого контента.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function NoIndexMark({ closing }: NoIndexMarkProps): import("react/jsx-runtime").JSX.Element;

package/dist/no-index/no-index-mark.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoIndexMark = NoIndexMark;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const open = '<!--noindex-->';
+const close = '<!--/noindex-->';
+/**
+ * Span с комментарием начала или конца неиндексируемого контента.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function NoIndexMark({ closing }) {
+    return (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: closing ? close : open } });
+}
+//# sourceMappingURL=no-index-mark.js.map

package/dist/no-index/no-index-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-index-mark.js","sourceRoot":"","sources":["../../src/no-index/no-index-mark.tsx"],"names":[],"mappings":";;AAUA,kCAEC;;AAVD,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAC9B,MAAM,KAAK,GAAG,iBAAiB,CAAC;AAEhC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAAE,OAAO,EAAoB;IACvD,OAAO,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,GAAI,CAAC;AAC/E,CAAC"}

package/dist/no-index/no-index.d.ts

@@ -0,0 +1,7 @@
+import type { NoIndexProps } from './types';
+/**
+ * Неиндексируемый контент.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function NoIndex({ children }: NoIndexProps): import("react/jsx-runtime").JSX.Element;

package/dist/no-index/no-index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoIndex = NoIndex;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const no_index_mark_1 = require("./no-index-mark");
+/**
+ * Неиндексируемый контент.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function NoIndex({ children }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(no_index_mark_1.NoIndexMark, {}), children, (0, jsx_runtime_1.jsx)(no_index_mark_1.NoIndexMark, { closing: true })] }));
+}
+//# sourceMappingURL=no-index.js.map

package/dist/no-index/no-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-index.js","sourceRoot":"","sources":["../../src/no-index/no-index.tsx"],"names":[],"mappings":";;AAQA,0BAQC;;AAfD,mDAA8C;AAE9C;;;;GAIG;AACH,SAAgB,OAAO,CAAC,EAAE,QAAQ,EAAgB;IAChD,OAAO,CACL,6DACE,uBAAC,2BAAW,KAAG,EACd,QAAQ,EACT,uBAAC,2BAAW,IAAC,OAAO,SAAG,IACtB,CACJ,CAAC;AACJ,CAAC"}

package/dist/no-index/types.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface NoIndexMarkProps {
+    /** Флаг закрывающегося тэга. */
+    closing?: boolean;
+}
+export interface NoIndexProps {
+    /** Содержимое. */
+    children?: ReactNode;
+}

package/dist/no-index/types.js

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

package/dist/no-index/types.js.map

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

package/dist/no-index/utils.d.ts

@@ -0,0 +1,13 @@
+import type { DOMAttributes } from 'react';
+/**
+ * Оборачивает строку html-комментариями <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Новая строка.
+ */
+export declare function wrapNoIndex(content: unknown): string;
+/**
+ * Возвращает пропсы dangerouslySetInnerHTML с исходной строкой в тэге <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Объект, содержащий обернутую строку, для использования c атрибутом dangerouslySetInnerHTML.
+ */
+export declare function getNoIndexProps(content: unknown): Pick<DOMAttributes<any>, 'dangerouslySetInnerHTML'>;

package/dist/no-index/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapNoIndex = wrapNoIndex;
+exports.getNoIndexProps = getNoIndexProps;
+/**
+ * Оборачивает строку html-комментариями <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Новая строка.
+ */
+function wrapNoIndex(content) {
+    // ВАЖНО: проверка согласно тому как работает React (https://legacy.reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored)
+    return (content && content !== true) || content === 0
+        ? `<!--noindex-->${String(content)}<!--/noindex-->`
+        : '';
+}
+/**
+ * Возвращает пропсы dangerouslySetInnerHTML с исходной строкой в тэге <!--noindex--> для запрета отслеживания контента поисковиками.
+ * @param content Исходная строка.
+ * @return Объект, содержащий обернутую строку, для использования c атрибутом dangerouslySetInnerHTML.
+ */
+function getNoIndexProps(content) {
+    return {
+        dangerouslySetInnerHTML: {
+            __html: wrapNoIndex(content),
+        },
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/no-index/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/no-index/utils.ts"],"names":[],"mappings":";;AAOA,kCAKC;AAOD,0CAQC;AAzBD;;;;GAIG;AACH,SAAgB,WAAW,CAAC,OAAgB;IAC1C,+IAA+I;IAC/I,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,OAAO,KAAK,CAAC;QACnD,CAAC,CAAC,iBAAiB,MAAM,CAAC,OAAO,CAAC,iBAAiB;QACnD,CAAC,CAAC,EAAE,CAAC;AACT,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,OAAgB;IAEhB,OAAO;QACL,uBAAuB,EAAE;YACvB,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC;SAC7B;KACF,CAAC;AACJ,CAAC"}

package/dist/pagination/index.d.ts

@@ -0,0 +1,4 @@
+export type { PaginationProps, PaginationItemProps, PaginationButton } from './types';
+export { Pagination } from './pagination';
+export { PaginationItem } from './pagination-item';
+export { getPaginationItems, getNumbersAround, validatePaginationState } from './utils';

package/dist/pagination/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validatePaginationState = exports.getNumbersAround = exports.getPaginationItems = exports.PaginationItem = exports.Pagination = void 0;
+var pagination_1 = require("./pagination");
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return pagination_1.Pagination; } });
+var pagination_item_1 = require("./pagination-item");
+Object.defineProperty(exports, "PaginationItem", { enumerable: true, get: function () { return pagination_item_1.PaginationItem; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getPaginationItems", { enumerable: true, get: function () { return utils_1.getPaginationItems; } });
+Object.defineProperty(exports, "getNumbersAround", { enumerable: true, get: function () { return utils_1.getNumbersAround; } });
+Object.defineProperty(exports, "validatePaginationState", { enumerable: true, get: function () { return utils_1.validatePaginationState; } });
+//# sourceMappingURL=index.js.map

package/dist/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pagination/index.ts"],"names":[],"mappings":";;;AACA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,iCAAwF;AAA/E,2GAAA,kBAAkB,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AAAE,gHAAA,uBAAuB,OAAA"}

package/dist/pagination/pagination-item.d.ts

@@ -0,0 +1,7 @@
+import { PaginationItemProps } from './types';
+/**
+ * Кнопка страницы.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function PaginationItem({ rootRef, checked, disabled, children, rounds, onClick, className, href, role, ...rest }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/pagination/pagination-item.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.PaginationItem = PaginationItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const pagination_item_m_scss_1 = __importDefault(require("./pagination-item.m.scss"));
+const cx = bind_1.default.bind(pagination_item_m_scss_1.default);
+/**
+ * Кнопка страницы.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PaginationItem({ rootRef, checked, disabled, children, rounds, onClick, className, href, role = !href ? 'button' : undefined, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)("a", { "aria-disabled": disabled || undefined, "aria-current": checked || undefined, ...rest, ref: rootRef, href: disabled ? undefined : href, role: role, className: cx('root', `rounds-${rounds}`, { checked, disabled }, className), onClick: disabled ? undefined : onClick, children: children }));
+}
+//# sourceMappingURL=pagination-item.js.map

package/dist/pagination/pagination-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-item.js","sourceRoot":"","sources":["../../src/pagination/pagination-item.tsx"],"names":[],"mappings":";;;;;AAWA,wCA0BC;;AApCD,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnC,GAAG,IAAI,EACa;IACpB,OAAO,CACL,+CACiB,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,KAC9B,IAAI,EACR,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,UAAU,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,EAC3E,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,YAEtC,QAAQ,GACP,CACL,CAAC;AACJ,CAAC"}

package/dist/pagination/pagination.d.ts

@@ -0,0 +1,7 @@
+import type { PaginationProps } from './types';
+/**
+ * Кнопки навигации по страницам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Pagination({ rootRef, current: currentProp, total: totalProp, onPageChange, getItems, renderItem, className, ...restProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/pagination/pagination.js

@@ -0,0 +1,96 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = Pagination;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const pagination_item_1 = require("./pagination-item");
+const ArrowExpandLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandLeft"));
+const ArrowExpandRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandRight"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const pagination_m_scss_1 = __importDefault(require("./pagination.m.scss"));
+const cx = bind_1.default.bind(pagination_m_scss_1.default);
+/**
+ * Кнопки навигации по страницам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Pagination({ rootRef, current: currentProp, total: totalProp, onPageChange, getItems = utils_1.getPaginationItems, renderItem = renderPaginationItem, className, ...restProps }) {
+    const { current, total } = (0, react_1.useMemo)(() => (0, utils_1.validatePaginationState)({ current: currentProp, total: totalProp }), [currentProp, totalProp]);
+    const items = (0, react_1.useMemo)(() => getItems({ current, total }), [current, total, getItems]);
+    const onChangeRef = (0, react_1.useRef)(onPageChange);
+    onChangeRef.current = onPageChange;
+    const getItemProps = (0, react_1.useCallback)((item, index, userProps = {}) => {
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        const onClick = event => {
+            if (item.value !== current) {
+                onChangeRef.current?.(event, item);
+            }
+            userProps.onClick?.(event);
+        };
+        if (item.type === 'page') {
+            let rounds;
+            if (index === 0 || items[index - 1].type === 'prev') {
+                rounds = total === 1 ? 'all' : 'left';
+            }
+            else if (index === items.length - 1 || items[index + 1].type === 'next') {
+                rounds = 'right';
+            }
+            return {
+                rounds,
+                checked: item.value === current,
+                'aria-label': `Перейти на страницу ${item.value}`,
+                children: item.value,
+                ...userProps,
+                onClick,
+                className: cx('page', userProps.className, item.value > 999 && 'large'),
+            };
+        }
+        if (item.type === 'prev') {
+            return {
+                rounds: 'all',
+                disabled: current <= 1,
+                'aria-label': 'Предыдущая страница',
+                children: (0, jsx_runtime_1.jsx)(ArrowExpandLeft_1.default, { fill: 'currentColor' }),
+                ...userProps,
+                onClick,
+                className: cx('prev', userProps.className),
+            };
+        }
+        if (item.type === 'more') {
+            return {
+                'aria-label': `Перейти на страницу ${item.value}`,
+                children: '…',
+                ...userProps,
+                onClick,
+                className: cx('page', userProps.className),
+            };
+        }
+        if (item.type === 'next') {
+            return {
+                rounds: 'all',
+                disabled: current >= total,
+                'aria-label': 'Следующая страница',
+                children: (0, jsx_runtime_1.jsx)(ArrowExpandRight_1.default, { fill: 'currentColor' }),
+                ...userProps,
+                onClick,
+                className: cx('next', userProps.className),
+            };
+        }
+        return {};
+    }, [current, total, items]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, className: cx('root', className), role: 'navigation', "aria-label": '\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F \u043F\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430\u043C', ...restProps, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderItem(item, userProps => getItemProps(item, index, userProps)) }, index))) }));
+}
+/**
+ * Рендер кнопки по умолчанию.
+ * @param button Данные кнопки.
+ * @param getProps Вернет свойства для PaginationItem.
+ * @return Элемент.
+ */
+function renderPaginationItem(button, getProps) {
+    return (0, jsx_runtime_1.jsx)(pagination_item_1.PaginationItem, { ...getProps() });
+}
+//# sourceMappingURL=pagination.js.map

package/dist/pagination/pagination.js.map

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

package/dist/pagination/pagination.m.scss

@@ -0,0 +1,21 @@
+.root {
+  display: flex;
+}
+
+.prev + .page,
+.prev + .next {
+  margin-left: 8px;
+}
+
+.page + .next {
+  margin-left: 8px;
+}
+
+.page + .page {
+  margin-left: -1px;
+}
+
+.large {
+  --pagination-item-font-size: 12px;
+  --pagination-item-line-height: 16px;
+}

package/dist/pagination/types.js

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

package/dist/pagination/types.js.map

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