@cloud-ru/uikit-product-modal-predefined 0.9.3 → 0.9.4

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

@@ -0,0 +1,28 @@
+.description{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-support, #6d707f);
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  gap:var(--dimension-1m, 8px);
+}
+
+.footer{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row-reverse;
+  flex-wrap:wrap-reverse;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+}

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { MobileModalCustom, MobileModalCustomProps } from '@sbercloud/uikit-product-mobile-modal';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type MobileRecallProps = Pick<MobileModalCustomProps, 'open' | 'onClose' | 'mode'> & WithSupportProps<{
+    /** Всплывающая подсказка для заголовка */
+    titleTooltip?: MobileModalCustom.HeaderProps['titleTooltip'];
+    /** Колбек нажатия кнопки отзыва
+     *  @param onClose колбэк для закрытия модального окна
+     */
+    onRecall(onClose: () => void): void;
+    /** Состояние загрузки кнопки отзыва */
+    loading?: boolean;
+    /** Описание */
+    description?: ReactNode;
+    /** Текст для подтверждения отзыва */
+    confirmText?: string;
+    /** Скрыть кнопку копирования для текста подтверждения */
+    hideConfirmCopyButton?: boolean;
+    /** Подзаголовок */
+    subtitle?: ReactNode;
+}>;
+export declare function MobileRecallModal({ confirmText, titleTooltip, hideConfirmCopyButton, description, onRecall, onClose, open, subtitle, loading, ...restProps }: MobileRecallProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobileRecallModal/MobileRecallModal.js

@@ -0,0 +1,43 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileRecallModal = MobileRecallModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const button_1 = require("@snack-uikit/button");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("../../helpers");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileRecallModal(_a) {
+    var { confirmText, titleTooltip, hideConfirmCopyButton, description, onRecall, onClose, open, subtitle, loading } = _a, restProps = __rest(_a, ["confirmText", "titleTooltip", "hideConfirmCopyButton", "description", "onRecall", "onClose", "open", "subtitle", "loading"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const withInputConfirmation = (0, helpers_1.isDefined)(confirmText);
+    const _b = (0, hooks_1.useTextFieldValidation)(confirmText), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
+    const handleClose = () => {
+        onClose();
+        reset();
+    };
+    const handleCancel = () => {
+        onClose();
+        reset();
+    };
+    const handleDelete = handleSubmit(() => {
+        onRecall(handleClose);
+    });
+    return ((0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: t('recallTitle'), titleTooltip: titleTooltip, subtitle: subtitle }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.description, children: description }) }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [withInputConfirmation && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('recallFieldLabel'), placeholder: t(`enterText.name`) }, inputProps))), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerActions, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { label: t('recall'), loading: loading, onClick: handleDelete, size: 'm', appearance: 'destructive', fullWidth: true }), (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { label: t('cancel'), onClick: handleCancel, appearance: 'neutral', size: 'm', fullWidth: true })] })] }) })] })));
+}

package/dist/cjs/components/MobileRecallModal/hooks.d.ts

@@ -0,0 +1,8 @@
+export declare function useTextFieldValidation(target: string | undefined): {
+    value: string;
+    onChange: (newValue: string) => void;
+    handleSubmit: (cb: () => void) => () => void;
+    reset: () => void;
+    ref: import("react").RefObject<HTMLInputElement>;
+    error: string;
+};

