@wise/dynamic-flow-client 3.7.1 → 3.7.2-experimental-1ba6fef

package/build/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DefinitionList, Layout } from '@transferwise/components';
+import { useIntl } from 'react-intl';
+import { isBasicSchema, isOneOfSchema } from '../../common/utils';
+import { isBoolean } from '../../common/validators';
+import { getAvatarPropertyForRadioOption } from '../schemaFormControl/utils';
+import messages from './ReadOnlySchema.messages';
+function ReadOnlySchema(_a) {
+    var schema = _a.schema, model = _a.model;
+    var _b = schema.title, title = _b === void 0 ? '' : _b;
+    var formatMessage = useIntl().formatMessage;
+    var value = getValueForSchema({ schema: schema, model: model, formatMessage: formatMessage });
+    // FIXME: This is a workaround for the fact that the DefinitionList component value prop doesn't match Model
+    return (_jsx(DefinitionList, { layout: Layout.VERTICAL_ONE_COLUMN, definitions: [{ title: title, value: value, key: '' }] }));
+}
+export default ReadOnlySchema;
+function getValueForSchema(_a) {
+    var schema = _a.schema, model = _a.model, formatMessage = _a.formatMessage;
+    if (isBasicSchema(schema)) {
+        if (isOneOfSchema(schema)) {
+            return getValueFromOneOfSchema(schema, model);
+            // eslint-disable-next-line no-else-return
+        }
+        else {
+            // eslint-disable-next-line no-lonely-if
+            if (schema.type === 'boolean' && isBoolean(model)) {
+                return model ? formatMessage(messages.yes) : formatMessage(messages.no);
+                // eslint-disable-next-line no-else-return
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                return (model && model.toString()) || '';
+            }
+        }
+    }
+    return '';
+}
+function getValueFromOneOfSchema(schema, model) {
+    var option = getSelectedOneOf(schema, model);
+    // FIXME Remove type assertion
+    return option ? getValueFromOption(option) : model;
+}
+function getSelectedOneOf(schema, model) {
+    return schema.oneOf.find(function (childSchema) {
+        return 'const' in childSchema ? model === childSchema.const : false;
+    });
+}
+function getValueFromOption(option) {
+    var text = option.title && option.description
+        ? "".concat(option.title, " - ").concat(option.description)
+        : option.title || '';
+    var icon = getAvatarPropertyForRadioOption({ icon: option.icon });
+    return (icon === null || icon === void 0 ? void 0 : icon.avatar) ? (_jsxs(_Fragment, { children: [icon.avatar, " ", text] })) : (text);
+}

package/build/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl';
+export default defineMessages({
+    yes: {
+        id: 'dynamicFlows.ReadOnlySchema.yes',
+        defaultMessage: 'Yes',
+        description: 'Yes, used for boolean schemas with a value of true.',
+    },
+    no: {
+        id: 'dynamicFlows.ReadOnlySchema.no',
+        defaultMessage: 'No',
+        description: 'No: used for boolean schemas with a value of false.',
+    },
+});

package/build/legacy/jsonSchemaForm/readOnlySchema/index.js

@@ -0,0 +1 @@
+export { default } from './ReadOnlySchema';

package/build/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.js

