@rjsf/core 4.1.0 → 4.2.1

package/dist/defaultRegistry.d.ts

@@ -0,0 +1,41 @@
+export function getDefaultRegistry(): {
+    fields: {
+        AnyOfField: typeof import("./components/fields/MultiSchemaField").default;
+        ArrayField: typeof import("./components/fields/ArrayField").default;
+        BooleanField: typeof import("./components/fields/BooleanField").default;
+        DescriptionField: typeof import("./components/fields/DescriptionField").default;
+        NumberField: typeof import("./components/fields/NumberField").default;
+        ObjectField: typeof import("./components/fields/ObjectField").default;
+        OneOfField: typeof import("./components/fields/MultiSchemaField").default;
+        SchemaField: typeof import("./components/fields/SchemaField").default;
+        StringField: typeof import("./components/fields/StringField").default;
+        TitleField: typeof import("./components/fields/TitleField").default;
+        NullField: typeof import("./components/fields/NullField").default;
+        UnsupportedField: typeof import("./components/fields/UnsupportedField").default;
+    };
+    widgets: {
+        BaseInput: typeof import("./components/widgets/BaseInput").default;
+        PasswordWidget: typeof import("./components/widgets/PasswordWidget").default;
+        RadioWidget: typeof import("./components/widgets/RadioWidget").default;
+        UpDownWidget: typeof import("./components/widgets/UpDownWidget").default;
+        RangeWidget: typeof import("./components/widgets/RangeWidget").default;
+        SelectWidget: typeof import("./components/widgets/SelectWidget").default;
+        TextWidget: typeof import("./components/widgets/TextWidget").default;
+        DateWidget: typeof import("./components/widgets/DateWidget").default;
+        DateTimeWidget: typeof import("./components/widgets/DateTimeWidget").default;
+        AltDateWidget: typeof import("./components/widgets/AltDateWidget").default;
+        AltDateTimeWidget: typeof import("./components/widgets/AltDateTimeWidget").default;
+        EmailWidget: typeof import("./components/widgets/EmailWidget").default;
+        URLWidget: typeof import("./components/widgets/URLWidget").default;
+        TextareaWidget: typeof import("./components/widgets/TextareaWidget").default;
+        HiddenWidget: typeof import("./components/widgets/HiddenWidget").default;
+        ColorWidget: typeof import("./components/widgets/ColorWidget").default;
+        FileWidget: typeof import("./components/widgets/FileWidget").default;
+        CheckboxWidget: typeof import("./components/widgets/CheckboxWidget").default;
+        CheckboxesWidget: typeof import("./components/widgets/CheckboxesWidget").default;
+        SubmitButton: typeof import("./components/widgets/SubmitButton").default;
+    };
+    definitions: {};
+    rootSchema: {};
+    formContext: {};
+};

package/dist/index.d.ts