package/dist/cjs/components/MobileRecallModal/hooks.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextFieldValidation = useTextFieldValidation;
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+function useTextFieldValidation(target) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const ref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const onChange = (newValue) => {
+        setValue(() => newValue);
+        if (target === newValue) {
+            setError('');
+        }
+    };
+    const handleSubmit = (cb) => {
+        if (target === value || target === undefined) {
+            return () => {
+                setError('');
+                cb();
+            };
+        }
+        return () => {
+            var _a;
+            setError(t('invalidText.name'));
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    };
+    const reset = (0, react_1.useCallback)(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

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

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

package/dist/cjs/components/MobileRecallModal/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("./MobileRecallModal"), exports);

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

@@ -0,0 +1,28 @@
+.description{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-support, #6d707f);
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  gap:var(--dimension-1m, 8px);
+}
+
+.footer{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row-reverse;
+  flex-wrap:wrap-reverse;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+}

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

@@ -0,0 +1,2 @@
+import { ReleaseNotesModalProps } from '../../types';
+export declare function MobileReleaseNotesModal({ items, loading, open, onClose, onReadLaterClick, dataError, onDataErrorRetryClick, }: ReleaseNotesModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobileReleaseNotesModal/MobileReleaseNotesModal.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileReleaseNotesModal = MobileReleaseNotesModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const button_1 = require("@snack-uikit/button");
+const carousel_1 = require("@snack-uikit/carousel");
+const skeleton_1 = require("@snack-uikit/skeleton");
+const typography_1 = require("@snack-uikit/typography");
+const helperComponents_1 = require("../../helperComponents");
+const NoteItemMobile_1 = require("../../helperComponents/NoteItemMobile");
+const NoteSliderControls_1 = require("../../helperComponents/NoteSliderControls");
+const hooks_1 = require("../../hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileReleaseNotesModal({ items, loading, open, onClose, onReadLaterClick, dataError, onDataErrorRetryClick, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const { onCloseInner, onReadLaterClickInner, pageIndex, readablePageNumber, onNextPageClick, onPrevPageClick, setPage, } = (0, hooks_1.useReleaseNotesModal)({ onClose, onReadLaterClick });
+    const childrenScrollRefs = (0, react_1.useRef)([]);
+    const [, setInitialized] = (0, react_1.useState)(false);
+    const onScrollRefInitialized = (0, react_1.useCallback)(() => setInitialized(true), []);
+    const content = (0, react_1.useMemo)(() => {
+        if (dataError) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.infoBlockWrapper, children: (0, jsx_runtime_1.jsx)(helperComponents_1.DataErrorInfoBlock, { isMobile: true, onDataErrorRetryClick: onDataErrorRetryClick }) }));
+        }
+        if (!loading && items.length < 1) {
+            return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.infoBlockWrapper, children: (0, jsx_runtime_1.jsx)(helperComponents_1.NoDataInfoBlock, { isMobile: true }) }));
+        }
+        return ((0, jsx_runtime_1.jsx)(skeleton_1.WithSkeleton, { loading: loading, skeleton: (0, jsx_runtime_1.jsx)(NoteItemMobile_1.NoteItemMobileSkeleton, {}), children: (0, jsx_runtime_1.jsx)(carousel_1.Carousel, { arrows: false, pagination: false, swipe: items.length > 1, state: { page: pageIndex, onChange: setPage }, className: styles_module_scss_1.default.mobileCarousel, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(NoteItemMobile_1.NoteItemMobile, Object.assign({}, item, { childrenScrollRefs: childrenScrollRefs, index: index, onScrollRefInitialized: onScrollRefInitialized }), item.title))) }) }));
+    }, [dataError, items, loading, onDataErrorRetryClick, onScrollRefInitialized, pageIndex, setPage]);
+    const showFooter = (0, react_1.useMemo)(() => {
+        if (loading) {
+            return true;
+        }
+        return Boolean(!dataError && items.length > 0);
+    }, [dataError, items.length, loading]);
+    return ((0, jsx_runtime_1.jsxs)(uikit_product_mobile_modal_1.MobileModalCustom, { open: open, onClose: onCloseInner, size: 'full', closeButtonEnabled: true, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Header, { title: t('whatsNew') }), (0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Body, { className: loading ? undefined : styles_module_scss_1.default.mobileBody, content: content }), showFooter && ((0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.MobileModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerActions, children: [(0, jsx_runtime_1.jsx)("div", { children: onReadLaterClick && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { label: t('readLater'), onClick: onReadLaterClickInner, size: 'm', appearance: 'destructive', disabled: loading, fullWidth: true })) }), items.length > 1 && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerRight, children: [(0, jsx_runtime_1.jsxs)(typography_1.Typography.SansBodyM, { className: styles_module_scss_1.default.pageCounter, children: [readablePageNumber, " ", t('outOf'), " ", items.length] }), (0, jsx_runtime_1.jsx)(NoteSliderControls_1.NoteSliderControls, { page: readablePageNumber, totalPages: items.length, onNextSlideClick: onNextPageClick, onPrevSlideClick: onPrevPageClick })] }))] }) }))] }));
+}

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

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

