@wise/dynamic-flow-client 0.2.1 → 0.3.0-beta-ec09e7.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "0.2.1",
-  "description": "Wise Dynamic Flow web client",
+  "version": "0.3.0-beta-ec09e7.2",
+  "description": "Dynamic Flow web client",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
   "style": "./build/main.css",
@@ -13,8 +13,25 @@
   ],
   "repository": {
     "type": "git",
-    "fullname": "transferwise/neptune-web",
-    "url": "git+https://github.com/transferwise/neptune-web.git"
+    "fullname": "transferwise/dynamic-flow",
+    "url": "git+https://github.com/transferwise/dynamic-flow.git"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 3003",
+    "build": "npm-run-all build:*",
+    "build:ts": "tsc --build ./tsconfig.build.json",
+    "build:css": "postcss src/main.css -o build/main.css",
+    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
+    "build:compiled-messages": "mkdir -p build/i18n && cp src/i18n/*.json build/i18n",
+    "test": "npm-run-all test:once test:tz",
+    "test:once": "jest --config jest.config.js --env=jsdom",
+    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
+    "test:tz": "TZ=US/Pacific jest ./src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.js ./src/formControl/FormControl.spec.js",
+    "test:watch": "pnpm test:once --watch",
+    "lint": "npm-run-all lint:ts lint:css",
+    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
+    "lint:css": "stylelint './src/**/*.css'",
+    "build-storybook": "storybook build -c .storybook"
   },
   "devDependencies": {
     "@babel/core": "7.20.12",
@@ -23,20 +40,20 @@
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.21.0",
+    "@cfaester/enzyme-adapter-react-18": "0.7.0",
     "@formatjs/cli": "^4.8.3",
-    "@storybook/addon-a11y": "6.5.16",
-    "@storybook/addon-actions": "6.5.16",
-    "@storybook/addon-essentials": "6.5.16",
-    "@storybook/addon-interactions": "6.5.16",
-    "@storybook/addon-links": "6.5.16",
-    "@storybook/builder-webpack5": "6.5.16",
-    "@storybook/manager-webpack5": "6.5.16",
-    "@storybook/react": "6.5.16",
-    "@storybook/testing-library": "0.0.13",
+    "@storybook/addon-a11y": "7.0.9",
+    "@storybook/addon-actions": "7.0.9",
+    "@storybook/addon-essentials": "7.0.9",
+    "@storybook/addon-interactions": "7.0.9",
+    "@storybook/addon-links": "7.0.9",
+    "@storybook/react": "7.0.9",
+    "@storybook/react-webpack5": "7.0.9",
+    "@storybook/testing-library": "0.1.0",
     "@testing-library/dom": "9.2.0",
     "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react-hooks": "8.0.1",
     "@testing-library/react": "14.0.0",
+    "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "13.2.1",
     "@transferwise/components": "43.13.49",
     "@transferwise/eslint-config": "8.0.1",
@@ -46,38 +63,37 @@
     "@transferwise/neptune-tokens": "8.4.0",
     "@types/enzyme": "^3.10.12",
     "@types/jest": "29.4.0",
-    "@types/lodash.debounce": "^4.0.7",
     "@types/lodash": "^4.14.167",
-    "@types/react-dom": "18",
+    "@types/lodash.debounce": "^4.0.7",
     "@types/react": "18",
+    "@types/react-dom": "18",
     "@types/testing-library__jest-dom": "5.9.5",
     "@wise/art": "2.0.1",
     "@wise/components-theming": "^0.7.4",
-    "@cfaester/enzyme-adapter-react-18": "0.7.0",
     "babel-jest": "29.5.0",
-    "cpx": "1.5.0",
     "currency-flags": "4.0.7",
     "enzyme": "^3.11.0",
     "eslint": "8.36.0",
+    "eslint-plugin-storybook": "0.6.12",
+    "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-watch-typeahead": "^2.2.2",
-    "jest": "29.5.0",
     "npm-run-all": "4.1.5",
+    "postcss": "^8.4.21",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
-    "postcss": "^8.4.21",
     "prettier": "2.8.4",
+    "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-intl": "6.2.1",
-    "react": "18.2.0",
-    "require-from-string": "2.0.2",
+    "storybook": "7.0.9",
+    "stylelint": "14.16.1",
     "stylelint-config-standard": "25.0.0",
     "stylelint-no-unsupported-browser-features": "5.0.4",
     "stylelint-value-no-unknown-custom-properties": "4.0.0",
-    "stylelint": "14.16.1",
     "typescript": "4.9.5",
-    "webpack": "5.75.0"
+    "webpack": "5.76.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^43",
@@ -85,15 +101,9 @@
     "@transferwise/icons": "^3",
     "@transferwise/neptune-css": "^14",
     "@transferwise/neptune-validation": "^3",
-    "prop-types": "^15",
+    "react": "^18",
     "react-dom": "^18",
-    "react-intl": "^6",
-    "react": "^18"
-  },
-  "peerDependenciesMeta": {
-    "prop-types": {
-      "optional": true
-    }
+    "react-intl": "^6"
   },
   "dependencies": {
     "classnames": "2.3.2",
@@ -103,22 +113,5 @@
     "react-webcam": "^7.0.1",
     "screenfull": "^5.0.2"
   },
