amis-ui 6.2.2 → 6.4.0

package/lib/components/json-schema/Object.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import type { InputJSONSchemaItemProps } from './index';
-export declare function InputJSONSchemaObject(props: InputJSONSchemaItemProps): React.JSX.Element;
+export declare function InputJSONSchemaObject(props: InputJSONSchemaItemProps, ref: any): React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<InputJSONSchemaItemProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/json-schema/Object.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -16,42 +16,49 @@ var InputBox = require('../InputBox.js');
 var InputBoxWithSuggestion = require('../InputBoxWithSuggestion.js');
 var Select = require('../Select.js');
 var Item = require('./Item.js');
+var isEqual = require('lodash/isEqual');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
 var __react_jsx__ = require('react');
 var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
 (__react_jsx__["default"] || __react_jsx__).Fragment;
-function InputJSONSchemaObject(props) {
+function InputJSONSchemaObject(props, ref) {
     var _a, _b;
-    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, mobileUI = props.mobileUI;
+    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, mobileUI = props.mobileUI, className = props.className, addButtonText = props.addButtonText;
     var buildMembers = React__default["default"].useCallback(function (schema, value) {
         var e_1, _a;
+        var _b;
         var members = [];
         var required = Array.isArray(schema.required) ? schema.required : [];
         Object.keys(schema.properties || {}).forEach(function (key) {
+            var _a;
             var child = schema.properties[key];
             members.push({
                 key: amisCore.guid(),
                 name: key,
                 nameMutable: !required.includes(key),
                 required: required.includes(key),
-                schema: child
+                schema: child,
+                value: (_a = value === null || value === void 0 ? void 0 : value[key]) !== null && _a !== void 0 ? _a : child.default
             });
         });
         var keys = Object.keys(value || {});
         var _loop_1 = function (key) {
             var exists = members.find(function (m) { return m.name === key; });
-            if (!exists) {
+            if (!exists && schema.additionalProperties !== false) {
                 members.push({
                     key: amisCore.guid(),
                     name: key,
                     nameMutable: true,
                     schema: {
-                        type: 'string'
-                    }
+                        type: 'string',
+                        default: ''
+                    },
+                    value: (_b = value[key]) !== null && _b !== void 0 ? _b : ''
                 });
             }
         };
@@ -68,79 +75,118 @@ function InputJSONSchemaObject(props) {
             }
             finally { if (e_1) throw e_1.error; }
         }
-        if (!members.length) {
+        if (!members.length && schema.additionalProperties !== false) {
             members.push({
                 key: amisCore.guid(),
                 name: '',
                 nameMutable: true,
                 schema: {
-                    type: 'string'
-                }
+                    type: 'string',
+                    default: ''
+                },
+                value: ''
             });
         }
         return members;
     }, []);
-    var _c = tslib.__read(React__default["default"].useState(buildMembers(props.schema, props.value)), 2), members = _c[0], setMembers = _c[1];
+    var _c = tslib.__read(React__default["default"].useState([]), 2), members = _c[0], _setMembers = _c[1];
     var membersRef = React__default["default"].useRef();
     membersRef.current = members;
+    var setMembers = function (members) {
+        _setMembers(members);
+        membersRef.current = members;
+    };
     var _d = tslib.__read(React__default["default"].useState(collapsable ? true : false), 2), collapsed = _d[0], setCollapsed = _d[1];
     var toggleCollapsed = function () {
         setCollapsed(!collapsed);
     };
+    var emitChange = function () {
+        var members = membersRef.current;
+        var value = {};
+        members.forEach(function (member) {
+            if (!member.invalid &&
+                (typeof member.value !== 'undefined' ||
+                    typeof value[member.name] !== 'undefined')) {
+                value[member.name] = member.value;
+            }
+        });
+        if (!isEqual__default["default"](value, props.value || {})) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        }
+    };
     var onMemberChange = function (member, memberValue) {
-        var _a;
-        var newValue = tslib.__assign(tslib.__assign({}, props.value), (_a = {}, _a[member.name] = memberValue, _a));
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        var arr = members.concat();
+        var idx = arr.indexOf(member);
+        if (!~idx) {
+            throw new Error('member object not found');
+        }
+        arr.splice(idx, 1, tslib.__assign(tslib.__assign({}, arr[idx]), { value: memberValue }));
+        setMembers(arr);
+        emitChange();
     };