package/dist/cjs/components/MobileReleaseNotesModal/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("./MobileReleaseNotesModal"), exports);

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

@@ -0,0 +1,37 @@
+.mobileBody{
+  padding-right:var(--dimension-1m, 8px);
+}
+
+.mobileCarousel{
+  height:100%;
+  box-sizing:content-box;
+}
+.mobileCarousel > div{
+  height:100%;
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  justify-content:space-between;
+  width:100%;
+}
+
+.footerRight{
+  display:flex;
+  align-items:center;
+  justify-content:flex-end;
+  gap:var(--dimension-1m, 8px);
+}
+
+.pageCounter{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.infoBlockWrapper{
+  height:100%;
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+}

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ModalCustom, ModalCustomProps } from '@snack-uikit/modal';
+export type RecallModalProps = Pick<ModalCustomProps, 'open' | 'onClose' | 'mode'> & WithSupportProps<{
+    /** Всплывающая подсказка для заголовка */
+    titleTooltip?: ModalCustom.HeaderProps['titleTooltip'];
+    /** Колбек нажатия кнопки отзыва
+     *  @param onClose колбэк для закрытия модального окна
+     */
+    onRecall(onClose: () => void): void;
+    /** Состояние загрузки кнопки отзыва */
+    loading?: boolean;
+    /** Описание */
+    description?: ReactNode;
+    /** Текст для подтверждения отзыва */
+    confirmText?: string;
+    /** Скрыть кнопку копирования для текста подтверждения */
+    hideConfirmCopyButton?: boolean;
+    /** Подзаголовок */
+    subtitle?: ReactNode;
+}>;
+export declare function RecallModal({ confirmText, titleTooltip, hideConfirmCopyButton, description, onRecall, onClose, open, loading, subtitle, ...restProps }: RecallModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecallModal = RecallModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const modal_1 = require("@snack-uikit/modal");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const helperComponents_1 = require("../../helperComponents");
+const helpers_1 = require("../../helpers");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function RecallModal(_a) {
+    var { confirmText, titleTooltip, hideConfirmCopyButton, description, onRecall, onClose, open, loading, subtitle } = _a, restProps = __rest(_a, ["confirmText", "titleTooltip", "hideConfirmCopyButton", "description", "onRecall", "onClose", "open", "loading", "subtitle"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const withInputConfirmation = (0, helpers_1.isDefined)(confirmText);
+    const _b = (0, hooks_1.useTextFieldValidation)(confirmText), { reset, handleSubmit } = _b, inputProps = __rest(_b, ["reset", "handleSubmit"]);
+    const handleClose = () => {
+        onClose();
+        reset();
+    };
+    const handleCancel = () => {
+        onClose();
+        reset();
+    };
+    const handleDelete = handleSubmit(() => {
+        onRecall(handleClose);
+    });
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, Object.assign({}, restProps, { open: open, onClose: handleClose, children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { text: t('recallTitle'), maxLines: 2 }), subtitle: subtitle, titleTooltip: titleTooltip }), description && (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { content: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.description, children: description }) }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [withInputConfirmation && ((0, jsx_runtime_1.jsx)(helperComponents_1.InputConfirm, Object.assign({ confirmText: confirmText, hideConfirmCopyButton: hideConfirmCopyButton, labelText: t('recallFieldLabel'), placeholder: t(`enterText.name`) }, inputProps))), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerActions, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { label: t('recall'), loading: loading, onClick: handleDelete, size: 'm', appearance: 'destructive' }), (0, jsx_runtime_1.jsx)(button_1.ButtonOutline, { label: t('cancel'), onClick: handleCancel, appearance: 'neutral', size: 'm' })] })] }) })] })));
+}

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