-  "prettier": "@transferwise/eslint-config/.prettierrc.js",
-  "scripts": {
-    "dev": "start-storybook -p 3003",
-    "build": "npm-run-all build:*",
-    "build:ts": "tsc --build ./tsconfig.build.json",
-    "build:css": "postcss src/main.css -o build/main.css",
-    "build:messages-source": "formatjs extract 'src/**/*.messages.{js,ts}' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
-    "build:compiled-messages": "cpx 'src/i18n/*.json' build/i18n",
-    "test": "npm-run-all test:once test:tz",
-    "test:once": "jest --config jest.config.js --env=jsdom",
-    "test:coverage": "jest --config jest.config.js --env=jsdom --coverage",
-    "test:tz": "TZ=US/Pacific jest ./src/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.errors.spec.js ./src/formControl/FormControl.spec.js",
-    "test:watch": "pnpm test:once --watch",
-    "lint": "npm-run-all lint:ts lint:css",
-    "lint:ts": "eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
-    "lint:css": "stylelint --allow-empty-input './src/**/*.less'",
-    "build-storybook": "build-storybook -c .storybook"
-  }
-}
+  "prettier": "@transferwise/eslint-config/.prettierrc.js"
+}

package/build/common/requirements.d.ts

@@ -1,10 +0,0 @@
-import { FormControlType } from './propsValues/formControlType';
-type Field = {
-    hidden?: boolean;
-    control?: (typeof FormControlType)[keyof typeof FormControlType];
-    type: 'string' | 'number' | 'integer' | 'boolean' | 'blob';
-    options: any[];
-    format: 'date' | 'phone' | 'base64url' | 'password' | 'email' | 'uri';
-};
-declare const getControlType_Legacy: (field: Field) => string;
-export { getControlType_Legacy };

package/build/common/requirements.js

@@ -1,50 +0,0 @@
-var getControlType_Legacy = function (field) {
-    if (field.control) {
-        return field.control.toLowerCase();
-    }
-    if (field.hidden) {
-        return 'hidden';
-    }
-    if (field.options && field.options.length > 0) {
-        return getSelectionType(field);
-    }
-    switch (field.type) {
-        case 'string':
-            return getControlForStringFormat(field.format);
-        case 'number':
-        case 'integer':
-            return 'number';
-        case 'boolean':
-            return 'checkbox';
-        default:
-            return 'text';
-    }
-};
-var getControlForStringFormat = function (format) {
-    switch (format) {
-        case 'date':
-            return 'date';
-        case 'base64url':
-            return 'file';
-        case 'password':
-            return 'password';
-        case 'uri':
-            return 'text'; // 'url'; - not implemented
-        case 'email':
-            return 'text'; // 'email'; - not implemented
-        case 'phone':
-            return 'tel';
-        default:
-            return 'text';
-    }
-};
-var getSelectionType = function (field) {
-    if (field.control) {
-        return field.control;
-    }
-    if (field.options) {
-        return field.options.length > 3 ? 'select' : 'radio';
-    }
-    return 'select';
-};
-export { getControlType_Legacy };

