@wise/dynamic-flow-types 2.23.1 → 2.24.0

package/build/next/index.d.ts

@@ -45,6 +45,7 @@ export type { SearchLayout } from './layout/SearchLayout';
 export type { StatusListLayout } from './layout/StatusListLayout';
 export type { StatusListLayoutItem } from './layout/StatusListLayoutItem';
 export type { StatusListLayoutStatus } from './layout/StatusListLayoutStatus';
+export type { ItemCallToAction } from './layout/ItemCallToAction';
 export type { SearchResult } from './responses/search/SearchResult';
 export type { SearchResponseBody } from './responses/search/SearchResponseBody';
 export type { Schema } from './schema/Schema';

package/build/renderers/index.d.ts

@@ -231,6 +231,13 @@ export type StatusListItem = {
     icon: Icon;
     status?: 'done' | 'not-done' | 'pending';
     title: string;
+    callToAction?: StatusListItemCallToAction;
+};
+export type StatusListItemCallToAction = {
+    accessibilityDescription?: string;
+    href?: string;
+    title: string;
+    onClick: () => void;
 };
 export type StatusListItemStatus = 'done' | 'not-done' | 'pending';
 export type FormSectionRendererProps = {
@@ -247,14 +254,26 @@ interface BaseInputRendererProps {
     autoComplete: string;
     description?: string;
     disabled: boolean;
+    /**
+     * @deprecated please use the `validationState` property instead
+     */
     error?: string;
     help?: string;
     label?: string;
     placeholder?: string;
     required: boolean;
+    /** @experimental */
+    validationState: ValidationResult | undefined;
     onBlur: () => void;
     onFocus: () => void;
 }
+export type ValidationResult = {
+    status: 'valid';
+    message?: string;
+} | {
+    status: 'invalid';
+    message: string;
+};
 export interface BooleanInputRendererProps extends BaseInputRendererProps {
     type: 'input-boolean';
     value: boolean;
@@ -326,7 +345,12 @@ export type RepeatableRendererProps = {
     children: ReactNode[];
     editableItem: ReactNode;
     editItemTitle: string;
+    /**
+     * @deprecated please use the `validationState` property instead
+     */
     error?: string;
+    /** @experimental */
+    validationState: ValidationResult | undefined;
     items: RepeatableItemRendererProps[];
     title: string;
     /** @experimental */

package/build/spec/LayoutComponent.d.ts

@@ -146,6 +146,12 @@ type StatusListItem = {
     description?: string;
     icon?: Icon;
     status?: 'done' | 'not-done' | 'pending';
+    callToAction?: StatusListItemCallToAction;
+};
+type StatusListItemCallToAction = {
+    title: string;
+    accessibilityDescription?: string;
+    behavior: Behavior;
 };
 export type LoadingIndicatorLayout = {
     type: 'loading-indicator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-types",
-  "version": "2.23.1",
+  "version": "2.24.0",
   "description": "Dynamic Flow TypeScript Types",
   "license": "Apache-2.0",
   "repository": {
@@ -24,8 +24,8 @@
   ],
   "devDependencies": {
     "@formatjs/cli": "^6.2.12",
-    "@types/react": "18.3.8",
-    "esbuild": "0.23.1",
+    "@types/react": "18.3.11",
+    "esbuild": "0.24.0",
     "npm-run-all2": "6.2.3",
     "ts-to-zod": "3.6.1",
     "typescript": "5.6.2"