@scbt-ecom/ui 0.90.3 → 0.91.0

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

@@ -9,4 +9,3 @@ export { getUuid } from './uuid';
 export { localStorageActions } from './localStorageActions';
 export { assertUnreachable } from './assertUnreachable';
 export * from './sessionStorage';
-export * from './renderImage';

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { RenderImage } from '../../shared/utils';
 import { BannerClasses, ButtonsConfig } from './model';
+import { Images } from './model/types';
 import { AdvantageClasses, AdvantagesProps } from './ui/banners/ui';
 import { BackgroundBannerColors } from '../../shared/constants';
 export interface BannerProps {
@@ -9,9 +9,7 @@ export interface BannerProps {
     buttonsConfig: ButtonsConfig;
     advantages?: AdvantagesProps;
     variant?: 'separateImg' | 'fullImg';
-    imageDesktop: RenderImage['imgProps'];
-    imageMobile: RenderImage['imgProps'];
-    renderImageCb?: RenderImage['renderImageCb'];
+    images: Images;
     backgroundColor?: BackgroundBannerColors;
     classes?: BannerClasses & {
         advantages?: AdvantageClasses;

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

@@ -24,3 +24,8 @@ export type ButtonsConfig = {
         enabled: boolean;
     };
 };
+export type Images = {
+    desktop: string;
+    mobile: 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, imageDesktop, imageMobile, renderImageCb, backgroundColor }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
+export declare const BannerImageFull: ({ headTitle, subtitle, buttonsConfig, advantages, classes, images, backgroundColor }: 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, renderImageCb, imageDesktop, imageMobile, backgroundColor }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;
+export declare const BannerWithSeparateImg: ({ headTitle, subtitle, buttonsConfig, advantages, classes, images, backgroundColor }: Omit<BannerProps, "bannerVariant">) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/widgets/infoBlock/InfoBlock.d.ts

@@ -1,6 +1,5 @@
 import { RootContentClasses, RootContentProps } from './ui';
 import { BackgroundBannerColors } from '../../shared/constants';
-import { RenderImage } from '../../shared/utils';
 type InfoBlockClasses = {
     root?: string;
     container?: string;
@@ -11,7 +10,6 @@ type InfoBlockClasses = {
 };
 export interface InfoBlockProps extends RootContentProps {
     size?: 'sm' | 'md';
-    imageDesktop: RenderImage['imgProps'];
     classes?: InfoBlockClasses;
     backgroundColor?: BackgroundBannerColors;
 }

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

@@ -0,0 +1,5 @@
+export type Images = {
+    desktop: string;
+    mobile: string;
+    alt: string;
+};

package/dist/lib/widgets/infoBlock/ui/RootContent.d.ts

@@ -1,6 +1,6 @@
 import { ButtonWithHandlersProps } from '../../buttonWithHandlers';
+import { Images } from '../model/types';
 import { LinksListClasses, LinksListProps } from './LinksList';
-import { RenderImage } from '../../../shared/utils';
 export type RootContentClasses = {
     wrapper?: string;
     textBlock?: string;
@@ -15,8 +15,7 @@ export interface RootContentProps extends Omit<LinksListProps, 'classes'> {
     heading: string;
     description?: string;
     buttonsGroup?: ButtonWithHandlersProps[];
-    imageMobile: RenderImage['imgProps'];
-    renderImageCb?: RenderImage['renderImageCb'];
+    images: Images;
     classes?: RootContentClasses;
 }
-export declare const RootContent: ({ heading, buttonsGroup, imageMobile, renderImageCb, description, linksList, classes }: RootContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RootContent: ({ heading, buttonsGroup, description, images, linksList, classes }: RootContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/localStorageActions-CkWWvUS3.js

@@ -0,0 +1,47 @@
+import { T as l } from "./typeGuards-BHbj394R.js";
+function n(t, e = "x xxx xxx-xx-xx") {
+  let o = e;
+  for (let r = 0; r < t.length; r++)
+    o = o.replace("x", t[r]);
+  return o;
+}
+const a = {
+  behavior: "smooth",
+  block: "center"
+}, i = ({ widgetId: t, config: e = {} }) => {
+  const { behavior: o, block: r } = { ...a, ...e }, s = document.getElementById(t);
+  if (!s) {
+    console.error("Такого элемента в DOM не существует", t);
+    return;
+  }
+  s.scrollIntoView({ behavior: o, block: r });
+}, m = (t) => t.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join("-"), x = {
+  setItem: (t, e) => {
+    if (l.isNil(e))
+      return;
+    const o = JSON.stringify(e);
+    localStorage.setItem(t, o);
+  },
+  getItem: (t) => {
+    const e = localStorage.getItem(t);
+    if (l.isNull(e))
+      return null;
+    try {
+      return JSON.parse(e);
+    } catch {
+      return e;
+    }
+  },
+  clearItems: (...t) => {
+    t.forEach((e) => {
+      localStorage.removeItem(e);
+    });
+  }
+};
+export {
+  m as a,
+  n as c,
+  x as l,
+  i as s
+};
+//# sourceMappingURL=localStorageActions-CkWWvUS3.js.map

package/dist/localStorageActions-CkWWvUS3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorageActions-CkWWvUS3.js","sources":["../lib/shared/utils/createPhoneNumber.ts","../lib/shared/utils/scrollToElement.ts","../lib/shared/utils/capitalize.ts","../lib/shared/utils/localStorageActions.ts"],"sourcesContent":["export function createPhoneNumber(numbers: string, phoneMask: string = 'x xxx xxx-xx-xx'): string {\n  let mask = phoneMask\n\n  for (let i = 0; i < numbers.length; i++) {\n    mask = mask.replace('x', numbers[i])\n  }\n\n  return mask\n}\n","import type { AllowedWidgets } from '$/widgets'\n\ntype ScrollConfig = {\n  behavior?: ScrollBehavior\n  block?: ScrollLogicalPosition\n}\n\ntype ScrollElement = {\n  widgetId: AllowedWidgets\n  config?: ScrollConfig\n}\n\nconst DEFAULT_SCROLL_CONFIG: Required<ScrollConfig> = {\n  behavior: 'smooth',\n  block: 'center'\n}\n\nexport const scrollToElement = ({ widgetId, config = {} }: ScrollElement) => {\n  const { behavior, block } = { ...DEFAULT_SCROLL_CONFIG, ...config }\n\n  const element = document.getElementById(widgetId)\n  if (!element) {\n    console.error('Такого элемента в DOM не существует', widgetId)\n    return\n  }\n\n  element.scrollIntoView({ behavior, block })\n}\n","export const capitalize = (str: string) => {\n  return str\n    .split('-')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join('-')\n}\n","import { TypeGuards } from './typeGuards'\n\nexport const localStorageActions = {\n  setItem: <T>(key: string, value: T): void => {\n    if (TypeGuards.isNil(value)) {\n      return\n    }\n    const stringifiesPayload = JSON.stringify(value)\n    localStorage.setItem(key, stringifiesPayload)\n  },\n\n  getItem: <T>(key: string): T | null => {\n    const item = localStorage.getItem(key)\n\n    if (TypeGuards.isNull(item)) {\n      return null\n    }\n\n    try {\n      return JSON.parse(item) as T\n    } catch {\n      return item as T\n    }\n  },\n\n  clearItems: (...keys: string[]): void => {\n    keys.forEach((key) => {\n      localStorage.removeItem(key)\n    })\n  }\n}\n"],"names":["createPhoneNumber","numbers","phoneMask","mask","i","DEFAULT_SCROLL_CONFIG","scrollToElement","widgetId","config","behavior","block","element","capitalize","str","word","localStorageActions","key","value","TypeGuards","stringifiesPayload","item","keys"],"mappings":";AAAO,SAASA,EAAkBC,GAAiBC,IAAoB,mBAA2B;AAChG,MAAIC,IAAOD;AAEX,WAASE,IAAI,GAAGA,IAAIH,EAAQ,QAAQG;AAClC,IAAAD,IAAOA,EAAK,QAAQ,KAAKF,EAAQG,CAAC,CAAC;AAGrC,SAAOD;AACT;ACIA,MAAME,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,OAAO;AACT,GAEaC,IAAkB,CAAC,EAAE,UAAAC,GAAU,QAAAC,IAAS,CAAA,QAAwB;AAC3E,QAAM,EAAE,UAAAC,GAAU,OAAAC,EAAA,IAAU,EAAE,GAAGL,GAAuB,GAAGG,EAAA,GAErDG,IAAU,SAAS,eAAeJ,CAAQ;AAChD,MAAI,CAACI,GAAS;AACZ,YAAQ,MAAM,uCAAuCJ,CAAQ;AAC7D;AAAA,EAAA;AAGF,EAAAI,EAAQ,eAAe,EAAE,UAAAF,GAAU,OAAAC,EAAA,CAAO;AAC5C,GC3BaE,IAAa,CAACC,MAClBA,EACJ,MAAM,GAAG,EACT,IAAI,CAACC,MAASA,EAAK,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAK,MAAM,CAAC,EAAE,YAAA,CAAa,EACxE,KAAK,GAAG,GCFAC,IAAsB;AAAA,EACjC,SAAS,CAAIC,GAAaC,MAAmB;AAC3C,QAAIC,EAAW,MAAMD,CAAK;AACxB;AAEF,UAAME,IAAqB,KAAK,UAAUF,CAAK;AAC/C,iBAAa,QAAQD,GAAKG,CAAkB;AAAA,EAAA;AAAA,EAG9C,SAAS,CAAIH,MAA0B;AACrC,UAAMI,IAAO,aAAa,QAAQJ,CAAG;AAErC,QAAIE,EAAW,OAAOE,CAAI;AACxB,aAAO;AAGT,QAAI;AACF,aAAO,KAAK,MAAMA,CAAI;AAAA,IAAA,QAChB;AACN,aAAOA;AAAA,IAAA;AAAA,EACT;AAAA,EAGF,YAAY,IAAIC,MAAyB;AACvC,IAAAA,EAAK,QAAQ,CAACL,MAAQ;AACpB,mBAAa,WAAWA,CAAG;AAAA,IAAA,CAC5B;AAAA,EAAA;AAEL;"}

package/dist/mergeRefs-qDToYXtM.js

@@ -0,0 +1,12 @@
+const o = (...f) => {
+  const r = f.filter(Boolean);
+  return r.length <= 1 ? r[0] || null : function(t) {
+    r.forEach((e) => {
+      typeof e == "function" ? e(t) : e && (e.current = t);
+    });
+  };
+};
+export {
+  o as m
+};
+//# sourceMappingURL=mergeRefs-qDToYXtM.js.map

package/dist/mergeRefs-qDToYXtM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs-qDToYXtM.js","sources":["../lib/shared/utils/mergeRefs.ts"],"sourcesContent":["import type React from 'react'\n\nexport const mergeRefs = <T>(...inputRefs: (React.Ref<T> | undefined)[]): React.Ref<T> | React.RefCallback<T> => {\n  const filteredInputRefs = inputRefs.filter(Boolean)\n\n  if (filteredInputRefs.length <= 1) {\n    const firstRef = filteredInputRefs[0]\n\n    return firstRef || null\n  }\n\n  return function mergedRefs(ref) {\n    filteredInputRefs.forEach((inputRef) => {\n      if (typeof inputRef === 'function') {\n        inputRef(ref)\n      } else if (inputRef) {\n        ;(inputRef as React.MutableRefObject<T | null>).current = ref\n      }\n    })\n  }\n}\n"],"names":["mergeRefs","inputRefs","filteredInputRefs","ref","inputRef"],"mappings":"AAEO,MAAMA,IAAY,IAAOC,MAAiF;AAC/G,QAAMC,IAAoBD,EAAU,OAAO,OAAO;AAElD,SAAIC,EAAkB,UAAU,IACbA,EAAkB,CAAC,KAEjB,OAGd,SAAoBC,GAAK;AAC9B,IAAAD,EAAkB,QAAQ,CAACE,MAAa;AACtC,MAAI,OAAOA,KAAa,aACtBA,EAASD,CAAG,IACHC,MACPA,EAA8C,UAAUD;AAAA,IAC5D,CACD;AAAA,EAAA;AAEL;"}

package/dist/ui.js

@@ -1,11 +1,11 @@
-import { c as Ze, R as et, B as D, u as tt, a as nt, b as ot, d as rt, P as K, e as Fe, f as it, I as lt, g as Q, h as ut, A as st, i as B, D as at, V as gt, O as dt } from "./index-CaH5PSDk.js";
-import { s as Yn, o as Zn, C as eo, r as to, y as no, t as oo, U as ro, Q as io, z as lo, v as uo, E as so, H as ao, T as go, L as co, M as fo, N as po, n as mo, p as So, q as ho, x as Co, w as wo, S as Ro, W as vo, F as xo, j as _o, l as Fo, k as yo, m as $o, X as Vo, G as Mo, J as Io, K as Po } from "./index-CaH5PSDk.js";
-import { j as S, m as ct } from "./mergeRefs-Danc3mp8.js";
+import { j as S, c as Ze, R as et, B as D, u as tt, a as nt, b as ot, d as rt, P as K, e as Fe, f as it, I as lt, g as Q, h as ut, A as st, i as B, D as at, V as gt, O as dt } from "./index-BKq2JR4V.js";
+import { t as Jn, p as Zn, C as eo, s as to, z as no, v as oo, W as ro, T as io, E as lo, w as uo, F as so, H as ao, U as go, L as co, M as fo, N as po, o as mo, q as So, r as ho, y as Co, x as wo, S as Ro, X as vo, G as xo, k as _o, m as Fo, l as yo, n as $o, Y as Vo, J as Mo, K as Io, Q as Po } from "./index-BKq2JR4V.js";
 import * as E from "react";
-import { forwardRef as M, useState as z, useRef as we, useEffect as ft, isValidElement as q, cloneElement as ye, Children as b } from "react";
+import { forwardRef as M, useState as z, useRef as we, useEffect as ct, isValidElement as q, cloneElement as ye, Children as b } from "react";
 import { c as v, T as Re } from "./typeGuards-BHbj394R.js";
 import { aQ as Do, aT as Lo, aP as Ao, aS as Ho, aR as Go } from "./utils-U4W3nat7.js";
-import { u as $e, a as pt } from "./useDebounce-5MeprqTX.js";
+import { u as $e, a as ft } from "./useDebounce-5MeprqTX.js";
+import { m as pt } from "./mergeRefs-qDToYXtM.js";
 const mt = Ze(
   "group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
@@ -392,7 +392,7 @@ const Ft = ({
     }
     l(!1);
   };
-  return pt(d, a), i ? /* @__PURE__ */ S.jsx(
+  return ft(d, a), i ? /* @__PURE__ */ S.jsx(
     "input",
     {
       ref: d,
@@ -900,7 +900,7 @@ const Lt = (e, o, t) => t.reduce((n, r) => {
     return t[0];
   const n = Math.floor(t.length / 2), r = t.sort((i, l) => i - l);
   return t.length % 2 !== 0 ? r[n] : (r[n - 1] + r[n]) / 2;
-}, Nt = (e, o) => Array.from(new Set(o.map((t) => t.getValue(e))).values()), jt = (e, o) => new Set(o.map((t) => t.getValue(e))).size, Tt = (e, o) => o.length, J = {
+}, Nt = (e, o) => Array.from(new Set(o.map((t) => t.getValue(e))).values()), jt = (e, o) => new Set(o.map((t) => t.getValue(e))).size, Tt = (e, o) => o.length, Y = {
   sum: Lt,
   min: At,
   max: Ht,
@@ -946,14 +946,14 @@ const Lt = (e, o, t) => t.reduce((n, r) => {
     }, e.getAutoAggregationFn = () => {
       const t = o.getCoreRowModel().flatRows[0], n = t == null ? void 0 : t.getValue(e.id);
       if (typeof n == "number")
-        return J.sum;
+        return Y.sum;
       if (Object.prototype.toString.call(n) === "[object Date]")
-        return J.extent;
+        return Y.extent;
     }, e.getAggregationFn = () => {
       var t, n;
       if (!e)
         throw new Error();
-      return W(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : (t = (n = o.options.aggregationFns) == null ? void 0 : n[e.columnDef.aggregationFn]) != null ? t : J[e.columnDef.aggregationFn];
+      return W(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : (t = (n = o.options.aggregationFns) == null ? void 0 : n[e.columnDef.aggregationFn]) != null ? t : Y[e.columnDef.aggregationFn];
     };
   },
   createTable: (e) => {
@@ -1020,12 +1020,12 @@ const Bt = {
       return kt(i, t, n);
     }, C(e.options, "debugTable", "_getOrderColumnsFn"));
   }
-}, Y = () => ({
+}, J = () => ({
   left: [],
   right: []
 }), qt = {
   getInitialState: (e) => ({
-    columnPinning: Y(),
+    columnPinning: J(),
     ...e
   }),
   getDefaultOptions: (e) => ({
@@ -1085,7 +1085,7 @@ const Bt = {
   createTable: (e) => {
     e.setColumnPinning = (o) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(o), e.resetColumnPinning = (o) => {
       var t, n;
-      return e.setColumnPinning(o ? Y() : (t = (n = e.initialState) == null ? void 0 : n.columnPinning) != null ? t : Y());
+      return e.setColumnPinning(o ? J() : (t = (n = e.initialState) == null ? void 0 : n.columnPinning) != null ? t : J());
     }, e.getIsSomeColumnsPinned = (o) => {
       var t;
       const n = e.getState().columnPinning;
@@ -1172,9 +1172,9 @@ const T = {
           typeof x == "number" && (o.setColumnSizingInfo((_) => {
             var I, y;
             const H = o.options.columnResizeDirection === "rtl" ? -1 : 1, Se = (x - ((I = _ == null ? void 0 : _.startOffset) != null ? I : 0)) * H, he = Math.max(Se / ((y = _ == null ? void 0 : _.startSize) != null ? y : 0), -0.999999);
-            return _.columnSizingStart.forEach((Je) => {
-              let [Ye, Ce] = Je;
-              g[Ye] = Math.round(Math.max(Ce + Ce * he, 0) * 100) / 100;
+            return _.columnSizingStart.forEach((Ye) => {
+              let [Je, Ce] = Ye;
+              g[Je] = Math.round(Math.max(Ce + Ce * he, 0) * 100) / 100;
             }), {
               ..._,
               deltaOffset: Se,
@@ -1317,7 +1317,7 @@ const Qt = {
         return e._getGlobalFacetedMinMaxValues();
     };
   }
-}, Jt = {
+}, Yt = {
   getInitialState: (e) => ({
     globalFilter: void 0,
     ...e
@@ -1350,7 +1350,7 @@ const Qt = {
       e.setGlobalFilter(o ? void 0 : e.initialState.globalFilter);
     };
   }
-}, Yt = {
+}, Jt = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -1915,12 +1915,12 @@ const G = {
   Dt,
   Qt,
   //depends on ColumnFaceting
-  Jt,
+  Yt,
   //depends on ColumnFiltering
   an,
   Ot,
   //depends on RowSorting
-  Yt,
+  Jt,
   Zt,
   en,
   tn,
@@ -2655,7 +2655,7 @@ class Kn {
 }
 const Xn = ({ maxToastViewLimit: e = 2, toastDuration: o = 5e3 }) => {
   const { toasts: t } = at();
-  return ft(() => {
+  return ct(() => {
     t.filter((n) => n.visible).filter((n, r) => r >= e).forEach((n) => gt.dismiss(n.id));
   }, [e, t]), /* @__PURE__ */ S.jsx(
     dt,
@@ -2673,7 +2673,7 @@ const Xn = ({ maxToastViewLimit: e = 2, toastDuration: o = 5e3 }) => {
       ...Dn(o, e.props),
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
-      ref: t ? ct(t, n) : n
+      ref: t ? pt(t, n) : n
     });
   }
   return b.count(e) > 1 ? b.only(null) : null;
@@ -2717,7 +2717,7 @@ const Wn = ({ icon: e, children: o, classes: t, ...n }) => /* @__PURE__ */ S.jsx
 );
 export {
   st as Accordion,
-  Yn as ArrowNavigationButton,
+  Jn as ArrowNavigationButton,
   Zn as Badge,
   D as Button,
   Nn as ButtonIcon,

package/dist/utils.js

@@ -1,8 +1,8 @@
-import { a as w, c as R, l as D, r as N, s as E } from "./renderImage-ViVSYcgG.js";
+import { a as w, c as R, l as D, s as N } from "./localStorageActions-CkWWvUS3.js";
 import { T as i } from "./typeGuards-BHbj394R.js";
-import { c as V } from "./typeGuards-BHbj394R.js";
+import { c as T } from "./typeGuards-BHbj394R.js";
 import { i as a } from "./isClient-C9aZtt2Q.js";
-import { m as A } from "./mergeRefs-Danc3mp8.js";
+import { m as v } from "./mergeRefs-qDToYXtM.js";
 const t = [];
 for (let e = 0; e < 256; ++e)
   t.push((e + 256).toString(16).slice(1));
@@ -30,9 +30,9 @@ function y(e, n, s) {
     throw new Error("Random bytes length must be >= 16");
   return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, l(r);
 }
-const h = () => y(), I = (e, n) => {
+const h = () => y(), S = (e, n) => {
   console.error(n ?? "process all the cases");
-}, S = {
+}, b = {
   setItem: (e, n) => {
     if (!a)
       return console.warn("Session storage can be used only in client side");
@@ -59,16 +59,15 @@ const h = () => y(), I = (e, n) => {
 };
 export {
   i as TypeGuards,
-  I as assertUnreachable,
+  S as assertUnreachable,
   w as capitalize,
-  V as cn,
+  T as cn,
   R as createPhoneNumber,
   h as getUuid,
   a as isClient,
   D as localStorageActions,
-  A as mergeRefs,
-  N as renderImage,
-  E as scrollToElement,
-  S as sessionStorageActions
+  v as mergeRefs,
+  N as scrollToElement,
+  b as sessionStorageActions
 };
 //# sourceMappingURL=utils.js.map