@wise/dynamic-flow-types 3.3.5 → 3.5.0

package/build/main.js

@@ -322,6 +322,9 @@ var linkBehaviorSchema = import_zod.z.object({
   type: import_zod.z.literal("link"),
   url: import_zod.z.string()
 });
+var refreshBehaviorSchema = import_zod.z.object({
+  type: import_zod.z.literal("refresh")
+});
 var linkSchema = import_zod.z.object({
   url: import_zod.z.string()
 });
@@ -410,7 +413,8 @@ var behaviorSchema = import_zod.z.lazy(
     containerBehaviorSchema,
     dismissBehaviorSchema,
     linkBehaviorSchema,
-    modalBehaviorSchema
+    modalBehaviorSchema,
+    refreshBehaviorSchema
   ])
 );
 var reviewLayoutCallToActionSchema = import_zod.z.lazy(
@@ -495,6 +499,13 @@ var decisionLayoutOptionSchema = import_zod.z.lazy(
     inlineAlert: inlineAlertSchema.optional()
   })
 );
+var sectionLayoutCallToActionSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    title: import_zod.z.string(),
+    accessibilityDescription: import_zod.z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var statusListLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("status-list"),
@@ -514,11 +525,14 @@ var statusListLayoutItemSchema = import_zod.z.lazy(
     tag: import_zod.z.string().optional()
   })
 );
-var itemCallToActionSchema = import_zod.z.lazy(
+var sectionLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
+    type: import_zod.z.literal("section"),
+    components: import_zod.z.array(layoutSchema),
     title: import_zod.z.string(),
-    accessibilityDescription: import_zod.z.string().optional(),
-    behavior: behaviorSchema
+    callToAction: sectionLayoutCallToActionSchema.optional(),
+    control: import_zod.z.string().optional(),
+    margin: sizeSchema.optional()
   })
 );
 var layoutSchema = import_zod.z.lazy(
@@ -541,9 +555,17 @@ var layoutSchema = import_zod.z.lazy(
     paragraphLayoutSchema,
     reviewLayoutSchema,
     searchLayoutSchema,
+    sectionLayoutSchema,
     statusListLayoutSchema
   ])
 );