package/build/common/tracking/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export type TrackableEventName = 'Dynamic Flow - Flow Started' | 'Dynamic Flow - Flow Finished' | 'Dynamic Flow - Step Started' | 'Dynamic Flow - Step Submitted' | 'Dynamic Flow - Step Refreshed' | 'Dynamic Flow - OneOf Selected' | 'Dynamic Flow - PersistAsync' | 'Dynamic Flow - ValidationAsync' | 'Dynamic Flow - Camera Permission Denied' | 'Dynamic Flow - Camera Feed Started' | 'Dynamic Flow - Camera Not Supported' | 'Dynamic Flow - invalid submission response' | 'Dynamic Flow - onAction supressed' | 'Dynamic Flow - OneOf Searched';
-export type TrackableEventHandler = (eventName: TrackableEventName, properties: Record<string, unknown>) => void;
-type Props = {
-    metadata?: Record<string, unknown> & {
-        flowId?: string;
-        stepId?: string;
-    };
-    children: React.ReactNode;
-    onTrackableEvent: TrackableEventHandler;
-};
-export declare const TrackingContextProvider: ({ metadata, children, onTrackableEvent }: Props) => JSX.Element;
-export declare function useTracking(): TrackableEventHandler;
-export declare const getTracker: (onTrackableEvent: TrackableEventHandler, metadata?: Record<string, unknown>) => TrackableEventHandler;
-export {};

package/build/common/tracking/index.js

@@ -1,33 +0,0 @@
-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 { createContext, useContext, useMemo } from 'react';
-var TrackingContext = createContext({
-    trackEvent: function () {
-        // noop
-    }
-});
-export var TrackingContextProvider = function (_a) {
-    var metadata = _a.metadata, children = _a.children, onTrackableEvent = _a.onTrackableEvent;
-    var value = useMemo(function () { return ({ trackEvent: getTracker(onTrackableEvent, metadata) }); }, [onTrackableEvent, metadata]);
-    return _jsx(TrackingContext.Provider, __assign({ value: value }, { children: children }));
-};
-export function useTracking() {
-    var trackEvent = useContext(TrackingContext).trackEvent;
-    return trackEvent;
-}
-export var getTracker = function (onTrackableEvent, metadata) {
-    return function (eventName, properties) {
-        if (properties === void 0) { properties = {}; }
-        return onTrackableEvent(eventName, __assign(__assign({}, metadata), properties));
-    };
-};

package/build/field/Field.d.ts

