@gravity-ui/dynamic-forms 5.19.1 → 5.20.0

package/build/esm/lib/unstable/kit/MultiSelect.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { Select } from '@gravity-ui/uikit';
-// import {ArrayInput, FieldArrayValue, transformArrIn, transformArrOut} from '../../../../core';
-import { block } from '../../kit/utils';
-import './MultiSelect.css';
-const b = block('multi-select');
-export const MultiSelect = ({ input, schema }) => {
-    var _a, _b;
-    const { name, value, onBlur, onChange, onFocus } = input;
-    const filterable = React.useMemo(() => { var _a; return (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9; }, [(_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length]);
-    // const {withCustomOptions, options: externalOptions} = inputProps || {};
-    const options = React.useMemo(() => {
-        var _a, _b;
-        // withCustomOptions
-        //     ? externalOptions || []
-        // :
-        // @ts-expect-error
-        return (_b = (_a = schema.items) === null || _a === void 0 ? void 0 : _a.enum) === null || _b === void 0 ? void 0 : _b.map((id) => ({
-            id,
-            value: id,
-            text: id,
-            content: id,
-            key: id,
-        }));
-    }, [
-        schema.enum,
-        schema.description,
-        // spec.viewSpec.selectParams?.meta,
-        // externalOptions,
-        // withCustomOptions,
-    ]);
-    const renderOption = React.useCallback((option) => {
-        return React.createElement(React.Fragment, { key: option.value }, option.content || option.value);
-    }, []);
-    const getOptionHeight = React.useCallback(() => {
-        // if (spec.viewSpec.selectParams?.meta) {
-        //     return 44;
-        // }
-        return 28;
-    }, []);
-    const handleToggle = React.useCallback((open) => {
-        if (open) {
-            onFocus();
-        }
-        else {
-            onBlur();
-        }
-    }, [onFocus, onBlur]);
-    // const _value = React.useMemo(() => transformArrOut<FieldArrayValue, string[]>(value), [value]);
-    // const handleChange = React.useCallback(
-    //     (value: string[]) => onChange(transformArrIn<string[], FieldArrayValue>(value)),
-    //     [onChange],
-    // );
-    return (React.createElement(Select, { width: "max", className: b(), filterable: filterable, renderOption: renderOption, getOptionHeight: getOptionHeight, 
-        // {...inputProps}
-        // @ts-expect-error
-        value: value, options: options, onUpdate: onChange, onOpenChange: handleToggle, disabled: schema.readOnly, 
-        // @ts-expect-error
-        placeholder: ((_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0]) || '', 
-        // filterPlaceholder={spec.viewSpec.selectParams?.filterPlaceholder}
-        multiple: true, qa: name }));
-};

package/build/esm/lib/unstable/kit/ObjectBase.css

@@ -1,10 +0,0 @@
-.object-base__content_inline {
-  display: flex;
-}
-.object-base__delimiter {
-  height: 28px;
-  display: flex;
-  margin-right: 8px;
-  align-items: center;
-  white-space: nowrap;
-}

package/build/esm/lib/unstable/kit/ObjectBase.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { Control, ControlProps, JsonSchemaObject } from '../core/types';
-import './ObjectBase.css';
-export interface ObjectBaseProps extends ControlProps<JsonSchemaObject> {
-    inline?: boolean;
-}
-export declare const ObjectBase: React.FC<ObjectBaseProps>;
-export declare const ObjectInline: Control<JsonSchemaObject>;

package/build/esm/lib/unstable/kit/ObjectBase.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import { Text } from '@gravity-ui/uikit';
-// import {Button, Icon} from '@gravity-ui/uikit';
-import isObjectLike from 'lodash/isObjectLike';
-// import {block, filterPropertiesForObjectInline} from '../../../kit/utils';
-import { block } from '../../kit/utils';
-import { Entity } from '../core';
-import './ObjectBase.css';
-const b = block('object-base');
-export const ObjectBase = ({ inline, schema, input, meta, Wrapper, wrapperProps, }) => {
-    // const addBtn = React.useMemo(
-    //     () => (
-    //         <Button
-    //             onClick={() => input.onChange(schema.default || {})}
-    //             disabled={schema.readOnly}
-    //             qa={`${name}-init-obj`}
-    //         >
-    //             <Icon data={Plus} size={14} />
-    //             {schema.title || null}
-    //         </Button>
-    //     ),
-    //     [schema.default, schema.title, input.onChange],
-    // );
-    const content = React.useMemo(() => {
-        if (!schema.properties ||
-            !isObjectLike(schema.properties) ||
-            !Object.keys(schema.properties || {}).length) {
-            return null;
-        }
-        // if (!inline && !input.value) {
-        //     return addBtn;
-        // }
-        // todo
-        // const specProperties = inline
-        //     ? filterPropertiesForObjectInline(schema.properties)
-        //     : schema.properties;
-        const specProperties = schema.properties;
-        // todo
-        // const delimiter = spec.viewSpec.delimiter;
-        // const orderProperties = spec.viewSpec.order?.length
-        //     ? spec.viewSpec.order
-        //     : Object.keys(specProperties);
-        const orderProperties = Object.keys(specProperties);
-        return (React.createElement("div", { className: b('content', { inline }) }, orderProperties.map((property) => specProperties[property] ? (React.createElement(React.Fragment, { key: `${input.name ? input.name + '.' : ''}${property}` },
-            React.createElement(Entity, { schema: specProperties[property], name: `${input.name ? input.name + '.' : ''}${property}` }))) : null)));
-    }, [
-        schema.properties,
-        // spec.viewSpec.delimiter,
-        // spec.viewSpec.order,
-        // input.value,
-        inline,
-        // addBtn,
-        input.name,
-    ]);
-    if (!Wrapper || !content) {
-        return content;
-    }
-    return (
-    // @ts-expect-error
-    React.createElement(Wrapper, { schema: schema, input: input, meta: meta, wrapperProps: wrapperProps },
-        content,
-        meta.error ? React.createElement(Text, { color: "danger" }, meta.error) : null));
-};
-export const ObjectInline = (props) => {
-    return React.createElement(ObjectBase, Object.assign({}, props, { inline: true }));
-};

package/build/esm/lib/unstable/kit/Row.css

@@ -1,73 +0,0 @@
-.row {
-  display: flex;
-  width: 500px;
-  max-width: 500px;
-  margin-bottom: 15px;
-}
-.row:last-child {
-  margin-bottom: 0;
-}
-.row__left {
-  width: 180px;
-  min-height: 28px;
-  display: flex;
-  margin-bottom: auto;
-  flex-direction: column;
-  flex-shrink: 0;
-}
-.row__left-inner {
-  display: inline;
-  margin-top: auto;
-  margin-bottom: auto;
-}
-.row__left::after {
-  content: "";
-  width: 100%;
-  flex-shrink: 1;
-}
-.row__title {
-  word-break: break-word;
-  margin-right: 3px;
-}
-.row__title_required::after {
-  content: "*";
-  color: var(--g-color-text-danger);
-}
-.row__note {
-  padding-right: 16px;
-  position: relative;
-}
-.row__note-inner {
-  position: absolute;
-  margin-top: 1px;
-}
-.row__note-inner .g-help-popover {
-  display: flex;
-}
-.row__note-inner .g-help-popover > span {
-  display: flex;
-}
-.row__right {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  margin-left: 15px;
-}
-.row__right-inner {
-  display: flex;
-  justify-content: space-around;
-}
-.row__description {
-  margin-top: 10px;
-  color: var(--g-color-text-secondary);
-  word-break: break-word;
-}
-.row__remove-button {
-  margin-left: 5px;
-}
-.row__required-mark {
-  color: var(--g-color-text-danger);
-}
-.row__error-wrapper {
-  min-width: 100%;
-}

package/build/esm/lib/unstable/kit/Row.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { JsonSchema, WrapperProps } from '../core/types';
-import './Row.css';
-export declare const Row: React.MemoExoticComponent<(<Schema extends JsonSchema>(props: WrapperProps<Schema, {
-    qtest: boolean;
-    qwa?: string;
-}>) => React.JSX.Element)>;
-export declare const RowVerbose: React.MemoExoticComponent<(<Schema extends JsonSchema>(props: WrapperProps<Schema, {
-    qtest: boolean;
-    qwa?: string;
-}>) => React.JSX.Element)>;

package/build/esm/lib/unstable/kit/Row.js

@@ -1,47 +0,0 @@
-// import {TrashBin} from '@gravity-ui/icons';
-// import {Button, Icon, Text} from '@gravity-ui/uikit';
-import React from 'react';
-import { HelpMark, Text } from '@gravity-ui/uikit';
-// import // StringSpec,
-// isArrayItem,
-// isArraySpec,
-// isObjectSpec,
-// withGenerateButton,
-// from '../../../';
-// import {ErrorWrapper, GenerateRandomValueButton} from '../../../kit/components';
-import { COMMON_POPOVER_PLACEMENT } from '../../../lib/kit/constants/common';
-import { ErrorWrapper } from '../../kit/components';
-import { block } from '../../kit/utils';
-import './Row.css';
-const b = block('row');
-const RowBase = ({ schema, input, meta, verboseDescription, wrapperProps, children, }) => {
-    // const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
-    // const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
-    return (React.createElement("div", { className: b() },
-        React.createElement("div", { className: b('left') },
-            React.createElement("div", { className: b('left-inner') },
-                React.createElement(Text, { className: b('title', {
-                        required: wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.required,
-                    }) }, schema.title),
-                !verboseDescription && schema.description ? (React.createElement("span", { className: b('note') },
-                    React.createElement(Text, { className: b('note-inner') },
-                        React.createElement(HelpMark, { popoverProps: {
-                                placement: COMMON_POPOVER_PLACEMENT,
-                            } }, schema.description)))) : null)),
-        React.createElement("div", { className: b('right') },
-            React.createElement("div", { className: b('right-inner') },
-                React.createElement(ErrorWrapper, { name: input.name, 
-                    // @ts-expect-error
-                    meta: meta, 
-                    // withoutChildErrorStyles={
-                    //     // TODO: remove condition spec.viewSpec.type !== 'select'
-                    //     (isArraySpec(spec) && spec.viewSpec.type !== 'select') ||
-                    //     isObjectSpec(spec)
-                    // }
-                    className: b('error-wrapper'), ff: true }, children)),
-            verboseDescription && schema.description ? (React.createElement("div", { className: b('description'), dangerouslySetInnerHTML: { __html: schema.description } })) : null)));
-};
-const RowComponent = (props) => React.createElement(RowBase, Object.assign({}, props));
-export const Row = React.memo(RowComponent);
-const RowVerboseComponent = (props) => React.createElement(RowBase, Object.assign({ verboseDescription: true }, props));
-export const RowVerbose = React.memo(RowVerboseComponent);

package/build/esm/lib/unstable/kit/Text.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type TextInputProps as TextInputBaseProps } from '@gravity-ui/uikit';
-import type { ControlProps, JsonSchemaNumber, JsonSchemaString } from '../core/types';
-export interface TextProps extends Omit<TextInputBaseProps, 'value' | 'onBlur' | 'onFocus' | 'onUpdate' | 'disabled' | 'placeholder' | 'qa'> {
-}
-export declare const Text: React.MemoExoticComponent<(<T extends ControlProps<JsonSchemaNumber, TextProps> | ControlProps<JsonSchemaString, TextProps>>({ input, meta, schema, }: T) => React.JSX.Element)>;

package/build/esm/lib/unstable/kit/Text.js

@@ -1,255 +0,0 @@
-import React from 'react';
-import { PasswordInput, TextInput, } from '@gravity-ui/uikit';
-import isNil from 'lodash/isNil';
-import { useSchemaRendererMutators } from '../core';
-const Component = ({ input, meta, schema, }) => {
-    var _a, _b;
-    // const {setErrors, removeErrors} = useSetErrors();
-    const { setSchemaMutators, removeSchemaMutators } = useSchemaRendererMutators(); // setExternalErrors
-    const props = {
-        hasClear: true,
-        // ...inputProps,
-        value: isNil(input.value) ? '' : `${input.value}`,
-        onBlur: input.onBlur,
-        onFocus: input.onFocus,
-        onUpdate: input.onChange,
-        // disabled: spec.viewSpec.disabled,
-        disabled: schema.readOnly,
-        // placeholder: spec.viewSpec.placeholder,
-        placeholder: `${(_a = schema.examples) === null || _a === void 0 ? void 0 : _a[0]}`,
-        qa: input.name,
-        error: meta.error,
-        // errorMessage: meta.error,
-    };
-    React.useEffect(() => {
-        if (input.name === 'qwe.test.jajaja.stringMaxLength' ||
-            input.name === 'qwe.test.bocembocembocem.stringMaxLength') {
-            // if (input.value === '1') {
-            //     setExternalErrors?.({
-            //         headName: 'qwe.test.jajaja',
-            //         priorityErrors: {
-            //             [input.name]: 'bbbbbbbbbbb priority',
-            //             'qwe.test.jajaja': {
-            //                 numberMaximum: 'bbbbbbbbbbb priority',
-            //                 objectPropertyNames: {
-            //                     stringEnum: 'bbbbbbbbbbb priority',
-            //                 },
-            //             },
-            //             'qwe.test.jajaja.objectPropertyNames': 'bbbbbbbbbbb priority',
-            //         },
-            //     });
-            //     setSchemaMutators?.({
-            //         headName: 'qwe.test.jajaja',
-            //         // mutators: {
-            //         //     [input.name]: {
-            //         //         title: 'Aaaaaaaa',
-            //         //     },
-            //         //     'qwe.test.jajaja.stringPattern': {
-            //         //         title: 'OOOOOOO',
-            //         //     },
-            //         //     'qwe.test.jajaja.numberMinimum': {
-            //         //         minimum: 0,
-            //         //     },
-            //         // },
-            //         mutators: [
-            //             {
-            //                 name: input.name,
-            //                 schema: {
-            //                     title: 'QWEQWEQWEQWE',
-            //                 },
-            //             },
-            //             {
-            //                 name: 'qwe.test.jajaja.stringPattern',
-            //                 schema: {
-            //                     title: 'QWEQWEQWEQWE',
-            //                 },
-            //             },
-            //             {
-            //                 name: 'qwe.test.jajaja.numberMaximum',
-            //                 schema: {
-            //                     maximum: 10,
-            //                 },
-            //             },
-            //         ],
-            //     });
-            // } else if (input.value === '2') {
-            //     setExternalErrors?.({
-            //         headName: 'qwe.test.jajaja',
-            //         priorityErrors: {
-            //             [input.name]: 'priorityError',
-            //             'qwe.test.jajaja': {
-            //                 numberMaximum: 'priorityError',
-            //                 objectPropertyNames: {
-            //                     stringEnum: 'priorityError',
-            //                 },
-            //             },
-            //             'qwe.test.jajaja.objectPropertyNames': 'priorityError',
-            //         },
-            //     });
-            //     setSchemaMutators?.({
-            //         headName: 'qwe.test.jajaja',
-            //         // mutators: {
-            //         //     [input.name]: {
-            //         //         title: 'Aaaaaaaa',
-            //         //     },
-            //         //     'qwe.test.jajaja.stringPattern': {
-            //         //         title: 'OOOOOOO',
-            //         //     },
-            //         //     'qwe.test.jajaja.numberMinimum': {
-            //         //         minimum: 0,
-            //         //     },
-            //         // },
-            //         mutators: [
-            //             {
-            //                 name: input.name,
-            //                 schema: {
-            //                     title: 'Aaaaaaaa',
-            //                 },
-            //             },
-            //             {
-            //                 name: 'qwe.test.jajaja.stringPattern',
-            //                 schema: {
-            //                     title: 'OOOOOOO',
-            //                 },
-            //             },
-            //             {
-            //                 name: 'qwe.test.jajaja.numberMinimum',
-            //                 schema: {
-            //                     minimum: 0,
-            //                 },
-            //             },
-            //         ],
-            //     });
-            // } else if (input.value === '3') {
-            //     setExternalErrors?.({
-            //         headName: 'qwe.test.jajaja',
-            //         priorityErrors: {
-            //             [input.name]: 'EXTERNAL_ERROR',
-            //         },
-            //     });
-            //     removeSchemaMutators?.({
-            //         headName: 'qwe.test.jajaja',
-            //         // mutatorsToRemove: {
-            //         //     'qwe.test.jajaja.numberMinimum': {
-            //         //         minimum: 0,
-            //         //     },
-            //         //     'qwe.test.jajaja.stringPattern': true,
-            //         // },
-            //         mutatorsToRemove: [
-            //             {
-            //                 name: input.name,
-            //                 schema: true,
-            //             },
-            //             {
-            //                 name: 'qwe.test.jajaja.numberMinimum',
-            //                 schema: {
-            //                     minimum: 0,
-            //                 },
-            //             },
-            //             {
-            //                 name: 'qwe.test.jajaja.stringPattern',
-            //                 schema: {
-            //                     title: 'OOOOOOO',
-            //                 },
-            //             },
-            //         ],
-            //     });
-            //     // removeExternalErrors?.({
-            //     //     headName: 'qwe.test.jajaja',
-            //     //     removeFunctionOrNames: [input.name],
-            //     // });
-            //     // removeExternalErrors?.({
-            //     //     headName: 'qwe.test.jajaja',
-            //     //     removeFunctionOrNames: (params) => ({
-            //     //         ...params,
-            //     //         priorityErrors: omit(params.priorityErrors, input.name),
-            //     //     }),
-            //     // });
-            // }
-            if (input.value === '1') {
-                removeSchemaMutators === null || removeSchemaMutators === void 0 ? void 0 : removeSchemaMutators({
-                    mutatorsToRemove: [
-                        {
-                            name: 'qwe.test.jajaja.stringPattern',
-                            schema: true,
-                        },
-                        {
-                            name: 'qwe.test.jajaja',
-                            schema: {
-                                definitions: {
-                                    jajaja: {
-                                        title: `jajaja`,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                });
-            }
-            else {
-                setSchemaMutators === null || setSchemaMutators === void 0 ? void 0 : setSchemaMutators({
-                    // mutators: {
-                    //     [input.name]: {
-                    //         title: 'Aaaaaaaa',
-                    //     },
-                    //     'qwe.test.jajaja.stringPattern': {
-                    //         title: 'OOOOOOO',
-                    //     },
-                    //     'qwe.test.jajaja.numberMinimum': {
-                    //         minimum: 0,
-                    //     },
-                    // },
-                    mutators: [
-                        {
-                            name: input.name,
-                            schema: {
-                                title: `${input.value}`,
-                                maxLength: `${input.value}`.length - 1,
-                                entityParameters: {
-                                    validatorType: '',
-                                    errorMessages: {
-                                        maxLength: `${input.value}`.length - 1 + ' maxLength',
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'qwe.test.jajaja.stringPattern',
-                            schema: {
-                                title: `${input.value}`,
-                                entityParameters: {
-                                    validatorType: '',
-                                    errorMessages: {
-                                        pattern: `${input.value}`.length - 1 + ' pattern',
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'qwe.test.jajaja',
-                            schema: {
-                                definitions: {
-                                    jajaja: {
-                                        title: `${input.value}`,
-                                    },
-                                },
-                            },
-                        },
-                    ],
-                });
-            }
-            // setExternalErrors?.({
-            //     headName: 'qwe.test.jajaja',
-            //     priorityErrors: {
-            //         'qwe.test.jajaja.stringEnum': `${input.value}`,
-            //     },
-            // });
-        }
-    }, [input.value]);
-    // if (spec.viewSpec.type === 'password') {
-    if (((_b = schema.entityParameters) === null || _b === void 0 ? void 0 : _b.viewType) === 'password') {
-        return React.createElement(PasswordInput, Object.assign({}, props, { autoComplete: "new-password" }));
-    }
-    return React.createElement(TextInput, Object.assign({}, props, { type: "text" }));
-};
-export const Text = React.memo(Component);

package/build/esm/lib/unstable/kit/config.d.ts

@@ -1,95 +0,0 @@
-import type { AsyncValidator, SchemaRendererConfig, SyncValidator } from '../core/types';
-import type { JsonSchemaArray, JsonSchemaBoolean, JsonSchemaNumber, JsonSchemaObject, JsonSchemaString } from '../core/types/schema';
-export declare const untypedConfig: {
-    readonly any: {
-        readonly controls: {
-            readonly baseAny: {
-                readonly Component: import("../core/types").Control<import("../core/types").JsonSchemaAny<any>>;
-            };
-        };
-        readonly views: {};
-        readonly wrappers: {};
-        readonly validators: {};
-    };
-    readonly array: {
-        readonly controls: {
-            readonly selectArray: {
-                readonly Component: import("../core/types").Control<JsonSchemaArray<any>>;
-            };
-            readonly baseArray: {
-                readonly Component: import("../core/types").Control<JsonSchemaArray<any>>;
-            };
-        };
-        readonly views: {};
-        readonly wrappers: {
-            readonly accordeonArray: <Schema extends import("../core/types").JsonSchema>({ schema, input, meta, children, wrapperProps, }: import("../core/types").WrapperProps<Schema>) => React.ReactNode;
-            readonly rowArray: import("react").MemoExoticComponent<(<Schema extends import("../core/types").JsonSchema>(props: import("../core/types").WrapperProps<Schema, {
-                qtest: boolean;
-                qwa?: string;
-            }>) => import("react").JSX.Element)>;
-        };
-        readonly validators: {
-            readonly baseArray: SyncValidator<JsonSchemaArray>;
-        };
-    };
-    readonly boolean: {
-        readonly controls: {};
-        readonly views: {};
-        readonly wrappers: {};
-        readonly validators: {
-            readonly baseBoolean: SyncValidator<JsonSchemaBoolean>;
-        };
-    };
-    readonly number: {
-        readonly controls: {
-            readonly baseNumber: {
-                readonly Component: import("react").MemoExoticComponent<(<T extends import("../core/types").ControlProps<JsonSchemaNumber, import("./Text").TextProps> | import("../core/types").ControlProps<JsonSchemaString, import("./Text").TextProps>>({ input, meta, schema, }: T) => import("react").JSX.Element)>;
-            };
-        };
-        readonly views: {};
-        readonly wrappers: {
-            readonly rowNumber: import("react").MemoExoticComponent<(<Schema extends import("../core/types").JsonSchema>(props: import("../core/types").WrapperProps<Schema, {
-                qtest: boolean;
-                qwa?: string;
-            }>) => import("react").JSX.Element)>;
-        };
-        readonly validators: {
-            readonly baseNumber: () => boolean;
-            readonly asyncNumber: AsyncValidator<JsonSchemaNumber>;
-        };
-    };
-    readonly object: {
-        readonly controls: {
-            readonly baseObject: {
-                readonly Component: import("react").FC<import("./ObjectBase").ObjectBaseProps>;
-                readonly independent: true;
-            };
-        };
-        readonly views: {};
-        readonly wrappers: {
-            readonly accordeonObject: <Schema extends import("../core/types").JsonSchema>({ schema, input, meta, children, wrapperProps, }: import("../core/types").WrapperProps<Schema>) => React.ReactNode;
-        };
-        readonly validators: {
-            readonly baseObject: SyncValidator<JsonSchemaObject>;
-        };
-    };
-    readonly string: {
-        readonly controls: {
-            readonly baseString: {
-                readonly Component: import("react").MemoExoticComponent<(<T extends import("../core/types").ControlProps<JsonSchemaNumber, import("./Text").TextProps> | import("../core/types").ControlProps<JsonSchemaString, import("./Text").TextProps>>({ input, meta, schema, }: T) => import("react").JSX.Element)>;
-            };
-        };
-        readonly views: {};
-        readonly wrappers: {
-            readonly rowString: import("react").MemoExoticComponent<(<Schema extends import("../core/types").JsonSchema>(props: import("../core/types").WrapperProps<Schema, {
-                qtest: boolean;
-                qwa?: string;
-            }>) => import("react").JSX.Element)>;
-        };
-        readonly validators: {
-            readonly baseString: SyncValidator<JsonSchemaString>;
-            readonly cccString: SyncValidator<JsonSchemaString>;
-        };
-    };
-};
-export declare const config: SchemaRendererConfig;