-    var onMemberKeyChange = function (member, memberValue) {
+    var onMemberKeyChange = function (member, memberKey) {
         var _a, _b;
         var idx = members.indexOf(member);
         if (!~idx) {
             throw new Error('member object not found');
         }
-        var newValue = tslib.__assign({}, props.value);
-        var m = members.concat();
-        m.splice(idx, 1, tslib.__assign(tslib.__assign({}, member), { schema: ((_b = (_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[memberValue]) || {
-                type: 'string'
-            }, name: memberValue, invalid: !memberValue ||
-                members.some(function (a, b) { return a.name === memberValue && b !== idx; }) }));
-        setMembers(m);
-        newValue[memberValue] = newValue[member.name];
-        delete newValue[member.name];
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        var originSchema = members[idx].schema;
+        var schema = ((_b = (_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[memberKey]) || {
+            type: 'string',
+            default: ''
+        };
+        var arr = members.concat();
+        var item = tslib.__assign(tslib.__assign({}, member), { schema: schema, name: memberKey, invalid: !memberKey || members.some(function (a, b) { return a.name === memberKey && b !== idx; })
+                ? 'key'
+                : undefined });
+        if (item.value === originSchema.default &&
+            originSchema !== schema &&
+            originSchema.default !== schema.default) {
+            item.value = schema.default;
+        }
+        arr.splice(idx, 1, item);
+        setMembers(arr);
+        emitChange();
     };
     var onMemberDelete = function (member) {
         var idx = members.indexOf(member);
         if (!~idx) {
             throw new Error('member object not found');
         }
-        var m = members.concat();
-        m.splice(idx, 1);
-        setMembers(m);
-        var newValue = tslib.__assign({}, props.value);
-        delete newValue[member.name];
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        var arr = members.concat();
+        arr.splice(idx, 1);
+        setMembers(arr);
+        emitChange();
     };
     React__default["default"].useEffect(function () {
-        setMembers(buildMembers(props.schema, props.value));
+        var members = buildMembers(props.schema, props.value);
+        setMembers(members);
+        emitChange();
     }, [JSON.stringify(props.schema)]);
     React__default["default"].useEffect(function () {
         var e_2, _a;
+        var _b;
         var value = props.value;
-        var m = membersRef.current.concat();
+        var arr = membersRef.current.concat();
         var keys = Object.keys(value || {});
         var _loop_2 = function (key) {
-            var exists = m.find(function (m) { return m.name === key; });
-            if (!exists) {
-                m.push({
+            var idx = arr.findIndex(function (m) { return m.name === key; });
+            var exists = arr[idx];
+            if (!exists && props.schema.additionalProperties !== false) {
+                arr.push({
                     key: amisCore.guid(),
                     name: key,
                     nameMutable: true,
                     schema: {
-                        type: 'string'
-                    }
+                        type: 'string',
+                        default: ''
+                    },
+                    value: (_b = value === null || value === void 0 ? void 0 : value[key]) !== null && _b !== void 0 ? _b : ''
                 });
             }
+            else {
+                arr.splice(idx, 1, tslib.__assign(tslib.__assign({}, exists), { value: value === null || value === void 0 ? void 0 : value[key] }));
+            }
         };
         try {
             for (var keys_2 = tslib.__values(keys), keys_2_1 = keys_2.next(); !keys_2_1.done; keys_2_1 = keys_2.next()) {
@@ -155,19 +201,23 @@ function InputJSONSchemaObject(props) {
             }
             finally { if (e_2) throw e_2.error; }
         }
-        if (m.length !== membersRef.current.length) {
-            setMembers(m);
-        }
+        setMembers(arr);
     }, [JSON.stringify(props.value)]);
     var handleAdd = React__default["default"].useCallback(function () {
-        var m = members.concat();
-        m.push({
+        var arr = members.concat();
+        arr.push({
             key: amisCore.guid(),
             name: '',
-            invalid: true,
-            nameMutable: true
+            invalid: 'key',
+            nameMutable: true,
+            schema: {
+                type: 'string',
+                default: ''
+            },
+            value: ''
         });
-        setMembers(m);
+        setMembers(arr);
+        emitChange();
     }, [members]);
     var options = [];
     var properties = ((_a = props.schema) === null || _a === void 0 ? void 0 : _a.properties) || {};
@@ -182,16 +232,26 @@ function InputJSONSchemaObject(props) {
     var allowAdd = !(props.schema.additionalProperties === false &&
         options.every(function (o) { return members.find(function (m) { return m.name === o.value; }); }));
     var allowInput = props.schema.additionalProperties !== false;
+    React__default["default"].useImperativeHandle(ref, function () {
+        return {
+            validate: function () {
+                var _a;
+                if ((_a = membersRef.current) === null || _a === void 0 ? void 0 : _a.some(function (m) { return m.invalid === 'key'; })) {
+                    return __('JSONSchema.key_invalid');
+                }
+            }
+        };
+    });
     return (_J$X_(React__default["default"].Fragment, null,
         collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
             _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
-        _J$X_("div", { className: cx('JSONSchemaObject', {
+        _J$X_("div", { className: cx('JSONSchemaObject', className, {
                 'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed
             }) },
-            collapsed ? (renderValue ? (_J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+            collapsed ? (renderValue ? (_J$X_(Item["default"], tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
                     type: 'string'
                 }, placeholder: (_b = props.schema) === null || _b === void 0 ? void 0 : _b.description }))) : null) : (members.map(function (member) {
                 var _a, _b;
@@ -199,17 +259,19 @@ function InputJSONSchemaObject(props) {
                 return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
                     _J$X_("div", { className: cx('JSONSchemaMember-key', {
                             'is-mobile': mobileUI
-                        }) }, member.nameMutable ? (_J$X_(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (_J$X_(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI })) : (_J$X_(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI }))) : (_J$X_(InputBox["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), mobileUI: mobileUI })))) : (_J$X_("span", null,
+                        }) }, member.nameMutable ? (_J$X_(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (_J$X_(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI })) : (_J$X_(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, mobileUI: mobileUI }))) : (_J$X_(InputBox["default"], { value: member.name, hasError: member.invalid === 'key', onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), mobileUI: mobileUI })))) : (_J$X_("span", null,
                         member.required ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                         ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
                     _J$X_("div", { className: cx('JSONSchemaMember-value') },
-                        _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                        _J$X_(Item["default"], tslib.__assign({}, props, { className: "", addButtonText: undefined, required: member.required, value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
                                 type: 'string'
                             }, placeholder: (_b = member.schema) === null || _b === void 0 ? void 0 : _b.description, collapsable: true }))),
                     !member.required ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
                         _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
             })),
-            allowAdd && !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
+            allowAdd && !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, addButtonText !== null && addButtonText !== void 0 ? addButtonText : __('JSONSchema.add_prop'))) : null)));
 }
+var InputJSONSchemaObject$1 = React__default["default"].forwardRef(InputJSONSchemaObject);
 
 exports.InputJSONSchemaObject = InputJSONSchemaObject;
+exports["default"] = InputJSONSchemaObject$1;

package/lib/components/json-schema/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { JSONSchema, LocaleProps, ThemeProps } from 'amis-core';
+import { FormulaPickerProps } from '../formula/Picker';
 export interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {
     schema: JSONSchema & {
         [propName: string]: any;
@@ -12,13 +13,15 @@ export interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {
     renderKey?: (value: any, onChange: (value: any) => void, schema: any, props: any) => JSX.Element;
     collapsable?: boolean;
     placeholder?: string;
+    required?: boolean;
+    addButtonText?: string;
+    formula?: FormulaPickerProps;
 }
 export interface InputJSONSchemaProps extends Omit<InputJSONSchemaItemProps, 'schema'> {
     schema?: any;
 }
-declare function InputJSONSchema(props: InputJSONSchemaProps): React.JSX.Element;
 declare const _default: {
-    new (props: Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+    new (props: Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps): {
@@ -27,12 +30,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        readonly props: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>;
@@ -41,35 +44,35 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
@@ -77,7 +80,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        new (props: Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -86,12 +89,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            readonly props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>;
@@ -100,47 +103,47 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
         };
         displayName: string;
         contextType: React.Context<string>;
-        ComposedComponent: React.ComponentType<typeof InputJSONSchema>;
-    } & import("hoist-non-react-statics").NonReactStatics<typeof InputJSONSchema, {}> & {
-        ComposedComponent: typeof InputJSONSchema;
+        ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>, {}> & {
+        ComposedComponent: React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+    new (props: Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
         locale?: string | undefined;
         translate?: ((str: string, ...args: any[]) => string) | undefined;
     }): {
@@ -149,12 +152,12 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        readonly props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>;
@@ -163,47 +166,47 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;
-    ComposedComponent: React.ComponentType<typeof InputJSONSchema>;
-} & import("hoist-non-react-statics").NonReactStatics<typeof InputJSONSchema, {}> & {
-    ComposedComponent: typeof InputJSONSchema;
+    ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>, {}> & {
+    ComposedComponent: React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>;
 }, {}> & {
     ComposedComponent: {
-        new (props: Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+        new (props: Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }): {
@@ -212,12 +215,12 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            readonly props: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>;
@@ -226,44 +229,44 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentDidUpdate?(prevProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps, keyof LocaleProps> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputJSONSchemaProps & React.RefAttributes<unknown>, keyof LocaleProps> & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
         };
         displayName: string;
         contextType: React.Context<string>;
-        ComposedComponent: React.ComponentType<typeof InputJSONSchema>;
-    } & import("hoist-non-react-statics").NonReactStatics<typeof InputJSONSchema, {}> & {
-        ComposedComponent: typeof InputJSONSchema;
+        ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>>;
+    } & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>, {}> & {
+        ComposedComponent: React.ForwardRefExoticComponent<InputJSONSchemaProps & React.RefAttributes<unknown>>;
     };
 };
 export default _default;