@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/Modal/ModalHeader.js

@@ -0,0 +1,62 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useContext, useLayoutEffect } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { Sticky } from '../Sticky/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { useResponsiveLayout } from '../ResponsiveLayout/index.js';
+import { getStyles } from './Modal.styles.js';
+import { ModalClose } from './ModalClose.js';
+import { ModalContext } from './ModalContext.js';
+import { ModalSeparator } from './ModalSeparator.js';
+export var ModalHeaderDataTids = {
+    root: 'ModalHeader__root',
+};
+/**
+ * Шапка модального окна, состоит из заголовка и крестика закрытия.
+ *
+ * @visibleName Modal.Header
+ */
+function ModalHeader(props) {
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var modal = useContext(ModalContext);
+    var layout = useResponsiveLayout();
+    var _a = props.sticky, sticky = _a === void 0 ? !layout.isMobile : _a, _b = props.cutTitleOnStuck, cutTitleOnStuck = _b === void 0 ? false : _b, children = props.children;
+    useLayoutEffect(function () {
+        var _a;
+        (_a = modal.setHasHeader) === null || _a === void 0 ? void 0 : _a.call(modal, true);
+        return function () { var _a; return (_a = modal.setHasHeader) === null || _a === void 0 ? void 0 : _a.call(modal, false); };
+    }, []);
+    var renderContent = function (fixed) {
+        if (fixed === void 0) { fixed = false; }
+        return (React.createElement("div", null,
+            React.createElement("div", { "data-tid": ModalHeaderDataTids.root, className: cx(styles.header(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), cutTitleOnStuck && fixed && styles.titleCut(), fixed && layout.isMobile && styles.mobileFixedHeader(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme)) },
+                modal.close && (React.createElement(ModalClose, { requestClose: modal.close.requestClose, disableClose: modal.close.disableClose })),
+                children),
+            fixed && React.createElement(ModalSeparator, { fixed: fixed })));
+    };
+    var getStickyOffset = function () {
+        if (layout.isMobile && !modal.mobileOnFullScreen) {
+            return parseInt(theme.mobileModalContainerMarginTop);
+        }
+        return 0;
+    };
+    return (React.createElement(CommonWrapper, __assign({}, props), sticky ? (React.createElement(Sticky, { offset: getStickyOffset(), side: "top" }, renderContent)) : (renderContent())));
+}
+ModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';
+ModalHeader.displayName = 'ModalHeader';
+ModalHeader.__MODAL_HEADER__ = true;
+export { ModalHeader };
+//# sourceMappingURL=ModalHeader.js.map

package/components/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../components/Modal/ModalHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { Sticky } from '../Sticky/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { useResponsiveLayout } from '../ResponsiveLayout/index.js';\n\nimport { getStyles } from './Modal.styles.js';\nimport { ModalClose } from './ModalClose.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalSeparator } from './ModalSeparator.js';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет заголовок модального окна при скролле длинной контент-зоны. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n\n  /**\n   * Обрезает длинный заголовок. Работает с пропом `sticky`.\n   * @default false\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна, состоит из заголовка и крестика закрытия.\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, cutTitleOnStuck = false, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.(true);\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            cutTitleOnStuck && fixed && styles.titleCut(),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            Boolean(modal.close) && styles.headerWithClose(theme),\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n          )}\n        >\n          {modal.close && (\n            <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n          )}\n          {children}\n        </div>\n        {fixed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  const getStickyOffset = () => {\n    if (layout.isMobile && !modal.mobileOnFullScreen) {\n      return parseInt(theme.mobileModalContainerMarginTop);\n    }\n    return 0;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky offset={getStickyOffset()} side=\"top\">\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}

package/components/Modal/ModalSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
 export interface ModalSeparatorProps extends CommonProps {
     /** Фиксирует позицию ModalSeparator. */
     fixed?: boolean;

package/components/Modal/ModalSeparator.js

@@ -0,0 +1,20 @@
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { getStyles } from './Modal.styles.js';
+/**
+ * Разделитель
+ *
+ * @visibleName Modal.Separator
+ */
+export function ModalSeparator(_a) {
+    var fixed = _a.fixed;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    return (React.createElement("div", { className: styles.modalSeparatorWrapper() },
+        React.createElement("div", { className: cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed(theme)) })));
+}
+ModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';
+ModalSeparator.displayName = 'ModalSeparator';
+//# sourceMappingURL=ModalSeparator.js.map