@@ -1,69 +0,0 @@
-export namespace FieldTypes {
-    const STRING: string;
-    const NUMBER: string;
-    const INTEGER: string;
-    const BOOLEAN: string;
-    const BLOB: string;
-}
-export namespace FieldFormats {
-    const DATE: string;
-    const PHONE: string;
-    const BASE_64_URL: string;
-    const PASSWORD: string;
-    const EMAIL: string;
-    const URI: string;
-}
-declare class Field extends Component<any, any, any> {
-    constructor(props: any);
-    state: {
-        focused: boolean;
-        changed: boolean;
-        error: any;
-    };
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    onFocus(value: any): void;
-    onBlur(value: any): void;
-    onChange(value: any): void;
-    validateValue(newValue: any): {};
-    objectSizeOf: (object: any) => number;
-    updateAlert(control: any): {
-        type: string;
-        content: any;
-    } | {
-        type: null;
-        content: null;
-    };
-    render(): JSX.Element;
-}
-declare namespace Field {
-    namespace propTypes {
-        const name: any;
-        const value: any;
-        const field: any;
-        const countryCode: any;
-        const onChange: any;
-        const onFocus: any;
-        const onBlur: any;
-        const errorMessage: any;
-        const warningMessage: any;
-        const label: any;
-    }
-    namespace defaultProps {
-        const countryCode_1: null;
-        export { countryCode_1 as countryCode };
-        const value_1: null;
-        export { value_1 as value };
-        const errorMessage_1: null;
-        export { errorMessage_1 as errorMessage };
-        const warningMessage_1: null;
-        export { warningMessage_1 as warningMessage };
-        const onFocus_1: null;
-        export { onFocus_1 as onFocus };
-        const onBlur_1: null;
-        export { onBlur_1 as onBlur };
-        const label_1: null;
-        export { label_1 as label };
-    }
-}
-export default Field;
-import { Component } from "react";

package/build/field/Field.js

