@scbt-ecom/ui 0.38.0 → 0.38.2

package/dist/widgets/footer/ui/NavLinks.d.ts

@@ -0,0 +1,15 @@
+import { FooterNavLinks } from '../model/types';
+export type NavigationLinksClasses = {
+    navRoot?: string;
+    navGroup?: string;
+    navLabel?: string;
+    navLinks?: string;
+    navLink?: string;
+    navLinkIcon?: string;
+};
+interface NavLinksProps {
+    navigationLinks: FooterNavLinks[];
+    classes?: NavigationLinksClasses;
+}
+export declare const NavLinks: ({ navigationLinks, classes }: NavLinksProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/footer/ui/PhonesBlock.d.ts

@@ -0,0 +1,13 @@
+import { FooterPhones } from '../model/types';
+export type PhoneBlockClasses = {
+    phonesRoot?: string;
+    phoneWrapper?: string;
+    phoneText?: string;
+    phoneLink?: string;
+};
+interface PhonesBlockProps {
+    phones: FooterPhones[];
+    classes?: PhoneBlockClasses;
+}
+export declare const PhonesBlock: ({ phones, classes }: PhonesBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/footer/ui/SiteMap.d.ts

@@ -0,0 +1,8 @@
+export type SiteMapClasses = {
+    siteMapLink?: string;
+    siteMapLinkIcon?: string;
+};
+export interface SiteMapProps {
+    classes?: SiteMapClasses;
+}
+export declare const SiteMap: ({ classes }: SiteMapProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/footer/ui/SocialLinks.d.ts

@@ -0,0 +1,12 @@
+import { FooterSocialLinks } from '../model/types';
+export type SocialLinksClasses = {
+    socialRoot?: string;
+    socialLink?: string;
+    socialIcon?: string;
+};
+interface ISocialLinksProps {
+    socialsLinks: FooterSocialLinks[];
+    classes?: SocialLinksClasses;
+}
+export declare const SocialLinks: ({ socialsLinks, classes }: ISocialLinksProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/footer/ui/index.d.ts

@@ -0,0 +1,6 @@
+export * from './SocialLinks';
+export * from './PhonesBlock';
+export * from './NavLinks';
+export * from './Copyright';
+export * from './FooterLogo';
+export * from './SiteMap';

package/dist/widgets/index.d.ts

@@ -0,0 +1,9 @@
+export * from './benefit';
+export * from './pageHeader';
+export * from './banner';
+export * from './advantages';
+export * from './footer';
+export * from './stepper';
+export * from './longBanner';
+export * from './authProvider';
+export * from './interLinking';

package/dist/widgets/interLinking/InterLinking.d.ts

@@ -0,0 +1,15 @@
+import { InterLinkingSchema } from './model/types';
+import { ColumnClasses } from './ui';
+import { AccordionProps } from '../../shared/ui';
+export type InterLinkingClasses = {
+    root?: string;
+    headline?: string;
+    columnsWrapper?: string;
+    column?: ColumnClasses;
+};
+export interface InterLinkingProps extends InterLinkingSchema {
+    mobileAccordionProps?: AccordionProps;
+    rootAccordionProps?: AccordionProps;
+    classes?: InterLinkingClasses;
+}
+export declare const InterLinking: ({ columns, variant, headline, mobileAccordionProps, rootAccordionProps, classes }: InterLinkingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './InterLinking';
+export type * from './model/types';

package/dist/widgets/interLinking/model/schema.d.ts

@@ -0,0 +1,150 @@
+import { z } from 'zod';
+export declare const linkSchema: z.ZodObject<{
+    label: z.ZodString;
+    path: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    path: string;
+    label: string;
+}, {
+    path: string;
+    label: string;
+}>;
+export declare const groupSchema: z.ZodObject<{
+    groupLabel: z.ZodString;
+    links: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        path: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        path: string;
+        label: string;
+    }, {
+        path: string;
+        label: string;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    groupLabel: string;
+    links: {
+        path: string;
+        label: string;
+    }[];
+}, {
+    groupLabel: string;
+    links: {
+        path: string;
+        label: string;
+    }[];
+}>;
+export declare const columnsSchema: z.ZodObject<{
+    column: z.ZodArray<z.ZodObject<{
+        groupLabel: z.ZodString;
+        links: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            path: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            path: string;
+            label: string;
+        }, {
+            path: string;
+            label: string;
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        groupLabel: string;
+        links: {
+            path: string;
+            label: string;
+        }[];
+    }, {
+        groupLabel: string;
+        links: {
+            path: string;
+            label: string;
+        }[];
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    column: {
+        groupLabel: string;
+        links: {
+            path: string;
+            label: string;
+        }[];
+    }[];
+}, {
+    column: {
+        groupLabel: string;
+        links: {
+            path: string;
+            label: string;
+        }[];
+    }[];
+}>;
+export declare const interLinkingSchema: z.ZodObject<{
+    headline: z.ZodString;
+    variant: z.ZodEnum<["twoCols", "threeCols", "fourCols"]>;
+    columns: z.ZodArray<z.ZodObject<{
+        column: z.ZodArray<z.ZodObject<{
+            groupLabel: z.ZodString;
+            links: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                path: z.ZodString;
+            }, "strip", z.ZodTypeAny, {
+                path: string;
+                label: string;
+            }, {
+                path: string;
+                label: string;
+            }>, "many">;
+        }, "strip", z.ZodTypeAny, {
+            groupLabel: string;
+            links: {
+                path: string;
+                label: string;
+            }[];
+        }, {
+            groupLabel: string;
+            links: {
+                path: string;
+                label: string;
+            }[];
+        }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+        column: {
+            groupLabel: string;
+            links: {
+                path: string;
+                label: string;
+            }[];
+        }[];
+    }, {
+        column: {
+            groupLabel: string;
+            links: {
+                path: string;
+                label: string;
+            }[];
+        }[];
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    columns: {
+        column: {
+            groupLabel: string;
+            links: {
+                path: string;
+                label: string;
+            }[];
+        }[];
+    }[];
+    variant: "twoCols" | "threeCols" | "fourCols";
+    headline: string;
+}, {
+    columns: {
+        column: {
+            groupLabel: string;
+            links: {
+                path: string;
+                label: string;
+            }[];
+        }[];
+    }[];
+    variant: "twoCols" | "threeCols" | "fourCols";
+    headline: string;
+}>;

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

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+import { groupSchema, interLinkingSchema, linkSchema } from './schema';
+export type InterLinkingSchema = z.infer<typeof interLinkingSchema>;
+export type ColumnGroupSchema = z.infer<typeof groupSchema>;
+export type GroupLinkSchema = z.infer<typeof linkSchema>;

package/dist/widgets/interLinking/ui/Column.d.ts

@@ -0,0 +1,13 @@
+import { ColumnGroupSchema } from '../model/types';
+import { ColumnGroupClasses } from './ColumnGroup';
+import { AccordionProps } from '../../../shared/ui';
+export type ColumnClasses = {
+    column?: string;
+    columnGroup?: ColumnGroupClasses;
+};
+export interface ColumnProps {
+    column: ColumnGroupSchema[];
+    mobileAccordionProps?: AccordionProps;
+    classes?: ColumnClasses;
+}
+export declare const Column: ({ column, mobileAccordionProps, classes }: ColumnProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/interLinking/ui/ColumnGroup.d.ts

@@ -0,0 +1,13 @@
+import { ColumnGroupSchema } from '../model/types';
+import { LinksListClasses } from './LinksList';
+import { AccordionProps } from '../../../shared/ui';
+export type ColumnGroupClasses = {
+    columnGroup?: string;
+    columnGroupHeading?: string;
+    linksList?: LinksListClasses;
+};
+export interface ColumnGroupProps extends ColumnGroupSchema {
+    mobileAccordionProps?: AccordionProps;
+    classes?: ColumnGroupClasses;
+}
+export declare const ColumnGroup: ({ groupLabel, links, mobileAccordionProps, classes }: ColumnGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/interLinking/ui/LinksList.d.ts

@@ -0,0 +1,11 @@
+import { GroupLinkSchema } from '../model/types';
+export type LinksListClasses = {
+    linksWrapper?: string;
+    linkText?: string;
+    linkIcon?: string;
+};
+export interface LinksListProps {
+    links: GroupLinkSchema[];
+    classes?: LinksListClasses;
+}
+export declare const LinksList: ({ links, classes }: LinksListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/interLinking/ui/index.d.ts

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

package/dist/widgets/longBanner/LongBanner.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { IButtonConfig, ILongBannerClasses, ITextContent, LongBannerConfig } from './model/types';
+export interface LongBannerProps extends LongBannerConfig {
+    title: string | ReactElement;
+    buttonConfig?: IButtonConfig;
+    textContent: ITextContent[];
+    imageComponent: ReactElement;
+    classes?: ILongBannerClasses;
+}
+export declare const LongBanner: ({ title, buttonConfig, intent, textContent, imageComponent, classes }: LongBannerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { LongBanner, type LongBannerProps } from './LongBanner';

package/dist/widgets/longBanner/model/cva.d.ts

@@ -0,0 +1,16 @@
+export declare const titleConfig: (props?: ({
+    intent?: "twoItems" | "fourItems" | null | undefined;
+    desktopHidden?: boolean | null | undefined;
+    mobileHidden?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const listItemConfig: (props?: ({
+    intent?: "twoItems" | "fourItems" | null | undefined;
+    withButton?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const itemConfig: (props?: ({
+    intent?: "twoItems" | "fourItems" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const containerImgConfig: (props?: ({
+    intent?: "twoItems" | "fourItems" | null | undefined;
+    withButton?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,30 @@
+import { ReactElement } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { itemConfig } from './cva';
+export type LongBannerConfig = VariantProps<typeof itemConfig>;
+export interface ITextContent {
+    title: string | ReactElement;
+    description: string | ReactElement;
+    popoverText?: string | ReactElement;
+}
+export interface IButtonConfig {
+    text: string | ReactElement;
+    onClick: () => void;
+}
+export interface ILongBannerClasses {
+    root?: string;
+    container?: string;
+    title?: string;
+    contentContainer?: string;
+    imgContainer?: string;
+    textWithBtnContainer?: string;
+    image?: string;
+    button?: string;
+}
+export interface TextItemProps extends LongBannerConfig {
+    data: {
+        title: string | ReactElement;
+        description: string | ReactElement;
+        popoverText?: string | ReactElement;
+    };
+}

package/dist/widgets/longBanner/ui/TextItem.d.ts

@@ -0,0 +1,2 @@
+import { TextItemProps } from '../model/types';
+export declare const TextItem: ({ data, intent }: TextItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/longBanner/ui/TextList.d.ts

@@ -0,0 +1,8 @@
+import { ITextContent, LongBannerConfig } from '../model/types';
+interface ListItemsProps {
+    textContent: ITextContent[];
+    intent: LongBannerConfig['intent'];
+    withButton: boolean;
+}
+export declare const TextList: ({ textContent, intent, withButton }: ListItemsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/longBanner/ui/Title.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { LongBannerConfig } from '../model/types';
+interface TitleProps {
+    intent: LongBannerConfig['intent'];
+    title: string | ReactElement;
+    desktopHidden?: boolean;
+    mobileHidden?: boolean;
+}
+export declare const Title: ({ intent, title, desktopHidden, mobileHidden }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/longBanner/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { TextItem } from './TextItem';
+export { Title } from './Title';
+export { TextList } from './TextList';

package/dist/widgets/pageHeader/PageHeader.d.ts

@@ -0,0 +1,2 @@
+import { PageHeaderProps } from './model/types';
+export declare const PageHeader: (props: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import { PageHeaderProps } from './types';
+export declare const renderContentVariant: (props: PageHeaderProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,25 @@
+import { BrandLogoVariant, ButtonProps, PhoneViewProps } from '../../../shared/ui';
+type PageHeaderClasses = {
+    header?: string;
+    container?: string;
+    wrapper?: string;
+    logo?: string;
+};
+interface CommonHeaderProps {
+    logoPath?: string;
+    logoType?: BrandLogoVariant;
+    classes?: PageHeaderClasses;
+}
+export interface HeaderEmptyProps extends CommonHeaderProps {
+    variant: 'empty';
+}
+export interface HeaderWithPhone extends CommonHeaderProps {
+    variant: 'withPhone';
+    phoneProps: PhoneViewProps;
+}
+export interface HeaderWithButton extends CommonHeaderProps {
+    variant: 'withButton';
+    buttonProps?: ButtonProps;
+}
+export type PageHeaderProps = HeaderWithButton | HeaderWithPhone | HeaderEmptyProps;
+export {};

package/dist/widgets/stepper/Stepper.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { SingleStepItem, StepperVariant } from './model/types';
+import { SingleStepClasses } from './ui/SingleStep';
+export type StepperClasses = {
+    root?: string;
+    container?: string;
+    wrapper?: string;
+    headline?: string;
+    stepsWrapper?: string;
+    step?: SingleStepClasses;
+};
+export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
+    headline: string;
+    variant: StepperVariant;
+    stepsList: SingleStepItem[];
+    classes?: StepperClasses;
+}
+export declare const Stepper: ({ headline, variant, stepsList, classes }: StepperProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { Stepper, type StepperProps } from './Stepper';

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

@@ -0,0 +1,11 @@
+import { SingleStepClasses } from '../ui/SingleStep';
+export type StepperVariant = 'withTitleAndDescription' | 'onlyDescription';
+export type SingleStepItem = {
+    title?: string;
+    description: string;
+};
+export type SingleStepProps = SingleStepItem & {
+    index: number;
+    classes?: SingleStepClasses;
+    variant: StepperVariant;
+};

package/dist/widgets/stepper/ui/SingleStep.d.ts

@@ -0,0 +1,9 @@
+import { SingleStepProps } from '../model/types';
+export type SingleStepClasses = {
+    singleStep?: string;
+    numeric?: string;
+    textBlock?: string;
+    title?: string;
+    description?: string;
+};
+export declare const SingleStep: ({ classes, index, variant, title, description }: SingleStepProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.38.0",
+  "version": "0.38.2",
   "type": "module",
   "exports": {
     ".": {
@@ -112,6 +112,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-heading": "^2.11.3",
     "@tiptap/extension-link": "^2.9.1",
     "@tiptap/extension-text-style": "^2.9.1",
     "@tiptap/extension-underline": "^2.9.1",