+var itemCallToActionSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    title: import_zod.z.string(),
+    accessibilityDescription: import_zod.z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var boxLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("box"),
@@ -748,7 +770,8 @@ var booleanSchemaSchema = import_zod.z.lazy(
     validationAsync: validateAsyncSchema.optional(),
     alert: alertLayoutSchema.optional(),
     autofillKey: import_zod.z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var constSchemaSchema = import_zod.z.lazy(
@@ -799,7 +822,8 @@ var integerSchemaSchema = import_zod.z.lazy(
     alert: alertLayoutSchema.optional(),
     autocompleteHint: import_zod.z.array(autocompleteTokenSchema).optional(),
     autofillKey: import_zod.z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var numberSchemaSchema = import_zod.z.lazy(
@@ -832,7 +856,8 @@ var numberSchemaSchema = import_zod.z.lazy(
     alert: alertLayoutSchema.optional(),
     autocompleteHint: import_zod.z.array(autocompleteTokenSchema).optional(),
     autofillKey: import_zod.z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var objectSchemaSchema = import_zod.z.lazy(
@@ -884,7 +909,8 @@ var oneOfSchemaSchema = import_zod.z.lazy(
     autocompleteHint: import_zod.z.array(autocompleteTokenSchema).optional(),
     autofillKey: import_zod.z.string().optional(),
     validationMessages: import_zod.z.record(import_zod.z.string()).optional(),
-    disabled: import_zod.z.boolean().optional()
+    disabled: import_zod.z.boolean().optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var stringSchemaSchema = import_zod.z.lazy(
@@ -929,7 +955,8 @@ var stringSchemaSchema = import_zod.z.lazy(
     autocompleteHint: import_zod.z.array(autocompleteTokenSchema).optional(),
     autofillKey: import_zod.z.string().optional(),
     help: helpSchema.optional(),
-    suggestions: suggestionsSchema.optional()
+    suggestions: suggestionsSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var arraySchemaListSchema = import_zod.z.lazy(

package/build/main.mjs

@@ -294,6 +294,9 @@ var linkBehaviorSchema = z.object({
   type: z.literal("link"),
   url: z.string()
 });
+var refreshBehaviorSchema = z.object({
+  type: z.literal("refresh")
+});
 var linkSchema = z.object({
   url: z.string()
 });
@@ -382,7 +385,8 @@ var behaviorSchema = z.lazy(
     containerBehaviorSchema,
     dismissBehaviorSchema,
     linkBehaviorSchema,
-    modalBehaviorSchema
+    modalBehaviorSchema,
+    refreshBehaviorSchema
   ])
 );
 var reviewLayoutCallToActionSchema = z.lazy(
@@ -467,6 +471,13 @@ var decisionLayoutOptionSchema = z.lazy(
     inlineAlert: inlineAlertSchema.optional()
   })
 );
+var sectionLayoutCallToActionSchema = z.lazy(
+  () => z.object({
+    title: z.string(),
+    accessibilityDescription: z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var statusListLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("status-list"),
@@ -486,11 +497,14 @@ var statusListLayoutItemSchema = z.lazy(
     tag: z.string().optional()
   })
 );
-var itemCallToActionSchema = z.lazy(
+var sectionLayoutSchema = z.lazy(
   () => z.object({
+    type: z.literal("section"),
+    components: z.array(layoutSchema),
     title: z.string(),
-    accessibilityDescription: z.string().optional(),
-    behavior: behaviorSchema
+    callToAction: sectionLayoutCallToActionSchema.optional(),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
   })
 );
 var layoutSchema = z.lazy(
@@ -513,9 +527,17 @@ var layoutSchema = z.lazy(
     paragraphLayoutSchema,
     reviewLayoutSchema,
     searchLayoutSchema,
+    sectionLayoutSchema,
     statusListLayoutSchema
   ])
 );
+var itemCallToActionSchema = z.lazy(
+  () => z.object({
+    title: z.string(),
+    accessibilityDescription: z.string().optional(),
+    behavior: behaviorSchema
+  })
+);
 var boxLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("box"),
@@ -720,7 +742,8 @@ var booleanSchemaSchema = z.lazy(
     validationAsync: validateAsyncSchema.optional(),
     alert: alertLayoutSchema.optional(),
     autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var constSchemaSchema = z.lazy(
@@ -771,7 +794,8 @@ var integerSchemaSchema = z.lazy(
     alert: alertLayoutSchema.optional(),
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var numberSchemaSchema = z.lazy(
@@ -804,7 +828,8 @@ var numberSchemaSchema = z.lazy(
     alert: alertLayoutSchema.optional(),
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
-    help: helpSchema.optional()
+    help: helpSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var objectSchemaSchema = z.lazy(
@@ -856,7 +881,8 @@ var oneOfSchemaSchema = z.lazy(
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
     validationMessages: z.record(z.string()).optional(),
-    disabled: z.boolean().optional()
+    disabled: z.boolean().optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var stringSchemaSchema = z.lazy(
@@ -901,7 +927,8 @@ var stringSchemaSchema = z.lazy(
     autocompleteHint: z.array(autocompleteTokenSchema).optional(),
     autofillKey: z.string().optional(),
     help: helpSchema.optional(),
-    suggestions: suggestionsSchema.optional()
+    suggestions: suggestionsSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var arraySchemaListSchema = z.lazy(

package/build/next/feature/Behavior.d.ts

@@ -3,7 +3,8 @@ import type { ContainerBehavior } from './ContainerBehavior';
 import type { DismissBehavior } from './DismissBehavior';
 import type { LinkBehavior } from './LinkBehavior';
 import type { ModalBehavior } from './ModalBehavior';
+import type { RefreshBehavior } from './RefreshBehavior';
 /**
 * Describes the result of performing some interaction.
 */
-export type Behavior = ActionBehavior | ContainerBehavior | DismissBehavior | LinkBehavior | ModalBehavior;
+export type Behavior = ActionBehavior | ContainerBehavior | DismissBehavior | LinkBehavior | ModalBehavior | RefreshBehavior;

package/build/next/feature/RefreshBehavior.d.ts

@@ -0,0 +1,9 @@
+/**
+* Refreshes the current step with the behavior is triggered
+*/
+export type RefreshBehavior = {
+    /**
+    * It must be `refresh`.
+    */
+    type: 'refresh';
+};

package/build/next/index.d.ts

@@ -50,6 +50,8 @@ export type { ReviewLayout } from './layout/ReviewLayout';
 export type { ReviewLayoutCallToAction } from './layout/ReviewLayoutCallToAction';
 export type { ReviewLayoutField } from './layout/ReviewLayoutField';
 export type { SearchLayout } from './layout/SearchLayout';
+export type { SectionLayout } from './layout/SectionLayout';
+export type { SectionLayoutCallToAction } from './layout/SectionLayoutCallToAction';
 export type { StatusListLayout } from './layout/StatusListLayout';
 export type { StatusListLayoutItem } from './layout/StatusListLayoutItem';
 export type { StatusListLayoutStatus } from './layout/StatusListLayoutStatus';

package/build/next/layout/Layout.d.ts

@@ -16,8 +16,9 @@ import type { ModalLayout } from './ModalLayout';
 import type { ParagraphLayout } from './ParagraphLayout';
 import type { ReviewLayout } from './ReviewLayout';
 import type { SearchLayout } from './SearchLayout';
+import type { SectionLayout } from './SectionLayout';
 import type { StatusListLayout } from './StatusListLayout';
 /**
 * Layouts allow you to display information to the user and customise how a step is structured.
 */
-export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ReviewLayout | SearchLayout | StatusListLayout;
+export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout;

package/build/next/layout/SectionLayout.d.ts

@@ -0,0 +1,32 @@
+import type { Layout } from './Layout';
+import type { SectionLayoutCallToAction } from './SectionLayoutCallToAction';
+import type { Size } from '../misc/Size';
+/**
+* A container for a group of layout components topped with a section header.
+*/
+export type SectionLayout = {
+    /**
+    * It must be 'section'.
+    */
+    type: 'section';
+    /**
+    * The contained components.
+    */
+    components: Layout[];
+    /**
+    * The user-facing title.
+    */
+    title: string;
+    /**
+    * A titled call to action which can be performed by the user.
+    */
+    callToAction?: SectionLayoutCallToAction;
+    /**
+    * Specify a particular control to use to represent the layout. If the control is unknown, it will be ignored.
+    */
+    control?: string;
+    /**
+    * The vertical margin to apply after this component. Defaults to `md`.
+    */
+    margin?: Size;
+};

package/build/next/layout/SectionLayoutCallToAction.d.ts

@@ -0,0 +1,18 @@
+import type { Behavior } from '../feature/Behavior';
+/**
+* The call to action configuration used by [com.wise.dynamicflow.layout.SectionLayout].
+*/
+export type SectionLayoutCallToAction = {
+    /**
+    * A user-facing title.
+    */
+    title: string;
+    /**
+    * A description of the call to action to be used by screen readers.
+    */
+    accessibilityDescription?: string;
+    /**
+    * Behavior that should be performed when user interacts with call to action.
+    */
+    behavior: Behavior;
+};

package/build/next/schema/BooleanSchema.d.ts

@@ -5,6 +5,7 @@ import type { PersistAsync } from '../feature/PersistAsync';
 import type { ValidateAsync } from '../feature/ValidateAsync';
 import type { AlertLayout } from '../layout/AlertLayout';
 import type { Help } from '../feature/Help';
+import type { Behavior } from '../feature/Behavior';
 /**
 * Represents a boolean value in the submission.
 * The submission value is either `true` or `false`, defaulting to `false`.
@@ -129,4 +130,8 @@ export type BooleanSchema = {
     * Provide additional help information to the user.
     */
     help?: Help;
+    /**
+    * The [com.wise.dynamicflow.feature.Behavior] that should be performed when the schema value changes.
+    */
+    onChange?: Behavior;
 };

package/build/next/schema/IntegerSchema.d.ts

@@ -6,6 +6,7 @@ import type { ValidateAsync } from '../feature/ValidateAsync';
 import type { AlertLayout } from '../layout/AlertLayout';
 import type { AutocompleteToken } from '../misc/AutocompleteToken';
 import type { Help } from '../feature/Help';
+import type { Behavior } from '../feature/Behavior';
 /**
 * Represents a numeric value which must be a whole number. For floating point numbers, use a [NumberSchema] instead.
 * When not provided, the submission value is `null`.
@@ -155,4 +156,8 @@ export type IntegerSchema = {
     * Provide additional help information to the user.
     */
     help?: Help;
+    /**
+    * The [com.wise.dynamicflow.feature.Behavior] that should be performed when the schema value changes.
+    */
+    onChange?: Behavior;
 };

package/build/next/schema/NumberSchema.d.ts

@@ -6,6 +6,7 @@ import type { ValidateAsync } from '../feature/ValidateAsync';
 import type { AlertLayout } from '../layout/AlertLayout';
 import type { AutocompleteToken } from '../misc/AutocompleteToken';
 import type { Help } from '../feature/Help';
+import type { Behavior } from '../feature/Behavior';
 /**
 * Represents any numeric value - either an integer or a floating point number.
 * If the value should always be an integer, consider using an [IntegerSchema] instead.
@@ -156,4 +157,8 @@ export type NumberSchema = {
     * Provide additional help information to the user.
     */
     help?: Help;
+    /**
+    * The [com.wise.dynamicflow.feature.Behavior] that should be performed when the schema value changes.
+    */
+    onChange?: Behavior;
 };

package/build/next/schema/OneOfSchema.d.ts

@@ -6,6 +6,7 @@ import type { SummaryProvider } from '../feature/SummaryProvider';
 import type { AlertLayout } from '../layout/AlertLayout';
 import type { Help } from '../feature/Help';
 import type { AutocompleteToken } from '../misc/AutocompleteToken';
+import type { Behavior } from '../feature/Behavior';
 /**
 * Offers a choice between a number of child schemas.
 * Use a oneOf schema to represent either the selection of one of many constant values (e.g. a select box or dropdown)
@@ -209,4 +210,8 @@ export type OneOfSchema = {
     *  Defaults to false.
     */
     disabled?: boolean;
+    /**
+    * The [com.wise.dynamicflow.feature.Behavior] that should be performed when the schema value changes.
+    */
+    onChange?: Behavior;
 };

package/build/next/schema/StringSchema.d.ts

@@ -11,6 +11,7 @@ import type { UploadSource } from '../feature/UploadSource';
 import type { AutocompleteToken } from '../misc/AutocompleteToken';
 import type { Help } from '../feature/Help';
 import type { Suggestions } from '../feature/Suggestions';
+import type { Behavior } from '../feature/Behavior';
 /**
 * Represents a string value in the submission.
 * This could be used for standard text input, or a format can be provided
@@ -220,4 +221,8 @@ export type StringSchema = {
     * @experimental This feature may be changed in the future without notice.
     */
     suggestions?: Suggestions;
+    /**
+    * The [com.wise.dynamicflow.feature.Behavior] that should be performed when the schema value changes.
+    */
+    onChange?: Behavior;
 };

package/build/renderers/AlertRendererProps.d.ts

@@ -1,3 +1,4 @@
+import { CallToAction } from './CallToAction';
 import { Context, Margin } from './constants';
 import { BaseRendererProps } from './RendererProps';
 export type AlertRendererProps = BaseRendererProps & {
@@ -6,15 +7,5 @@ export type AlertRendererProps = BaseRendererProps & {
     context: Context;
     margin: Margin;
     markdown: string;
-    callToAction?: AlertCallToAction;
+    callToAction?: CallToAction;
 };
-export type AlertCallToAction = {
-    title: string;
-    accessibilityDescription?: string;
-} & ({
-    type: 'link';
-    href: string;
-} | {
-    type: 'action' | 'dismiss' | 'modal';
-    onClick: () => void;
-});

package/build/renderers/CallToAction.d.ts

@@ -0,0 +1,8 @@
+export type CallToAction = {
+    /** @deprecated */
+    type: string;
+    accessibilityDescription?: string;
+    href?: string;
+    title: string;
+    onClick: () => void;
+};

package/build/renderers/ListRendererProps.d.ts

@@ -1,11 +1,12 @@
 import { SupportingValues } from '../next';
+import { CallToAction } from './CallToAction';
 import { Icon } from './Icon';
 import { Image } from './Image';
 import { BaseRendererProps } from './RendererProps';
 import { AdditionalInfo, InlineAlert, Margin } from './constants';
 export type ListRendererProps = BaseRendererProps & {
     type: 'list';
-    callToAction?: ListCallToAction;
+    callToAction?: CallToAction;
     control?: string;
     items: ListItem[];
     margin: Margin;
@@ -30,13 +31,3 @@ export type ListItem = {
     /** @experimental This feature may be changed in the future without notice. */
     inlineAlert?: InlineAlert;
 };
-export type ListCallToAction = {
-    accessibilityDescription?: string;
-    title: string;
-    onClick: () => void;
-} & ({
-    type: 'action' | 'modal' | 'dismiss';
-} | {
-    type: 'link';
-    href: string;
-});

package/build/renderers/RendererProps.d.ts

@@ -1,39 +1,40 @@
-import { AlertRendererProps } from './AlertRendererProps';
-import { BoxRendererProps } from './BoxRendererProps';
-import { ButtonRendererProps } from './ButtonRendererProps';
-import { CheckboxInputRendererProps } from './CheckboxInputRendererProps';
-import { ColumnsRendererProps } from './ColumnsRendererProps';
-import { CoreContainerRendererProps } from './CoreContainerRendererProps';
-import { DateInputRendererProps } from './DateInputRendererProps';
-import { DecisionRendererProps } from './DecisionRendererProps';
-import { DividerRendererProps } from './DividerRendererProps';
-import { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
-import { FormRendererProps } from './FormRendererProps';
-import { HeadingRendererProps } from './HeadingRendererProps';
-import { HiddenRendererProps } from './HiddenRendererProps';
-import { ImageRendererProps } from './ImageRendererProps';
-import { InstructionsRendererProps } from './InstructionsRendererProps';
-import { IntegerInputRendererProps } from './IntegerInputRendererProps';
-import { ListRendererProps } from './ListRendererProps';
-import { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
-import { MarkdownRendererProps } from './MarkdownRendererProps';
-import { ModalContentRendererProps } from './ModalContentRendererProps';
-import { ModalRendererProps } from './ModalRendererProps';
-import { MultiSelectInputRendererProps } from './MultiSelectInputRendererProps';
-import { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
-import { NumberInputRendererProps } from './NumberInputRendererProps';
-import { ParagraphRendererProps } from './ParagraphRendererProps';
-import { RepeatableRendererProps } from './RepeatableRendererProps';
-import { ReviewRendererProps } from './ReviewRendererProps';
-import { RootRendererProps } from './RootRendererProps';
-import { SearchRendererProps } from './SearchRendererProps';
-import { FormSectionRendererProps } from './FormSectionRendererProps';
-import { SelectInputRendererProps } from './SelectInputRendererProps';
-import { StatusListRendererProps } from './StatusListRendererProps';
-import { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
-import { TextInputRendererProps } from './TextInputRendererProps';
-import { UploadInputRendererProps } from './UploadInputRendererProps';
-export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | ModalContentRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
+import type { AlertRendererProps } from './AlertRendererProps';
+import type { BoxRendererProps } from './BoxRendererProps';
+import type { ButtonRendererProps } from './ButtonRendererProps';
+import type { CheckboxInputRendererProps } from './CheckboxInputRendererProps';
+import type { ColumnsRendererProps } from './ColumnsRendererProps';
+import type { CoreContainerRendererProps } from './CoreContainerRendererProps';
+import type { DateInputRendererProps } from './DateInputRendererProps';
+import type { DecisionRendererProps } from './DecisionRendererProps';
+import type { DividerRendererProps } from './DividerRendererProps';
+import type { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
+import type { FormRendererProps } from './FormRendererProps';
+import type { FormSectionRendererProps } from './FormSectionRendererProps';
+import type { HeadingRendererProps } from './HeadingRendererProps';
+import type { HiddenRendererProps } from './HiddenRendererProps';
+import type { ImageRendererProps } from './ImageRendererProps';
+import type { InstructionsRendererProps } from './InstructionsRendererProps';
+import type { IntegerInputRendererProps } from './IntegerInputRendererProps';
+import type { ListRendererProps } from './ListRendererProps';
+import type { LoadingIndicatorRendererProps } from './LoadingIndicatorRendererProps';
+import type { MarkdownRendererProps } from './MarkdownRendererProps';
+import type { ModalContentRendererProps } from './ModalContentRendererProps';
+import type { ModalRendererProps } from './ModalRendererProps';
+import type { MultiSelectInputRendererProps } from './MultiSelectInputRendererProps';
+import type { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
+import type { NumberInputRendererProps } from './NumberInputRendererProps';
+import type { ParagraphRendererProps } from './ParagraphRendererProps';
+import type { RepeatableRendererProps } from './RepeatableRendererProps';
+import type { ReviewRendererProps } from './ReviewRendererProps';
+import type { RootRendererProps } from './RootRendererProps';
+import type { SearchRendererProps } from './SearchRendererProps';
+import type { SectionRendererProps } from './SectionRendererProps';
+import type { SelectInputRendererProps } from './SelectInputRendererProps';
+import type { StatusListRendererProps } from './StatusListRendererProps';
+import type { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
+import type { TextInputRendererProps } from './TextInputRendererProps';
+import type { UploadInputRendererProps } from './UploadInputRendererProps';
+export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalRendererProps | ModalContentRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | TextInputRendererProps | UploadInputRendererProps;
 export type Renderer<P extends RendererProps> = {
     canRenderType: P['type'];
     canRender?: (props: P) => boolean;
@@ -43,7 +44,7 @@ export type RendererContext = {
     render: RenderFunction;
 };
 export type RenderFunction = (props: RendererProps | null) => JSX.Element | null;
-export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ModalContentRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
+export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalRendererProps> | Renderer<ModalContentRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
 export type BaseRendererProps = {
     uid: string;
     render: RenderFunction;

package/build/renderers/ReviewRendererProps.d.ts

@@ -1,3 +1,4 @@
+import { CallToAction } from './CallToAction';
 import { AdditionalInfo, InlineAlert, Margin } from './constants';
 import { Icon } from './Icon';
 import { Image } from './Image';
@@ -8,7 +9,7 @@ export type ReviewRendererProps = BaseRendererProps & {
     fields: ReviewField[];
     margin: Margin;
     title?: string;
-    callToAction?: ReviewCallToAction;
+    callToAction?: CallToAction;
 };
 export type ReviewField = {
     help?: string;
@@ -21,15 +22,9 @@ export type ReviewField = {
     /** @experimental This feature may be changed in the future without notice. */
     inlineAlert?: InlineAlert;
     /** @experimental This feature may be changed in the future without notice. */
-    callToAction?: ReviewCallToAction;
+    callToAction?: CallToAction;
     /** @experimental This feature may be changed in the future without notice. */
     icon?: Icon;
     /** @experimental This feature may be changed in the future without notice. */
     image?: Image;
 };
-export type ReviewCallToAction = {
-    accessibilityDescription?: string;
-    href?: string;
-    title: string;
-    onClick: () => void;
-};

package/build/renderers/SectionRendererProps.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { CallToAction } from './CallToAction';
+import { Margin } from './constants';
+import { BaseRendererProps, RendererProps } from './RendererProps';
+export type SectionRendererProps = BaseRendererProps & {
+    type: 'section';
+    control?: string;
+    title: string;
+    children: ReactNode;
+    childrenProps: RendererProps[];
+    margin: Margin;
+    callToAction?: CallToAction;
+};

package/build/renderers/StatusListRendererProps.d.ts

@@ -1,3 +1,4 @@
+import { CallToAction } from './CallToAction';
 import { Icon } from './Icon';
 import { BaseRendererProps } from './RendererProps';
 import { Margin } from './constants';
@@ -13,13 +14,7 @@ export type StatusListItem = {
     icon: Icon;
     status?: 'done' | 'not-done' | 'pending';
     title: string;
-    callToAction?: StatusListItemCallToAction;
+    callToAction?: CallToAction;
     tag?: string;
 };
-export type StatusListItemCallToAction = {
-    accessibilityDescription?: string;
-    href?: string;
-    title: string;
-    onClick: () => void;
-};
 export type StatusListItemStatus = 'done' | 'not-done' | 'pending';