@wise/dynamic-flow-client 2.8.10 → 2.8.12

package/build/types/revamp/renderers/types.d.ts

@@ -1,4 +1,4 @@
-import type { Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Icon, ImageLayout } from '@wise/dynamic-flow-types/build/next';
+import type { Margin as DFMargin, Size as DFSize, SearchResult as SearchResultSpec, Icon as DFIcon } from '@wise/dynamic-flow-types/build/next';
 import type { ReactNode } from 'react';
 export type Renderer<P extends RendererProps> = {
     canRender: (props: RendererProps) => boolean;
@@ -9,6 +9,11 @@ export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';
 export type Margin = DFMargin;
 export type Size = DFSize;
+export type Image = {
+    url: string;
+    accessibilityDescription?: string;
+};
+export type Icon = DFIcon;
 export interface RendererProps {
     type: string;
     control?: string;
@@ -94,13 +99,12 @@ export interface ObjectRendererProps extends RendererProps {
     help?: string;
     children: ReactNode;
 }
-interface BaseInputRendererProps<M extends string | number | boolean> extends RendererProps {
+interface BaseInputRendererProps<M extends string | number | boolean | null> extends RendererProps {
     id: string;
     autoComplete: string;
     description?: string;
     disabled: boolean;
     error?: string;
-    format?: 'date';
     help?: string;
     label?: string;
     name: string;
@@ -145,7 +149,27 @@ export interface IntegerInputRendererProps extends BaseInputRendererProps<number
 export interface NumberInputRendererProps extends BaseInputRendererProps<number> {
     type: 'input-number';
 }
-export interface SelectInputRendererProps extends Omit<BaseInputRendererProps<number>, 'onChange' | 'value'> {
+export interface RepeatableRendererProps extends RendererProps {
+    type: 'repeatable';
+    addItemTitle: string;
+    description?: string;
+    editableItem: ReactNode;
+    editItemTitle: string;
+    error?: string;
+    items: RepeatableItemRendererProps[];
+    title: string;
+    onAdd: () => void;
+    onEdit: (itemIndex: number) => void;
+    onSave: () => boolean;
+    onRemove: () => void;
+}
+export interface RepeatableItemRendererProps {
+    description?: string;
+    icon?: Icon;
+    image?: Image;
+    title?: string;
+}
+export interface SelectInputRendererProps extends Omit<BaseInputRendererProps<null>, 'value' | 'onChange'> {
     type: 'input-select';
     children: ReactNode;
     options: SelectInputRendererOption[];
@@ -156,7 +180,7 @@ export type SelectInputRendererOption = {
     description?: string;
     disabled: boolean;
     icon?: Icon;
-    image?: ImageLayout;
+    image?: Image;
     keywords?: string[];
     title: string;
 };

package/build/types/revamp/stories/visual-tests/array.d.ts

@@ -0,0 +1,3 @@
+import type { Step } from '@wise/dynamic-flow-types/build/next';
+declare const step: Step;
+export default step;

package/build/types/revamp/test-utils/component-utils.d.ts

@@ -0,0 +1,2 @@
+import { createTextInputComponent } from '../domain/components/TextInputComponent';
+export declare const createMockTextInputComponent: (props?: Partial<Parameters<typeof createTextInputComponent>[0]>) => import("../domain/components/TextInputComponent").TextInputComponent;

package/build/types/revamp/utils/type-utils.d.ts

@@ -1,10 +1,12 @@
-import type { AllOfSchema, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import type { AllOfSchema, ArrayModel, ArraySchema, ArraySchemaList, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
 import type { HasChildren, StepComponent } from '../domain/types';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
+import type { RepeatableComponent } from '../domain/components/repeatableComponent/RepeatableComponent';
 export declare const hasChildren: (component: StepComponent) => component is HasChildren;
 export declare const isColumnsComponent: (component: StepComponent) => component is ColumnsComponent;
-export declare const isArrayModel: (model: Model) => model is Model[];
+export declare const isRepeatableComponent: (component: StepComponent) => component is RepeatableComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;
+export declare const isArrayModel: (model: Model) => model is ArrayModel;
 export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;
 export declare const isBooleanSchema: (schema: Schema) => schema is BooleanSchema;
 export declare const isConstSchema: (schema: Schema) => schema is ConstSchema;
@@ -12,4 +14,6 @@ export declare const isIntegerSchema: (schema: Schema) => schema is IntegerSchem
 export declare const isNumberSchema: (schema: Schema) => schema is NumberSchema;
 export declare const isObjectSchema: (schema: Schema) => schema is ObjectSchema;
 export declare const isOneOfSchema: (schema: Schema) => schema is OneOfSchema;
+export declare const isArraySchema: (schema: Schema) => schema is ArraySchema;
+export declare const isArrayListSchema: (schema: Schema) => schema is ArraySchemaList;
 export declare const isStringSchema: (schema: Schema) => schema is StringSchema;

package/build/types/revamp/wise/renderers/RepeatableRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { Renderer, RepeatableRendererProps } from '../../renderers/types';
+declare const RepeatableRenderer: Renderer<RepeatableRendererProps>;
+export default RepeatableRenderer;

package/build/types/revamp/wise/renderers/SelectInputRenderer/OptionMedia.d.ts

@@ -0,0 +1,5 @@
+import type { Icon, Image } from '../../../renderers/types';
+export declare function OptionMedia({ icon, image }: {
+    icon?: Icon;
+    image?: Image;
+}): JSX.Element | null;

package/build/types/revamp/wise/renderers/SelectInputRenderer/SelectTriggerMedia.d.ts

@@ -0,0 +1,5 @@
+import type { Icon, Image } from '../../../renderers/types';
+export declare function SelectTriggerMedia({ icon, image }: {
+    icon?: Icon;
+    image?: Image;
+}): JSX.Element | null;

package/build/types/revamp/wise/renderers/components/FieldInput.d.ts

@@ -1,10 +1,11 @@
 import type { ReactNode } from 'react';
 type FieldInputProps = {
+    id?: string;
     children: ReactNode;
     description: string | undefined;
     error: string | undefined;
     help: string | undefined;
     label: string | undefined;
 };
-declare function FieldInput({ children, label, error, description, help }: FieldInputProps): JSX.Element;
+declare function FieldInput({ id, children, label, error, description, help }: FieldInputProps): JSX.Element;
 export default FieldInput;

package/build/types/revamp/wise/renderers/components/icon/DynamicIcon.d.ts

@@ -1,6 +1,6 @@
 export type Props = {
-    type: string;
+    name: string;
 };
-declare function DynamicIcon({ type }: Props): JSX.Element | null;
+declare function DynamicIcon({ name }: Props): JSX.Element | null;
 export declare function isValidIconName(name: string): boolean;
 export default DynamicIcon;

package/build/types/revamp/wise/renderers/components/icon/NavigationOptionMedia.d.ts

@@ -0,0 +1,5 @@
+import type { Icon, Image } from '../../../../renderers/types';
+export declare function NavigationOptionMedia({ icon, image }: {
+    icon?: Icon;
+    image?: Image;
+}): JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.8.10",
+  "version": "2.8.12",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -18,29 +18,29 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.23.7",
+    "@babel/core": "7.23.9",
     "@babel/plugin-syntax-flow": "7.23.3",
     "@babel/plugin-transform-react-jsx": "7.23.4",
-    "@babel/preset-env": "7.23.8",
+    "@babel/preset-env": "7.23.9",
     "@babel/preset-react": "7.23.3",
     "@babel/preset-typescript": "7.23.3",
     "@cfaester/enzyme-adapter-react-18": "0.7.1",
-    "@formatjs/cli": "^6.2.4",
-    "@storybook/addon-a11y": "7.6.8",
-    "@storybook/addon-actions": "7.6.8",
-    "@storybook/addon-essentials": "7.6.8",
-    "@storybook/addon-interactions": "7.6.8",
-    "@storybook/addon-links": "7.6.8",
-    "@storybook/react": "7.6.8",
-    "@storybook/react-webpack5": "7.6.8",
+    "@formatjs/cli": "^6.2.7",
+    "@storybook/addon-a11y": "7.6.10",
+    "@storybook/addon-actions": "7.6.10",
+    "@storybook/addon-essentials": "7.6.10",
+    "@storybook/addon-interactions": "7.6.10",
+    "@storybook/addon-links": "7.6.10",
+    "@storybook/react": "7.6.10",
+    "@storybook/react-webpack5": "7.6.10",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/dom": "9.3.4",
-    "@testing-library/jest-dom": "6.2.0",
+    "@testing-library/jest-dom": "6.3.0",
     "@testing-library/react": "14.1.2",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
     "@transferwise/components": "46.1.0",
-    "@transferwise/formatting": "^2.10.0",
+    "@transferwise/formatting": "^2.11.1",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.8.0",
     "@transferwise/neptune-tokens": "8.7.0",
@@ -50,32 +50,33 @@
     "@types/react-dom": "18",
     "@types/react-intl": "3.0.0",
     "@types/testing-library__jest-dom": "5.14.9",
-    "@wise/art": "2.8.5",
+    "@wise/art": "2.9.1",
     "@wise/components-theming": "^0.8.4",
-    "@wise/forms": "0.3.0",
+    "@wise/forms": "0.3.1",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
-    "esbuild": "0.19.11",
+    "esbuild": "0.20.0",
     "immer": "10.0.3",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
+    "nanoid": "5.0.4",
     "npm-run-all": "4.1.5",
     "postcss": "^8.4.33",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-intl": "6.5.5",
-    "storybook": "7.6.8",
+    "react-intl": "6.6.2",
+    "storybook": "7.6.10",
     "stylelint": "14.16.1",
     "stylelint-config-standard": "25.0.0",
     "stylelint-no-unsupported-browser-features": "5.0.4",
     "stylelint-value-no-unknown-custom-properties": "4.0.0",
     "typescript": "4.9.5",
-    "webpack": "5.89.0",
+    "webpack": "5.90.0",
     "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
@@ -91,7 +92,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.5.1"
+    "@wise/dynamic-flow-types": "2.5.2"
   },
   "scripts": {
     "dev": "storybook dev -p 3003",