@cloud-ru/ds-uikit-product-modal-predefined 1.0.0

package/dist/cjs/components/RecallModal/RecallModal.d.ts

@@ -0,0 +1,2 @@
+import { RecallModalProps } from '../../types';
+export declare function RecallModal({ open, onClose, mode, closeOnPopstate, titleTooltip, onRecall, loading, content, confirmable, confirmText, hideConfirmCopyButton, subtitle, ...rest }: RecallModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/RecallModal/RecallModal.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecallModal = RecallModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@cloud-ru/ds-button");
+const modal_1 = require("@cloud-ru/ds-modal");
+const tooltip_1 = require("@cloud-ru/ds-tooltip");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const hooks_1 = require("../../hooks");
+const locale_1 = require("../../locale");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function RecallModal({ open, onClose, mode, closeOnPopstate, titleTooltip, onRecall, loading, content, confirmable = false, confirmText, hideConfirmCopyButton, subtitle, ...rest }) {
+    const { t } = locale_1.modalPredefinedLocale.useTranslations();
+    const inputRef = (0, react_1.useRef)(null);
+    const { value, error, handleChange, reset, validate } = (0, hooks_1.useTextFieldValidation)({
+        target: confirmable ? confirmText : undefined,
+        errorText: t('confirm.error'),
+    });
+    const shouldShowConfirm = Boolean(confirmable && confirmText);
+    const handleClose = () => {
+        reset();
+        onClose();
+    };
+    const handleApproveClick = () => {
+        if (!validate()) {
+            inputRef.current?.focus();
+            return;
+        }
+        onRecall(handleClose);
+    };
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: handleClose, mode: mode, closeOnPopstate: closeOnPopstate, width: modal_1.WIDTH.S, "data-test-id": constants_1.TEST_IDS.recallModal, "data-confirmable": confirmable || undefined, ...rest, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.safeAreaTop }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: t('recallModal.title'), subtitle: subtitle, slotAfterTitle: titleTooltip ? (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { size: 's', tip: titleTooltip }) : undefined }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { className: styles_module_scss_1.default.body, content: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [content ?? t('recallModal.content'), shouldShowConfirm && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, { ref: inputRef, confirmText: confirmText ?? '', confirmLabel: t('recallModal.confirmLabel'), hideConfirmCopyButton: hideConfirmCopyButton, value: value, error: error, size: 'l', copyLineAlign: 'start', placeholder: t('confirm.namePlaceholder'), onChange: handleChange }))] }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.safeAreaBottom }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { children: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { view: button_1.VIEW.Outline, appearance: button_1.APPEARANCE.Neutral, label: t('recallModal.cancel'), onClick: handleClose, "data-test-id": constants_1.TEST_IDS.cancelButton }), (0, jsx_runtime_1.jsx)(button_1.Button, { view: button_1.VIEW.Filled, appearance: button_1.APPEARANCE.Critical, label: t('recallModal.approve'), loading: loading, onClick: handleApproveClick, "data-test-id": constants_1.TEST_IDS.approveButton })] }) })] }));
+}

package/dist/cjs/components/RecallModal/index.d.ts

@@ -0,0 +1 @@
+export * from './RecallModal';

package/dist/cjs/components/RecallModal/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RecallModal"), exports);

package/dist/cjs/components/RecallModal/styles.module.css

@@ -0,0 +1,33 @@
+.safeAreaTop{
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  align-self:stretch;
+  padding-top:var(--sn-modal-anatomy-container-safeArea-paddingTop, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
+}
+
+.safeAreaBottom{
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  align-self:stretch;
+  padding-bottom:var(--sn-modal-anatomy-container-safeArea-paddingBottom, var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px)));
+}
+
+.body{
+  min-height:auto;
+}
+
+.content{
+  display:flex;
+  flex-direction:column;
+  row-gap:var(--sn-primitive-dimension-16, 16px);
+}
+
+.footer{
+  display:flex;
+  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
+       column-gap:var(--sn-primitive-dimension-8, 8px);
+  justify-content:flex-end;
+  width:100%;
+}

package/dist/cjs/components/ReleaseNotes/ReleaseNotes.d.ts

