@scbt-ecom/ui 0.58.0 → 0.59.1

package/dist/widgets/index.d.ts

@@ -15,3 +15,4 @@ export * from './model';
 export * from './fallbacksView';
 export * from './htmlParser';
 export * from './breadcrumbs';
+export * from './seoHeader';

package/dist/widgets/model/helpers.d.ts

@@ -1 +1,2 @@
-export declare const WIDGET_LIST: readonly ["header", "footer", "interLinking", "stepper", "usefulInfo", "longBanner", "banner", "benefit"];
+export declare const WIDGET_LIST: readonly ["header", "footer", "interLinking", "stepper", "usefulInfo", "longBanner", "banner", "benefit", "form", "seoHeader"];
+export declare const widgetIds: Record<"header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader", "header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader">;

package/dist/widgets/seoHeader/SeoHeader.d.ts

@@ -1,8 +1,7 @@
 import { Category, SeoHeaderHelpers } from './model';
-type SeoHeaderProps = {
+export type SeoHeaderProps = {
     categories: Category[];
     helpers: SeoHeaderHelpers[];
     phone: string;
 };
 export declare const SeoHeader: ({ categories, helpers, phone }: SeoHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/widgets/seoHeader/index.d.ts

@@ -0,0 +1 @@
+export { SeoHeader, type SeoHeaderProps } from './SeoHeader';

package/dist/widgets/usefulInfo/UsefulInfo.d.ts

@@ -1,6 +1,18 @@
-import { Tab } from './model';
+import { EntitiesAccordionsConfig, Tab } from './model';
+import { EntityClasses, TabsClasses } from './ui';
+export type UsefulInfoClasses = {
+    root?: string;
+    container?: string;
+    tabsWrapper?: string;
+    tabs?: TabsClasses;
+    headline?: string;
+    contentWrapper?: string;
+    entityClasses?: EntityClasses;
+};
 export type UsefulInfoProps = {
     headline: string;
     tabs: Tab[];
+    classes?: UsefulInfoClasses;
+    accordionsConfig?: EntitiesAccordionsConfig;
 };
-export declare const UsefulInfo: ({ headline, tabs }: UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const UsefulInfo: ({ headline, tabs, classes, accordionsConfig }: UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/widgets/usefulInfo/model/types.d.ts

@@ -1,50 +1,25 @@
+import { EntityDocumentsProps, EntityHtmlProps, EntityTableProps } from '../ui/subEntities';
+import { AccordionProps } from '../../../shared/ui';
 export type SubEntityDetailsConfig = {
     isAccordion: boolean;
     accordionTitle: string;
 };
-export type TableCell = {
-    cell: string;
-};
-export type TableRow = {
-    row: TableCell[];
-};
-export type TableHeading = {
-    heading: string;
-};
-export type EntityTable = {
-    title?: string;
-    description?: string;
-    columnsVariant: 'twoCols' | 'threeCols';
-    tableVariant: 'separator' | 'filled';
-    headings?: TableHeading[];
-    rows: TableRow[];
-    config?: SubEntityDetailsConfig;
-};
-export type EntityDocuments = {
-    iconType: 'documentOutline' | 'documentFilled';
-    title?: string;
-    description?: string;
-    docs: {
-        url: string;
-        size: string;
-        label: string;
-    }[];
-    config?: SubEntityDetailsConfig;
-};
-export type EntityHtml = {
-    html: string;
-    config?: SubEntityDetailsConfig;
+export type EntitiesAccordionsConfig = {
+    htmlAccordion?: Partial<AccordionProps>;
+    documentAccordion?: Partial<AccordionProps>;
+    tableAccordion?: Partial<AccordionProps>;
 };
 export type EntityVariant = 'HTML' | 'TABLE' | 'DOCUMENTS';
-export type EntityDetailsVariant = EntityHtml | EntityDocuments | EntityTable;
 export type Entity<Variant extends EntityVariant = EntityVariant> = {
     variant: Variant;
-    details: Variant extends 'HTML' ? EntityHtml[] : Variant extends 'TABLE' ? EntityTable[] : EntityDocuments[];
+    details: Variant extends 'HTML' ? EntityHtmlProps[] : Variant extends 'TABLE' ? EntityTableProps[] : EntityDocumentsProps[];
 };
 export type Contents = {
     entity: Entity;
+    entityId: string;
 };
 export type Tab = {
     tabName: string;
     contents: Contents[];
+    tabId: string;
 };

package/dist/widgets/usefulInfo/ui/RenderEntity.d.ts

@@ -1,5 +1,16 @@
-import { Entity } from '../model';
+import { EntitiesAccordionsConfig, Entity } from '../model';
+import { EntityDocumentsClasses, EntityHtmlClasses, EntityTableClasses } from './subEntities';
+export type EntityClasses = {
+    entityWrapper?: string;
+    entities?: {
+        html?: EntityHtmlClasses;
+        documents?: EntityDocumentsClasses;
+        table?: EntityTableClasses;
+    };
+};
 export interface RenderEntityProps {
     entity: Entity;
+    classes?: EntityClasses;
+    accordionsConfig?: EntitiesAccordionsConfig;
 }
-export declare const RenderEntity: ({ entity }: RenderEntityProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderEntity: ({ entity, classes, accordionsConfig }: RenderEntityProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/usefulInfo/ui/Tabs.d.ts

@@ -1,7 +1,12 @@
 import { Dispatch, SetStateAction } from 'react';
+export type TabsClasses = {
+    tabs?: string;
+    button?: string;
+};
 export interface TabsProps {
     tabsNames?: string[];
     activeTab?: number;
     setActiveTab: Dispatch<SetStateAction<number>>;
+    classes?: TabsClasses;
 }
-export declare const Tabs: ({ tabsNames, activeTab, setActiveTab }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ tabsNames, activeTab, setActiveTab, classes }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/usefulInfo/ui/subEntities/documents/Documents.d.ts

@@ -1,2 +1,23 @@
-import { EntityDocuments } from '../../../model';
-export declare const Documents: ({ docs, config, title, iconType, description }: EntityDocuments) => import("react/jsx-runtime").JSX.Element;
+import { EntitiesAccordionsConfig, SubEntityDetailsConfig } from '../../../model';
+import { DocumentClasses } from './ui/document';
+export type EntityDocumentsClasses = {
+    wrapper?: string;
+    headline?: string;
+    documentsWrapper?: string;
+    description?: string;
+    singleDocument?: DocumentClasses;
+};
+export type EntityDocumentsProps = {
+    iconType: 'documentOutline' | 'documentFilled';
+    title?: string;
+    description?: string;
+    docs: {
+        url: string;
+        size: string;
+        label: string;
+    }[];
+    config?: SubEntityDetailsConfig;
+    classes?: EntityDocumentsClasses;
+    accordionConfig?: EntitiesAccordionsConfig['documentAccordion'];
+};
+export declare const Documents: ({ docs, config, title, iconType, description, classes, accordionConfig }: EntityDocumentsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/usefulInfo/ui/subEntities/documents/ui/document/Document.d.ts

@@ -1,8 +1,16 @@
 import { IconNames } from './model/utils';
+export type DocumentClasses = {
+    link?: string;
+    icon?: string;
+    wrapper?: string;
+    label?: string;
+    size?: string;
+};
 export interface DocumentProps {
     label: string;
     size: string;
     url: string;
     iconType: IconNames;
+    classes?: DocumentClasses;
 }
-export declare const Document: ({ label, size, url, iconType }: DocumentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Document: ({ label, size, url, iconType, classes }: DocumentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/usefulInfo/ui/subEntities/html/Html.d.ts

@@ -1,2 +1,11 @@
-import { EntityHtml } from '../../../model';
-export declare const Html: ({ html, config }: EntityHtml) => import("react/jsx-runtime").JSX.Element;
+import { EntitiesAccordionsConfig, SubEntityDetailsConfig } from '../../../model';
+export type EntityHtmlClasses = {
+    html?: string;
+};
+export type EntityHtmlProps = {
+    html: string;
+    config?: SubEntityDetailsConfig;
+    classes?: EntityHtmlClasses;
+    accordionConfig?: EntitiesAccordionsConfig['htmlAccordion'];
+};
+export declare const Html: ({ html, config, classes, accordionConfig }: EntityHtmlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/usefulInfo/ui/subEntities/table/Table.d.ts

@@ -1,2 +1,32 @@
-import { EntityTable } from '../../../model';
-export declare const Table: ({ tableVariant, description, columnsVariant, config, rows, title, headings }: EntityTable) => import("react/jsx-runtime").JSX.Element;
+import { EntitiesAccordionsConfig, SubEntityDetailsConfig } from '../../../model';
+import { TableBodyClasses } from './ui/TableBody';
+export type EntityTableClasses = {
+    wrapper?: string;
+    headline?: string;
+    description?: string;
+    tableBody?: TableBodyClasses;
+};
+export type TableCell = {
+    cell: string;
+    cellId: string;
+};
+export type TableRow = {
+    row: TableCell[];
+    rowId: string;
+};
+export type TableHeading = {
+    heading: string;
+    headingId: string;
+};
+export type EntityTableProps = {
+    title?: string;
+    description?: string;
+    columnsVariant: 'twoCols' | 'threeCols';
+    tableVariant: 'separator' | 'filled';
+    headings?: TableHeading[];
+    rows: TableRow[];
+    config?: SubEntityDetailsConfig;
+    classes?: EntityTableClasses;
+    accordionConfig?: EntitiesAccordionsConfig['documentAccordion'];
+};
+export declare const Table: ({ tableVariant, description, columnsVariant, config, rows, title, headings, accordionConfig, classes }: EntityTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/usefulInfo/ui/subEntities/table/model/utils.d.ts

@@ -1,9 +1,10 @@
-import { TableHeading, TableRow } from '../../../../model';
+import { TableHeading, TableRow } from '../Table';
 export declare const transformMobileRows: (rows: TableRow[], headings?: TableHeading[]) => {
     rows: {
         row: {
             heading: string | undefined;
             cell: string;
+            cellId: string;
         }[];
     }[];
 };

package/dist/widgets/usefulInfo/ui/subEntities/table/ui/DesktopHeadings.d.ts

@@ -1,7 +1,12 @@
-import { EntityTable } from '../../../../model';
+import { EntityTableProps } from '../Table';
+export type DesktopHeadingClasses = {
+    row?: string;
+    cell?: string;
+};
 interface DesktopHeadingsProps {
-    headings: EntityTable['headings'];
-    columnsVariant: EntityTable['columnsVariant'];
+    headings: EntityTableProps['headings'];
+    columnsVariant: EntityTableProps['columnsVariant'];
+    classes?: DesktopHeadingClasses;
 }
-export declare const DesktopHeadings: ({ headings, columnsVariant }: DesktopHeadingsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopHeadings: ({ headings, columnsVariant, classes }: DesktopHeadingsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/widgets/usefulInfo/ui/subEntities/table/ui/DesktopRow.d.ts

@@ -1,9 +1,14 @@
-import { EntityTable, TableRow } from '../../../../model';
+import { EntityTableProps, TableRow } from '../Table';
+export type DesktopRowClasses = {
+    row?: string;
+    cell?: string;
+};
 type DesktopRowProps = {
     row: TableRow['row'];
-    tableVariant: EntityTable['tableVariant'];
-    columnsVariant: EntityTable['columnsVariant'];
+    tableVariant: EntityTableProps['tableVariant'];
+    columnsVariant: EntityTableProps['columnsVariant'];
     rowIndex: number;
+    classes?: DesktopRowClasses;
 };
-export declare const DesktopRow: ({ row, tableVariant, columnsVariant, rowIndex }: DesktopRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopRow: ({ row, tableVariant, columnsVariant, rowIndex, classes }: DesktopRowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/widgets/usefulInfo/ui/subEntities/table/ui/MobileRow.d.ts

@@ -1,13 +1,20 @@
-import { EntityTable } from '../../../../model';
-interface IFormattedRow {
+import { EntityTableProps } from '../Table';
+interface FormattedRow {
     cell: string;
     heading?: string;
 }
+export type MobileRowClasses = {
+    row?: string;
+    wrapper?: string;
+    heading?: string;
+    cell?: string;
+};
 export interface MobileRowProps {
-    row: IFormattedRow[];
-    tableVariant: EntityTable['tableVariant'];
-    columnsVariant: EntityTable['columnsVariant'];
+    row: FormattedRow[];
+    tableVariant: EntityTableProps['tableVariant'];
+    columnsVariant: EntityTableProps['columnsVariant'];
     headingsExist: boolean;
+    classes?: MobileRowClasses;
 }
-export declare const MobileRow: ({ row, tableVariant, columnsVariant, headingsExist }: MobileRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileRow: ({ row, tableVariant, columnsVariant, headingsExist, classes }: MobileRowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/widgets/usefulInfo/ui/subEntities/table/ui/TableBody.d.ts

@@ -1,9 +1,19 @@
-import { EntityTable } from '../../../../model';
+import { EntityTableProps } from '../Table';
+import { DesktopHeadingClasses } from './DesktopHeadings';
+import { DesktopRowClasses } from './DesktopRow';
+import { MobileRowClasses } from './MobileRow';
+export type TableBodyClasses = {
+    wrapper?: string;
+    desktopHeading: DesktopHeadingClasses;
+    desktopRow?: DesktopRowClasses;
+    mobileRow?: MobileRowClasses;
+};
 interface TableBodyProps {
-    tableVariant: EntityTable['tableVariant'];
-    rows: EntityTable['rows'];
-    headings?: EntityTable['headings'];
-    columnsVariant: EntityTable['columnsVariant'];
+    tableVariant: EntityTableProps['tableVariant'];
+    rows: EntityTableProps['rows'];
+    headings?: EntityTableProps['headings'];
+    columnsVariant: EntityTableProps['columnsVariant'];
+    classes?: TableBodyClasses;
 }
-export declare const TableBody: ({ tableVariant, rows, headings, columnsVariant }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: ({ tableVariant, rows, headings, columnsVariant, classes }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.58.0",
+  "version": "0.59.1",
   "type": "module",
   "exports": {
     ".": {

package/dist/uuid-DQgafI7K.js

@@ -1,24 +0,0 @@
-import { v4 as c } from "uuid";
-function x(e, r = "x xxx xxx-xx-xx") {
-  let o = r;
-  for (let t = 0; t < e.length; t++)
-    o = o.replace("x", e[t]);
-  return o;
-}
-const l = {
-  behavior: "smooth",
-  block: "center"
-}, a = ({ widgetId: e, config: r = {} }) => {
-  const { behavior: o, block: t } = { ...l, ...r }, n = document.getElementById(e);
-  if (!n) {
-    console.error("Такого элемента в DOM не существует", e);
-    return;
-  }
-  n.scrollIntoView({ behavior: o, block: t });
-}, m = () => c();
-export {
-  x as c,
-  m as g,
-  a as s
-};
-//# sourceMappingURL=uuid-DQgafI7K.js.map

package/dist/uuid-DQgafI7K.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uuid-DQgafI7K.js","sources":["../lib/shared/utils/createPhoneNumber.ts","../lib/shared/utils/scrollToElement.ts","../lib/shared/utils/uuid.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","import { v4 as uuid } from 'uuid'\n\nexport const getUuid = () => uuid()\n"],"names":["createPhoneNumber","numbers","phoneMask","mask","i","DEFAULT_SCROLL_CONFIG","scrollToElement","widgetId","config","behavior","block","element","getUuid","uuid"],"mappings":";AAAgB,SAAAA,EAAkBC,GAAiBC,IAAoB,mBAA2B;AAChG,MAAIC,IAAOD;AAEX,WAASE,IAAI,GAAGA,IAAIH,EAAQ,QAAQG;AAClC,IAAAD,IAAOA,EAAK,QAAQ,KAAKF,EAAQG,CAAC,CAAC;AAG9B,SAAAD;AACT;ACIA,MAAME,IAAgD;AAAA,EACpD,UAAU;AAAA,EACV,OAAO;AACT,GAEaC,IAAkB,CAAC,EAAE,UAAAC,GAAU,QAAAC,IAAS,SAAwB;AACrE,QAAA,EAAE,UAAAC,GAAU,OAAAC,EAAM,IAAI,EAAE,GAAGL,GAAuB,GAAGG,EAAO,GAE5DG,IAAU,SAAS,eAAeJ,CAAQ;AAChD,MAAI,CAACI,GAAS;AACJ,YAAA,MAAM,uCAAuCJ,CAAQ;AAC7D;AAAA,EAAA;AAGF,EAAAI,EAAQ,eAAe,EAAE,UAAAF,GAAU,OAAAC,EAAA,CAAO;AAC5C,GCzBaE,IAAU,MAAMC,EAAK;"}