@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/Modal/ModalContext.d.ts

@@ -1,16 +1,19 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface CloseProps extends CommonProps {
-    disableClose?: boolean;
-    requestClose: () => void;
-}
-export interface ModalContextProps {
-    additionalPadding?: boolean;
-    hasHeader?: boolean;
-    close?: CloseProps;
-    horizontalScroll?: boolean;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
-}
-export declare const ModalContext: React.Context<ModalContextProps>;
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/types.js';
+export interface CloseProps extends CommonProps {
+    /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */
+    disableClose?: boolean;
+    /** Задает функцию, которая вызывается при клике по крестику или снаружи. */
+    requestClose: () => void;
+}
+export interface ModalContextProps {
+    additionalPadding?: boolean;
+    hasHeader?: boolean;
+    close?: CloseProps;
+    horizontalScroll?: boolean;
+    setHasHeader?: (value: boolean) => void;
+    setHasFooter?: (value: boolean) => void;
+    setHasPanel?: (value: boolean) => void;
+    mobileOnFullScreen?: boolean;
+}
+export declare const ModalContext: React.Context<ModalContextProps>;

package/components/Modal/ModalContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var ModalContext = React.createContext({});
+ModalContext.displayName = 'ModalContext';
+//# sourceMappingURL=ModalContext.js.map

package/components/Modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","sourceRoot":"","sources":["../../../components/Modal/ModalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAoB,EAAE,CAAC,CAAC;AAEvE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/types.js';\n\nexport interface CloseProps extends CommonProps {\n  /** Отключает событие onClose, также дизейблит кнопку закрытия модалки. */\n  disableClose?: boolean;\n\n  /** Задает функцию, которая вызывается при клике по крестику или снаружи. */\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n  setHasHeader?: (value: boolean) => void;\n  setHasFooter?: (value: boolean) => void;\n  setHasPanel?: (value: boolean) => void;\n  mobileOnFullScreen?: boolean;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"]}

package/components/Modal/ModalFooter.d.ts

@@ -1,24 +1,30 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalFooterProps extends CommonProps {
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-    sticky?: boolean;
-    children?: ReactNode;
-}
-export declare const ModalFooterDataTids: {
-    readonly root: "ModalFooter__root";
-};
-/**
- * Футер модального окна.
- *
- * @visibleName Modal.Footer
- */
-declare function ModalFooter(props: ModalFooterProps): JSX.Element;
-declare namespace ModalFooter {
-    var __KONTUR_REACT_UI__: string;
-    var __MODAL_FOOTER__: boolean;
-}
-export { ModalFooter };
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { GappedProps } from '../Gapped/index.js';
+export interface ModalFooterProps extends CommonProps {
+    /** Включает разделитель перед футером. */
+    panel?: boolean;
+    /** Закрепляет футер модального окна при скролле длинной контент-зоны.
+     * @default На десктопе - `true`, на мобильных - `false`. */
+    sticky?: boolean;
+    /** Контент футера. */
+    children?: ReactNode;
+    /** Расстояние между элементами футера в пикселях. */
+    gap?: GappedProps['gap'];
+}
+export declare const ModalFooterDataTids: {
+    readonly root: "ModalFooter__root";
+};
+/**
+ * Футер модального окна, где обычно располагаются кнопки основных действий.
+ *
+ * @visibleName Modal.Footer
+ */
+declare function ModalFooter(props: ModalFooterProps): React.JSX.Element;
+declare namespace ModalFooter {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+    var __MODAL_FOOTER__: boolean;
+}
+export { ModalFooter };

package/components/Modal/ModalFooter.js