@@ -0,0 +1,8 @@
+export declare function useTextFieldValidation(target: string | undefined): {
+    value: string;
+    onChange: (newValue: string) => void;
+    handleSubmit: (cb: () => void) => () => void;
+    reset: () => void;
+    ref: import("react").RefObject<HTMLInputElement>;
+    error: string;
+};

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextFieldValidation = useTextFieldValidation;
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+function useTextFieldValidation(target) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const ref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const onChange = (newValue) => {
+        setValue(() => newValue);
+        if (target === newValue) {
+            setError('');
+        }
+    };
+    const handleSubmit = (cb) => {
+        if (target === value || target === undefined) {
+            return () => {
+                setError('');
+                cb();
+            };
+        }
+        return () => {
+            var _a;
+            setError(t('invalidText.name'));
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    };
+    const reset = (0, react_1.useCallback)(() => {
+        setValue('');
+        setError('');
+    }, []);
+    return { value, onChange, handleSubmit, reset, ref, error };
+}

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,29 @@
+.description{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-support, #6d707f);
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  gap:var(--dimension-1m, 8px);
+  word-break:break-word;
+}
+
+.footer{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-3m, 24px);
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row-reverse;
+  flex-wrap:wrap-reverse;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+}

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

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

package/dist/cjs/components/ReleaseNotesModal/ReleaseNotesModal.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReleaseNotesModal = ReleaseNotesModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const carousel_1 = require("@snack-uikit/carousel");
+const modal_1 = require("@snack-uikit/modal");
+const pagination_1 = require("@snack-uikit/pagination");
+const skeleton_1 = require("@snack-uikit/skeleton");
+const helperComponents_1 = require("../../helperComponents");
+const NoteItem_1 = require("../../helperComponents/NoteItem");
+const NoteSliderControls_1 = require("../../helperComponents/NoteSliderControls");
+const hooks_1 = require("../../hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ReleaseNotesModal({ open, onClose, loading, items, onReadLaterClick, dataError, onDataErrorRetryClick, onSlideChange, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('ModalPredefined');
+    const { onCloseInner, onReadLaterClickInner, pageIndex, readablePageNumber, onNextPageClick, onPrevPageClick, setPage, } = (0, hooks_1.useReleaseNotesModal)({ onClose, onReadLaterClick, onSlideChange });
+    const handleSlideChange = (0, react_1.useCallback)((slide) => {
+        setPage(slide);
+        onSlideChange === null || onSlideChange === void 0 ? void 0 : onSlideChange(slide);
+    }, [onSlideChange, setPage]);
+    const content = (0, react_1.useMemo)(() => {
+        if (dataError) {
+            return (0, jsx_runtime_1.jsx)(helperComponents_1.DataErrorInfoBlock, { onDataErrorRetryClick: onDataErrorRetryClick });
+        }
+        if (!loading && items.length < 1) {
+            return (0, jsx_runtime_1.jsx)(helperComponents_1.NoDataInfoBlock, {});
+        }
+        return ((0, jsx_runtime_1.jsx)(skeleton_1.WithSkeleton, { loading: loading, skeleton: (0, jsx_runtime_1.jsx)(NoteItem_1.NoteItemSkeleton, {}), children: (0, jsx_runtime_1.jsx)(carousel_1.Carousel, { className: styles_module_scss_1.default.carousel, arrows: false, pagination: false, state: {
+                    page: pageIndex,
+                    onChange: handleSlideChange,
+                }, swipe: items.length > 1, children: items.map(item => ((0, jsx_runtime_1.jsx)(NoteItem_1.NoteItem, Object.assign({}, item), item.title))) }) }));
+    }, [dataError, handleSlideChange, items, loading, onDataErrorRetryClick, pageIndex]);
+    const showFooter = (0, react_1.useMemo)(() => {
+        if (loading) {
+            return true;
+        }
+        return Boolean(!dataError && items.length > 0);
+    }, [dataError, items.length, loading]);
+    return ((0, jsx_runtime_1.jsxs)(modal_1.ModalCustom, { open: open, onClose: onCloseInner, size: 'm', children: [(0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Header, { title: t('whatsNew') }), (0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Body, { content: content }), showFooter && ((0, jsx_runtime_1.jsx)(modal_1.ModalCustom.Footer, { actions: (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footerActions, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footerLeft, children: onReadLaterClick && ((0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { label: t('readLater'), onClick: onReadLaterClickInner, size: 'm', appearance: 'neutral', disabled: loading })) }), items.length > 1 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!loading && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footerCenter, children: (0, jsx_runtime_1.jsx)(pagination_1.PaginationSlider, { page: readablePageNumber, onChange: page => handleSlideChange(page - 1), total: items.length }) })), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footerRight, children: (0, jsx_runtime_1.jsx)(NoteSliderControls_1.NoteSliderControls, { page: readablePageNumber, totalPages: items.length, onNextSlideClick: onNextPageClick, onPrevSlideClick: onPrevPageClick }) })] }))] }) }))] }));
+}

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

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

