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

package/dist/esm/helperComponents/NoteItemMobile/NoteItemMobile.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Markdown } from '@sbercloud/uikit-product-markdown';
+import { Scroll } from '@snack-uikit/scroll';
+import { Typography } from '@snack-uikit/typography';
+import styles from './styles.module.css';
+export function NoteItemMobile({ title, description, image, childrenScrollRefs, index, onScrollRefInitialized, }) {
+    return (_jsx("div", { className: styles.noteItemWrapper, children: _jsx(Scroll, { size: 'm', barHideStrategy: 'never', ref: el => {
+                if (childrenScrollRefs.current && el) {
+                    childrenScrollRefs.current[index] = el;
+                    onScrollRefInitialized();
+                }
+            }, children: _jsxs("div", { className: styles.noteItemContent, children: [_jsx("img", { src: image.src, alt: image.alt, className: styles.noteItemIllustration }), _jsx(Typography.SansTitleL, { children: title }), _jsx(Markdown, { value: description, className: styles.noteItemMarkdownViewer })] }) }) }));
+}

package/dist/esm/helperComponents/NoteItemMobile/Skeleton.d.ts

@@ -0,0 +1 @@
+export declare function NoteItemMobileSkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/NoteItemMobile/Skeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton, SkeletonText } from '@snack-uikit/skeleton';
+import styles from './styles.module.css';
+export function NoteItemMobileSkeleton() {
+    return (_jsxs("div", { className: styles.noteItemSkeletonWrapper, children: [_jsx(Skeleton, { height: 380, borderRadius: 8 }), _jsxs("div", { className: styles.noteItemContentSkeletonWrapper, children: [_jsx(SkeletonText, { lines: 1, className: styles.noteItemHeaderSkeleton }), _jsx(SkeletonText, { lines: 6 })] })] }));
+}

package/dist/esm/helperComponents/NoteItemMobile/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NoteItemMobile';
+export * from './Skeleton';

package/dist/esm/helperComponents/NoteItemMobile/index.js

@@ -0,0 +1,2 @@
+export * from './NoteItemMobile';
+export * from './Skeleton';

package/dist/esm/helperComponents/NoteItemMobile/styles.module.css

@@ -0,0 +1,36 @@
+.noteItemWrapper{
+  margin-right:calc(var(--dimension-0m, 0px) - var(--dimension-1m, 8px));
+  height:100%;
+}
+
+.noteItemContent{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+  padding-right:var(--dimension-2m, 16px);
+}
+
+.noteItemIllustration{
+  width:100%;
+  pointer-events:none;
+  max-width:380px;
+  align-self:center;
+}
+
+.noteItemSkeletonWrapper{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+  width:100%;
+}
+
+.noteItemContentSkeletonWrapper{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-2m, 16px);
+}
+
+.noteItemHeaderSkeleton{
+  font-size:var(--sans-title-l-font-size, 20px);
+  line-height:var(--sans-title-l-line-height, 28px);
+}

package/dist/esm/helperComponents/NoteSliderControls/NoteSliderControls.d.ts

@@ -0,0 +1,8 @@
+type NoteSliderControlsProps = {
+    page: number;
+    totalPages: number;
+    onNextSlideClick(): void;
+    onPrevSlideClick(): void;
+};
+export declare function NoteSliderControls({ page, totalPages, onNextSlideClick, onPrevSlideClick }: NoteSliderControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/helperComponents/NoteSliderControls/NoteSliderControls.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftSVG, ChevronRightSVG } from '@sbercloud/uikit-product-icons';
+import { ButtonOutline } from '@snack-uikit/button';
+import styles from './styles.module.css';
+export function NoteSliderControls({ page, totalPages, onNextSlideClick, onPrevSlideClick }) {
+    return (_jsxs("div", { className: styles.sliderControls, children: [_jsx(ButtonOutline, { icon: _jsx(ChevronLeftSVG, {}), onClick: onPrevSlideClick, size: 'm', appearance: 'neutral', disabled: page === 1 }), _jsx(ButtonOutline, { icon: _jsx(ChevronRightSVG, {}), onClick: onNextSlideClick, size: 'm', appearance: 'neutral', disabled: page === totalPages })] }));
+}

package/dist/esm/helperComponents/NoteSliderControls/index.d.ts

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

package/dist/esm/helperComponents/NoteSliderControls/index.js

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

package/dist/esm/helperComponents/NoteSliderControls/styles.module.css

@@ -0,0 +1,5 @@
+.sliderControls{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-1m, 8px);
+}