@@ -0,0 +1,71 @@
+export default Form;
+import withTheme from "./withTheme";
+export const utils: {
+    getDefaultRegistry: typeof getDefaultRegistry;
+    canExpand(schema: any, uiSchema: any, formData: any): any;
+    getSchemaType(schema: any): any;
+    getWidget(schema: any, widget: any, registeredWidgets?: {}): any;
+    hasWidget(schema: any, widget: any, registeredWidgets?: {}): boolean;
+    getDefaultFormState(_schema: any, formData: any, rootSchema?: {}, includeUndefinedValues?: boolean): any;
+    mergeDefaultsWithFormData(defaults: any, formData: any): any;
+    getUiOptions(uiSchema: any): {};
+    getSubmitButtonOptions(uiSchema: any): any;
+    getDisplayLabel(schema: any, uiSchema: any, rootSchema: any): any;
+    isObject(thing: any): boolean;
+    mergeObjects(obj1: any, obj2: any, concatArrays?: boolean): any;
+    asNumber(value: any): any;
+    orderProperties(properties: any, order: any): any;
+    isConstant(schema: any): any;
+    toConstant(schema: any): any;
+    isSelect(_schema: any, rootSchema?: {}): boolean;
+    isMultiSelect(schema: any, rootSchema?: {}): boolean;
+    isFilesArray(schema: any, uiSchema: any, rootSchema?: {}): boolean;
+    isFixedItems(schema: any): any;
+    isCustomWidget(uiSchema: any): boolean;
+    allowAdditionalItems(schema: any): boolean;
+    optionsList(schema: any): any;
+    findSchemaDefinition($ref: any, rootSchema?: {}): any;
+    stubExistingAdditionalProperties(schema: any, rootSchema?: {}, formData?: {}): any;
+    resolveSchema(schema: any, rootSchema?: {}, formData?: {}): any;
+    retrieveSchema(schema: any, rootSchema?: {}, formData?: {}): any;
+    mergeSchemas(obj1: any, obj2: any): any;
+    deepEquals(a: any, b: any, ca?: any[], cb?: any[]): any;
+    shouldRender(comp: any, nextProps: any, nextState: any): boolean;
+    toIdSchema(schema: any, id: any, rootSchema: any, formData?: {}, idPrefix?: string, idSeparator?: string): any;
+    toPathSchema(schema: any, name: string | undefined, rootSchema: any, formData?: {}): any;
+    parseDateString(dateString: any, includeTime?: boolean): {
+        year: number;
+        month: number;
+        day: number;
+        hour: number;
+        minute: number;
+        second: number;
+    };
+    toDateString({ year, month, day, hour, minute, second }: {
+        year: any;
+        month: any;
+        day: any;
+        hour?: number | undefined;
+        minute?: number | undefined;
+        second?: number | undefined;
+    }, time?: boolean): string;
+    utcToLocal(jsonDate: any): string;
+    localToUTC(dateString: any): string | undefined;
+    pad(num: any, size: any): string;
+    dataURItoBlob(dataURI: any): {
+        blob: Blob;
+        name: any;
+    };
+    rangeSpec(schema: any): {
+        step: any;
+        min: any;
+        max: any;
+    };
+    getMatchingOption(formData: any, options: any, rootSchema: any): number;
+    schemaRequiresTrueValue(schema: any): any;
+    ADDITIONAL_PROPERTY_FLAG: "__additional_property";
+    guessType: (value: any) => "array" | "string" | "null" | "boolean" | "number" | "object";
+};
+import Form from "./components/Form";
+import { getDefaultRegistry } from "./defaultRegistry";
+export { withTheme };

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./core.cjs.production.min.js')
+} else {
+  module.exports = require('./core.cjs.development.js')
+}

package/dist/types.d.ts

@@ -0,0 +1,50 @@
+export const registry: PropTypes.Requireable<PropTypes.InferProps<{
+    ArrayFieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    FieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    ObjectFieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+    definitions: PropTypes.Validator<object>;
+    rootSchema: PropTypes.Requireable<object>;
+    fields: PropTypes.Validator<{
+        [x: string]: string | ((props: any, context?: any) => any) | (new (props: any, context?: any) => any) | null | undefined;
+    }>;
+    formContext: PropTypes.Validator<object>;
+    widgets: PropTypes.Validator<{
+        [x: string]: object | null | undefined;
+    }>;
+}>>;
+export const fieldProps: {
+    autofocus: PropTypes.Requireable<boolean>;
+    disabled: PropTypes.Requireable<boolean>;
+    errorSchema: PropTypes.Requireable<object>;
+    formData: PropTypes.Requireable<any>;
+    idSchema: PropTypes.Requireable<object>;
+    onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+    onChange: PropTypes.Validator<(...args: any[]) => any>;
+    onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+    rawErrors: PropTypes.Requireable<(string | null | undefined)[]>;
+    readonly: PropTypes.Requireable<boolean>;
+    registry: PropTypes.Validator<PropTypes.InferProps<{
+        ArrayFieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        FieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        ObjectFieldTemplate: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        definitions: PropTypes.Validator<object>;
+        rootSchema: PropTypes.Requireable<object>;
+        fields: PropTypes.Validator<{
+            [x: string]: string | ((props: any, context?: any) => any) | (new (props: any, context?: any) => any) | null | undefined;
+        }>;
+        formContext: PropTypes.Validator<object>;
+        widgets: PropTypes.Validator<{
+            [x: string]: object | null | undefined;
+        }>;
+    }>>;
+    required: PropTypes.Requireable<boolean>;
+    schema: PropTypes.Validator<object>;
+    uiSchema: PropTypes.Requireable<PropTypes.InferProps<{
+        "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
+            addable: PropTypes.Requireable<boolean>;
+            orderable: PropTypes.Requireable<boolean>;
+            removable: PropTypes.Requireable<boolean>;
+        }>>;
+    }>>;
+};
+import PropTypes from "prop-types";

