@wise/dynamic-flow-types 4.3.0 → 4.4.0

package/build/renderers/FormattedValueRendererProps.d.ts

@@ -0,0 +1,14 @@
+import { ValidationResult } from './BaseInputRendererProps';
+import type { JsonElement } from '../spec';
+import type { Media } from './Media';
+import type { BaseRendererProps } from './RendererProps';
+export type FormattedValueRendererProps = BaseRendererProps & {
+    type: 'formatted-value';
+    title?: string;
+    description?: string;
+    format: string;
+    help?: string;
+    media?: Media;
+    validationState: ValidationResult | undefined;
+    onChange: (newValue: JsonElement) => void;
+};

package/build/renderers/RendererProps.d.ts

@@ -8,6 +8,7 @@ import type { DateInputRendererProps } from './DateInputRendererProps';
 import type { DecisionRendererProps } from './DecisionRendererProps';
 import type { DividerRendererProps } from './DividerRendererProps';
 import type { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
+import type { FormattedValueRendererProps } from './FormattedValueRendererProps';
 import type { FormRendererProps } from './FormRendererProps';
 import type { FormSectionRendererProps } from './FormSectionRendererProps';
 import type { HeadingRendererProps } from './HeadingRendererProps';
@@ -37,7 +38,7 @@ import type { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from '
 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 | ModalLayoutRendererProps | ModalRendererProps | MoneyInputRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | ProgressRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | TabsRendererProps | TextInputRendererProps | UploadInputRendererProps;
+export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormattedValueRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalLayoutRendererProps | ModalRendererProps | MoneyInputRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | ProgressRendererProps | 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;
@@ -47,7 +48,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<ModalLayoutRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ProgressRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<MoneyInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TabsRendererProps> | 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<FormattedValueRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalLayoutRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ProgressRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<MoneyInputRendererProps> | 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;
     analyticsId?: string;

package/build/renderers/index.d.ts

@@ -8,6 +8,7 @@ export type { DateInputRendererProps } from './DateInputRendererProps';
 export type { DecisionOption, DecisionRendererProps } from './DecisionRendererProps';
 export type { DividerRendererProps } from './DividerRendererProps';
 export type { ExternalConfirmationRendererProps } from './ExternalConfirmationRendererProps';
+export type { FormattedValueRendererProps } from './FormattedValueRendererProps';
 export type { FormRendererProps } from './FormRendererProps';
 export type { FormSectionRendererProps } from './FormSectionRendererProps';
 export type { HeadingRendererProps } from './HeadingRendererProps';

package/build/spec/main.js

@@ -1052,7 +1052,8 @@ var objectSchemaSchema = import_zod.z.lazy(
     format: import_zod.z.string().optional(),
     additionalText: import_zod.z.string().optional(),
     supportingValues: supportingValuesSchema.optional(),
-    inlineAlert: inlineAlertSchema.optional()
+    inlineAlert: inlineAlertSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var oneOfSchemaSchema = import_zod.z.lazy(

package/build/spec/main.mjs

@@ -1024,7 +1024,8 @@ var objectSchemaSchema = z.lazy(
     format: z.string().optional(),
     additionalText: z.string().optional(),
     supportingValues: supportingValuesSchema.optional(),
-    inlineAlert: inlineAlertSchema.optional()
+    inlineAlert: inlineAlertSchema.optional(),
+    onChange: behaviorSchema.optional()
   })
 );
 var oneOfSchemaSchema = z.lazy(

package/build/spec/schema/ObjectSchema.d.ts

@@ -7,6 +7,7 @@ import type { AlertLayout } from '../layout/AlertLayout';
 import type { Media } from '../misc/media/Media';
 import type { SupportingValues } from '../misc/SupportingValues';
 import type { InlineAlert } from '../misc/InlineAlert';
+import type { Behavior } from '../feature/Behavior';
 /**
 * Represents an object value in the submission.
 * The value for submission includes only non-null property values. If all property values are null, the value is an empty object.
@@ -121,4 +122,8 @@ export type ObjectSchema = {
     * An alert that will be displayed inline with the item.
     */
     inlineAlert?: InlineAlert;
+    /**
+    * The [com.wise.dynamicflow.feature.Behavior] that should be performed when the schema value changes.
+    */
+    onChange?: Behavior;
 };

package/build/zod/schemas.ts

@@ -1278,6 +1278,7 @@ export const objectSchemaSchema: z.ZodSchema<ObjectSchema> = z.lazy(() =>
     additionalText: z.string().optional(),
     supportingValues: supportingValuesSchema.optional(),
     inlineAlert: inlineAlertSchema.optional(),
+    onChange: behaviorSchema.optional(),
   }),
 );
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-types",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "Dynamic Flow TypeScript Types",
   "license": "Apache-2.0",
   "repository": {
@@ -25,7 +25,7 @@
     "build"
   ],
   "devDependencies": {
-    "@formatjs/cli": "^6.9.0",
+    "@formatjs/cli": "^6.11.0",
     "@types/react": "18.3.27",
     "esbuild": "0.27.0",
     "npm-run-all2": "8.0.4",