@wise/dynamic-flow-client 3.5.0-experimental-b041af5 → 3.5.0-experimental-63c768d

package/build/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Status, UploadInput } from '@transferwise/components';
+import { useMemo } from 'react';
+import { useEventDispatcher } from '../../../common/contexts';
+import { toKilobytes } from '../../../common/utils';
+export function UploadInputAdapter(props) {
+    var id = props.id, _a = props.httpClient, httpClient = _a === void 0 ? fetch : _a, httpOptions = props.httpOptions, fileId = props.fileId, idProperty = props.idProperty, usAccept = props.usAccept, maxSize = props.maxSize, usPlaceholder = props.usPlaceholder, onSuccess = props.onSuccess, onFailure = props.onFailure, onCancel = props.onCancel;
+    var onEvent = useEventDispatcher();
+    var files = useMemo(function () { return (fileId ? [{ id: fileId, status: Status.SUCCEEDED }] : []); }, [fileId]);
+    var uploadFile = function (formData) {
+        onEvent('Dynamic Flow - PersistAsync', { status: 'pending', schemaId: id });
+        return httpClient(String(httpOptions.url), {
+            method: httpOptions.method || 'POST',
+            body: formData
+        }).then(function (response) {
+            if (response.ok) {
+                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response.clone());
+                return response.json().then(function (responseBody) { return ({
+                    id: responseBody[idProperty]
+                }); });
+            }
+            onFailure === null || onFailure === void 0 ? void 0 : onFailure({ response: response });
+            // eslint-disable-next-line prefer-promise-reject-errors
+            return Promise.reject();
+        });
+    };
+    return (_jsx(UploadInput, { id: id, fileInputName: httpOptions.fileInputName, files: files, uploadButtonTitle: props.usLabel, sizeLimit: maxSize ? toKilobytes(maxSize) : undefined, fileTypes: usAccept, description: usPlaceholder, onUploadFile: uploadFile, onDeleteFile: function (_id) {
+            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+            return Promise.resolve();
+        } }));
+}

package/build/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/index.js

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

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.js

@@ -0,0 +1,72 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { DynamicAlert } from '../../layout';
+import GenericSchema from '../genericSchema';
+import ObjectSchema from '../objectSchema';
+import { getSelectionFromModel } from './promoted-one-of-utils';
+import PromotedOneOfControl from './promotedOneOfControl/PromotedOneOfControl';
+var isPromoted = function (schema) { return schema.promoted === true; };
+var PromotedOneOfSchema = function (props) {
+    var _a;
+    // TODO: LOW avoid type assertion -- actually non-null assertion operator: props.model!
+    var _b = useState(getSelectionFromModel(props.schema, props.model) ||
+        ((_a = props.schema.promotion) === null || _a === void 0 ? void 0 : _a["default"]) ||
+        'promoted'), selection = _b[0], setSelection = _b[1];
+    var promotedAlert = props.schema.alert;
+    var promotedOneOf = props.schema.oneOf.find(isPromoted);
+    // TODO: LOW avoid type assertion -- actually non-null assertion operator
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    var promotedObjectSchema = getPromotedObjectSchema(promotedOneOf);
+    var otherOneOf = getOtherOneOf(props.schema);
+    return (_jsxs(_Fragment, { children: [promotedAlert && _jsx(DynamicAlert, { component: promotedAlert }), _jsx(PromotedOneOfControl, { id: props.schema.$id, title: props.schema.title, 
+                // TODO: LOW avoid type assertion -- actually non-null assertion operator
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                promotedOneOf: promotedOneOf, 
+                // TODO: LOW avoid type assertion -- actually non-null assertion operator
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                promotion: props.schema.promotion, selection: selection, setSelection: setSelection }), selection === 'promoted' && _jsx(ObjectSchema, __assign({}, props, { schema: promotedObjectSchema })), selection === 'other' && _jsx(GenericSchema, __assign({}, props, { schema: otherOneOf }))] }));
+};
+function getPromotedObjectSchema(promotedSchema) {
+    return __assign(__assign({}, promotedSchema), { 
+        // We don't need to show these since they are already displayed in the radio option
+        title: undefined, description: undefined });
+}
+function getOtherOneOf(schema) {
+    var _a, _b, _c;
+    var other = ((_a = schema.promotion) === null || _a === void 0 ? void 0 : _a.displayTwice)
+        ? __spreadArray([], schema.oneOf, true) : schema.oneOf.filter(function (one) { return !isPromoted(one); });
+    var title = (_c = (_b = schema.promotion) === null || _b === void 0 ? void 0 : _b.other.heading) === null || _c === void 0 ? void 0 : _c.text;
+    if (other.length === 1) {
+        return __assign(__assign({}, other[0]), { title: title });
+    }
+    if (other.length > 1) {
+        return {
+            title: title,
+            oneOf: other,
+            // TODO: LOW avoid type assertion -- the spec does not recognise a `control` property in ObjectSchema
+            control: schema.control
+        };
+    }
+    return null;
+}
+export default PromotedOneOfSchema;

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

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

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promoted-one-of-utils.js

