@wise/dynamic-flow-types 3.5.0 → 3.6.0

package/build/main.js

@@ -425,6 +425,21 @@ var reviewLayoutCallToActionSchema = import_zod.z.lazy(
     behavior: behaviorSchema.optional()
   })
 );
+var tabsLayoutSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    type: import_zod.z.literal("tabs"),
+    tabs: import_zod.z.array(tabsLayoutTabSchema),
+    control: import_zod.z.string().optional(),
+    margin: sizeSchema.optional()
+  })
+);
+var tabsLayoutTabSchema = import_zod.z.lazy(
+  () => import_zod.z.object({
+    title: import_zod.z.string(),
+    components: import_zod.z.array(layoutSchema),
+    tag: import_zod.z.string().optional()
+  })
+);
 var alertLayoutSchema = import_zod.z.lazy(
   () => import_zod.z.object({
     type: import_zod.z.literal("alert"),
@@ -556,7 +571,8 @@ var layoutSchema = import_zod.z.lazy(
     reviewLayoutSchema,
     searchLayoutSchema,
     sectionLayoutSchema,
-    statusListLayoutSchema
+    statusListLayoutSchema,
+    tabsLayoutSchema
   ])
 );
 var itemCallToActionSchema = import_zod.z.lazy(

package/build/main.mjs

@@ -397,6 +397,21 @@ var reviewLayoutCallToActionSchema = z.lazy(
     behavior: behaviorSchema.optional()
   })
 );
+var tabsLayoutSchema = z.lazy(
+  () => z.object({
+    type: z.literal("tabs"),
+    tabs: z.array(tabsLayoutTabSchema),
+    control: z.string().optional(),
+    margin: sizeSchema.optional()
+  })
+);
+var tabsLayoutTabSchema = z.lazy(
+  () => z.object({
+    title: z.string(),
+    components: z.array(layoutSchema),
+    tag: z.string().optional()
+  })
+);
 var alertLayoutSchema = z.lazy(
   () => z.object({
     type: z.literal("alert"),
@@ -528,7 +543,8 @@ var layoutSchema = z.lazy(
     reviewLayoutSchema,
     searchLayoutSchema,
     sectionLayoutSchema,
-    statusListLayoutSchema
+    statusListLayoutSchema,
+    tabsLayoutSchema
   ])
 );
 var itemCallToActionSchema = z.lazy(

package/build/next/index.d.ts

@@ -55,6 +55,8 @@ export type { SectionLayoutCallToAction } from './layout/SectionLayoutCallToActi
 export type { StatusListLayout } from './layout/StatusListLayout';
 export type { StatusListLayoutItem } from './layout/StatusListLayoutItem';
 export type { StatusListLayoutStatus } from './layout/StatusListLayoutStatus';
+export type { TabsLayout } from './layout/TabsLayout';
+export type { TabsLayoutTab } from './layout/TabsLayoutTab';
 export type FormLayout = GeneratedFormLayout & {
     schema?: Reference;
 };

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

@@ -18,7 +18,8 @@ import type { ReviewLayout } from './ReviewLayout';
 import type { SearchLayout } from './SearchLayout';
 import type { SectionLayout } from './SectionLayout';
 import type { StatusListLayout } from './StatusListLayout';
+import type { TabsLayout } from './TabsLayout';
 /**
 * 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 | SectionLayout | StatusListLayout;
+export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout | TabsLayout;

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

@@ -0,0 +1,23 @@
+import type { TabsLayoutTab } from './TabsLayoutTab';
+import type { Size } from '../misc/Size';
+/**
+* A container divided into groups of layout components with each group being visible upon user-selection
+*/
+export type TabsLayout = {
+    /**
+    * It must be 'tabs'.
+    */
+    type: 'tabs';
+    /**
+    * The tabs to be selected
+    */
+    tabs: TabsLayoutTab[];
+    /**
+    * 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/TabsLayoutTab.d.ts

@@ -0,0 +1,18 @@
+import type { Layout } from './Layout';
+/**
+* Represents a single Tab with a title and list of components
+*/
+export type TabsLayoutTab = {
+    /**
+    * A user-facing title.
+    */
+    title: string;
+    /**
+    * The components to be displayed when this tab is selected.
+    */
+    components: Layout[];
+    /**
+    * An optional identifier to be used in custom renderers.
+    */
+    tag?: string;
+};

package/build/renderers/RendererProps.d.ts

@@ -32,9 +32,10 @@ import type { SectionRendererProps } from './SectionRendererProps';
 import type { SelectInputRendererProps } from './SelectInputRendererProps';
 import type { StatusListRendererProps } from './StatusListRendererProps';
 import type { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from './StepRendererProps';
+import { TabsRendererProps } from './TabsRendererProps';
 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 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 | TabsRendererProps | TextInputRendererProps | UploadInputRendererProps;
 export type Renderer<P extends RendererProps> = {
     canRenderType: P['type'];
     canRender?: (props: P) => boolean;
@@ -44,7 +45,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<SectionRendererProps> | 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<TabsRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
 export type BaseRendererProps = {
     uid: string;
     render: RenderFunction;

package/build/renderers/TabsRendererProps.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Margin } from './constants';
+import { BaseRendererProps, RendererProps } from './RendererProps';
+export type TabsRendererProps = BaseRendererProps & {
+    type: 'tabs';
+    control?: string;
+    margin: Margin;
+    tabs: Tab[];
+};
+export type Tab = {
+    title: string;
+    children: ReactNode;
+    childrenProps: RendererProps[];
+    tag?: string;
+};

package/build/renderers/index.d.ts

@@ -32,6 +32,7 @@ export type { ErrorSearchState, NoResultsSearchState, PendingSearchState, Result
 export type { SectionRendererProps } from './SectionRendererProps';
 export type { SelectInputRendererOption, SelectInputRendererProps, } from './SelectInputRendererProps';
 export type { StatusListItem, StatusListItemStatus, StatusListRendererProps, } from './StatusListRendererProps';
+export type { TabsRendererProps, Tab } from './TabsRendererProps';
 export type { AnalyticsEventDispatcher, LoadingState, StepRendererProps, } from './StepRendererProps';
 export type { TextInputRendererProps } from './TextInputRendererProps';
 export type { UploadInputRendererProps } from './UploadInputRendererProps';

package/build/zod/schemas.d.ts

@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import type { JsonElement, AdditionalInfo, Behavior, ReviewLayoutCallToAction, AlertLayout, AlertLayoutCallToAction, ListLayout, ListLayoutCallToAction, ListLayoutItem, DecisionLayout, DecisionLayoutOption, SectionLayoutCallToAction, StatusListLayout, StatusListLayoutItem, SectionLayout, Layout, ItemCallToAction, BoxLayout, ButtonLayout, ColumnsLayout, ModalLayout, ReviewLayout, ReviewLayoutField, ModalLayoutContent, ModalResponseBody, Step, Schema, Polling, LinkHandler, AllOfSchema, ArraySchema, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, NumberSchema, ObjectSchema, OneOfSchema, StringSchema, ArraySchemaList, PersistAsync, ArraySchemaTuple, PollingOnError, ModalBehavior } from '../next';
+import type { JsonElement, AdditionalInfo, Behavior, ReviewLayoutCallToAction, TabsLayout, TabsLayoutTab, AlertLayout, AlertLayoutCallToAction, ListLayout, ListLayoutCallToAction, ListLayoutItem, DecisionLayout, DecisionLayoutOption, SectionLayoutCallToAction, StatusListLayout, StatusListLayoutItem, SectionLayout, Layout, ItemCallToAction, BoxLayout, ButtonLayout, ColumnsLayout, ModalLayout, ReviewLayout, ReviewLayoutField, ModalLayoutContent, ModalResponseBody, Step, Schema, Polling, LinkHandler, AllOfSchema, ArraySchema, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, NumberSchema, ObjectSchema, OneOfSchema, StringSchema, ArraySchemaList, PersistAsync, ArraySchemaTuple, PollingOnError, ModalBehavior } from '../next';
 export declare const imageSchema: z.ZodObject<{
     text: z.ZodOptional<z.ZodString>;
     url: z.ZodOptional<z.ZodString>;
@@ -2213,6 +2213,8 @@ export declare const searchResponseBodySchema: z.ZodObject<{
 export declare const additionalInfoSchema: z.ZodSchema<AdditionalInfo>;
 export declare const behaviorSchema: z.ZodSchema<Behavior>;
 export declare const reviewLayoutCallToActionSchema: z.ZodSchema<ReviewLayoutCallToAction>;
+export declare const tabsLayoutSchema: z.ZodSchema<TabsLayout>;
+export declare const tabsLayoutTabSchema: z.ZodSchema<TabsLayoutTab>;
 export declare const alertLayoutSchema: z.ZodSchema<AlertLayout>;
 export declare const alertLayoutCallToActionSchema: z.ZodSchema<AlertLayoutCallToAction>;
 export declare const listLayoutSchema: z.ZodSchema<ListLayout>;

package/build/zod/schemas.ts

@@ -32,11 +32,13 @@ import type {
   DecisionLayout,
   DecisionLayoutOption,
   ReviewLayoutCallToAction,
+  TabsLayoutTab,
   ModalLayout,
   StatusListLayout,
   ReviewLayoutField,
   SectionLayoutCallToAction,
   AlertLayoutCallToAction,
+  TabsLayout,
   ListLayoutCallToAction,
   SectionLayout,
   ButtonLayout,
@@ -540,6 +542,7 @@ export const layoutSchema: z.ZodSchema<Layout> = z.lazy(() =>
     searchLayoutSchema,
     sectionLayoutSchema,
     statusListLayoutSchema,
+    tabsLayoutSchema,
   ]),
 );
 
@@ -1012,6 +1015,14 @@ export const reviewLayoutCallToActionSchema: z.ZodSchema<ReviewLayoutCallToActio
   }),
 );
 
+export const tabsLayoutTabSchema: z.ZodSchema<TabsLayoutTab> = z.lazy(() =>
+  z.object({
+    title: z.string(),
+    components: z.array(layoutSchema),
+    tag: z.string().optional(),
+  }),
+);
+
 export const modalLayoutSchema: z.ZodSchema<ModalLayout> = z.lazy(() =>
   z.object({
     type: z.literal('modal'),
@@ -1063,6 +1074,15 @@ export const alertLayoutCallToActionSchema: z.ZodSchema<AlertLayoutCallToAction>
   }),
 );
 
+export const tabsLayoutSchema: z.ZodSchema<TabsLayout> = z.lazy(() =>
+  z.object({
+    type: z.literal('tabs'),
+    tabs: z.array(tabsLayoutTabSchema),
+    control: z.string().optional(),
+    margin: sizeSchema.optional(),
+  }),
+);
+
 export const listLayoutCallToActionSchema: z.ZodSchema<ListLayoutCallToAction> = z.lazy(() =>
   z.object({
     title: z.string(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-types",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "description": "Dynamic Flow TypeScript Types",
   "license": "Apache-2.0",
   "repository": {