package/dist/esm/helperComponents/index.d.ts

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

package/dist/esm/helperComponents/index.js

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

package/dist/esm/helpers/index.d.ts

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

package/dist/esm/helpers/index.js

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

package/dist/esm/helpers/isDefined.d.ts

@@ -0,0 +1 @@
+export declare const isDefined: <T>(value: T | undefined) => value is T;

package/dist/esm/helpers/isDefined.js

@@ -0,0 +1 @@
+export const isDefined = (value) => value !== undefined;

package/dist/esm/hooks.d.ts

@@ -0,0 +1,12 @@
+import { ReleaseNotesModalProps } from './types';
+type Props = Pick<ReleaseNotesModalProps, 'onClose' | 'onReadLaterClick' | 'onSlideChange'>;
+export declare function useReleaseNotesModal({ onClose, onReadLaterClick, onSlideChange }: Props): {
+    onCloseInner: () => void;
+    onReadLaterClickInner: () => undefined;
+    pageIndex: number;
+    readablePageNumber: number;
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onNextPageClick: () => void;
+    onPrevPageClick: () => void;
+};
+export {};

package/dist/esm/hooks.js

@@ -0,0 +1,38 @@
+import { useCallback, useState } from 'react';
+export function useReleaseNotesModal({ onClose, onReadLaterClick, onSlideChange }) {
+    const [page, setPage] = useState(0);
+    const onCloseInner = useCallback(() => {
+        setPage(0);
+        onClose();
+    }, [onClose]);
+    const onReadLaterClickInner = useCallback(() => {
+        if (!onReadLaterClick) {
+            return undefined;
+        }
+        setPage(0);
+        onReadLaterClick();
+    }, [onReadLaterClick]);
+    const onNextPageClick = useCallback(() => {
+        setPage(prevPageIndex => {
+            const newPage = prevPageIndex + 1;
+            onSlideChange === null || onSlideChange === void 0 ? void 0 : onSlideChange(newPage);
+            return newPage;
+        });
+    }, [onSlideChange]);
+    const onPrevPageClick = useCallback(() => {
+        setPage(prevPageIndex => {
+            const newPage = prevPageIndex - 1;
+            onSlideChange === null || onSlideChange === void 0 ? void 0 : onSlideChange(newPage);
+            return newPage;
+        });
+    }, [onSlideChange]);
+    return {
+        onCloseInner,
+        onReadLaterClickInner,
+        pageIndex: page,
+        readablePageNumber: page + 1,
+        setPage,
+        onNextPageClick,
+        onPrevPageClick,
+    };
+}

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/dist/esm/types.d.ts

@@ -0,0 +1,17 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ModalCustomProps } from '@snack-uikit/modal';
+import { NoteItemProps } from './helperComponents/NoteItem';
+export type ReleaseNotesModalProps = Pick<ModalCustomProps, 'open' | 'onClose'> & WithSupportProps<{
+    /** Массив новостей/заметок */
+    items: NoteItemProps[];
+    /** Состояние загрузки контента */
+    loading?: boolean;
+    /** Действие при клике по кнопке Ознакомиться позже */
+    onReadLaterClick?(): void;
+    /** Состояние ошибки получения данных */
+    dataError?: boolean;
+    /** Действие при клике по кнопке "Перезагрузить" на экране ошибки */
+    onDataErrorRetryClick?(): void;
+    /** Действие при переключении слайда */
+    onSlideChange?(slide: number): void;
+}>;

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-modal-predefined",
   "title": "Modal Predefined",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,19 +30,20 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-copy-line": "0.7.63",
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-markdown": "0.1.7",
-    "@cloud-ru/uikit-product-mobile-modal": "0.9.18",
-    "@cloud-ru/uikit-product-switch-row": "0.6.10",
-    "@cloud-ru/uikit-product-toggles-predefined": "0.8.10",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-copy-line": "0.7.64",
+    "@cloud-ru/uikit-product-icons": "15.1.2",
+    "@cloud-ru/uikit-product-markdown": "0.1.8",
+    "@cloud-ru/uikit-product-mobile-modal": "0.9.19",
+    "@cloud-ru/uikit-product-switch-row": "0.6.11",
+    "@cloud-ru/uikit-product-toggles-predefined": "0.8.11",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "@snack-uikit/button": "0.19.15",
     "@snack-uikit/carousel": "0.6.4",
     "@snack-uikit/fields": "0.51.0",
@@ -57,5 +58,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }