@wise/dynamic-flow-client 2.6.0 → 2.6.1

package/build/types/formControl/FormControl.d.ts

@@ -1,6 +1,6 @@
 import { RadioGroupRadios } from '@transferwise/components/build/types/radioGroup/RadioGroup';
 import { UploadProps } from '@transferwise/components/build/types/upload/Upload';
-import { AutocompleteHint } from '@wise/dynamic-flow-types';
+import { AutocompleteToken } from '@wise/dynamic-flow-types';
 import { ReactNode } from 'react';
 import { PureComponent } from 'react';
 import { FormControlType } from '../common/constants';
@@ -104,7 +104,7 @@ type FormControlProps = {
     onChange: (value: string | number | boolean | null, type?: 'init' | 'user') => void;
     /** @deprecated - Use autocompleteHint instead */
     autoComplete?: boolean;
-    autocompleteHint?: AutocompleteHint[];
+    autocompleteHint?: AutocompleteToken[];
     countryCode?: string;
     disabled?: boolean;
     displayPattern?: string;

package/build/types/formControl/utils/getAutocompleteString.d.ts

@@ -1,2 +1,2 @@
-import { AutocompleteHint } from '@wise/dynamic-flow-types';
-export declare const getAutocompleteString: (hints: AutocompleteHint[]) => string;
+import { AutocompleteToken } from '@wise/dynamic-flow-types';
+export declare const getAutocompleteString: (hints: AutocompleteToken[]) => string;

package/build/types/revamp/domain/components/BoxComponent.d.ts

@@ -0,0 +1,18 @@
+import { Margin, Model, Size } from '@wise/dynamic-flow-types';
+import { RenderableComponent, StepComponent } from '../types';
+export type BoxComponent = RenderableComponent & {
+    type: 'box';
+    border: boolean;
+    width: Size;
+    margin: Margin;
+    components: StepComponent[];
+    getChildren: () => StepComponent[];
+    getValue: () => Model;
+};
+export declare const createBoxComponent: (boxProps: {
+    uid: string;
+    border: boolean;
+    width: Size;
+    margin: Margin;
+    components: StepComponent[];
+}) => BoxComponent;

package/build/types/revamp/domain/mappers/layout/boxLayoutToComponents.d.ts

@@ -0,0 +1,4 @@
+import { BoxLayout } from '@wise/dynamic-flow-types';
+import { StepComponent } from '../../types';
+import { MapperProps } from '../schema/types';
+export declare const boxLayoutToComponent: ({ components, width, margin, border }: BoxLayout, mapperProps: MapperProps) => StepComponent;

package/build/types/revamp/domain/mappers/mapLayoutToComponent.d.ts

@@ -0,0 +1,4 @@
+import { LayoutComponent } from '@wise/dynamic-flow-types';
+import { StepComponent } from '../types';
+import { MapperProps } from './schema/types';
+export declare const mapLayoutToComponent: (layout: LayoutComponent, mapperProps: MapperProps) => StepComponent;

package/build/types/revamp/domain/mappers/{mapSchemaToComponents.d.ts → mapSchemaToComponent.d.ts}

@@ -1,4 +1,4 @@
 import { Schema } from '@wise/dynamic-flow-types';
 import { StepComponent } from '../types';
 import { MapperProps } from './schema/types';
-export declare const mapSchemaToComponents: (schema: Schema, mapperProps: MapperProps) => StepComponent;
+export declare const mapSchemaToComponent: (schema: Schema, mapperProps: MapperProps) => StepComponent;

package/build/types/revamp/domain/mappers/mapStepToComponents.d.ts

@@ -1,9 +1,9 @@
 import { Step as DFStep } from '@wise/dynamic-flow-types';
-import { OnAction, StepComponent, UpdateComponent } from '../types';
+import { OnAction, UpdateComponent } from '../types';
 type MapStepToComponentsProps = {
     step: DFStep;
     updateComponent: UpdateComponent;
     onAction: OnAction;
 };
-export declare const mapStepToComponents: (mapStepToComponentsProps: MapStepToComponentsProps) => StepComponent[];
+export declare const mapStepToComponents: (mapStepToComponentsProps: MapStepToComponentsProps) => import("../types").StepComponent[];
 export {};

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

@@ -1,12 +1,13 @@
 import { Action, Margin, Model } from '@wise/dynamic-flow-types';
 import { AlertComponent } from './components/AlertComponent';
+import { BoxComponent } from './components/BoxComponent';
 import { ButtonComponent } from './components/ButtonComponent';
 import { HeadingComponent } from './components/HeadingComponent';
 import { ObjectComponent } from './components/ObjectComponent';
 import { ParagraphComponent } from './components/ParagraphComponent';
 import { TextInputComponent } from './components/TextInputComponent';
-export type StepComponent = AlertComponent | HeadingComponent | ParagraphComponent | ObjectComponent | TextInputComponent | ButtonComponent;
-export type ContainerComponent = ObjectComponent;
+export type StepComponent = AlertComponent | BoxComponent | ButtonComponent | HeadingComponent | ObjectComponent | ParagraphComponent | TextInputComponent;
+export type ContainerComponent = ObjectComponent | BoxComponent;
 export type BaseComponent = {
     type: string;
     uid: string;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { BoxComponent } from '../../domain/components/BoxComponent';
+import { BoxRendererProps } from '../types';
+export declare const boxComponentToProps: ({ keyProp, border, width, margin }: BoxComponent, children: ReactNode) => BoxRendererProps;

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

@@ -18,6 +18,13 @@ export interface AlertRendererProps extends RendererProps {
     context: Context;
     margin: Margin;
 }
+export interface BoxRendererProps extends RendererProps {
+    type: 'box';
+    border: boolean;
+    width: Size;
+    margin: Margin;
+    children: ReactNode;
+}
 export interface HeadingRendererProps extends RendererProps {
     type: 'heading';
     text: string;

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

@@ -1,4 +1,4 @@
 import { Model } from '@wise/dynamic-flow-types';
-import { StepComponent } from '../domain/types';
-export declare const isContainerComponent: (component: StepComponent) => component is import("../domain/components/ObjectComponent").ObjectComponent;
+import { ContainerComponent, StepComponent } from '../domain/types';
+export declare const isContainerComponent: (component: StepComponent) => component is ContainerComponent;
 export declare const isObjectModel: (model: Model) => model is Record<string, Model>;

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

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

package/build/types/revamp/wise/renderers/utils/layout-utils.d.ts

@@ -1,7 +1,7 @@
 import { Align, Size } from '../../../renderers/types';
-declare const getTopMargin: (size: Size) => "" | "m-t-1" | "m-t-2" | "m-t-0" | "m-t-3" | "m-t-5";
-declare const getTextAlignmentAndTopMargin: (component: {
+declare const getMargin: (size: Size) => "" | "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5";
+declare const getTextAlignmentAndMargin: (component: {
     align: Align;
     margin: Size;
 }) => string;
-export { getTopMargin, getTextAlignmentAndTopMargin };
+export { getMargin, getTextAlignmentAndMargin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -94,7 +94,7 @@
     "classnames": "2.3.2",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.2.0"
+    "@wise/dynamic-flow-types": "2.2.1"
   },
   "prettier": "@transferwise/eslint-config/.prettierrc.js",
   "scripts": {