@@ -0,0 +1,72 @@
+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 { useGetScrollWidth } from '../../lib/dom/getScrollWidth.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 { Gapped } from '../Gapped/index.js';
+import { isNonNullable } from '../../lib/utils.js';
+import { getStyles } from './Modal.styles.js';
+import { ModalContext } from './ModalContext.js';
+import { ModalSeparator } from './ModalSeparator.js';
+export var ModalFooterDataTids = {
+    root: 'ModalFooter__root',
+};
+/**
+ * Футер модального окна, где обычно располагаются кнопки основных действий.
+ *
+ * @visibleName Modal.Footer
+ */
+function ModalFooter(props) {
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var modal = useContext(ModalContext);
+    var layout = useResponsiveLayout();
+    var scrollWidth = useGetScrollWidth();
+    var _a = props.sticky, sticky = _a === void 0 ? !layout.isMobile : _a, gap = props.gap, panel = props.panel, children = props.children;
+    useLayoutEffect(function () {
+        var _a, _b;
+        (_a = modal.setHasFooter) === null || _a === void 0 ? void 0 : _a.call(modal, true);
+        (_b = modal.setHasPanel) === null || _b === void 0 ? void 0 : _b.call(modal, panel || false);
+        return function () {
+            var _a, _b;
+            (_a = modal.setHasFooter) === null || _a === void 0 ? void 0 : _a.call(modal, false);
+            (_b = modal.setHasPanel) === null || _b === void 0 ? void 0 : _b.call(modal, false);
+        };
+    }, [panel]);
+    var renderContent = function (fixed) {
+        if (fixed === void 0) { fixed = false; }
+        return (React.createElement("div", null,
+            (panel || fixed) && React.createElement(ModalSeparator, { fixed: fixed }),
+            React.createElement("div", { "data-tid": ModalFooterDataTids.root, className: cx(styles.footer(theme), fixed && styles.fixedFooter(theme), Boolean(panel) && styles.panel(theme), fixed && Boolean(panel) && styles.fixedPanel(theme), layout.isMobile && styles.mobileFooter(theme), layout.isMobile && fixed && styles.mobileFixedFooter(theme)) }, isNonNullable(gap) ? (React.createElement(Gapped, { vertical: layout.isMobile, gap: gap }, children)) : (children))));
+    };
+    var getStickyOffset = function () {
+        var offset = 0;
+        if (modal.horizontalScroll) {
+            offset += scrollWidth;
+        }
+        if (layout.isMobile && !modal.mobileOnFullScreen) {
+            offset += parseInt(theme.mobileModalContainerMarginBottom);
+        }
+        return offset;
+    };
+    return (React.createElement(CommonWrapper, __assign({}, props), sticky ? (React.createElement(Sticky, { side: "bottom", offset: getStickyOffset() }, renderContent)) : (renderContent())));
+}
+ModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';
+ModalFooter.displayName = 'ModalFooter';
+ModalFooter.__MODAL_FOOTER__ = true;
+export { ModalFooter };
+//# sourceMappingURL=ModalFooter.js.map

