@scbt-ecom/ui 0.76.3 → 0.77.1

package/dist/lib/shared/ui/dialog/Dialog.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    title?: string;
+    portal?: HTMLElement;
+}
+export declare const Dialog: ({ className, children, title, portal, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/shared/ui/dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog, type DialogProps } from './Dialog';

package/dist/lib/shared/ui/icon/allowedIcons.d.ts

@@ -9,8 +9,9 @@ export declare const allowedIcons: {
         readonly general: readonly ["general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye"];
         readonly info: readonly ["info/helpCircle", "info/warningCircle"];
         readonly logos: readonly ["logos/beeline", "logos/megafon", "logos/mts"];
+        readonly media: readonly ["media/desktop", "media/mobile"];
         readonly social: readonly ["social/classmates", "social/telegram", "social/vk"];
         readonly status: readonly ["status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
     };
-    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
+    readonly flatten: readonly ["arrows/arrowCircle", "arrows/arrowDownRight", "arrows/arrowLink", "arrows/arrowRight", "arrows/arrowRotate", "arrows/arrowScroll", "brandLogos/logoBlack", "brandLogos/logoBusiness", "brandLogos/logoGray", "brandLogos/logoInsurance", "brandLogos/logoMain", "brandLogos/logoWhite", "communication/phone", "editor/bold", "editor/heading", "editor/italic", "editor/link", "editor/list", "editor/palette", "editor/redo", "editor/removeFormatting", "editor/space", "editor/strikethrough", "editor/typography", "editor/underline", "editor/undo", "files/border", "files/borderError", "files/documentFilled", "files/documentOutline", "files/upload", "general/calendar", "general/check", "general/close", "general/edit", "general/hiddenEye", "general/menu", "general/plus", "general/reorder", "general/search", "general/shield", "general/showEye", "info/helpCircle", "info/warningCircle", "logos/beeline", "logos/megafon", "logos/mts", "media/desktop", "media/mobile", "social/classmates", "social/telegram", "social/vk", "status/badSmile", "status/iconMark", "status/iconRetry", "status/iconUser"];
 };

package/dist/lib/shared/ui/icon/iconsMap.d.ts

@@ -281,6 +281,18 @@ export declare const iconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    'media/desktop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    'media/mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     'social/classmates': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/lib/shared/ui/icon/sprite.gen.d.ts

@@ -7,6 +7,7 @@ export interface SpritesMap {
     general: 'calendar' | 'check' | 'close' | 'edit' | 'hiddenEye' | 'menu' | 'plus' | 'reorder' | 'search' | 'shield' | 'showEye';
     info: 'helpCircle' | 'warningCircle';
     logos: 'beeline' | 'megafon' | 'mts';
+    media: 'desktop' | 'mobile';
     social: 'classmates' | 'telegram' | 'vk';
     status: 'badSmile' | 'iconMark' | 'iconRetry' | 'iconUser';
 }

package/dist/lib/shared/ui/index.d.ts

@@ -17,6 +17,7 @@ export * from './notification';
 export * from './table';
 export * from './pagination';
 export * from './carousel';
+export * from './dialog';
 export * from './providers';
 export * from './heading';
 export * from './icon';

package/dist/lib/widgets/banner/Banner.d.ts

@@ -1,12 +1,19 @@
 import { ReactElement } from 'react';
 import { AdvantageClasses, AdvantagesProps } from '../advantages/Advantages';
 import { BackgroundBannerColorsValues } from './model/constants';
-import { BannerClasses, ButtonsConfig, ImgBanner } from './model/types';
+import { BannerClasses, ButtonsConfig } from './model/types';
 export interface BannerProps {
     headTitle: string | ReactElement;
     subtitle: string | ReactElement;
-    imgDesktop: ImgBanner;
-    imgMobile: ImgBanner;
+    imgMobile: {
+        src: string;
+        base64?: string;
+    };
+    imgDesktop: {
+        src: string;
+        base64?: string;
+    };
+    imgAlt?: string;
     buttonsConfig: ButtonsConfig;
     advantages?: AdvantagesProps;
     variant?: 'separateImg' | 'fullImg';
@@ -14,6 +21,7 @@ export interface BannerProps {
     classes?: BannerClasses & {
         advantages?: AdvantageClasses;
     };
+    renderImage?: (props: React.ComponentProps<'img'>) => ReactElement;
 }
 export declare const Banner: ({ variant, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export default Banner;

package/dist/lib/widgets/banner/model/types.d.ts

@@ -1,4 +1,3 @@
-import { ReactElement } from 'react';
 import { ButtonHandlerOptions } from '../../buttonWithHandlers';
 import { ButtonProps } from '../../../shared/ui';
 export interface BannerClasses {
@@ -30,7 +29,3 @@ export type ButtonsConfig = {
         enabled: boolean;
     };
 };
-export type ImgBanner = ReactElement | {
-    url: string;
-    alt: string;
-};

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.d.ts

@@ -1,2 +1,2 @@
 import { BannerProps } from '../../..';
-export declare const BannerImageFull: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, color }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
+export declare const BannerImageFull: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, imgAlt, color, renderImage }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.d.ts

@@ -1,2 +1,2 @@
 import { BannerProps } from '../../..';
-export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, color }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
+export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, imgMobile, imgDesktop, imgAlt, color, renderImage }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;

package/dist/sprites/media.svg

@@ -0,0 +1 @@
+<svg width="0" height="0"><symbol xmlns="http://www.w3.org/2000/svg" id="desktop" fill="currentColor" viewBox="0 0 24 24"><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-7v2h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2H4a2 2 0 0 1-2-2V5Zm18 11V5H4v11h16Z"/></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="mobile" fill="currentColor" viewBox="0 0 24 24"><path d="M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Zm10 0H8v14h8V5Z"/><path d="M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></symbol></svg>

package/dist/static/static/media/desktop.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2 5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V16C22 17.1046 21.1046 18 20 18H13V20H16C16.5523 20 17 20.4477 17 21C17 21.5523 16.5523 22 16 22H8C7.44772 22 7 21.5523 7 21C7 20.4477 7.44772 20 8 20H11V18H4C2.89543 18 2 17.1046 2 16V5ZM20 16V5H4V16H20Z" fill="currentColor"/>
+</svg>

package/dist/static/static/media/mobile.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6 5C6 3.89543 6.89543 3 8 3H16C17.1046 3 18 3.89543 18 5V19C18 20.1046 17.1046 21 16 21H8C6.89543 21 6 20.1046 6 19V5ZM16 5H8V19H16V5Z" fill="currentColor"/>
+    <path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" fill="currentColor"/>
+</svg>