@@ -0,0 +1,7 @@
+import { ReleaseNotesProps } from '../../types';
+/**
+ * Адаптивный release-notes: на `mobile` — bottom sheet, иначе — модальное окно. Поверхность выбирается
+ * по `useAdaptiveLayout()` из `@cloud-ru/ds-adaptive` и пропом не задаётся. Форс раскладки — через
+ * `withLayoutType(ReleaseNotes, 'mobile')` либо `AdaptiveProvider` в поддереве.
+ */
+export declare function ReleaseNotes(props: ReleaseNotesProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ReleaseNotes/ReleaseNotes.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReleaseNotes = ReleaseNotes;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const adaptive_1 = require("@cloud-ru/ds-adaptive");
+const helperComponents_1 = require("../../helperComponents");
+/**
+ * Адаптивный release-notes: на `mobile` — bottom sheet, иначе — модальное окно. Поверхность выбирается
+ * по `useAdaptiveLayout()` из `@cloud-ru/ds-adaptive` и пропом не задаётся. Форс раскладки — через
+ * `withLayoutType(ReleaseNotes, 'mobile')` либо `AdaptiveProvider` в поддереве.
+ */
+function ReleaseNotes(props) {
+    const { layoutType } = (0, adaptive_1.useAdaptiveLayout)();
+    return (0, adaptive_1.isMobileLayout)(layoutType) ? (0, jsx_runtime_1.jsx)(helperComponents_1.MobileReleaseNotes, { ...props }) : (0, jsx_runtime_1.jsx)(helperComponents_1.DesktopReleaseNotes, { ...props });
+}

package/dist/cjs/components/ReleaseNotes/index.d.ts

@@ -0,0 +1 @@
+export * from './ReleaseNotes';

package/dist/cjs/components/ReleaseNotes/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ReleaseNotes"), exports);

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DeleteModal';
+export * from './RecallModal';
+export * from './ReleaseNotes';

package/dist/cjs/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DeleteModal"), exports);
+__exportStar(require("./RecallModal"), exports);
+__exportStar(require("./ReleaseNotes"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,27 @@
+export declare const CONTENT_STATE: {
+    readonly Data: "data";
+    readonly NoData: "noData";
+    readonly Error: "error";
+};
+export declare const CONFIRM_TEXT_VARIANT: {
+    readonly Name: "name";
+    readonly Text: "text";
+};
+export declare const TEST_IDS: {
+    readonly deleteModal: "delete-modal";
+    readonly recallModal: "recall-modal";
+    readonly releaseNotes: "release-notes";
+    readonly approveButton: "modal-predefined__approve-button";
+    readonly cancelButton: "modal-predefined__cancel-button";
+    readonly confirmInput: "modal-predefined__confirm-input";
+    readonly confirmCopyButton: "modal-predefined__confirm-copy-button";
+    readonly releaseNotesItem: "modal-predefined__release-notes-item";
+    readonly releaseNotesMedia: "modal-predefined__release-notes-media";
+    readonly releaseNotesVideo: "modal-predefined__release-notes-video";
+    readonly releaseNotesError: "modal-predefined__release-notes-error";
+    readonly releaseNotesNoData: "modal-predefined__release-notes-no-data";
+    readonly releaseNotesRetryButton: "modal-predefined__release-notes-retry-button";
+    readonly releaseNotesReadLaterButton: "modal-predefined__release-notes-read-later-button";
+    readonly releaseNotesPrevButton: "modal-predefined__release-notes-prev-button";
+    readonly releaseNotesNextButton: "modal-predefined__release-notes-next-button";
+};

package/dist/cjs/constants.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_IDS = exports.CONFIRM_TEXT_VARIANT = exports.CONTENT_STATE = void 0;
+exports.CONTENT_STATE = {
+    Data: 'data',
+    NoData: 'noData',
+    Error: 'error',
+};
+exports.CONFIRM_TEXT_VARIANT = {
+    Name: 'name',
+    Text: 'text',
+};
+exports.TEST_IDS = {
+    deleteModal: 'delete-modal',
+    recallModal: 'recall-modal',
+    releaseNotes: 'release-notes',
+    approveButton: 'modal-predefined__approve-button',
+    cancelButton: 'modal-predefined__cancel-button',
+    confirmInput: 'modal-predefined__confirm-input',
+    confirmCopyButton: 'modal-predefined__confirm-copy-button',
+    releaseNotesItem: 'modal-predefined__release-notes-item',
+    releaseNotesMedia: 'modal-predefined__release-notes-media',
+    releaseNotesVideo: 'modal-predefined__release-notes-video',
+    releaseNotesError: 'modal-predefined__release-notes-error',
+    releaseNotesNoData: 'modal-predefined__release-notes-no-data',
+    releaseNotesRetryButton: 'modal-predefined__release-notes-retry-button',
+    releaseNotesReadLaterButton: 'modal-predefined__release-notes-read-later-button',
+    releaseNotesPrevButton: 'modal-predefined__release-notes-prev-button',
+    releaseNotesNextButton: 'modal-predefined__release-notes-next-button',
+};

package/dist/cjs/helperComponents/DesktopReleaseNotes/DesktopReleaseNotes.d.ts

@@ -0,0 +1,2 @@
+import { ReleaseNotesProps } from '../../types';
+export declare function DesktopReleaseNotes({ open, onClose, closeOnPopstate, contentState, items, loading, onReadLaterClick, onDataErrorRetryClick, onSlideChange, ...rest }: ReleaseNotesProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/DesktopReleaseNotes/DesktopReleaseNotes.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesktopReleaseNotes = DesktopReleaseNotes;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const modal_1 = require("@cloud-ru/ds-modal");
+const utils_1 = require("@cloud-ru/ds-utils");
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const locale_1 = require("../../locale");
+const ReleaseNotesContent_1 = require("../ReleaseNotesContent");
+const ReleaseNotesFooter_1 = require("../ReleaseNotesFooter");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DesktopReleaseNotes({ open, onClose, closeOnPopstate, contentState = constants_1.CONTENT_STATE.Data, items, loading, onReadLaterClick, onDataErrorRetryClick, onSlideChange, ...rest }) {
+    const { t } = locale_1.modalPredefinedLocale.useTranslations();
+    const { pageIndex, readablePageNumber, setPage, handleClose, handleReadLaterClick, handleNextPageClick, handlePrevPageClick, } = (0, hooks_1.useReleaseNotesNavigation)({ onClose, onReadLaterClick, onSlideChange });
+    const shouldShowFooter = contentState === constants_1.CONTENT_STATE.Data && (loading || items.length > 0);
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: handleClose, closeOnPopstate: closeOnPopstate, width: modal_1.WIDTH.M, "data-content-state": contentState, "data-surface": 'modal', ...(0, utils_1.extractSupportProps)(rest), children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.safeAreaTop }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: t('releaseNotes.title') }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { className: styles_module_scss_1.default.body, content: (0, jsx_runtime_1.jsx)(ReleaseNotesContent_1.ReleaseNotesContent, { contentState: contentState, items: items, loading: loading, pageIndex: pageIndex, surface: 'modal', noDataTitle: t('releaseNotes.noDataTitle'), noDataDescription: t('releaseNotes.noDataDescription'), errorTitle: t('releaseNotes.errorTitle'), errorDescription: t('releaseNotes.errorDescription'), retryLabel: t('releaseNotes.retry'), onPageChange: setPage, onDataErrorRetryClick: onDataErrorRetryClick }) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.safeAreaBottom }), shouldShowFooter && ((0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { children: (0, jsx_runtime_1.jsx)(ReleaseNotesFooter_1.ReleaseNotesFooter, { surface: 'modal', total: items.length, pageIndex: pageIndex, readablePageNumber: readablePageNumber, counterLabel: t('releaseNotes.counter', { page: readablePageNumber, total: items.length }), readLaterLabel: t('releaseNotes.readLater'), onReadLaterClick: handleReadLaterClick, onPrevPageClick: handlePrevPageClick, onNextPageClick: () => handleNextPageClick(items.length) }) }))] }));
+}