package/dist/utils.d.ts

@@ -0,0 +1,81 @@
+export function canExpand(schema: any, uiSchema: any, formData: any): any;
+export function getSchemaType(schema: any): any;
+export function getWidget(schema: any, widget: any, registeredWidgets?: {}): any;
+export function hasWidget(schema: any, widget: any, registeredWidgets?: {}): boolean;
+export function getDefaultFormState(_schema: any, formData: any, rootSchema?: {}, includeUndefinedValues?: boolean): any;
+/**
+ * When merging defaults and form data, we want to merge in this specific way:
+ * - objects are deeply merged
+ * - arrays are merged in such a way that:
+ *   - when the array is set in form data, only array entries set in form data
+ *     are deeply merged; additional entries from the defaults are ignored
+ *   - when the array is not set in form data, the default is copied over
+ * - scalars are overwritten/set by form data
+ */
+export function mergeDefaultsWithFormData(defaults: any, formData: any): any;
+export function getUiOptions(uiSchema: any): {};
+export function getSubmitButtonOptions(uiSchema: any): any;
+export function getDisplayLabel(schema: any, uiSchema: any, rootSchema: any): any;
+export function isObject(thing: any): boolean;
+export function mergeObjects(obj1: any, obj2: any, concatArrays?: boolean): any;
+export function asNumber(value: any): any;
+export function orderProperties(properties: any, order: any): any;
+/**
+ * This function checks if the given schema matches a single
+ * constant value.
+ */
+export function isConstant(schema: any): any;
+export function toConstant(schema: any): any;
+export function isSelect(_schema: any, rootSchema?: {}): boolean;
+export function isMultiSelect(schema: any, rootSchema?: {}): boolean;
+export function isFilesArray(schema: any, uiSchema: any, rootSchema?: {}): boolean;
+export function isFixedItems(schema: any): any;
+export function isCustomWidget(uiSchema: any): boolean;
+export function allowAdditionalItems(schema: any): boolean;
+export function optionsList(schema: any): any;
+export function findSchemaDefinition($ref: any, rootSchema?: {}): any;
+export function stubExistingAdditionalProperties(schema: any, rootSchema?: {}, formData?: {}): any;
+/**
+ * Resolves references and dependencies within a schema and its 'allOf' children.
+ *
+ * Called internally by retrieveSchema.
+ */
+export function resolveSchema(schema: any, rootSchema?: {}, formData?: {}): any;
+export function retrieveSchema(schema: any, rootSchema?: {}, formData?: {}): any;
+export function mergeSchemas(obj1: any, obj2: any): any;
+export function deepEquals(a: any, b: any, ca?: any[], cb?: any[]): any;
+export function shouldRender(comp: any, nextProps: any, nextState: any): boolean;
+export function toIdSchema(schema: any, id: any, rootSchema: any, formData?: {}, idPrefix?: string, idSeparator?: string): any;
+export function toPathSchema(schema: any, name: string | undefined, rootSchema: any, formData?: {}): any;
+export function parseDateString(dateString: any, includeTime?: boolean): {
+    year: number;
+    month: number;
+    day: number;
+    hour: number;
+    minute: number;
+    second: number;
+};
+export function toDateString({ year, month, day, hour, minute, second }: {
+    year: any;
+    month: any;
+    day: any;
+    hour?: number | undefined;
+    minute?: number | undefined;
+    second?: number | undefined;
+}, time?: boolean): string;
+export function utcToLocal(jsonDate: any): string;
+export function localToUTC(dateString: any): string | undefined;
+export function pad(num: any, size: any): string;
+export function dataURItoBlob(dataURI: any): {
+    blob: Blob;
+    name: any;
+};
+export function rangeSpec(schema: any): {
+    step: any;
+    min: any;
+    max: any;
+};
+export function getMatchingOption(formData: any, options: any, rootSchema: any): number;
+export function schemaRequiresTrueValue(schema: any): any;
+export const ADDITIONAL_PROPERTY_FLAG: "__additional_property";
+export function guessType(value: any): "array" | "string" | "null" | "boolean" | "number" | "object";

