@scbt-ecom/ui 0.77.2 → 0.78.0

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
     title?: string;
     portal?: HTMLElement;

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

@@ -12,4 +12,8 @@ export type ScrollHandler = {
 export type SubmitHandler = {
     handler: 'submit';
 };
-export type ButtonHandlerOptions = NavigateHandler | ScrollHandler | SubmitHandler;
+export type DialogHandler = {
+    handler: 'dialog';
+    dialogId: string;
+};
+export type ButtonHandlerOptions = NavigateHandler | ScrollHandler | SubmitHandler | DialogHandler;

package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.d.ts

@@ -0,0 +1,33 @@
+import { FieldValues } from 'react-hook-form';
+import { Approvement, ApprovementType } from './model';
+import { FieldValidation } from '../../../src/shared/utils';
+import { Uncontrolled } from '../../shared/ui';
+import { FieldElement } from '../fieldMapper';
+type SubmitProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
+    submitCallback: <T extends FieldValues>(values: T) => void;
+    children: string;
+};
+type ApprovementClasses = {
+    checkbox?: React.ComponentProps<typeof Uncontrolled.CheckboxBase>['classes'];
+    content?: string;
+};
+type DynamicFormDialogClasses = {
+    root?: string;
+    title?: string;
+    fields?: string;
+    form?: string;
+    approvement?: ApprovementClasses;
+    submit?: string;
+};
+export type DynamicFormDialogProps<AType extends ApprovementType> = React.DialogHTMLAttributes<HTMLDialogElement> & {
+    fields: FieldElement<any, any, {
+        validation: FieldValidation;
+    }>[];
+    title: string;
+    approvement: Approvement<AType>;
+    dialogId: string;
+    submitProps?: SubmitProps;
+    classes?: DynamicFormDialogClasses;
+};
+export declare const DynamicFormDialog: <AType extends ApprovementType>({ fields, title, approvement, submitProps, dialogId, classes, ...props }: DynamicFormDialogProps<AType>) => import("react/jsx-runtime").JSX.Element;
+export default DynamicFormDialog;

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

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

package/dist/lib/widgets/dynamicFormDialog/model/index.d.ts

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

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

@@ -0,0 +1,18 @@
+type ApprovementDisabled = {
+    type: 'off';
+};
+type ApprovementCheckbox = {
+    type: 'checkbox';
+    content: string;
+};
+type ApprovementText = {
+    type: 'text';
+    message: string;
+};
+export type ApprovementType = 'off' | 'checkbox' | 'text';
+export type Approvement<Type extends ApprovementType> = Type extends 'checkbox' ? ApprovementCheckbox : Type extends 'text' ? ApprovementText : ApprovementDisabled;
+export type ProgressField = {
+    progress: number;
+    maxPercent: number;
+};
+export {};

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

@@ -10,6 +10,7 @@ export * from './interLinking';
 export * from './usefulInfo';
 export * from './fieldMapper';
 export * from './dynamicForm';
+export * from './dynamicFormDialog';
 export * from './buttonWithHandlers';
 export * from './model';
 export * from './fallbacksView';

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

@@ -5,6 +5,7 @@ export declare const WIDGET_LIST_MAP: {
     readonly banner: import('react').LazyExoticComponent<({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element>;
     readonly calculator: import('react').LazyExoticComponent<({ calculators, headline }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element>;
     readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType>({ fields, title, approvement, submitProps, dialogId, classes, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly stepper: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').StepperProps) => import("react/jsx-runtime").JSX.Element>;
     readonly benefit: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element>;
     readonly longBanner: import('react').LazyExoticComponent<(<Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;
@@ -13,4 +14,4 @@ export declare const WIDGET_LIST_MAP: {
     readonly footer: import('react').LazyExoticComponent<(<Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: import('..').FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;
 };
 export declare const KEYS_OF_WIDGET_LIST: readonly AllowedWidgets[];
-export declare const widgetIds: Record<"form" | "header" | "seoHeader" | "banner" | "calculator" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer", "form" | "header" | "seoHeader" | "banner" | "calculator" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer">;
+export declare const widgetIds: Record<"form" | "header" | "seoHeader" | "banner" | "calculator" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer", "form" | "header" | "seoHeader" | "banner" | "calculator" | "formDialog" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer">;