package/dist/cjs/helperComponents/DesktopReleaseNotes/index.d.ts

@@ -0,0 +1 @@
+export * from './DesktopReleaseNotes';

package/dist/cjs/helperComponents/DesktopReleaseNotes/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DesktopReleaseNotes"), exports);

package/dist/cjs/helperComponents/DesktopReleaseNotes/styles.module.css

@@ -0,0 +1,19 @@
+.safeAreaTop{
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  align-self:stretch;
+  padding-top:var(--sn-modal-anatomy-container-safeArea-paddingTop, var(--sn-density-spacing-interval-l, var(--sn-primitive-dimension-24, 24px)));
+}
+
+.safeAreaBottom{
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  align-self:stretch;
+  padding-bottom:var(--sn-modal-anatomy-container-safeArea-paddingBottom, var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px)));
+}
+
+.body{
+  min-height:calc(6 * var(--sn-primitive-dimension-64, 64px));
+}

package/dist/cjs/helperComponents/InputConfirm/InputConfirm.d.ts

@@ -0,0 +1,48 @@
+import { FieldComboProps } from '@cloud-ru/ds-fields';
+import { WithSupportProps } from '@cloud-ru/ds-utils';
+export type InputConfirmProps = WithSupportProps<{
+    /** Текст, который нужно ввести для подтверждения */
+    confirmText: string;
+    /** Инструкция над текстом подтверждения */
+    confirmLabel?: string;
+    /** Скрыть кнопку копирования */
+    hideConfirmCopyButton?: boolean;
+    /** Значение поля */
+    value: string;
+    /** Текст ошибки */
+    error?: string;
+    /** Label поля */
+    label?: string;
+    /** Размер поля */
+    size?: FieldComboProps['size'];
+    /** Выравнивание copy-line */
+    copyLineAlign?: 'start' | 'space-between';
+    /** Placeholder поля */
+    placeholder: string;
+    /** Колбэк изменения значения */
+    onChange(value: string): void;
+}>;
+export declare const InputConfirm: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & {
+    /** Текст, который нужно ввести для подтверждения */
+    confirmText: string;
+    /** Инструкция над текстом подтверждения */
+    confirmLabel?: string;
+    /** Скрыть кнопку копирования */
+    hideConfirmCopyButton?: boolean;
+    /** Значение поля */
+    value: string;
+    /** Текст ошибки */
+    error?: string;
+    /** Label поля */
+    label?: string;
+    /** Размер поля */
+    size?: FieldComboProps["size"];
+    /** Выравнивание copy-line */
+    copyLineAlign?: "start" | "space-between";
+    /** Placeholder поля */
+    placeholder: string;
+    /** Колбэк изменения значения */
+    onChange(value: string): void;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/helperComponents/InputConfirm/InputConfirm.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputConfirm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fields_1 = require("@cloud-ru/ds-fields");
+const uikit_product_copy_1 = require("@cloud-ru/ds-uikit-product-copy");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.InputConfirm = (0, react_1.forwardRef)(function InputConfirm({ confirmText, confirmLabel, hideConfirmCopyButton, value, error, label, size = 'm', copyLineAlign = 'space-between', placeholder, onChange, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.root, children: [confirmLabel && (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.confirmLabel, children: confirmLabel }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.confirmText, "data-align": copyLineAlign, children: [(0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.confirmValue, children: confirmText }), !hideConfirmCopyButton && (0, jsx_runtime_1.jsx)(uikit_product_copy_1.CopyButton, { valueToCopy: confirmText, "data-test-id": constants_1.TEST_IDS.confirmCopyButton })] }), (0, jsx_runtime_1.jsx)(fields_1.FieldCombo, { ...rest, ref: ref, inputMode: 'text', label: label, required: Boolean(label), size: size, placeholder: placeholder, value: value, onChange: onChange, hint: error, validationState: error ? fields_1.VALIDATION_STATE.Error : fields_1.VALIDATION_STATE.Default, "data-test-id": constants_1.TEST_IDS.confirmInput })] }));
+});