@@ -1,311 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { InlineAlert, InstructionsList } from '@transferwise/components';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { Component } from 'react';
-import { FormControlType } from '../common';
-import { getControlType_Legacy } from '../common/requirements';
-import { getValidationFailures } from '../common/validation/validation-failures';
-import FormControl from '../formControl';
-export var FieldTypes = {
-    STRING: 'string',
-    NUMBER: 'number',
-    INTEGER: 'integer',
-    BOOLEAN: 'boolean',
-    BLOB: 'blob'
-};
-export var FieldFormats = {
-    DATE: 'date',
-    PHONE: 'phone',
-    BASE_64_URL: 'base64url',
-    PASSWORD: 'password',
-    EMAIL: 'email',
-    URI: 'uri'
-};
-var DefaultValidationMessages = {
-    REQUIRED: 'Required',
-    PATTERN: 'Incorrect format',
-    MINLENGTH: 'The value is too short',
-    MAXLENGTH: 'The value is too long',
-    MIN: 'The value is too low',
-    MAX: 'The value is too high'
-};
-var Field = /** @class */ (function (_super) {
-    __extends(Field, _super);
-    function Field(props) {
-        var _this = _super.call(this, props) || this;
-        _this.objectSizeOf = function (object) { return (object ? Object.keys(object).length : 0); };
-        _this.state = {
-            focused: false,
-            changed: false,
-            error: props.errorMessage
-        };
-        return _this;
-    }
-    Field.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        if (nextProps.errorMessage !== this.props.errorMessage) {
-            this.setState({ error: nextProps.errorMessage });
-        }
-    };
-    Field.prototype.onFocus = function (value) {
-        var onFocus = this.props.onFocus;
-        if (onFocus) {
-            onFocus(value);
-        }
-        this.setState({ focused: true });
-    };
-    Field.prototype.onBlur = function (value) {
-        var onBlur = this.props.onBlur;
-        if (onBlur) {
-            onBlur(value);
-        }
-        this.setState({ focused: false });
-    };
-    Field.prototype.onChange = function (value) {
-        this.props.onChange(value);
-        this.setState({ changed: true, focused: true });
-    };
-    Field.prototype.validateValue = function (newValue) {
-        var field = this.props.field;
-        var validationFailuresKeys = getValidationFailures(newValue, field);
-        return validationFailuresKeys.reduce(function (acc, failure) {
-            var _a;
-            var messageKey = failure.toLowerCase();
-            var message = (field.validationMessages && field.validationMessages[messageKey]) ||
-                DefaultValidationMessages[messageKey.toUpperCase()];
-            return message
-                ? __assign(__assign({}, acc), (_a = {}, _a[messageKey] = message, _a)) : acc;
-        }, {});
-    };
-    Field.prototype.updateAlert = function (control) {
-        var _a = this.props, value = _a.value, field = _a.field, errorMessage = _a.errorMessage, warningMessage = _a.warningMessage;
-        var _b = this.state, focused = _b.focused, changed = _b.changed, error = _b.error;
-        var validationFailures = changed && !focused ? this.validateValue(value) : {};
-        if (this.objectSizeOf(validationFailures) > 0) {
-            return {
-                type: 'error',
-                content: Object.keys(validationFailures).map(function (key) { return (_jsx("div", { children: validationFailures[key] }, key)); })
-            };
-        }
-        if (error && errorMessage) {
-            return {
-                type: 'error',
-                content: _jsx(_Fragment, { children: errorMessage })
-            };
-        }
-        if (warningMessage) {
-            return {
-                type: 'warning',
-                content: _jsx(_Fragment, { children: warningMessage })
-            };
-        }
-        if (focused && field.help && field.help.message) {
-            return {
-                type: 'info',
-                content: _jsx(_Fragment, { children: field.help.message })
-            };
-        }
-        if (focused && field.help && field.help.list && field.help.list.length > 0) {
-            return {
-                type: 'info',
-                // eslint-disable-next-line react/no-array-index-key
-                content: field.help.list.map(function (item, index) { return _jsx("div", { children: item }, index); })
-            };
-        }
-        if (focused &&
-            field.help &&
-            field.help["do"] &&
-            field.help["do"].length > 0 &&
-            field.help.dont &&
-            field.help.dont.length > 0) {
-            return {
-                type: 'info',
-                content: (_jsx("div", __assign({ className: "m-b-1" }, { children: _jsx(InstructionsList, { dos: field.help["do"], donts: field.help.dont }) })))
-            };
-        }
-        if (focused && control !== FormControlType.FILE && field.help && field.help.image) {
-            return {
-                type: 'info',
-                content: _jsx("img", { className: "thumbnail m-y-2", src: "".concat(field.help.image), alt: field.label })
-            };
-        }
-        return {
-            type: null,
-            content: null
-        };
-    };
-    Field.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, name = _a.name, field = _a.field, value = _a.value, label = _a.label;
-        var control = field.control || getControlType_Legacy(field);
-        var alert = this.updateAlert(control);
-        var showAlert = !!alert.content;
-        var showLabel = control !== FormControlType.FILE &&
-            control !== FormControlType.UPLOAD &&
-            control !== FormControlType.CHECKBOX;
-        return (_jsxs("div", __assign({ className: classNames('form-group', "tw-field-".concat(name), {
-                'has-info': alert.type === 'info' && showAlert,
-                'has-error': alert.type === 'error' && showAlert,
-                'has-warning': alert.type === 'warning' && showAlert,
-                hidden: field.hidden
-            }) }, { children: [showLabel && (_jsx("label", __assign({ htmlFor: field === null || field === void 0 ? void 0 : field.id, className: "control-label" }, { children: label }))), _jsx(FormControl, __assign({}, field, { type: control, name: name, value: value, onChange: function (event) { return _this.onChange(event); }, onFocus: function (event) { return _this.onFocus(event); }, onBlur: function (event) { return _this.onBlur(event); } })), showAlert && _jsx(InlineAlert, __assign({ type: alert.type }, { children: alert.content }))] })));
-    };
-    return Field;
-}(Component));
-export default Field;
-Field.propTypes = {
-    name: PropTypes.string.isRequired,
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.number,
-        PropTypes.bool,
-        PropTypes.object,
-        PropTypes.shape({
-            // eslint-disable-next-line react/forbid-prop-types
-            value: PropTypes.any.isRequired,
-            label: PropTypes.node,
-            icon: PropTypes.string,
-            currency: PropTypes.string,
-            note: PropTypes.node,
-            secondary: PropTypes.node
-        }),
-    ]),
-    field: PropTypes.shape({
-        type: PropTypes.oneOf(['string', 'number', 'integer', 'boolean', 'blob']).isRequired,
-        label: PropTypes.string,
-        id: PropTypes.string,
-        required: PropTypes.bool,
-        disabled: PropTypes.bool,
-        hidden: PropTypes.bool,
-        readOnly: PropTypes.bool,
-        autoComplete: PropTypes.bool,
-        placeholder: PropTypes.string,
-        searchPlaceholder: PropTypes.string,
-        control: PropTypes.oneOf([
-            'radio',
-            'checkbox',
-            'select',
-            'file',
-            'date',
-            'date-time',
-            'date-lookup',
-            'tel',
-            'number',
-            'hidden',
-            'password',
-            'text',
-            'textarea',
-            'upload',
-            'tab',
-        ]),
-        format: PropTypes.oneOf(['date', 'phone', 'base64url', 'password', 'email', 'uri']),
-        displayPattern: PropTypes.string,
-        help: PropTypes.shape({
-            message: PropTypes.string,
-            image: PropTypes.string,
-            list: PropTypes.arrayOf(PropTypes.string),
-            "do": PropTypes.arrayOf(PropTypes.string),
-            dont: PropTypes.arrayOf(PropTypes.string)
-        }),
-        pattern: PropTypes.string,
-        minLength: PropTypes.number,
-        maxLength: PropTypes.number,
-        minDate: PropTypes.instanceOf(Date),
-        maxDate: PropTypes.instanceOf(Date),
-        min: PropTypes.number,
-        max: PropTypes.number,
-        uploadProps: PropTypes.shape({
-            animationDelay: PropTypes.number,
-            csButtonText: PropTypes.string,
-            csFailureText: PropTypes.string,
-            csSuccessText: PropTypes.string,
-            csTooLargeMessage: PropTypes.string,
-            csWrongTypeMessage: PropTypes.string,
-            httpOptions: PropTypes.shape({}),
-            maxSize: PropTypes.number,
-            onCancel: PropTypes.func,
-            onFailure: PropTypes.func,
-            onStart: PropTypes.func,
-            onSuccess: PropTypes.func,
-            psButtonText: PropTypes.string,
-            psProcessingText: PropTypes.string,
-            size: PropTypes.string,
-            usAccept: PropTypes.oneOf(['*', 'image/*', 'application/*']),
-            usButtonText: PropTypes.string,
-            usDisabled: PropTypes.bool,
-            usDropMessage: PropTypes.string,
-            usHelpImage: PropTypes.string,
-            usLabel: PropTypes.string,
-            usPlaceholder: PropTypes.string
-        }),
-        options: PropTypes.arrayOf(PropTypes.shape({
-            id: PropTypes.string,
-            label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
-            value: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.string,
-                PropTypes.bool,
-                PropTypes.object,
-                PropTypes.instanceOf(Date),
-            ]).isRequired,
-            header: PropTypes.node,
-            icon: PropTypes.string,
-            currency: PropTypes.string,
-            note: PropTypes.node,
-            secondary: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-            separator: PropTypes.bool,
-            disabled: PropTypes.bool
-        })),
-        size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-        validationMessages: PropTypes.shape({
-            required: PropTypes.string,
-            pattern: PropTypes.string,
-            minlength: PropTypes.string,
-            maxlength: PropTypes.string,
-            min: PropTypes.string,
-            max: PropTypes.string
-        })
-    }).isRequired,
-    countryCode: PropTypes.string,
-    onChange: PropTypes.func.isRequired,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    errorMessage: PropTypes.string,
-    warningMessage: PropTypes.string,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
-};
-Field.defaultProps = {
-    countryCode: null,
-    value: null,
-    errorMessage: null,
-    warningMessage: null,
-    onFocus: null,
-    onBlur: null,
-    label: null
-};

package/build/field/index.d.ts

@@ -1,2 +0,0 @@
-import Field from './Field';
-export default Field;

package/build/field/index.js

@@ -1,2 +0,0 @@
-import Field from './Field';
-export default Field;