package/components/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../components/Modal/ModalFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAiBrD,MAAM,CAAC,IAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,mBAAmB;CACjB,CAAC;AAEX;;;;GAIG;AACH,SAAS,WAAW,CAAC,KAAuB;IAC1C,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;IACpC,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IACrC,IAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC;IAEhC,IAAA,KAAoD,KAAK,OAAhC,EAAzB,MAAM,mBAAG,CAAC,MAAM,CAAC,QAAQ,KAAA,EAAE,GAAG,GAAsB,KAAK,IAA3B,EAAE,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAElE,eAAe,CAAC;;QACd,MAAA,KAAK,CAAC,YAAY,sDAAG,IAAI,CAAC,CAAC;QAC3B,MAAA,KAAK,CAAC,WAAW,sDAAG,KAAK,IAAI,KAAK,CAAC,CAAC;QAEpC,OAAO;;YACL,MAAA,KAAK,CAAC,YAAY,sDAAG,KAAK,CAAC,CAAC;YAC5B,MAAA,KAAK,CAAC,WAAW,sDAAG,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAAG,UAAC,KAAa;QAAb,sBAAA,EAAA,aAAa;QAClC,OAAO,CACL;YACG,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI;YACrD,yCACY,mBAAmB,CAAC,IAAI,EAClC,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACpB,KAAK,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,EAClC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EACrC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EACnD,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAC7C,MAAM,CAAC,QAAQ,IAAI,KAAK,IAAI,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAC5D,IAEA,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,oBAAC,MAAM,IAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,IACxC,QAAQ,CACF,CACV,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG;QACtB,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,MAAM,IAAI,WAAW,CAAC;QACxB,CAAC;QACD,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;YACjD,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,eAAK,KAAK,GACrB,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,eAAe,EAAE,IAC5C,aAAa,CACP,CACV,CAAC,CAAC,CAAC,CACF,aAAa,EAAE,CAChB,CACa,CACjB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,mBAAmB,GAAG,aAAa,CAAC;AAChD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,WAAW,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { useGetScrollWidth } from '../../lib/dom/getScrollWidth.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';\nimport type { GappedProps } from '../Gapped/index.js';\nimport { Gapped } from '../Gapped/index.js';\nimport { isNonNullable } from '../../lib/utils.js';\n\nimport { getStyles } from './Modal.styles.js';\nimport { ModalContext } from './ModalContext.js';\nimport { ModalSeparator } from './ModalSeparator.js';\n\nexport interface ModalFooterProps extends CommonProps {\n  /** Включает разделитель перед футером. */\n  panel?: boolean;\n\n  /** Закрепляет футер модального окна при скролле длинной контент-зоны.\n   * @default На десктопе - `true`, на мобильных - `false`. */\n  sticky?: boolean;\n\n  /** Контент футера. */\n  children?: ReactNode;\n\n  /** Расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n  root: 'ModalFooter__root',\n} as const;\n\n/**\n * Футер модального окна, где обычно располагаются кнопки основных действий.\n *\n * @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps): React.JSX.Element {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n  const scrollWidth = useGetScrollWidth();\n\n  const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasFooter?.(true);\n    modal.setHasPanel?.(panel || false);\n\n    return () => {\n      modal.setHasFooter?.(false);\n      modal.setHasPanel?.(false);\n    };\n  }, [panel]);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        {(panel || fixed) && <ModalSeparator fixed={fixed} />}\n        <div\n          data-tid={ModalFooterDataTids.root}\n          className={cx(\n            styles.footer(theme),\n            fixed && styles.fixedFooter(theme),\n            Boolean(panel) && styles.panel(theme),\n            fixed && Boolean(panel) && styles.fixedPanel(theme),\n            layout.isMobile && styles.mobileFooter(theme),\n            layout.isMobile && fixed && styles.mobileFixedFooter(theme),\n          )}\n        >\n          {isNonNullable(gap) ? (\n            <Gapped vertical={layout.isMobile} gap={gap}>\n              {children}\n            </Gapped>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const getStickyOffset = () => {\n    let offset = 0;\n    if (modal.horizontalScroll) {\n      offset += scrollWidth;\n    }\n    if (layout.isMobile && !modal.mobileOnFullScreen) {\n      offset += parseInt(theme.mobileModalContainerMarginBottom);\n    }\n    return offset;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky side=\"bottom\" offset={getStickyOffset()}>\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"]}

package/components/Modal/ModalHeader.d.ts

@@ -1,20 +1,29 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface ModalHeaderProps extends CommonProps {
-    sticky?: boolean;
-    children?: ReactNode;
-}
-export declare const ModalHeaderDataTids: {
-    readonly root: "ModalHeader__root";
-};
-/**
- * Шапка модального окна
- *
- * @visibleName Modal.Header
- */
-declare function ModalHeader(props: ModalHeaderProps): JSX.Element;
-declare namespace ModalHeader {
-    var __KONTUR_REACT_UI__: string;
-    var __MODAL_HEADER__: boolean;
-}
-export { ModalHeader };
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+export interface ModalHeaderProps extends CommonProps {
+    /** Закрепляет заголовок модального окна при скролле длинной контент-зоны. */
+    sticky?: boolean;
+    /** @ignore */
+    children?: ReactNode;
+    /**
+     * Обрезает длинный заголовок. Работает с пропом `sticky`.
+     * @default false
+     */
+    cutTitleOnStuck?: boolean;
+}
+export declare const ModalHeaderDataTids: {
+    readonly root: "ModalHeader__root";
+};
+/**
+ * Шапка модального окна, состоит из заголовка и крестика закрытия.
+ *
+ * @visibleName Modal.Header
+ */
+declare function ModalHeader(props: ModalHeaderProps): React.JSX.Element;
+declare namespace ModalHeader {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+    var __MODAL_HEADER__: boolean;
+}
+export { ModalHeader };

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+export interface ModalSeparatorProps extends CommonProps {
+    /** Фиксирует позицию ModalSeparator. */
+    fixed?: boolean;
+}
+/**
+ * Разделитель
+ *
+ * @visibleName Modal.Separator
+ */
+export declare function ModalSeparator({ fixed }: ModalSeparatorProps): React.JSX.Element;
+export declare namespace ModalSeparator {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,2 @@
+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.d.ts

@@ -0,0 +1,3 @@
+export interface ModalLocale {
+    closeButtonAriaLabel?: string;
+}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,6 @@
+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.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,7 +1,7 @@
-import React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;
+import type React from 'react';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => 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"]}