@wise/dynamic-flow-client-internal 3.16.2 → 3.16.3-experimental-c0e84f1

package/build/tests/renderers/RadioInputRendererComponent.test.js

@@ -0,0 +1,76 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen } from '@testing-library/react';
+import { RadioInputRendererComponent } from '@wise/dynamic-flow-renderers/src/SelectInputRenderer/RadioInputRendererComponent';
+import { renderWithProviders } from '../../test-utils/rtl-utils';
+describe('RadioInputRendererComponent', function () {
+    var getProps = function () { return ({
+        type: 'input-select',
+        id: 'id',
+        children: [],
+        description: 'description',
+        autoComplete: 'off',
+        required: false,
+        disabled: false,
+        error: 'error',
+        help: 'help',
+        label: 'label',
+        options: [
+            {
+                title: 'Option A',
+                disabled: false,
+            },
+            {
+                title: 'Option B',
+                disabled: false,
+            },
+        ],
+        selectedIndex: null,
+        onSelect: jest.fn(),
+        onFocus: jest.fn(),
+        onBlur: jest.fn(),
+    }); };
+    describe('When the value is updated from outside the UI component', function () {
+        it('should update the selected value', function () {
+            var props = getProps();
+            var rerender = renderWithProviders(_jsx(RadioInputRendererComponent, __assign({}, props))).rerender;
+            expect(screen.getByLabelText('Option A')).not.toBeChecked();
+            expect(screen.getByLabelText('Option B')).not.toBeChecked();
+            rerender(_jsx(RadioInputRendererComponent, __assign({}, props, { selectedIndex: 1 })));
+            expect(screen.getByLabelText('Option B')).toBeChecked();
+        });
+    });
+    describe('When the options are updated (e.g. refresh-on-change)', function () {
+        it('should update the options', function () {
+            var props = __assign(__assign({}, getProps()), { selectedIndex: 1 });
+            var rerender = renderWithProviders(_jsx(RadioInputRendererComponent, __assign({}, props))).rerender;
+            expect(screen.getByLabelText('Option B')).toBeChecked();
+            var updatedProps = __assign(__assign({}, props), { options: [
+                    {
+                        title: 'Option A',
+                        disabled: false,
+                    },
+                    {
+                        title: 'Option NEW',
+                        disabled: false,
+                    },
+                    {
+                        title: 'Option B',
+                        disabled: false,
+                    },
+                ] });
+            rerender(_jsx(RadioInputRendererComponent, __assign({}, updatedProps)));
+            expect(screen.getByLabelText('Option NEW')).toBeChecked();
+        });
+    });
+});

package/build/tests/renderers/value-utils.test.js

@@ -0,0 +1,33 @@
+import { dateStringToDateOrNull, dateToDateString, numericValueOrNull, } from '@wise/dynamic-flow-renderers/src/utils/value-utils';
+describe('numericValueOrNull', function () {
+    it('should return null if the input is not a valid number', function () {
+        expect(numericValueOrNull('abc')).toBeNull();
+        expect(numericValueOrNull('123abc')).toBeNull();
+    });
+    it('should return the input value if it is a valid number', function () {
+        expect(numericValueOrNull('123')).toBe('123');
+    });
+});
+describe('dateStringToDateOrNull', function () {
+    it('should return null if the input is nullish', function () {
+        expect(dateStringToDateOrNull(undefined)).toBeNull();
+        expect(dateStringToDateOrNull('')).toBeNull();
+        expect(dateStringToDateOrNull(null)).toBeNull();
+    });
+    it('should return null if the input is not a valid date', function () {
+        expect(dateStringToDateOrNull('Jan-06-2022')).toBeNull();
+        expect(dateStringToDateOrNull('Jan 06 2022')).toBeNull();
+    });
+    it('should return a Date object if the input is a valid date string', function () {
+        var date = dateStringToDateOrNull('2022-01-31');
+        expect(date === null || date === void 0 ? void 0 : date.getFullYear()).toBe(2022);
+        expect(date === null || date === void 0 ? void 0 : date.getMonth()).toBe(0);
+        expect(date === null || date === void 0 ? void 0 : date.getDate()).toBe(31);
+    });
+});
+describe('dateToDateString', function () {
+    it('should return a formatted date string when passed a date', function () {
+        var date = new Date('2022-01-01');
+        expect(dateToDateString(date)).toBe('2022-01-01');
+    });
+});