package/dist/validate.d.ts

@@ -0,0 +1,21 @@
+export function toErrorList(errorSchema: any, fieldName?: string): any[];
+/**
+ * This function processes the formData with a user `validate` contributed
+ * function, which receives the form data and an `errorHandler` object that
+ * will be used to add custom validation errors for each field.
+ */
+export default function validateFormData(formData: any, schema: any, customValidate: any, transformErrors: any, additionalMetaSchemas?: any[], customFormats?: {}): {
+    errors: any[];
+    errorSchema: any;
+};
+/**
+ * Recursively prefixes all $ref's in a schema with `ROOT_SCHEMA_PREFIX`
+ * This is used in isValid to make references to the rootSchema
+ */
+export function withIdRefPrefix(schemaNode: any): any;
+/**
+ * Validates data against a schema, returning true if the data is valid, or
+ * false otherwise. If the schema is invalid, then this function will return
+ * false.
+ */
+export function isValid(schema: any, data: any, rootSchema: any): boolean | PromiseLike<any>;

package/dist/withTheme.d.ts

@@ -0,0 +1,10 @@
+export default withTheme;
+declare function withTheme(themeProps: any): React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+declare namespace withTheme {
+    export namespace propTypes {
+        export const widgets: PropTypes.Requireable<object>;
+        export const fields: PropTypes.Requireable<object>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/index.d.ts

@@ -12,7 +12,7 @@ declare module '@rjsf/core' {
         acceptcharset?: string;
         action?: string;
         additionalMetaSchemas?: ReadonlyArray<object>;
-        ArrayFieldTemplate?: React.StatelessComponent<ArrayFieldTemplateProps>;
+        ArrayFieldTemplate?: React.FunctionComponent<ArrayFieldTemplateProps>;
         autoComplete?: string;
         autocomplete?: string; // deprecated
         children?: React.ReactNode;
@@ -23,9 +23,9 @@ declare module '@rjsf/core' {
         hideError?: boolean;
         enctype?: string;
         extraErrors?: any;
-        ErrorList?: React.StatelessComponent<ErrorListProps>;
+        ErrorList?: React.FunctionComponent<ErrorListProps>;
         fields?: { [name: string]: Field };
-        FieldTemplate?: React.StatelessComponent<FieldTemplateProps>;
+        FieldTemplate?: React.FunctionComponent<FieldTemplateProps>;
         formContext?: any;
         formData?: T;
         id?: string;
@@ -37,7 +37,7 @@ declare module '@rjsf/core' {
         name?: string;
         noHtml5Validate?: boolean;
         noValidate?: boolean;
-        ObjectFieldTemplate?: React.StatelessComponent<ObjectFieldTemplateProps>;
+        ObjectFieldTemplate?: React.FunctionComponent<ObjectFieldTemplateProps>;
         omitExtraData?: boolean;
         onBlur?: (id: string, value: any) => void;
         onChange?: (e: IChangeEvent<T>, es?: ErrorSchema) => any;
@@ -71,15 +71,26 @@ declare module '@rjsf/core' {
         submit: () => void;
     }
 
+    export type UISchemaSubmitButtonOptions = {
+      submitText?: string;
+      norender?: boolean;
+      props?: {
+        disabled?:boolean;
+        className?:string;
+        [name: string]: any;
+      };
+    }
+
     export type UiSchema = {
         'ui:field'?: Field | string;
         'ui:widget'?: Widget | string;
         'ui:options'?: { [key: string]: boolean | number | string | object | any[] | null };
         'ui:order'?: string[];
-        'ui:FieldTemplate'?: React.StatelessComponent<FieldTemplateProps>;
-        'ui:ArrayFieldTemplate'?: React.StatelessComponent<ArrayFieldTemplateProps>;
-        'ui:ObjectFieldTemplate'?: React.StatelessComponent<ObjectFieldTemplateProps>;
+        'ui:FieldTemplate'?: React.FunctionComponent<FieldTemplateProps>;
+        'ui:ArrayFieldTemplate'?: React.FunctionComponent<ArrayFieldTemplateProps>;
+        'ui:ObjectFieldTemplate'?: React.FunctionComponent<ObjectFieldTemplateProps>;
         [name: string]: any;
+        'ui:submitButtonOptions'?: UISchemaSubmitButtonOptions;
     };
 
     export type FieldId = {
@@ -126,7 +137,7 @@ declare module '@rjsf/core' {
         [prop: string]: any; // Allow for other props
     }
 
-    export type Widget = React.StatelessComponent<WidgetProps> | React.ComponentClass<WidgetProps>;
+    export type Widget = React.FunctionComponent<WidgetProps> | React.ComponentClass<WidgetProps>;
 
     export interface Registry {
         fields: { [name: string]: Field };
@@ -156,7 +167,7 @@ declare module '@rjsf/core' {
         [prop: string]: any; // Allow for other props
     }
 
-    export type Field = React.StatelessComponent<FieldProps> | React.ComponentClass<FieldProps>;
+    export type Field = React.FunctionComponent<FieldProps> | React.ComponentClass<FieldProps>;
 
     export type FieldTemplateProps<T = any> = {
         id: string;
@@ -186,8 +197,8 @@ declare module '@rjsf/core' {
     };
 
     export type ArrayFieldTemplateProps<T = any> = {
-        DescriptionField: React.StatelessComponent<{ id: string; description: string | React.ReactElement }>;
-        TitleField: React.StatelessComponent<{ id: string; title: string; required: boolean }>;
+        DescriptionField: React.FunctionComponent<{ id: string; description: string | React.ReactElement }>;
+        TitleField: React.FunctionComponent<{ id: string; title: string; required: boolean }>;
         canAdd: boolean;
         className: string;
         disabled: boolean;
@@ -219,8 +230,8 @@ declare module '@rjsf/core' {
     };
 
     export type ObjectFieldTemplateProps<T = any> = {
-        DescriptionField: React.StatelessComponent<{ id: string; description: string | React.ReactElement }>;
-        TitleField: React.StatelessComponent<{ id: string; title: string; required: boolean }>;
+        DescriptionField: React.FunctionComponent<{ id: string; description: string | React.ReactElement }>;
+        TitleField: React.FunctionComponent<{ id: string; title: string; required: boolean }>;
         title: string;
         description: string;
         disabled: boolean;
@@ -290,7 +301,7 @@ declare module '@rjsf/core' {
 
     export function withTheme<T = any>(
         themeProps: ThemeProps<T>,
-    ): React.ComponentClass<FormProps<T>> | React.StatelessComponent<FormProps<T>>;
+    ): React.ComponentClass<FormProps<T>> | React.FunctionComponent<FormProps<T>>;
 
     export type AddButtonProps = {
         className: string;
@@ -337,6 +348,8 @@ declare module '@rjsf/core' {
 
         export function getUiOptions(uiSchema: UiSchema): UiSchema['ui:options'];
 
+        export function getSubmitButtonOptions(uiSchema: UiSchema): UISchemaSubmitButtonOptions;
+
         export function getDisplayLabel(schema: JSONSchema7, uiSchema: UiSchema, rootSchema?: JSONSchema7): boolean;
 
         export function isObject(thing: any): boolean;
@@ -464,6 +477,14 @@ declare module '@rjsf/core/lib/components/fields/SchemaField' {
     export default class SchemaField extends React.Component<SchemaFieldProps> {}
 }
 
+declare module '@rjsf/core/lib/components/fields/ObjectField' {
+  import { FieldProps } from '@rjsf/core';
+
+  export type ObjectFieldProps<T = any> = FieldProps<T>;
+
+  export default class ObjectField extends React.Component<ObjectFieldProps> {}
+}
+
 declare module '@rjsf/core/lib/validate' {
     import { JSONSchema7Definition } from 'json-schema';
     import { AjvError, ErrorSchema, FormProps } from '@rjsf/core';

package/package.json

@@ -1,23 +1,20 @@
 {
   "name": "@rjsf/core",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "description": "A simple React component capable of building HTML forms out of a JSON schema.",
   "scripts": {
-    "build": "npm run dist:build:umd && npm run build:cjs && npm run build:es && npm run build:es:lib",
-    "build:cjs": "cross-env NODE_ENV=production BABEL_ENV=cjs babel --extensions \".js,.jsx,.ts,.tsx\" ./src --out-dir ./dist/cjs",
-    "build:es": "cross-env NODE_ENV=production BABEL_ENV=es babel --extensions \".js,.jsx,.ts,.tsx\" ./src --out-dir ./dist/es",
-    "build:es:lib": "cross-env NODE_ENV=production BABEL_ENV=es babel --extensions \".js,.jsx,.ts,.tsx\" ./src --out-dir ./lib",
-    "dist:build:umd": "rimraf dist && cross-env NODE_ENV=production BABEL_ENV=umd webpack --config webpack.config.dist.js",
+    "build": "rimraf dist && tsdx build --format cjs,es && cross-env NODE_ENV=production BABEL_ENV=umd webpack --config webpack.config.dist.js",
     "cs-check": "prettier -l \"{src,test}/**/*.js\"",
     "cs-format": "prettier \"{src,test}/**/*.js\" --write",
     "lint": "eslint src test",
     "precommit": "lint-staged",
     "publish-to-npm": "npm run build && npm publish",
-    "start": "concurrently \"npm:build:* -- --watch\"",
-    "tdd": "cross-env NODE_ENV=test mocha --require @babel/register --watch --require ./test/setup-jsdom.js test/**/*_test.js",
-    "test": "cross-env BABEL_ENV=test NODE_ENV=test mocha --require @babel/register --require ./test/setup-jsdom.js test/**/*_test.js",
-    "test-coverage": "cross-env NODE_ENV=test nyc --reporter=lcov mocha --require @babel/register --require ./test/setup-jsdom.js test/**/*_test.js",
-    "test-debug": "cross-env NODE_ENV=test mocha --require @babel/register --require ./test/setup-jsdom.js --inspect-brk --inspect test/Form_test.js"
+    "start": "tsdx watch",
+    "test": "tsdx test",
+    "test:watch": "tsdx test --watch",
+    "test:update": "tsdx test --u",
+    "test-old": "cross-env BABEL_ENV=test NODE_ENV=test mocha --require @babel/register --require ./test/setup-jsdom.js test/**/*_test.js",
+    "test-coverage": "tsdx test --coverage"
   },
   "lint-staged": {
     "{src,test}/**/*.js": [
@@ -25,8 +22,9 @@
       "prettier --write"
     ]
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/es/index.js",
+  "main": "dist/index.js",
+  "module": "dist/core.esm.js",
+  "typings": "index.d.ts",
   "files": [
     "dist",
     "lib",
@@ -46,9 +44,10 @@
     "json-schema-merge-allof": "^0.6.0",
     "jsonpointer": "^5.0.0",
     "lodash": "^4.17.15",
+    "lodash-es": "^4.17.15",
     "nanoid": "^3.1.23",
     "prop-types": "^15.7.2",
-    "react-is": "^16.9.0"
+    "react-is": "16.9.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.4.4",
@@ -60,19 +59,21 @@
     "@babel/preset-env": "^7.4.5",
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.4.4",
+    "@types/react": "^17.0.39",
+    "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.18.0",
+    "@typescript-eslint/parser": "^5.18.0",
     "atob": "^2.0.3",
-    "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.6",
     "chai": "^3.3.0",
     "concurrently": "^5.1.0",
     "cross-env": "^7.0.2",
     "css-loader": "^0.23.1",
-    "eslint": "^4.9.0",
-    "eslint-config-react-app": "^2.0.1",
-    "eslint-plugin-flowtype": "^2.39.1",
-    "eslint-plugin-import": "^2.7.0",
-    "eslint-plugin-jsx-a11y": "^5.1.1",
-    "eslint-plugin-react": "^7.4.0",
+    "eslint": "^8.13.0",
+    "eslint-plugin-flowtype": "^8.0.3",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-react": "^7.29.4",
     "estraverse": "^4.2.0",
     "estraverse-fb": "^1.3.1",
     "express": "^4.14.0",
@@ -96,7 +97,6 @@
     "rimraf": "^2.5.4",
     "sinon": "^9.0.2",
     "style-loader": "^2.0.0",
-    "webpack": "^4.42.1",
     "webpack-cli": "^3.1.2",
     "webpack-dev-middleware": "^3.4.0",
     "webpack-hot-middleware": "^2.13.2"
@@ -119,5 +119,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1f19c8f356c3adcfff3c08aac89427650cdc541e"
+  "gitHead": "d355518abef3706fdb4e9ff9ffe51efb4af73438"
 }

package/dist/cjs/components/AddButton.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = AddButton;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _IconButton = _interopRequireDefault(require("./IconButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function AddButton(_ref) {
-  var className = _ref.className,
-      onClick = _ref.onClick,
-      disabled = _ref.disabled;
-  return _react["default"].createElement("div", {
-    className: "row"
-  }, _react["default"].createElement("p", {
-    className: "col-xs-3 col-xs-offset-9 text-right ".concat(className)
-  }, _react["default"].createElement(_IconButton["default"], {
-    type: "info",
-    icon: "plus",
-    className: "btn-add col-xs-12",
-    "aria-label": "Add",
-    tabIndex: "0",
-    onClick: onClick,
-    disabled: disabled
-  })));
-}
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FkZEJ1dHRvbi5qcyJdLCJuYW1lcyI6WyJBZGRCdXR0b24iLCJjbGFzc05hbWUiLCJvbkNsaWNrIiwiZGlzYWJsZWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7QUFDQTs7OztBQUVlLFNBQVNBLFNBQVQsT0FBcUQ7QUFBQSxNQUFoQ0MsU0FBZ0MsUUFBaENBLFNBQWdDO0FBQUEsTUFBckJDLE9BQXFCLFFBQXJCQSxPQUFxQjtBQUFBLE1BQVpDLFFBQVksUUFBWkEsUUFBWTtBQUNsRSxTQUNFO0FBQUssSUFBQSxTQUFTLEVBQUM7QUFBZixLQUNFO0FBQUcsSUFBQSxTQUFTLGdEQUF5Q0YsU0FBekM7QUFBWixLQUNFLGdDQUFDLHNCQUFEO0FBQ0UsSUFBQSxJQUFJLEVBQUMsTUFEUDtBQUVFLElBQUEsSUFBSSxFQUFDLE1BRlA7QUFHRSxJQUFBLFNBQVMsRUFBQyxtQkFIWjtBQUlFLGtCQUFXLEtBSmI7QUFLRSxJQUFBLFFBQVEsRUFBQyxHQUxYO0FBTUUsSUFBQSxPQUFPLEVBQUVDLE9BTlg7QUFPRSxJQUFBLFFBQVEsRUFBRUM7QUFQWixJQURGLENBREYsQ0FERjtBQWVEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSBcIi4vSWNvbkJ1dHRvblwiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBBZGRCdXR0b24oeyBjbGFzc05hbWUsIG9uQ2xpY2ssIGRpc2FibGVkIH0pIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cInJvd1wiPlxuICAgICAgPHAgY2xhc3NOYW1lPXtgY29sLXhzLTMgY29sLXhzLW9mZnNldC05IHRleHQtcmlnaHQgJHtjbGFzc05hbWV9YH0+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImluZm9cIlxuICAgICAgICAgIGljb249XCJwbHVzXCJcbiAgICAgICAgICBjbGFzc05hbWU9XCJidG4tYWRkIGNvbC14cy0xMlwiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkFkZFwiXG4gICAgICAgICAgdGFiSW5kZXg9XCIwXCJcbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgLz5cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ==

package/dist/cjs/components/ErrorList.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ErrorList;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ErrorList(props) {
-  var errors = props.errors;
-  return _react["default"].createElement("div", {
-    className: "panel panel-danger errors"
-  }, _react["default"].createElement("div", {
-    className: "panel-heading"
-  }, _react["default"].createElement("h3", {
-    className: "panel-title"
-  }, "Errors")), _react["default"].createElement("ul", {
-    className: "list-group"
-  }, errors.map(function (error, i) {
-    return _react["default"].createElement("li", {
-      key: i,
-      className: "list-group-item text-danger"
-    }, error.stack);
-  })));
-}
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Vycm9yTGlzdC5qcyJdLCJuYW1lcyI6WyJFcnJvckxpc3QiLCJwcm9wcyIsImVycm9ycyIsIm1hcCIsImVycm9yIiwiaSIsInN0YWNrIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7Ozs7QUFFZSxTQUFTQSxTQUFULENBQW1CQyxLQUFuQixFQUEwQjtBQUFBLE1BQy9CQyxNQUQrQixHQUNwQkQsS0FEb0IsQ0FDL0JDLE1BRCtCO0FBRXZDLFNBQ0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0U7QUFBSyxJQUFBLFNBQVMsRUFBQztBQUFmLEtBQ0U7QUFBSSxJQUFBLFNBQVMsRUFBQztBQUFkLGNBREYsQ0FERixFQUlFO0FBQUksSUFBQSxTQUFTLEVBQUM7QUFBZCxLQUNHQSxNQUFNLENBQUNDLEdBQVAsQ0FBVyxVQUFDQyxLQUFELEVBQVFDLENBQVIsRUFBYztBQUN4QixXQUNFO0FBQUksTUFBQSxHQUFHLEVBQUVBLENBQVQ7QUFBWSxNQUFBLFNBQVMsRUFBQztBQUF0QixPQUNHRCxLQUFLLENBQUNFLEtBRFQsQ0FERjtBQUtELEdBTkEsQ0FESCxDQUpGLENBREY7QUFnQkQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVycm9yTGlzdChwcm9wcykge1xuICBjb25zdCB7IGVycm9ycyB9ID0gcHJvcHM7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJwYW5lbCBwYW5lbC1kYW5nZXIgZXJyb3JzXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInBhbmVsLWhlYWRpbmdcIj5cbiAgICAgICAgPGgzIGNsYXNzTmFtZT1cInBhbmVsLXRpdGxlXCI+RXJyb3JzPC9oMz5cbiAgICAgIDwvZGl2PlxuICAgICAgPHVsIGNsYXNzTmFtZT1cImxpc3QtZ3JvdXBcIj5cbiAgICAgICAge2Vycm9ycy5tYXAoKGVycm9yLCBpKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxsaSBrZXk9e2l9IGNsYXNzTmFtZT1cImxpc3QtZ3JvdXAtaXRlbSB0ZXh0LWRhbmdlclwiPlxuICAgICAgICAgICAgICB7ZXJyb3Iuc3RhY2t9XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ==