@wise/dynamic-flow-client 2.4.0 → 2.5.0

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

@@ -1,5 +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 { ReactNode } from 'react';
 import { PureComponent } from 'react';
 import { FormControlType } from '../common/constants';
@@ -43,12 +44,7 @@ export default class FormControl extends PureComponent<FormControlProps, FormCon
         prevValue: string | number | boolean | Date | null;
         value: string | number | boolean | Date | null;
     } | null;
-    /**
-     * autocomplete hides our form help so we need to disable it when help text
-     * is present. Chrome ignores autocomplete=off, the only way to disable it is
-     * to provide an 'invalid' value, for which 'disabled' serves.
-     */
-    getAutocompleteStatus: () => "on" | "disabled";
+    getAutocompleteValue: () => string;
     handleOnChange: (value: string | number | boolean | null) => void;
     handleInputOnChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     handleOnFocus: () => void;
@@ -106,7 +102,9 @@ type FormControlSelectedOption = {
 type FormControlProps = {
     name: string;
     onChange: (value: string | number | boolean | null, type?: 'init' | 'user') => void;
+    /** @deprecated - Use autocompleteHint instead */
     autoComplete?: boolean;
+    autocompleteHint?: AutocompleteHint[];
     countryCode?: string;
     disabled?: boolean;
     displayPattern?: string;

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

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

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

@@ -1 +1,2 @@
 export * from './value-utils';
+export { getAutocompleteString } from './getAutocompleteString';

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -18,35 +18,35 @@
     "url": "git+https://github.com/transferwise/dynamic-flow.git"
   },
   "devDependencies": {
-    "@babel/core": "7.23.2",
-    "@babel/plugin-syntax-flow": "7.22.5",
+    "@babel/core": "7.23.3",
+    "@babel/plugin-syntax-flow": "7.23.3",
     "@babel/plugin-transform-react-jsx": "7.22.15",
-    "@babel/preset-env": "7.23.2",
-    "@babel/preset-react": "7.22.15",
-    "@babel/preset-typescript": "7.23.2",
+    "@babel/preset-env": "7.23.3",
+    "@babel/preset-react": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
     "@cfaester/enzyme-adapter-react-18": "0.7.1",
     "@formatjs/cli": "^4.8.4",
-    "@storybook/addon-a11y": "7.5.1",
-    "@storybook/addon-actions": "7.5.1",
-    "@storybook/addon-essentials": "7.5.1",
-    "@storybook/addon-interactions": "7.5.1",
-    "@storybook/addon-links": "7.5.1",
-    "@storybook/react": "7.5.1",
-    "@storybook/react-webpack5": "7.5.1",
+    "@storybook/addon-a11y": "7.5.3",
+    "@storybook/addon-actions": "7.5.3",
+    "@storybook/addon-essentials": "7.5.3",
+    "@storybook/addon-interactions": "7.5.3",
+    "@storybook/addon-links": "7.5.3",
+    "@storybook/react": "7.5.3",
+    "@storybook/react-webpack5": "7.5.3",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/dom": "9.3.3",
     "@testing-library/jest-dom": "6.1.4",
-    "@testing-library/react": "14.0.0",
+    "@testing-library/react": "14.1.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.1",
     "@transferwise/components": "45.17.1",
     "@transferwise/eslint-config": "8.2.0",
     "@transferwise/formatting": "^2.10.0",
-    "@transferwise/icons": "3.10.0",
+    "@transferwise/icons": "3.12.0",
     "@transferwise/neptune-css": "14.6.1",
     "@transferwise/neptune-tokens": "8.5.1",
-    "@types/enzyme": "^3.10.15",
-    "@types/jest": "29.5.6",
+    "@types/enzyme": "^3.10.16",
+    "@types/jest": "29.5.8",
     "@types/react": "18",
     "@types/react-dom": "18",
     "@types/testing-library__jest-dom": "5.14.9",
@@ -57,21 +57,21 @@
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
     "esbuild": "0.19.5",
-    "eslint": "8.52.0",
+    "eslint": "8.53.0",
     "eslint-plugin-storybook": "0.6.15",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
     "npm-run-all": "4.1.5",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.31",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
     "prettier": "2.8.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-intl": "6.5.1",
-    "storybook": "7.5.1",
+    "react-intl": "6.5.4",
+    "storybook": "7.5.3",
     "stylelint": "14.16.1",
     "stylelint-config-standard": "25.0.0",
     "stylelint-no-unsupported-browser-features": "5.0.4",
@@ -91,9 +91,9 @@
   },
   "dependencies": {
     "classnames": "2.3.2",
-    "react-webcam": "^7.1.1",
+    "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.1.0"
+    "@wise/dynamic-flow-types": "2.2.0"
   },
   "prettier": "@transferwise/eslint-config/.prettierrc.js",
   "scripts": {