@scbt-ecom/ui 0.131.0 → 0.133.0

package/dist/types/lib/shared/types/dataLayers.d.ts

@@ -0,0 +1,4 @@
+export type DataLayers = {
+    targetId?: string;
+    dataLayerId?: string;
+};

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

@@ -2,3 +2,4 @@ export type * from './deepPartial';
 export type * from './keysOf';
 export type * from './dicriminatedUnion';
 export type * from './nonNullable';
+export type * from './dataLayers';

package/dist/types/lib/shared/ui/button/Button.d.ts

@@ -1,10 +1,12 @@
 import { ComponentProps, ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { DataLayers } from '../../types';
 import { buttonConfig } from './model/helpers';
 export type ButtonConfig = VariantProps<typeof buttonConfig>;
 export interface ButtonProps extends ComponentProps<'button'>, ButtonConfig {
     iconLeft?: ReactElement;
     iconRight?: ReactElement;
     isLoading?: boolean;
+    dataLayers?: DataLayers;
 }
 export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/types/lib/shared/ui/formElements/uncontrolled/index.d.ts

@@ -32,6 +32,7 @@ export declare const Uncontrolled: {
             onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
             onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
         };
+        dataLayers?: import('../../../types').DataLayers;
     } & import('react').RefAttributes<HTMLInputElement>>;
     SliderBase: import('react').ForwardRefExoticComponent<import('./slider/model').SliderGatewayProps & import('react').RefAttributes<HTMLInputElement>>;
     AutocompleteBase: <TData>(props: import('./autocomplete').AutocompleteBaseProps<TData> & {
@@ -49,6 +50,7 @@ export declare const Uncontrolled: {
             onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
             onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
         };
+        dataLayers?: import('../../../types').DataLayers;
     } & {
         mask: import('../../../types').NonNullable<import('./maskInput/model').Mask>;
         externalMaskDefinitions?: Record<string, import('./maskInput/model').Definition>;

package/dist/types/lib/shared/ui/formElements/uncontrolled/input/Input.d.ts

@@ -1,3 +1,4 @@
+import { DataLayers } from '../../../../types/dataLayers';
 import { FieldAttachment } from '../../ui';
 import { DeepPartial } from '../../../../types';
 export type InputBaseClasses = {
@@ -38,6 +39,10 @@ export type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, '
      * Дополнительные хендлеры
      */
     externalHandlers?: ExternalHandlers;
+    /**
+     * Даталееры
+     */
+    dataLayers?: DataLayers;
 };
 export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
     /**
@@ -64,5 +69,9 @@ export declare const InputBase: import('react').ForwardRefExoticComponent<Omit<i
      * Дополнительные хендлеры
      */
     externalHandlers?: ExternalHandlers;
+    /**
+     * Даталееры
+     */
+    dataLayers?: DataLayers;
 } & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/types/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.d.ts

@@ -30,6 +30,7 @@ export declare const MaskInput: import('react').ForwardRefExoticComponent<Omit<i
         onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
         onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     };