@@ -0,0 +1,8 @@
+import { getBestMatchingSchemaIndexForValue } from '../oneOfSchema/utils';
+export var getSelectionFromModel = function (schema, model) {
+    var index = getBestMatchingSchemaIndexForValue(schema, model);
+    if (index !== null) {
+        return schema.oneOf[index].promoted ? 'promoted' : 'other';
+    }
+    return null;
+};

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfCheckboxControl.js

@@ -0,0 +1,27 @@
+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 { Checkbox } from '@transferwise/components';
+var PromotedOneOfCheckboxControl = function (props) {
+    var id = props.id, selection = props.selection, setSelection = props.setSelection;
+    var _a = props.promotion, promoted = _a.promoted, other = _a.other, checkedMeans = _a.checkedMeans;
+    var title = checkedMeans === 'other' ? other.title : (promoted === null || promoted === void 0 ? void 0 : promoted.title) || props.promotedOneOf.title;
+    var selectionWhenChecked = checkedMeans === 'other' ? 'other' : 'promoted';
+    var selectionWhenUnchecked = checkedMeans === 'other' ? 'promoted' : 'other';
+    var checked = selection === selectionWhenChecked;
+    var toggleSelection = function () {
+        setSelection(checked ? selectionWhenUnchecked : selectionWhenChecked);
+    };
+    return (_jsx("div", __assign({ className: "form-group" }, { children: _jsx(Checkbox, { id: id, label: title, checked: checked, onChange: toggleSelection }) })));
+};
+PromotedOneOfCheckboxControl.defaultProps = {};
+export default PromotedOneOfCheckboxControl;

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfControl.js

@@ -0,0 +1,31 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { generateRandomId } from '../../../common/utils';
+import PromotedOneOfCheckboxControl from './PromotedOneOfCheckboxControl';
+import PromotedOneOfRadioControl from './PromotedOneOfRadioControl';
+function PromotedOneOfControl(props) {
+    var controlType = props.promotion.control || 'radio';
+    switch (controlType) {
+        case 'radio':
+            return _jsx(PromotedOneOfRadioControl, __assign({}, props));
+        case 'checkbox':
+            return _jsx(PromotedOneOfCheckboxControl, __assign({}, props));
+        default:
+            return _jsx(_Fragment, {});
+    }
+}
+PromotedOneOfControl.defaultProps = {
+    id: generateRandomId(),
+    title: undefined
+};
+export default PromotedOneOfControl;

package/build/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.js

@@ -0,0 +1,32 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { RadioGroup } from '@transferwise/components';
+import { getAvatarPropertyForRadioOption } from '../../schemaFormControl/utils';
+function PromotedOneOfRadioControl(props) {
+    var _a, _b;
+    var id = props.id, selection = props.selection, setSelection = props.setSelection, promotion = props.promotion, promotedOneOf = props.promotedOneOf, title = props.title;
+    var radios = [
+        __assign({ value: 'promoted', 
+            // TODO: LOW avoid type assertion below: the expression may be nullish, but "label" cannot be
+            label: (((_a = promotion.promoted) === null || _a === void 0 ? void 0 : _a.title) || promotedOneOf.title), secondary: ((_b = promotion.promoted) === null || _b === void 0 ? void 0 : _b.description) || promotedOneOf.description }, getAvatarPropertyForRadioOption(promotedOneOf)),
+        __assign({ value: 'other', label: promotion.other.title, secondary: promotion.other.description }, getAvatarPropertyForRadioOption(promotion.other)),
+    ];
+    return (_jsxs("div", __assign({ className: "form-group" }, { children: [title && (_jsx("label", __assign({ className: "control-label", htmlFor: id }, { children: title }))), _jsx(RadioGroup, { name: "promoted-selection", selectedValue: selection, radios: radios, 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error -- TODO: avoid @ts-ignore -- apparently RadioGroup does not expect an id prop
+                id: id, onChange: setSelection })] })));
+}
+PromotedOneOfRadioControl.defaultProps = {
+    title: undefined
+};
+export default PromotedOneOfRadioControl;

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.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", __assign({ "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);
+        });
+    });
+});