package/build/types/stories/visual-tests/generated.story.d.ts

@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react';
+import DynamicFlowSideBySide from '../utils/DynamicFlowSideBySide';
+declare const meta: Meta<typeof DynamicFlowSideBySide>;
+export default meta;
+type Story = StoryObj<typeof DynamicFlowSideBySide>;
+export declare const alert: Story;
+export declare const align: Story;
+export declare const arraytuple: Story;
+export declare const box: Story;
+export declare const button: Story;
+export declare const checkbox: Story;
+export declare const columns: Story;
+export declare const copyable: Story;
+export declare const date: Story;
+export declare const datelookup: Story;
+export declare const decision: Story;
+export declare const heading: Story;
+export declare const image: Story;
+export declare const instructions: Story;
+export declare const integer: Story;
+export declare const list: Story;
+export declare const margin: Story;
+export declare const markdown: Story;
+export declare const modal: Story;
+export declare const multiselect: Story;
+export declare const number: Story;
+export declare const paragraph: Story;
+export declare const password: Story;
+export declare const phonenumber: Story;
+export declare const radio: Story;
+export declare const repeatable: Story;
+export declare const review: Story;
+export declare const search: Story;
+export declare const segmented: Story;
+export declare const select: Story;
+export declare const tabs: Story;
+export declare const text: Story;
+export declare const textarea: Story;
+export declare const upload: Story;

package/build/types/stories/visual-tests/layouts.story.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import DynamicFlowSideBySide from '../utils/DynamicFlowSideBySide';
+declare const meta: Meta<typeof DynamicFlowSideBySide>;
+export default meta;
+type Story = StoryObj<typeof DynamicFlowSideBySide>;
+export declare const alert: Story;
+export declare const box: Story;
+export declare const button: Story;
+export declare const columns: Story;
+export declare const decision: Story;
+export declare const divider: Story;
+export declare const form: Story;
+export declare const heading: Story;
+export declare const image: Story;
+export declare const instructions: Story;
+export declare const loadingIndicator: Story;
+export declare const margin: Story;
+export declare const markdown: Story;
+export declare const paragraph: Story;
+export declare const review: Story;
+export declare const statusList: Story;

package/build/types/stories/visual-tests/schemas.story.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import DynamicFlowSideBySide from '../utils/DynamicFlowSideBySide';
+declare const meta: Meta<typeof DynamicFlowSideBySide>;
+export default meta;
+type Story = StoryObj<typeof DynamicFlowSideBySide>;
+export declare const allOf: Story;
+export declare const array: Story;
+export declare const arrayUpload: Story;
+export declare const blob: Story;
+export declare const boolean: Story;
+export declare const hidden: Story;
+export declare const integer: Story;
+export declare const multiSelect: Story;
+export declare const number: Story;
+export declare const object: Story;
+export declare const oneOf: Story;
+export declare const string: Story;

package/build/types/stories/visual-tests/step.story.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import DynamicFlowSideBySide from '../utils/DynamicFlowSideBySide';
+declare const meta: Meta<typeof DynamicFlowSideBySide>;
+export default meta;
+type Story = StoryObj<typeof DynamicFlowSideBySide>;
+export declare const basic: Story;
+export declare const globalError: Story;
+export declare const validationError: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client-internal",
-  "version": "3.16.2",
+  "version": "3.16.3-experimental-c0e84f1",
   "description": "Dynamic Flow web client for Wise",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -60,7 +60,7 @@
     "@wise/components-theming": "^1.5.0",
     "babel-jest": "29.7.0",
     "currency-flags": "4.0.7",
-    "esbuild": "0.20.2",
+    "esbuild": "0.23.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -80,9 +80,9 @@
     "tsx": "4.15.6",
     "typescript": "5.4.5",
     "webpack": "5.92.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-types": "2.18.3-experimental-c0e84f1",
     "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-types": "2.18.2"
+    "@wise/dynamic-flow-fixtures": "0.0.1"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.31",
@@ -96,8 +96,8 @@
   },
   "dependencies": {
     "classnames": "2.5.1",
-    "@wise/dynamic-flow-client": "3.16.2",
-    "@wise/dynamic-flow-types": "2.18.2"
+    "@wise/dynamic-flow-client": "3.16.3-experimental-c0e84f1",
+    "@wise/dynamic-flow-types": "2.18.3-experimental-c0e84f1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3005",