package/dist/cjs/helperComponents/InputConfirm/index.d.ts

@@ -0,0 +1 @@
+export * from './InputConfirm';

package/dist/cjs/helperComponents/InputConfirm/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./InputConfirm"), exports);

package/dist/cjs/helperComponents/InputConfirm/styles.module.css

@@ -0,0 +1,38 @@
+.root{
+  display:flex;
+  flex-direction:column;
+}
+
+.confirmText{
+  display:flex;
+  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
+       column-gap:var(--sn-primitive-dimension-8, 8px);
+  align-items:center;
+  justify-content:space-between;
+  margin-bottom:var(--sn-primitive-dimension-8, 8px);
+}
+
+.confirmText[data-align=start]{
+  -moz-column-gap:var(--sn-primitive-dimension-4, 4px);
+       column-gap:var(--sn-primitive-dimension-4, 4px);
+  justify-content:flex-start;
+}
+
+.confirmLabel{
+  font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, var(--sn-primitive-fontFamily-brandA-sans, SB Sans Interface)));
+  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
+  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-by16, 24px)));
+  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
+  letter-spacing:var(--sn-regular-body-m-letterSpacing, var(--sn-primitive-font-letterSpacing-m, 0.1px));
+  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
+  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
+}
+
+.confirmValue{
+  font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, var(--sn-primitive-fontFamily-brandA-sans, SB Sans Interface)));
+  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
+  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-by16, 24px)));
+  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
+  letter-spacing:var(--sn-regular-body-m-letterSpacing, var(--sn-primitive-font-letterSpacing-m, 0.1px));
+  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
+}

package/dist/cjs/helperComponents/MobileReleaseNotes/MobileReleaseNotes.d.ts