@@ -0,0 +1,134 @@
+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 { useEffect } from 'react';
+import { FormControlType } from '../../common/constants';
+import { isOneOfSchema, isStringSchema } from '../../common/utils';
+import { getValidBasicModelOrNull, isNull, isUndefined } from '../../common/validators';
+import FormControl from '../../formControl';
+import { mapConstSchemaToOption, mapSchemaToUploadOptions } from './utils';
+import { useLogger } from '../../common/contexts';
+var isNativeInput = function (propsSchemaType) {
+    return propsSchemaType === 'string' || propsSchemaType === 'number';
+};
+export var getControlType = function (schema) {
+    if (isOneOfSchema(schema)) {
+        if (schema.control === FormControlType.TAB && schema.oneOf.length > 3) {
+            return FormControlType.SELECT;
+        }
+        return schema.control || FormControlType.SELECT;
+    }
+    if (isStringSchema(schema)) {
+        return getStringSchemaControlType(schema);
+    }
+    // We should really check if the control is known, but I don't want to break behaviour so I'm leaving it as is for now
+    if ('control' in schema && schema.control) {
+        return schema.control;
+    }
+    if (schema.type === 'boolean') {
+        return 'checkbox';
+    }
+    if (schema.type === 'integer') {
+        return 'number';
+    }
+    return schema.type;
+};
+export var getStringSchemaControlType = function (_a) {
+    var format = _a.format, control = _a.control;
+    if (control) {
+        return stringControlToFormControlType[control] || control;
+    }
+    if (format) {
+        return stringFormatToFormControlType[format] || 'text';
+    }
+    return 'text';
+};
+var stringControlToFormControlType = {
+    'date-lookup': 'date-lookup',
+    password: 'password',
+    textarea: 'textarea',
+    email: 'email',
+    numeric: 'numeric',
+    'phone-number': 'tel',
+};
+var stringFormatToFormControlType = {
+    date: 'date',
+    // Legacy formats
+    email: 'email',
+    base64url: 'file',
+    password: 'password',
+    'phone-number': 'tel',
+};
+var getOptions = function (schema, controlType) {
+    if (schema.oneOf) {
+        return schema.oneOf.map(function (childSchema) { return mapConstSchemaToOption(childSchema, controlType); });
+    }
+    return null;
+};
+function SchemaFormControl(props) {
+    var id = props.id, schema = props.schema, value = props.value, disabled = props.disabled, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onSearchChange = props.onSearchChange, describedBy = props.describedBy;
+    var log = useLogger();
+    var getSanitisedValue = function (value) {
+        return isNativeInput(schema.type) && (isNull(value) || isUndefined(value)) ? '' : value;
+    };
+    var onModelChange = function (value, type, metadata) {
+        onChange(getValidBasicModelOrNull(value, schema), type, metadata);
+    };
+    var controlType = getControlType(schema);
+    useEffect(function () {
+        warnIfInvalidSchema(schema, log, controlType);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(schema), log, controlType]);
+    var options = schema.values || getOptions(schema, controlType);
+    var events = {
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onSearchChange: onSearchChange,
+        onChange: onModelChange,
+    };
+    var safeValue = getSanitisedValue(value);
+    var controlProps = {
+        id: id,
+        name: id,
+        label: schema.title,
+        description: schema.description,
+        options: options || [],
+        placeholder: schema.placeholder,
+        autoComplete: !schema.help,
+        autocompleteHint: schema.autocompleteHint,
+        disabled: disabled || schema.disabled,
+        displayPattern: schema.displayFormat,
+        // TODO: LOW avoid type assertion below
+        uploadProps: mapSchemaToUploadOptions(schema),
+        describedBy: describedBy,
+    };
+    return (_jsx("div", { "aria-describedby": describedBy, children: _jsx(FormControl, __assign({ type: controlType, value: safeValue }, events, controlProps)) }));
+}
+SchemaFormControl.defaultProps = {
+    value: null,
+    onFocus: null,
+    onBlur: null,
+    onSearchChange: null,
+    disabled: false,
+};
+var warnIfInvalidSchema = function (schema, log, controlType) {
+    if (isOneOfSchema(schema) && schema.oneOf.length === 2 && !schema.control) {
+        log.warning('Deprecation warning', 'A oneOf schema with 2 options and no control type currently renders as a "radio" but will be changed to render as a "select". Please specify control radio to retain the existing behaviour.');
+    }
+    if (controlType === 'file') {
+        log.warning('Deprecation warning', 'Please use a persist-async blob schema instead of string with base64url for file uploads. The base64url does not perform well on low end devices. Support for this schema will be removed in a later release.');
+    }
+    if (schema.values) {
+        log.warning('Deprecated schema', 'Schema.values is a legacy approach. Please use oneOf.');
+    }
+};
+export default SchemaFormControl;