package/components/Modal/ModalSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSeparator.js","sourceRoot":"","sources":["../../../components/Modal/ModalSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO9C;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAA8B;QAA5B,KAAK,WAAA;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE;QAC5C,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,GAAI,CAC5F,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,mBAAmB,GAAG,gBAAgB,CAAC;AACtD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\n\nimport { getStyles } from './Modal.styles.js';\n\nexport interface ModalSeparatorProps extends CommonProps {\n  /** Фиксирует позицию ModalSeparator. */\n  fixed?: boolean;\n}\n\n/**\n * Разделитель\n *\n * @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <div className={styles.modalSeparatorWrapper()}>\n      <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed(theme))} />\n    </div>\n  );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}

package/components/Modal/getModalBodyTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const getModalBodyTheme: (theme: Theme) => Theme;

package/components/Modal/getModalBodyTheme.js

@@ -0,0 +1,7 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getModalBodyTheme = function (theme) {
+    return ThemeFactory.create({
+        loaderBorderRadius: theme.modalBodyBorderRadius,
+    }, theme);
+};
+//# sourceMappingURL=getModalBodyTheme.js.map

package/components/Modal/getModalBodyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModalBodyTheme.js","sourceRoot":"","sources":["../../../components/Modal/getModalBodyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAY;IAC5C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,kBAAkB,EAAE,KAAK,CAAC,qBAAqB;KAChD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getModalBodyTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      loaderBorderRadius: theme.modalBodyBorderRadius,\n    },\n    theme,\n  );\n};\n"]}

package/components/Modal/getModalTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+import type { Theme, ThemeIn } from '../../lib/theming/Theme.js';
 export declare const getModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Theme;

package/components/Modal/getModalTheme.js

@@ -0,0 +1,9 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getModalTheme = function (contextTheme, propsTheme) {
+    if (propsTheme === void 0) { propsTheme = {}; }
+    var theme = ThemeFactory.create(propsTheme, contextTheme);
+    return ThemeFactory.create(propsTheme, ThemeFactory.create({
+        loaderBorderRadius: theme.modalBorderRadius,
+    }, theme));
+};
+//# sourceMappingURL=getModalTheme.js.map

package/components/Modal/getModalTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getModalTheme.js","sourceRoot":"","sources":["../../../components/Modal/getModalTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,YAAmB,EAAE,UAAwB;IAAxB,2BAAA,EAAA,eAAwB;IACzE,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC5D,OAAO,YAAY,CAAC,MAAM,CACxB,UAAmB,EACnB,YAAY,CAAC,MAAM,CACjB;QACE,kBAAkB,EAAE,KAAK,CAAC,iBAAiB;KAC5C,EACD,KAAK,CACN,CACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"]}

package/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Modal';
-export * from './ModalHeader';
-export * from './ModalBody';
-export * from './ModalFooter';
+export * from './Modal.js';
+export * from './ModalHeader.js';
+export * from './ModalBody.js';
+export * from './ModalFooter.js';

package/components/Modal/index.js

@@ -0,0 +1,5 @@
+export * from './Modal.js';
+export * from './ModalHeader.js';
+export * from './ModalBody.js';
+export * from './ModalFooter.js';
+//# sourceMappingURL=index.js.map

package/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Modal.js';\nexport * from './ModalHeader.js';\nexport * from './ModalBody.js';\nexport * from './ModalFooter.js';\n"]}

package/components/Modal/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import type { ModalLocale } from './types';
-export * from './types';
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import type { ModalLocale } from './types.js';
+export * from './types.js';
 export declare const ModalLocaleHelper: LocaleHelper<ModalLocale>;

package/components/Modal/locale/index.js

@@ -0,0 +1,9 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import { componentsLocales as en_GB } from './locales/en.js';
+import { componentsLocales as ru_RU } from './locales/ru.js';
+export * from './types.js';
+export var ModalLocaleHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

package/components/Modal/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Modal/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7D,cAAc,YAAY,CAAC;AAE3B,MAAM,CAAC,IAAM,iBAAiB,GAAG,IAAI,YAAY,CAAc;IAC7D,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAC,CAAC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';\n\nimport { componentsLocales as en_GB } from './locales/en.js';\nimport { componentsLocales as ru_RU } from './locales/ru.js';\nimport type { ModalLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const ModalLocaleHelper = new LocaleHelper<ModalLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/Modal/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import type { ModalLocale } from '../types';
+import type { ModalLocale } from '../types.js';
 export declare const componentsLocales: ModalLocale;

package/components/Modal/locale/locales/en.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+    closeButtonAriaLabel: 'Close modal window',
+};
+//# sourceMappingURL=en.js.map

package/components/Modal/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../components/Modal/locale/locales/en.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,oBAAoB,EAAE,oBAAoB;CAC3C,CAAC","sourcesContent":["import type { ModalLocale } from '../types.js';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"]}

package/components/Modal/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import type { ModalLocale } from '../types';
+import type { ModalLocale } from '../types.js';
 export declare const componentsLocales: ModalLocale;

package/components/Modal/locale/locales/ru.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+    closeButtonAriaLabel: 'Закрыть модальное окно',
+};
+//# sourceMappingURL=ru.js.map

package/components/Modal/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../components/Modal/locale/locales/ru.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,oBAAoB,EAAE,wBAAwB;CAC/C,CAAC","sourcesContent":["import type { ModalLocale } from '../types.js';\n\nexport const componentsLocales: ModalLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"]}

package/components/Modal/locale/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/Modal/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../components/Modal/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ModalLocale {\n  closeButtonAriaLabel?: string;\n}\n"]}

package/components/Paging/DotsIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const DotsIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+export declare const DotsIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
 }>;

package/components/Paging/DotsIcon.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular.js';
+import { iconSizer } from '../../internal/icons2022/iconSizer.js';
+export var DotsIcon = iconSizer({
+    small: function () { return React.createElement(UiMenuDots3HIcon16Regular, null); },
+    medium: function () { return React.createElement(UiMenuDots3HIcon16Regular, null); },
+    large: function () { return React.createElement(UiMenuDots3HIcon16Regular, null); },
+}, 'DotsIcon');
+//# sourceMappingURL=DotsIcon.js.map

package/components/Paging/DotsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsIcon.js","sourceRoot":"","sources":["../../../components/Paging/DotsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,wEAAwE,CAAC;AACnH,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,MAAM,CAAC,IAAM,QAAQ,GAAG,SAAS,CAC/B;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,yBAAyB,OAAG,EAA7B,CAA6B;IAC1C,MAAM,EAAE,cAAM,OAAA,oBAAC,yBAAyB,OAAG,EAA7B,CAA6B;IAC3C,KAAK,EAAE,cAAM,OAAA,oBAAC,yBAAyB,OAAG,EAA7B,CAA6B;CAC3C,EACD,UAAU,CACX,CAAC","sourcesContent":["import React from 'react';\n\nimport { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular.js';\nimport { iconSizer } from '../../internal/icons2022/iconSizer.js';\n\nexport const DotsIcon = iconSizer(\n  {\n    small: () => <UiMenuDots3HIcon16Regular />,\n    medium: () => <UiMenuDots3HIcon16Regular />,\n    large: () => <UiMenuDots3HIcon16Regular />,\n  },\n  'DotsIcon',\n);\n"]}

package/components/Paging/ForwardIcon.d.ts

@@ -1,6 +1,6 @@
-export declare const ForwardIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+export declare const ForwardIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
 }>;
-export declare const ForwardIconMobile: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
+export declare const ForwardIconMobile: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
 }>;

package/components/Paging/ForwardIcon.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js';
+import { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js';
+import { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js';
+import { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.js';
+import { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light.js';
+import { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular.js';
+import { iconSizer } from '../../internal/icons2022/iconSizer.js';
+export var ForwardIcon = iconSizer({
+    small: function () { return React.createElement(ArrowCRightIcon16Light, null); },
+    medium: function () { return React.createElement(ArrowCRightIcon20Light, null); },
+    large: function () { return React.createElement(ArrowCRightIcon24Regular, null); },
+}, 'ForwardIcon');
+export var ForwardIconMobile = iconSizer({
+    small: function () { return React.createElement(ArrowARightIcon16Light, null); },
+    medium: function () { return React.createElement(ArrowARightIcon20Light, null); },
+    large: function () { return React.createElement(ArrowARightIcon24Regular, null); },
+}, 'ForwardIconMobile');
+//# sourceMappingURL=ForwardIcon.js.map

package/components/Paging/ForwardIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardIcon.js","sourceRoot":"","sources":["../../../components/Paging/ForwardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,wBAAwB,EAAE,MAAM,sEAAsE,CAAC;AAChH,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,sBAAsB,EAAE,MAAM,oEAAoE,CAAC;AAC5G,OAAO,EAAE,wBAAwB,EAAE,MAAM,sEAAsE,CAAC;AAChH,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAElE,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAClC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACvC,MAAM,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACxC,KAAK,EAAE,cAAM,OAAA,oBAAC,wBAAwB,OAAG,EAA5B,CAA4B;CAC1C,EACD,aAAa,CACd,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,SAAS,CACxC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACvC,MAAM,EAAE,cAAM,OAAA,oBAAC,sBAAsB,OAAG,EAA1B,CAA0B;IACxC,KAAK,EAAE,cAAM,OAAA,oBAAC,wBAAwB,OAAG,EAA5B,CAA4B;CAC1C,EACD,mBAAmB,CACpB,CAAC","sourcesContent":["import React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js';\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.js';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light.js';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular.js';\nimport { iconSizer } from '../../internal/icons2022/iconSizer.js';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n\nexport const ForwardIconMobile = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ForwardIconMobile',\n);\n"]}

package/components/Paging/NavigationHelper.d.ts

@@ -1,8 +1,7 @@
 import type React from 'react';
-import type { Theme } from '../../lib/theming/Theme';
 export interface KeyDescriptionType {
     name: string;
     checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
 }
-export declare const getKeyName: (t: Theme) => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>, theme: Theme) => boolean;
+export declare const getKeyName: () => string;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;

package/components/Paging/NavigationHelper.js

@@ -0,0 +1,18 @@
+import { isMac } from '../../lib/client.js';
+var createKeyDescription = function () {
+    return isMac
+        ? {
+            name: '⌥',
+            checkPressed: function (event) { return event.altKey; },
+        }
+        : {
+            name: 'Ctrl',
+            checkPressed: function (event) { return event.ctrlKey; },
+        };
+};
+var keyDescription = createKeyDescription();
+export var getKeyName = function () { return keyDescription.name; };
+export var checkKeyPressed = function (event) {
+    return keyDescription.checkPressed(event);
+};
+//# sourceMappingURL=NavigationHelper.js.map

package/components/Paging/NavigationHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHelper.js","sourceRoot":"","sources":["../../../components/Paging/NavigationHelper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ5C,IAAM,oBAAoB,GAAG;IAC3B,OAAA,KAAK;QACH,CAAC,CAAC;YACE,IAAI,EAAE,GAAG;YACT,YAAY,EAAE,UAAC,KAAuD,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY;SACxF;QACH,CAAC,CAAC;YACE,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,UAAC,KAAuD,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa;SACzF;AARL,CAQK,CAAC;AAER,IAAM,cAAc,GAAiC,oBAAoB,EAAE,CAAC;AAE5E,MAAM,CAAC,IAAM,UAAU,GAAG,cAAc,OAAA,cAAc,CAAC,IAAI,EAAnB,CAAmB,CAAC;AAC5D,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAuD;IACrF,OAAA,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;AAAlC,CAAkC,CAAC","sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client.js';\nimport type { Nullable } from '../../typings/utility-types.js';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: '⌥',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nconst keyDescription: Nullable<KeyDescriptionType> = createKeyDescription();\n\nexport const getKeyName = (): string => keyDescription.name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>): boolean =>\n  keyDescription.checkPressed(event);\n"]}

package/components/Paging/Paging.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { SizeProp } from '../../lib/types/props';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
 export interface ItemComponentProps {
     /** Определяет, является ли страница текущей. */
     active: boolean;
@@ -27,7 +27,8 @@ export interface PagingProps extends CommonProps {
     /** Задает общее количество страниц. */
     pagesCount: number;
     /** Задает размер контрола.
-     * @default 'small', начиная с версии темы 5.3. До этого по умолчанию стоит старый размер 'legacy'. */
+     * @default 'small'
+     */
     size?: SizeProp;
     /** Делает компонент недоступным. */
     disabled?: boolean;
@@ -67,12 +68,17 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     private setRootNode;
     static isForward(pageNumber: number | 'forward'): boolean;
     state: PagingState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private readonly locale;
     private isMobile;
     private sizeClassNames;
     private addedGlobalListener;
     private container;
+    private keyListener;
     componentDidMount(): void;
     componentDidUpdate(prevProps: PagingProps): void;
     componentWillUnmount(): void;
@@ -84,7 +90,6 @@ export declare class Paging extends React.PureComponent<PagingProps, PagingState
     private renderPageLink;
     private renderNavigationHint;
     private handleMouseDown;
-    private handleMouseDownPageLink;
     private handleKeyDown;
     private handleFocus;
     private handleBlur;