+    dataLayers?: import('../../../../types').DataLayers;
 } & {
     /**
      * маска, по которой будет определяться валидация символов

package/dist/types/lib/widgets/conditionBlock/ConditionBlock.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { ConditionType, ConditionWitchCTAType } from './model/types';
+import { ConditionsWithCTAClasses } from './ui/ConditionsWithCTA';
+import { SingleConditionClasses } from './ui/SingleCondition';
+export type ConditionBlockClasses = {
+    root?: string;
+    container?: string;
+    wrapper?: string;
+    headline?: string;
+    conditionWrapper?: string;
+    condition?: SingleConditionClasses;
+    conditionContainer?: string;
+    conditionsWithCTA?: ConditionsWithCTAClasses;
+};
+export interface ConditionBlockClassesProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {
+    headline: ReactElement | string;
+    conditions?: ConditionType<WithImages>[];
+    classes?: ConditionBlockClasses;
+    conditionsWithCTA?: ConditionWitchCTAType;
+}
+export declare const ConditionBlock: <WithImages extends boolean>({ headline, classes, conditions, conditionsWithCTA }: ConditionBlockClassesProps<WithImages>) => import("react/jsx-runtime").JSX.Element;
+export default ConditionBlock;

package/dist/types/lib/widgets/conditionBlock/index.d.ts

@@ -0,0 +1 @@
+export { ConditionBlock } from './ConditionBlock';

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

@@ -0,0 +1,49 @@
+import { ConditionsWithCTAClasses } from '../ui/ConditionsWithCTA';
+import { SingleConditionClasses } from '../ui/SingleCondition';
+import { ButtonWithHandlersProps } from '../../buttonWithHandlers';
+export type ConditionType<WithImages extends boolean> = WithImages extends true ? ConditionWithImage<WithImages> : ConditionWithoutImage<WithImages>;
+export type ConditionWithImage<WithImages extends true> = {
+    title?: string;
+    description?: string;
+    classes?: SingleConditionClasses;
+    image: {
+        src: string;
+        alt: string;
+    };
+    type?: 'withImage';
+    withImages: WithImages;
+};
+export type ConditionWithoutImage<WithImages extends boolean> = {
+    title?: string;
+    description?: string;
+    classes?: SingleConditionClasses;
+    withImages: WithImages;
+};
+export type SingleConditionItemWithImage = {
+    type?: 'withImage';
+    title?: string;
+    description?: string;
+    index?: number;
+    classes?: SingleConditionClasses;
+    image: {
+        src: string;
+        alt: string;
+    };
+};
+export type SingleConditionItemWithoutImage = {
+    type?: 'withoutImage';
+    title?: string;
+    description?: string;
+    index?: number;
+    classes?: SingleConditionClasses;
+};
+export type SingleConditionType = SingleConditionItemWithImage | SingleConditionItemWithoutImage;
+export type ConditionWitchCTAType = {
+    firstRate?: string;
+    secondRate?: string;
+    classes?: ConditionsWithCTAClasses;
+    descriptionFirstRate?: string;
+    descriptionSecondRate?: string;
+    mainDescription?: string;
+    button?: ButtonWithHandlersProps;
+};

package/dist/types/lib/widgets/conditionBlock/ui/ConditionsWithCTA.d.ts

@@ -0,0 +1,11 @@
+import { ConditionWitchCTAType } from '../model/types';
+export type ConditionsWithCTAClasses = {
+    conditionWitchCTAContainer?: string;
+    descriptionFirstRate?: string;
+    firstRate?: string;
+    secondRate?: string;
+    descriptionSecondRate?: string;
+    mainDescription?: string;
+    button?: string;
+};
+export declare const ConditionsWithCTA: (props: ConditionWitchCTAType) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/conditionBlock/ui/SingleCondition.d.ts

@@ -0,0 +1,10 @@
+import { SingleConditionType } from '../model/types';
+export type SingleConditionClasses = {
+    title?: string;
+    description?: string;
+    condition?: string;
+    conditionContainer?: string;
+    imageContainer?: string;
+    image?: string;
+};
+export declare const SingleCondition: (props: SingleConditionType) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/conditionBlock/ui/index.d.ts

@@ -0,0 +1,2 @@
+export { ConditionsWithCTA } from './ConditionsWithCTA';
+export { SingleCondition } from './SingleCondition';

package/dist/types/lib/widgets/index.d.ts

@@ -20,4 +20,5 @@ export * from './calculator';
 export * from './infoBlock';
 export * from './userFeedback';
 export * from './table';
+export * from './conditionBlock';
 export { queryClient } from './queryClientProvider';

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

@@ -15,6 +15,7 @@ export declare const WIDGET_LIST_MAP: {
     readonly infoBlock: import('react').LazyExoticComponent<(props: import('..').InfoBlockProps) => import("react/jsx-runtime").JSX.Element>;
     readonly userFeedback: import('react').LazyExoticComponent<(props: import('..').UserFeedbackProps) => import("react/jsx-runtime").JSX.Element>;
     readonly infoTable: import('react').LazyExoticComponent<(<Key extends string, TData extends Record<Key, unknown>>(props: import('..').TableProps<Key, TData>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly conditionBlock: import('react').LazyExoticComponent<(<WithImages extends boolean>({ headline, classes, conditions, conditionsWithCTA }: import('../conditionBlock/ConditionBlock').ConditionBlockClassesProps<WithImages>) => import("react/jsx-runtime").JSX.Element)>;
 };
 export declare const KEYS_OF_WIDGET_LIST: readonly AllowedWidgets[];
-export declare const widgetIds: Record<"header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer" | "infoBlock" | "userFeedback" | "infoTable", "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer" | "infoBlock" | "userFeedback" | "infoTable">;
+export declare const widgetIds: Record<"header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock", "header" | "seoHeader" | "banner" | "calculator" | "form" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer" | "infoBlock" | "userFeedback" | "infoTable" | "conditionBlock">;

package/package.json

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