package/build/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.spec.js

@@ -0,0 +1,312 @@
+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);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/destructuring-assignment */
+/* eslint-disable react/prefer-stateless-function */
+import { fireEvent, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import * as loggingModule from '../../common/contexts/logContext/LogContext';
+import { mockUseLogger, renderWithProviders } from '../../test-utils';
+import SchemaFormControl from './SchemaFormControl';
+var user = userEvent.setup();
+var mockLogger = mockUseLogger();
+jest.spyOn(loggingModule, 'useLogger').mockImplementation(function () { return mockLogger; });
+beforeEach(function () {
+    Object.values(mockLogger).forEach(function (logger) { return logger.mockClear(); });
+});
+jest.mock('../../formControl/FormControl', function () { return ({
+    __esModule: true,
+    default: function (props) {
+        var keys = [
+            'id',
+            'type',
+            'autoComplete',
+            'displayPattern',
+            'value',
+            'disabled',
+        ];
+        return (_jsxs("div", { "data-testid": "form-control", children: [keys.map(function (key) {
+                    var value = typeof props[key] === 'boolean' ? (props[key] ? 'true' : 'false') : props[key];
+                    return _jsx("div", { children: "".concat(key, ": ").concat(String(value)) }, key);
+                }), _jsx("input", { "data-testid": props.id, type: "text", value: String(props.value), onChange: function (e) { return props.onChange(e.target.value); }, onFocus: props.onFocus, onBlur: props.onBlur })] }));
+    },
+}); });
+var getProps = function () { return ({
+    id: 'id',
+    onChange: jest.fn(),
+    onFocus: jest.fn(),
+    onBlur: jest.fn(),
+    schema: { type: 'string' },
+    value: null,
+}); };
+describe('Given a SchemaFormControl component', function () {
+    var cases = [
+        // String text format
+        [{ type: 'string' }, 'text'],
+        [{ type: 'string', control: 'password' }, 'password'],
+        [{ type: 'string', control: 'textarea' }, 'textarea'],
+        [{ type: 'string', control: 'email' }, 'email'],
+        [{ type: 'string', control: 'numeric' }, 'numeric'],
+        [{ type: 'string', control: 'phone-number' }, 'tel'],
+        // String date format
+        [{ type: 'string', format: 'date' }, 'date'],
+        [{ type: 'string', format: 'date', control: 'date-lookup' }, 'date-lookup'],
+        [{ type: 'string', control: 'date-lookup' }, 'date-lookup'],
+        // Legacy string formats
+        [{ type: 'string', format: 'uri' }, 'text'],
+        [{ type: 'string', format: 'email' }, 'email'],
+        [{ type: 'string', format: 'base64url' }, 'file'],
+        [{ type: 'string', format: 'phone-number' }, 'tel'],
+        [{ type: 'string', format: 'password' }, 'password'],
+        // Legacy string controls
+        [{ type: 'string', control: 'tel' }, 'tel'],
+        [{ type: 'string', control: 'date' }, 'date'],
+        [{ type: 'string', control: 'date-time' }, 'date-time'],
+        [{ type: 'string', control: 'file' }, 'file'],
+        [{ type: 'string', control: 'upload' }, 'upload'],
+        [{ type: 'boolean' }, 'checkbox'],
+        [{ type: 'number' }, 'number'],
+        [{ type: 'integer' }, 'number'],
+        [{ oneOf: [], control: 'tab' }, 'tab'],
+    ];
+    describe.each(cases)('when rendering it with a schema like %s', function (schema, expectedType) {
+        it("renders a FormControl with type: \"".concat(expectedType, "\""), function () {
+            var props = __assign(__assign({}, getProps()), { schema: schema });
+            renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+            expect(screen.getByText("type: ".concat(expectedType))).toBeInTheDocument();
+        });
+    });
+    it('renders a FormControl and pass the id property', function () {
+        var props = __assign(__assign({}, getProps()), { id: 'id_1' });
+        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+        expect(screen.getByText("id: id_1")).toBeInTheDocument();
+    });
+    it('renders a FormControl with autoComplete=true', function () {
+        var props = __assign({}, getProps());
+        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+        expect(screen.getByText("autoComplete: true")).toBeInTheDocument();
+    });
+    it('renders a FormControl with displayPattern, if present in the schema', function () {
+        var schema = { type: 'string', displayFormat: '**-**-*' };
+        var props = __assign(__assign({}, getProps()), { schema: schema });
+        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+        expect(screen.getByText("displayPattern: **-**-*")).toBeInTheDocument();
+    });
+});
+describe('when a schema with oneOf consts is supplied', function () {
+    var cases = [
+        [1, undefined, 'select'],
+        [2, undefined, 'select'],
+        [3, undefined, 'select'],
+        [4, undefined, 'select'],
+        [5, undefined, 'select'],
+        [1, 'radio', 'radio'],
+        [2, 'radio', 'radio'],
+        [3, 'radio', 'radio'],
+        [4, 'radio', 'radio'],
+        [5, 'radio', 'radio'],
+        [1, 'tab', 'tab'],
+        [2, 'tab', 'tab'],
+        [3, 'tab', 'tab'],
+        [4, 'tab', 'select'],
+        [5, 'tab', 'select'],
+    ];
+    describe.each(cases)('when rendering a oneOf schema with %s options and a control: "%s"', function (options, control, expectedType) {
+        it("renders a FormControl with type: \"".concat(expectedType, "\""), function () {
+            var schema = {
+                control: control,
+                oneOf: Array(options)
+                    .fill(null)
+                    .map(function (_, i) { return ({ const: i + 1, title: String(i + 1) }); }),
+            };
+            var props = __assign(__assign({}, getProps()), { schema: schema });
+            renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+            expect(screen.getByText("type: ".concat(expectedType))).toBeInTheDocument();
+        });
+    });
+});
+describe('when a schema with a oneOf with only 2 options and no control property is supplied', function () {
+    var getSchema = function () { return ({
+        $id: 'one-of',
+        oneOf: [
+            { type: 'string', const: 'A' },
+            { type: 'string', const: 'B' },
+        ],
+    }); };
+    it('logs a warning', function () {
+        renderWithProviders(_jsx(SchemaFormControl, __assign({}, getProps(), { schema: getSchema() })));
+        expect(mockLogger.warning).toHaveBeenCalledWith('Deprecation warning', expect.anything());
+        expect(mockLogger.warning).toHaveBeenCalledTimes(1);
+    });
+    describe('when the component is re-rendered with an identical schema', function () {
+        it('only logs a warning one time', function () {
+            var rerender = renderWithProviders(_jsx(SchemaFormControl, __assign({}, getProps(), { schema: getSchema() }))).rerender;
+            expect(mockLogger.warning).toHaveBeenCalledTimes(1);
+            rerender(_jsx(SchemaFormControl, __assign({}, getProps(), { schema: getSchema() })));
+            expect(mockLogger.warning).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+describe('schema control property', function () {
+    describe('when a schema has a control value', function () {
+        it('overrides the default and renders FormControl with the specified control as type prop', function () {
+            var schema = {
+                oneOf: [
+                    { const: 1, title: '1' },
+                    { const: 2, title: '2' },
+                ],
+                control: 'select',
+            };
+            var props = __assign(__assign({}, getProps()), { schema: schema });
+            renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+            expect(screen.getByText('type: select')).toBeInTheDocument();
+        });
+    });
+});
+describe('when the schema contains help information', function () {
+    it('disables autoComplete', function () {
+        var schema = { type: 'string', help: { markdown: 'help!' } };
+        var props = __assign(__assign({}, getProps()), { schema: schema });
+        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+        expect(screen.getByText('autoComplete: false')).toBeInTheDocument();
+    });
+});
+describe('when a null value is passed in', function () {
+    it('passes an empty string to FormControl', function () {
+        var props = __assign(__assign({}, getProps()), { value: null });
+        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+        expect(screen.getByText('value:')).toBeInTheDocument();
+    });
+});
+describe('disabled property', function () {
+    describe('when props contain disabled property', function () {
+        describe('when disabled through component props', function () {
+            it('passes down disabled to the FormControl', function () {
+                var props = __assign(__assign({}, getProps()), { disabled: true });
+                renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+                expect(screen.getByText('disabled: true')).toBeInTheDocument();
+            });
+        });
+        describe('when disabled through schema', function () {
+            it('passes down disabled to the FormControl', function () {
+                var schema = { type: 'string', disabled: true };
+                var props = __assign(__assign({}, getProps()), { schema: schema });
+                renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+                expect(screen.getByText('disabled: true')).toBeInTheDocument();
+            });
+        });
+        describe('when disabled both through component props and schema', function () {
+            it('passes down disabled to the FormControl', function () {
+                var schema = { type: 'string', disabled: true };
+                var props = __assign(__assign({}, getProps()), { schema: schema, disabled: true });
+                renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+                expect(screen.getByText('disabled: true')).toBeInTheDocument();
+            });
+        });
+    });
+});
+describe('onChange', function () {
+    describe('when the FormControl triggers onChange', function () {
+        it('should trigger the components onChange handler', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var onChange, props;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        onChange = jest.fn();
+                        props = __assign(__assign({}, getProps()), { onChange: onChange });
+                        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+                        return [4 /*yield*/, user.click(screen.getByRole('textbox'))];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, user.paste('test')];
+                    case 2:
+                        _a.sent();
+                        expect(onChange).toHaveBeenCalledWith('test', undefined, undefined);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the FormControl triggers onChange with an invalid value', function () {
+        it('should trigger the components onChange handler with null', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var onChange, schema, props;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        onChange = jest.fn();
+                        schema = { type: 'number' };
+                        props = __assign(__assign({}, getProps()), { schema: schema, onChange: onChange });
+                        renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+                        return [4 /*yield*/, user.type(screen.getByRole('textbox'), 'test')];
+                    case 1:
+                        _a.sent();
+                        expect(onChange).toHaveBeenCalledWith(null, undefined, undefined);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the FormControl trigger onFocus', function () {
+        it('should trigger the components onFocus handler', function () {
+            var onFocus = jest.fn();
+            var props = __assign(__assign({}, getProps()), { onFocus: onFocus });
+            renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+            fireEvent.focus(screen.getByRole('textbox'));
+            expect(onFocus).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('when the FormControl trigger onBlur', function () {
+        it('should trigger the components onBlur handler', function () {
+            var onBlur = jest.fn();
+            var props = __assign(__assign({}, getProps()), { onBlur: onBlur });
+            renderWithProviders(_jsx(SchemaFormControl, __assign({}, props)));
+            fireEvent.blur(screen.getByRole('textbox'));
+            expect(onBlur).toHaveBeenCalledTimes(1);
+        });
+    });
+});

package/build/legacy/jsonSchemaForm/schemaFormControl/index.js

@@ -0,0 +1 @@
+export { default } from './SchemaFormControl';

package/build/legacy/jsonSchemaForm/schemaFormControl/utils/index.js

@@ -0,0 +1 @@
+export * from './mapping-utils';

package/build/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.js

@@ -0,0 +1,107 @@
+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 { Avatar, AvatarType } from '@transferwise/components';
+import { Flag } from '@wise/art';
+import { isArray, isNull, isUndefined } from '../../../common/validators';
+import DynamicIcon, { isValidIconName } from '../../../layout/icon/DynamicIcon';
+import { isFlagIcon } from '../../../layout/icon/FlagIcon';
+var mapConstSchemaToOption = function (schema, controlType) {
+    switch (controlType) {
+        case 'select':
+            return mapConstSchemaToSelectOption(schema);
+        case 'radio':
+        default:
+            return mapConstSchemaToRadioOption(schema);
+    }
+};
+var mapConstSchemaToRadioOption = function (schema) { return (__assign(__assign(__assign({ 
+    // TODO: LOW avoid type assertion -- using || '' would fail some tests
+    label: schema.title, value: schema.const }, getRadioOptionDescription(schema.title, schema.description)), getAvatarPropertyForRadioOption(schema)), getDisabled(schema.disabled))); };
+var mapConstSchemaToSelectOption = function (schema) { return (__assign(__assign(__assign(__assign(__assign({ 
+    // TODO: LOW avoid type assertion -- using || '' would fail some tests
+    label: schema.title, value: schema.const }, getOptionDescription(schema.title, schema.description)), getIconPropertyForSelectOption(schema.icon)), mapImage(schema.image)), getDisabled(schema.disabled)), mapKeywordsToSearchStrings(schema.keywords))); };
+var mapKeywordsToSearchStrings = function (searchStrings) {
+    return isArray(searchStrings) ? { searchStrings: searchStrings } : {};
+};
+var mapImage = function (image) {
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        return {
+            icon: (_jsx("div", { className: "media", children: _jsx("div", { className: "np-option__no-media-circle", children: _jsx("img", { src: image.url, alt: image.name || '' }) }) })),
+            hideIconInTrigger: true,
+        };
+    }
+    return null;
+};
+var getIconPropertyForSelectOption = function (icon) {
+    if ((icon === null || icon === void 0 ? void 0 : icon.name) && isFlagIcon(icon.name)) {
+        return {
+            icon: _jsx(Flag, { code: icon.name.substring(5), intrinsicSize: 24 }),
+        };
+    }
+    if ((icon === null || icon === void 0 ? void 0 : icon.name) && isValidIconName(icon.name)) {
+        return {
+            icon: _jsx(DynamicIcon, { type: icon.name }),
+        };
+    }
+    if (icon === null || icon === void 0 ? void 0 : icon.text) {
+        return {
+            icon: _jsx("span", { children: icon.text }),
+        };
+    }
+    return null;
+};
+var getAvatarPropertyForRadioOption = function (_a) {
+    var image = _a.image, icon = _a.icon;
+    if (image === null || image === void 0 ? void 0 : image.url) {
+        return {
+            avatar: (_jsx(Avatar, { type: AvatarType.THUMBNAIL, children: _jsx("img", { src: image.url, alt: "" }) })),
+        };
+    }
+    if ((icon === null || icon === void 0 ? void 0 : icon.name) && isValidIconName(icon.name)) {
+        return {
+            avatar: (_jsx(Avatar, { type: AvatarType.ICON, children: _jsx(DynamicIcon, { type: icon.name }) })),
+        };
+    }
+    if (icon === null || icon === void 0 ? void 0 : icon.text) {
+        return {
+            avatar: _jsx(Avatar, { type: AvatarType.INITIALS, children: icon.text }),
+        };
+    }
+    return null;
+};
+var mapSchemaToUploadOptions = function (_a) {
+    var accepts = _a.accepts;
+    return (__assign({}, (isArray(accepts) && { usAccept: accepts.join(',') })));
+};
+var getOptionDescription = function (title, description) {
+    if (title && description) {
+        if ((title + description).length > 50) {
+            return { secondary: description };
+        }
+        return { note: description };
+    }
+    return undefined;
+};
+var getRadioOptionDescription = function (title, description) {
+    if (title && description) {
+        return { note: description };
+    }
+    return undefined;
+};
+var getDisabled = function (disabled) {
+    if (!isUndefined(disabled) && !isNull(disabled)) {
+        return { disabled: disabled };
+    }
+    return undefined;
+};
+export { mapConstSchemaToOption, getAvatarPropertyForRadioOption, mapSchemaToUploadOptions };