package/dist/cjs/components/ReleaseNotesModal/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("./ReleaseNotesModal"), exports);

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

@@ -0,0 +1,35 @@
+.spinnerWrapper{
+  width:100%;
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+}
+
+.footerActions{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  justify-content:space-between;
+  gap:var(--dimension-1m, 8px);
+  width:100%;
+}
+
+.footerLeft{
+  flex:1;
+}
+
+.footerCenter{
+  display:flex;
+  flex:1;
+  justify-content:center;
+}
+
+.footerRight{
+  display:flex;
+  flex:1;
+  justify-content:flex-end;
+}
+
+.carousel{
+  box-sizing:content-box;
+}

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

@@ -0,0 +1,11 @@
+export * from './DefaultDeleteModalBody';
+export * from './DeleteModal';
+export * from './MobileDeleteModal';
+export * from './AdaptiveDeleteModal';
+export * from './DefaultRecallModalBody';
+export * from './RecallModal';
+export * from './MobileRecallModal';
+export * from './AdaptiveRecallModal';
+export * from './ReleaseNotesModal';
+export * from './MobileReleaseNotesModal';
+export * from './AdaptiveReleaseNotesModal';

package/dist/cjs/components/index.js

@@ -0,0 +1,27 @@
+"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("./DefaultDeleteModalBody"), exports);
+__exportStar(require("./DeleteModal"), exports);
+__exportStar(require("./MobileDeleteModal"), exports);
+__exportStar(require("./AdaptiveDeleteModal"), exports);
+__exportStar(require("./DefaultRecallModalBody"), exports);
+__exportStar(require("./RecallModal"), exports);
+__exportStar(require("./MobileRecallModal"), exports);
+__exportStar(require("./AdaptiveRecallModal"), exports);
+__exportStar(require("./ReleaseNotesModal"), exports);
+__exportStar(require("./MobileReleaseNotesModal"), exports);
+__exportStar(require("./AdaptiveReleaseNotesModal"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TEST_IDS: {
+    approveButton: string;
+    closeButton: string;
+};

package/dist/cjs/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEST_IDS = void 0;
+exports.TEST_IDS = {
+    approveButton: 'delete-modal__approve-button',
+    closeButton: 'delete-modal__cancel-button',
+};