@@ -0,0 +1,2 @@
+import { ReleaseNotesProps } from '../../types';
+export declare function MobileReleaseNotes({ open, onClose, closeOnPopstate, contentState, items, loading, onReadLaterClick, onDataErrorRetryClick, onSlideChange, readLaterButtonProps, ...rest }: ReleaseNotesProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/MobileReleaseNotes/MobileReleaseNotes.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileReleaseNotes = MobileReleaseNotes;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bottom_sheet_1 = require("@cloud-ru/ds-bottom-sheet");
+const utils_1 = require("@cloud-ru/ds-utils");
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const locale_1 = require("../../locale");
+const ReleaseNotesContent_1 = require("../ReleaseNotesContent");
+const ReleaseNotesFooter_1 = require("../ReleaseNotesFooter");
+function MobileReleaseNotes({ open, onClose, closeOnPopstate, contentState = constants_1.CONTENT_STATE.Data, items, loading, onReadLaterClick, onDataErrorRetryClick, onSlideChange, readLaterButtonProps, ...rest }) {
+    const { t } = locale_1.modalPredefinedLocale.useTranslations();
+    const { pageIndex, readablePageNumber, setPage, handleClose, handleReadLaterClick, handleNextPageClick, handlePrevPageClick, } = (0, hooks_1.useReleaseNotesNavigation)({ onClose, onReadLaterClick, onSlideChange });
+    const { onClick: onReadLaterButtonClick, ...readLaterButtonRest } = readLaterButtonProps ?? {};
+    const shouldShowFooter = contentState === constants_1.CONTENT_STATE.Data && (loading || items.length > 0);
+    const handleReadLaterButtonClick = (event) => {
+        onReadLaterButtonClick?.(event);
+        handleReadLaterClick();
+    };
+    return ((0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheet
+    // Дефолт `withDividers` сменился на `true` — здесь вид сохраняем прежним.
+    , { 
+        // Дефолт `withDividers` сменился на `true` — здесь вид сохраняем прежним.
+        withDividers: false, open: open, onClose: handleClose, closeOnPopstate: closeOnPopstate, title: t('releaseNotes.title'), content: (0, jsx_runtime_1.jsx)(ReleaseNotesContent_1.ReleaseNotesContent, { contentState: contentState, items: items, loading: loading, pageIndex: pageIndex, surface: 'bottomSheet', noDataTitle: t('releaseNotes.noDataTitle'), noDataDescription: t('releaseNotes.noDataDescription'), errorTitle: t('releaseNotes.errorTitle'), errorDescription: t('releaseNotes.errorDescription'), retryLabel: t('releaseNotes.retry'), onPageChange: setPage, onDataErrorRetryClick: onDataErrorRetryClick }), footer: shouldShowFooter ? ((0, jsx_runtime_1.jsx)(ReleaseNotesFooter_1.ReleaseNotesFooter, { surface: 'bottomSheet', total: items.length, pageIndex: pageIndex, readablePageNumber: readablePageNumber, counterLabel: t('releaseNotes.counter', { page: readablePageNumber, total: items.length }), readLaterLabel: t('releaseNotes.readLater'), onReadLaterClick: handleReadLaterButtonClick, onPrevPageClick: handlePrevPageClick, onNextPageClick: () => handleNextPageClick(items.length), readLaterButtonProps: readLaterButtonRest })) : undefined, "data-content-state": contentState, "data-surface": 'bottomSheet', ...(0, utils_1.extractSupportProps)(rest) }));
+}

package/dist/cjs/helperComponents/MobileReleaseNotes/index.d.ts

@@ -0,0 +1 @@
+export * from './MobileReleaseNotes';

package/dist/cjs/helperComponents/MobileReleaseNotes/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MobileReleaseNotes"), exports);

package/dist/cjs/helperComponents/NoteItem/NoteItem.d.ts

@@ -0,0 +1,6 @@
+import { NoteItemProps } from '../../types';
+type NoteItemComponentProps = NoteItemProps & {
+    surface?: 'modal' | 'bottomSheet';
+};
+export declare function NoteItem({ title, description, image, video, surface }: NoteItemComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/NoteItem/NoteItem.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoteItem = NoteItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const markdown_1 = require("@cloud-ru/ds-markdown");
+const scroll_1 = require("@cloud-ru/ds-scroll");
+const skeleton_1 = require("@cloud-ru/ds-skeleton");
+const typography_1 = require("@cloud-ru/ds-typography");
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function NoteItem({ title, description, image, video, surface = 'modal' }) {
+    const [isVideoReady, setIsVideoReady] = (0, react_1.useState)(false);
+    const [hasVideoError, setHasVideoError] = (0, react_1.useState)(false);
+    const shouldShowVideo = Boolean(video && !hasVideoError);
+    return ((0, jsx_runtime_1.jsxs)("article", { className: styles_module_scss_1.default.root, "data-surface": surface, "data-test-id": constants_1.TEST_IDS.releaseNotesItem, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.media, "data-test-id": constants_1.TEST_IDS.releaseNotesMedia, children: [shouldShowVideo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("video", { className: styles_module_scss_1.default.video, src: video, muted: true, loop: true, playsInline: true, autoPlay: true, onLoadedData: () => setIsVideoReady(true), onError: () => setHasVideoError(true), "data-test-id": constants_1.TEST_IDS.releaseNotesVideo }), !isVideoReady && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.videoSkeleton, "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { loading: true, width: '100%', height: '100%' }) }))] })), !shouldShowVideo && (0, jsx_runtime_1.jsx)("img", { className: styles_module_scss_1.default.image, src: image.src, alt: image.alt })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.content, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: 'headline', size: 's', children: title }), (0, jsx_runtime_1.jsx)(scroll_1.Scroll, { className: styles_module_scss_1.default.description, barHideStrategy: scroll_1.BAR_HIDE_STRATEGY.Leave, children: (0, jsx_runtime_1.jsx)(markdown_1.Markdown, { value: description }) })] })] }));
+}

package/dist/cjs/helperComponents/NoteItem/index.d.ts

@@ -0,0 +1 @@
+export * from './NoteItem';

package/dist/cjs/helperComponents/NoteItem/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NoteItem"), exports);

package/dist/cjs/helperComponents/NoteItem/styles.module.css

@@ -0,0 +1,53 @@
+.root{
+  display:grid;
+  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
+  -moz-column-gap:var(--sn-primitive-dimension-24, 24px);
+       column-gap:var(--sn-primitive-dimension-24, 24px);
+  min-height:calc(5 * var(--sn-primitive-dimension-64, 64px));
+}
+.root[data-surface=bottomSheet]{
+  grid-template-columns:minmax(0, 1fr);
+  row-gap:var(--sn-primitive-dimension-16, 16px);
+  min-height:0;
+}
+
+.media{
+  position:relative;
+  overflow:hidden;
+  min-width:0;
+  border-radius:var(--sn-primitive-dimension-16, 16px);
+}
+
+.image,
+.video{
+  display:block;
+  width:100%;
+  height:100%;
+  -o-object-fit:cover;
+     object-fit:cover;
+}
+
+.videoSkeleton{
+  position:absolute;
+  inset:0;
+}
+
+.content{
+  display:flex;
+  flex-direction:column;
+  row-gap:var(--sn-primitive-dimension-12, 12px);
+  min-width:0;
+}
+
+.description{
+  min-height:0;
+}
+
+.root[data-surface=modal] .content{
+  row-gap:var(--sn-primitive-dimension-16, 16px);
+  order:1;
+}
+
+.root[data-surface=modal] .media{
+  order:2;
+}

package/dist/cjs/helperComponents/ReleaseNotesContent/ReleaseNotesContent.d.ts

@@ -0,0 +1,28 @@
+import { NoteItemProps, ReleaseNotesContentState } from '../../types';
+export type ReleaseNotesContentProps = {
+    /** Визуальное состояние */
+    contentState: ReleaseNotesContentState;
+    /** Новости */
+    items: NoteItemProps[];
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** Текущая страница, zero-based */
+    pageIndex: number;
+    /** Поверхность */
+    surface: 'modal' | 'bottomSheet';
+    /** Заголовок no-data */
+    noDataTitle: string;
+    /** Описание no-data */
+    noDataDescription: string;
+    /** Заголовок ошибки */
+    errorTitle: string;
+    /** Описание ошибки */
+    errorDescription: string;
+    /** Label retry-кнопки */
+    retryLabel: string;
+    /** Смена страницы */
+    onPageChange(pageIndex: number): void;
+    /** Повторная загрузка */
+    onDataErrorRetryClick?(): void;
+};
+export declare function ReleaseNotesContent({ contentState, items, loading, pageIndex, surface, noDataTitle, noDataDescription, errorTitle, errorDescription, retryLabel, onPageChange, onDataErrorRetryClick, }: ReleaseNotesContentProps): import("react/jsx-runtime").JSX.Element;