@scbt-ecom/ui 0.122.3 → 0.123.0

package/dist/types/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.d.ts

@@ -1,5 +1,7 @@
-import { FieldValues } from 'react-hook-form';
+import { ControllerRenderProps, FieldError, FieldValues } from 'react-hook-form';
 import { EditorControlProps } from '../EditorControl';
-export interface EditorModalProps<T extends FieldValues> extends EditorControlProps<T> {
+export interface EditorModalProps<T extends FieldValues> extends Pick<EditorControlProps<T>, 'label' | 'classes' | 'editable' | 'helperText'> {
+    field: ControllerRenderProps<T>;
+    error?: FieldError;
 }
-export declare const EditorModal: <T extends FieldValues>({ label, classes, editable, helperText, control, defaultValue, disabled, rules, shouldUnregister, name, ...props }: EditorModalProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorModal: <T extends FieldValues>({ label, classes, editable, helperText, field, error, ...props }: EditorModalProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ export type CombineClasses = {
     topContent?: string;
     badge?: string;
     subtitle?: string;
-    authWrapper?: string;
+    authWrapper?: AuthWrapperClasses;
 };
 type MobileIdClasses = {
     authWrapper?: AuthWrapperClasses;

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

@@ -1,4 +1,5 @@
 import { FieldValues } from 'react-hook-form';
+import { Auth, AuthMode } from '../dynamicForm/model';
 import { Approvement, ApprovementType } from './model';
 import { FieldValidation } from '../../../src/shared/utils';
 import { ButtonProps, CheckboxBase } from '../../shared/ui';
@@ -18,7 +19,7 @@ type DynamicFormDialogClasses = {
     approvement?: ApprovementClasses;
     submit?: string;
 };
-export type DynamicFormDialogProps<AType extends ApprovementType> = React.DialogHTMLAttributes<HTMLDialogElement> & {
+export type DynamicFormDialogProps<AType extends ApprovementType, AuthType extends AuthMode> = React.DialogHTMLAttributes<HTMLDialogElement> & {
     fields: FieldElement<any, any, {
         validation: FieldValidation;
     }>[];
@@ -28,6 +29,7 @@ export type DynamicFormDialogProps<AType extends ApprovementType> = React.Dialog
     submitProps?: SubmitProps;
     classes?: DynamicFormDialogClasses;
     buttonGroup: ButtonProps[];
+    auth: Auth<AuthType>;
 };
-export declare const DynamicFormDialog: <AType extends ApprovementType>({ fields, title, approvement, submitProps, dialogId, classes, buttonGroup, ...props }: DynamicFormDialogProps<AType>) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicFormDialog: <AType extends ApprovementType, AuthType extends AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ...props }: DynamicFormDialogProps<AType, AuthType>) => import("react/jsx-runtime").JSX.Element;
 export default DynamicFormDialog;

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

@@ -5,8 +5,8 @@ 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, classes }: 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, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup }: import('..').DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
-    readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType>({ fields, title, approvement, submitProps, dialogId, classes, buttonGroup, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType>) => import("react/jsx-runtime").JSX.Element)>;
-    readonly stepper: import('react').LazyExoticComponent<(<WithImages extends boolean>({ steppers, classes }: import('..').StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly stepper: import('react').LazyExoticComponent<(<WithImages extends boolean>({ steppers, headline, classes }: import('..').StepperProps<WithImages>) => 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, backgroundColor, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;
     readonly usefulInfo: import('react').LazyExoticComponent<({ headline, tabs, classes, accordionsConfig }: import('..').UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null>;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactElement } from 'react';
 import { SingleStepper } from './model/types';
 import { SingleStepClasses } from './ui/SingleStep';
 import { StepperCarouselClasses } from './ui/StepperCarousel';
@@ -14,8 +14,9 @@ export type StepperClasses = {
     stepperCarousel?: StepperCarouselClasses;
 };
 export interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {
+    headline: ReactElement | string;
     steppers: SingleStepper<WithImages>[];
     classes?: StepperClasses;
 }
-export declare const Stepper: <WithImages extends boolean>({ steppers, classes }: StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

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

@@ -20,12 +20,12 @@ export type SingleStepItemWithoutImage = {
 };
 type SingleStepperWithImages<WithImages extends true> = {
     withImages: WithImages;
-    headline: string;
+    tabName: string;
     details: SingleStepItemWithImage[];
 };
 type SingleStepperWithoutImages<WithImages extends boolean> = {
     withImages: WithImages;
-    headline: string;
+    tabName: string;
     details: SingleStepItemWithoutImage[];
 };
 export type SingleStepper<WithImages extends boolean> = WithImages extends true ? SingleStepperWithImages<WithImages> : SingleStepperWithoutImages<WithImages>;

package/dist/types/lib/widgets/stepper/ui/StepperTabs.d.ts

@@ -4,7 +4,7 @@ export type StepperTabsClasses = {
     tab?: string;
 };
 export interface StepperTab {
-    headline: string;
+    tabName: string;
 }
 export type StepperTabValue = string | undefined;
 export interface StepperTabsProps {

package/package.json

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