payload 1.0.24 → 1.0.27

package/dist/admin/components/forms/field-types/Row/index.js

@@ -1,18 +1,18 @@
-import React from 'react';
-import RenderFields from '../../RenderFields';
-import withCondition from '../../withCondition';
-import { fieldAffectsData } from '../../../../../fields/config/types';
-import './index.scss';
-const Row = (props) => {
-    const { fields, fieldTypes, path, permissions, admin: { readOnly, className, }, } = props;
-    const classes = [
-        'field-type',
-        'row',
-        className,
-    ].filter(Boolean).join(' ');
-    return (React.createElement(RenderFields, { readOnly: readOnly, className: classes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldTypes: fieldTypes, fieldSchema: fields.map((field) => ({
-            ...field,
-            path: `${path ? `${path}.` : ''}${fieldAffectsData(field) ? field.name : ''}`,
-        })) }));
-};
-export default withCondition(Row);
+import React from 'react';
+import RenderFields from '../../RenderFields';
+import withCondition from '../../withCondition';
+import { fieldAffectsData } from '../../../../../fields/config/types';
+import './index.scss';
+const Row = (props) => {
+    const { fields, fieldTypes, path, permissions, admin: { readOnly, className, }, } = props;
+    const classes = [
+        'field-type',
+        'row',
+        className,
+    ].filter(Boolean).join(' ');
+    return (React.createElement(RenderFields, { readOnly: readOnly, className: classes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldTypes: fieldTypes, fieldSchema: fields.map((field) => ({
+            ...field,
+            path: `${path ? `${path}.` : ''}${fieldAffectsData(field) ? field.name : ''}`,
+        })) }));
+};
+export default withCondition(Row);

package/dist/admin/components/forms/field-types/Row/types.d.ts

@@ -1,8 +1,8 @@
-import { RowField } from '../../../../../fields/config/types';
-import { FieldTypes } from '..';
-import { FieldPermissions } from '../../../../../auth/types';
-export declare type Props = Omit<RowField, 'type'> & {
-    path?: string;
-    fieldTypes: FieldTypes;
-    permissions: FieldPermissions;
-};
+import { RowField } from '../../../../../fields/config/types';
+import { FieldTypes } from '..';
+import { FieldPermissions } from '../../../../../auth/types';
+export declare type Props = Omit<RowField, 'type'> & {
+    path?: string;
+    fieldTypes: FieldTypes;
+    permissions: FieldPermissions;
+};

package/dist/admin/components/forms/field-types/Row/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/field-types/Select/Input.d.ts

@@ -1,23 +1,24 @@
-import React from 'react';
-import { OptionObject, SelectField } from '../../../../../fields/config/types';
-import { Description } from '../../FieldDescription/types';
-import { Value as ReactSelectValue } from '../../../elements/ReactSelect/types';
-import './index.scss';
-export declare type SelectInputProps = Omit<SelectField, 'type' | 'value' | 'options'> & {
-    showError?: boolean;
-    errorMessage?: string;
-    readOnly?: boolean;
-    path: string;
-    required?: boolean;
-    value?: string | string[];
-    description?: Description;
-    onChange?: (value: ReactSelectValue) => void;
-    style?: React.CSSProperties;
-    className?: string;
-    width?: string;
-    hasMany?: boolean;
-    options?: OptionObject[];
-    isClearable?: boolean;
-};
-declare const SelectInput: React.FC<SelectInputProps>;
-export default SelectInput;
+import React from 'react';
+import { OptionObject, SelectField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import { Value as ReactSelectValue } from '../../../elements/ReactSelect/types';
+import './index.scss';
+export declare type SelectInputProps = Omit<SelectField, 'type' | 'value' | 'options'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path: string;
+    required?: boolean;
+    value?: string | string[];
+    description?: Description;
+    onChange?: (value: ReactSelectValue) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+    hasMany?: boolean;
+    isSortable?: boolean;
+    options?: OptionObject[];
+    isClearable?: boolean;
+};
+declare const SelectInput: React.FC<SelectInputProps>;
+export default SelectInput;

package/dist/admin/components/forms/field-types/Select/Input.js

@@ -1,33 +1,33 @@
-import React from 'react';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-import ReactSelect from '../../../elements/ReactSelect';
-// import { FieldType } from '../../useField/types';
-import './index.scss';
-const SelectInput = (props) => {
-    const { showError, errorMessage, readOnly, path, label, required, value, onChange, description, style, className, width, options, hasMany, isClearable, } = props;
-    const classes = [
-        'field-type',
-        'select',
-        className,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    let valueToRender;
-    if (hasMany && Array.isArray(value)) {
-        valueToRender = value.map((val) => options.find((option) => option.value === val));
-    }
-    else {
-        valueToRender = options.find((option) => option.value === value);
-    }
-    return (React.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: classes, style: {
-            ...style,
-            width,
-        } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
-        React.createElement(ReactSelect, { onChange: onChange, value: valueToRender, showError: showError, isDisabled: readOnly, options: options, isMulti: hasMany, isClearable: isClearable }),
-        React.createElement(FieldDescription, { value: value, description: description })));
-};
-export default SelectInput;
+import React from 'react';
+import Label from '../../Label';
+import Error from '../../Error';
+import FieldDescription from '../../FieldDescription';
+import ReactSelect from '../../../elements/ReactSelect';
+// import { FieldType } from '../../useField/types';
+import './index.scss';
+const SelectInput = (props) => {
+    const { showError, errorMessage, readOnly, path, label, required, value, onChange, description, style, className, width, options, hasMany, isSortable, isClearable, } = props;
+    const classes = [
+        'field-type',
+        'select',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    let valueToRender;
+    if (hasMany && Array.isArray(value)) {
+        valueToRender = value.map((val) => options.find((option) => option.value === val));
+    }
+    else {
+        valueToRender = options.find((option) => option.value === value);
+    }
+    return (React.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: classes, style: {
+            ...style,
+            width,
+        } },
+        React.createElement(Error, { showError: showError, message: errorMessage }),
+        React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
+        React.createElement(ReactSelect, { onChange: onChange, value: valueToRender, showError: showError, isDisabled: readOnly, options: options, isMulti: hasMany, isSortable: isSortable, isClearable: isClearable }),
+        React.createElement(FieldDescription, { value: value, description: description })));
+};
+export default SelectInput;

package/dist/admin/components/forms/field-types/Select/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Props } from './types';
-declare const _default: React.FC<Props>;
-export default _default;
+import React from 'react';
+import { Props } from './types';
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/admin/components/forms/field-types/Select/index.js

@@ -1,56 +1,56 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import withCondition from '../../withCondition';
-import useField from '../../useField';
-import { select } from '../../../../../fields/validations';
-import SelectInput from './Input';
-const formatOptions = (options) => options.map((option) => {
-    if (typeof option === 'object' && (option.value || option.value === '')) {
-        return option;
-    }
-    return {
-        label: option,
-        value: option,
-    };
-});
-const Select = (props) => {
-    const { path: pathFromProps, name, validate = select, label, options: optionsFromProps, hasMany, required, admin: { readOnly, style, className, width, description, isClearable, condition, } = {}, } = props;
-    const path = pathFromProps || name;
-    const [options, setOptions] = useState(formatOptions(optionsFromProps));
-    useEffect(() => {
-        setOptions(formatOptions(optionsFromProps));
-    }, [optionsFromProps]);
-    const memoizedValidate = useCallback((value, validationOptions) => {
-        return validate(value, { ...validationOptions, options, hasMany, required });
-    }, [validate, required, hasMany, options]);
-    const { value, showError, setValue, errorMessage, } = useField({
-        path,
-        validate: memoizedValidate,
-        condition,
-    });
-    const onChange = useCallback((selectedOption) => {
-        if (!readOnly) {
-            let newValue;
-            if (!selectedOption) {
-                newValue = null;
-            }
-            else if (hasMany) {
-                if (Array.isArray(selectedOption)) {
-                    newValue = selectedOption.map((option) => option.value);
-                }
-                else {
-                    newValue = [];
-                }
-            }
-            else {
-                newValue = selectedOption.value;
-            }
-            setValue(newValue);
-        }
-    }, [
-        readOnly,
-        hasMany,
-        setValue,
-    ]);
-    return (React.createElement(SelectInput, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, required: required, description: description, style: style, className: className, width: width, hasMany: hasMany, isClearable: isClearable }));
-};
-export default withCondition(Select);
+import React, { useCallback, useEffect, useState } from 'react';
+import withCondition from '../../withCondition';
+import useField from '../../useField';
+import { select } from '../../../../../fields/validations';
+import SelectInput from './Input';
+const formatOptions = (options) => options.map((option) => {
+    if (typeof option === 'object' && (option.value || option.value === '')) {
+        return option;
+    }
+    return {
+        label: option,
+        value: option,
+    };
+});
+const Select = (props) => {
+    const { path: pathFromProps, name, validate = select, label, options: optionsFromProps, hasMany, required, admin: { readOnly, style, className, width, description, isClearable, condition, isSortable } = {}, } = props;
+    const path = pathFromProps || name;
+    const [options, setOptions] = useState(formatOptions(optionsFromProps));
+    useEffect(() => {
+        setOptions(formatOptions(optionsFromProps));
+    }, [optionsFromProps]);
+    const memoizedValidate = useCallback((value, validationOptions) => {
+        return validate(value, { ...validationOptions, options, hasMany, required });
+    }, [validate, required, hasMany, options]);
+    const { value, showError, setValue, errorMessage, } = useField({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    const onChange = useCallback((selectedOption) => {
+        if (!readOnly) {
+            let newValue;
+            if (!selectedOption) {
+                newValue = null;
+            }
+            else if (hasMany) {
+                if (Array.isArray(selectedOption)) {
+                    newValue = selectedOption.map((option) => option.value);
+                }
+                else {
+                    newValue = [];
+                }
+            }
+            else {
+                newValue = selectedOption.value;
+            }
+            setValue(newValue);
+        }
+    }, [
+        readOnly,
+        hasMany,
+        setValue,
+    ]);
+    return (React.createElement(SelectInput, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, required: required, description: description, style: style, className: className, width: width, hasMany: hasMany, isSortable: isSortable, isClearable: isClearable }));
+};
+export default withCondition(Select);

package/dist/admin/components/forms/field-types/Select/types.d.ts

@@ -1,4 +1,4 @@
-import { SelectField } from '../../../../../fields/config/types';
-export declare type Props = Omit<SelectField, 'type'> & {
-    path?: string;
-};
+import { SelectField } from '../../../../../fields/config/types';
+export declare type Props = Omit<SelectField, 'type'> & {
+    path?: string;
+};

package/dist/admin/components/forms/field-types/Select/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/field-types/Tabs/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const _default: React.FC<Props>;
-export default _default;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/admin/components/forms/field-types/Tabs/index.js

@@ -1,39 +1,39 @@
-import React, { useState } from 'react';
-import RenderFields from '../../RenderFields';
-import withCondition from '../../withCondition';
-import { fieldAffectsData } from '../../../../../fields/config/types';
-import FieldDescription from '../../FieldDescription';
-import toKebabCase from '../../../../../utilities/toKebabCase';
-import { useCollapsible } from '../../../elements/Collapsible/provider';
-import { TabsProvider } from './provider';
-import './index.scss';
-const baseClass = 'tabs-field';
-const TabsField = (props) => {
-    const { tabs, fieldTypes, path, permissions, admin: { readOnly, className, }, } = props;
-    const isWithinCollapsible = useCollapsible();
-    const [active, setActive] = useState(0);
-    const activeTab = tabs[active];
-    return (React.createElement("div", { className: [
-            className,
-            baseClass,
-            isWithinCollapsible && `${baseClass}--within-collapsible`,
-        ].filter(Boolean).join(' ') },
-        React.createElement(TabsProvider, null,
-            React.createElement("div", { className: `${baseClass}__tabs-wrap` },
-                React.createElement("div", { className: `${baseClass}__tabs` }, tabs.map((tab, i) => {
-                    return (React.createElement("button", { key: i, type: "button", className: [
-                            `${baseClass}__tab-button`,
-                            active === i && `${baseClass}__tab-button--active`,
-                        ].filter(Boolean).join(' '), onClick: () => setActive(i) }, tab.label));
-                }))),
-            React.createElement("div", { className: `${baseClass}__content-wrap` }, activeTab && (React.createElement("div", { className: [
-                    `${baseClass}__tab`,
-                    `${baseClass}__tab-${toKebabCase(activeTab.label)}`,
-                ].join(' ') },
-                React.createElement(FieldDescription, { className: `${baseClass}__description`, description: activeTab.description }),
-                React.createElement(RenderFields, { key: activeTab.label, forceRender: true, readOnly: readOnly, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldTypes: fieldTypes, fieldSchema: activeTab.fields.map((field) => ({
-                        ...field,
-                        path: `${path ? `${path}.` : ''}${fieldAffectsData(field) ? field.name : ''}`,
-                    })) })))))));
-};
-export default withCondition(TabsField);
+import React, { useState } from 'react';
+import RenderFields from '../../RenderFields';
+import withCondition from '../../withCondition';
+import { fieldAffectsData } from '../../../../../fields/config/types';
+import FieldDescription from '../../FieldDescription';
+import toKebabCase from '../../../../../utilities/toKebabCase';
+import { useCollapsible } from '../../../elements/Collapsible/provider';
+import { TabsProvider } from './provider';
+import './index.scss';
+const baseClass = 'tabs-field';
+const TabsField = (props) => {
+    const { tabs, fieldTypes, path, permissions, admin: { readOnly, className, }, } = props;
+    const isWithinCollapsible = useCollapsible();
+    const [active, setActive] = useState(0);
+    const activeTab = tabs[active];
+    return (React.createElement("div", { className: [
+            className,
+            baseClass,
+            isWithinCollapsible && `${baseClass}--within-collapsible`,
+        ].filter(Boolean).join(' ') },
+        React.createElement(TabsProvider, null,
+            React.createElement("div", { className: `${baseClass}__tabs-wrap` },
+                React.createElement("div", { className: `${baseClass}__tabs` }, tabs.map((tab, i) => {
+                    return (React.createElement("button", { key: i, type: "button", className: [
+                            `${baseClass}__tab-button`,
+                            active === i && `${baseClass}__tab-button--active`,
+                        ].filter(Boolean).join(' '), onClick: () => setActive(i) }, tab.label));
+                }))),
+            React.createElement("div", { className: `${baseClass}__content-wrap` }, activeTab && (React.createElement("div", { className: [
+                    `${baseClass}__tab`,
+                    `${baseClass}__tab-${toKebabCase(activeTab.label)}`,
+                ].join(' ') },
+                React.createElement(FieldDescription, { className: `${baseClass}__description`, description: activeTab.description }),
+                React.createElement(RenderFields, { key: activeTab.label, forceRender: true, readOnly: readOnly, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldTypes: fieldTypes, fieldSchema: activeTab.fields.map((field) => ({
+                        ...field,
+                        path: `${path ? `${path}.` : ''}${fieldAffectsData(field) ? field.name : ''}`,
+                    })) })))))));
+};
+export default withCondition(TabsField);

package/dist/admin/components/forms/field-types/Tabs/provider.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare const Context: React.Context<boolean>;
-export declare const TabsProvider: React.FC<{
-    children?: React.ReactNode;
-    withinTab?: boolean;
-}>;
-export declare const useTabs: () => boolean;
-export default Context;
+import React from 'react';
+declare const Context: React.Context<boolean>;
+export declare const TabsProvider: React.FC<{
+    children?: React.ReactNode;
+    withinTab?: boolean;
+}>;
+export declare const useTabs: () => boolean;
+export default Context;

package/dist/admin/components/forms/field-types/Tabs/provider.js

@@ -1,7 +1,7 @@
-import React, { createContext, useContext, } from 'react';
-const Context = createContext(false);
-export const TabsProvider = ({ children, withinTab = true }) => {
-    return (React.createElement(Context.Provider, { value: withinTab }, children));
-};
-export const useTabs = () => useContext(Context);
-export default Context;
+import React, { createContext, useContext, } from 'react';
+const Context = createContext(false);
+export const TabsProvider = ({ children, withinTab = true }) => {
+    return (React.createElement(Context.Provider, { value: withinTab }, children));
+};
+export const useTabs = () => useContext(Context);
+export default Context;

package/dist/admin/components/forms/field-types/Tabs/types.d.ts

@@ -1,8 +1,8 @@
-import { TabsField } from '../../../../../fields/config/types';
-import { FieldTypes } from '..';
-import { FieldPermissions } from '../../../../../auth/types';
-export declare type Props = Omit<TabsField, 'type'> & {
-    path?: string;
-    fieldTypes: FieldTypes;
-    permissions: FieldPermissions;
-};
+import { TabsField } from '../../../../../fields/config/types';
+import { FieldTypes } from '..';
+import { FieldPermissions } from '../../../../../auth/types';
+export declare type Props = Omit<TabsField, 'type'> & {
+    path?: string;
+    fieldTypes: FieldTypes;
+    permissions: FieldPermissions;
+};

package/dist/admin/components/forms/field-types/Tabs/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/forms/field-types/Text/Input.d.ts

@@ -1,20 +1,20 @@
-import React, { ChangeEvent } from 'react';
-import { TextField } from '../../../../../fields/config/types';
-import { Description } from '../../FieldDescription/types';
-import './index.scss';
-export declare type TextInputProps = Omit<TextField, 'type'> & {
-    showError?: boolean;
-    errorMessage?: string;
-    readOnly?: boolean;
-    path: string;
-    required?: boolean;
-    value?: string;
-    description?: Description;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    width?: string;
-};
-declare const TextInput: React.FC<TextInputProps>;
-export default TextInput;
+import React, { ChangeEvent } from 'react';
+import { TextField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import './index.scss';
+export declare type TextInputProps = Omit<TextField, 'type'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path: string;
+    required?: boolean;
+    value?: string;
+    description?: Description;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+};
+declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

package/dist/admin/components/forms/field-types/Text/Input.js

@@ -1,25 +1,25 @@
-import React from 'react';
-import Label from '../../Label';
-import Error from '../../Error';
-import FieldDescription from '../../FieldDescription';
-// import { FieldType } from '../../useField/types';
-import './index.scss';
-const TextInput = (props) => {
-    const { showError, errorMessage, placeholder, readOnly, path, label, required, value, onChange, description, style, className, width, } = props;
-    const classes = [
-        'field-type',
-        'text',
-        className,
-        showError && 'error',
-        readOnly && 'read-only',
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes, style: {
-            ...style,
-            width,
-        } },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
-        React.createElement("input", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: placeholder, type: "text", name: path }),
-        React.createElement(FieldDescription, { value: value, description: description })));
-};
-export default TextInput;
+import React from 'react';
+import Label from '../../Label';
+import Error from '../../Error';
+import FieldDescription from '../../FieldDescription';
+// import { FieldType } from '../../useField/types';
+import './index.scss';
+const TextInput = (props) => {
+    const { showError, errorMessage, placeholder, readOnly, path, label, required, value, onChange, description, style, className, width, } = props;
+    const classes = [
+        'field-type',
+        'text',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+    ].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        React.createElement(Error, { showError: showError, message: errorMessage }),
+        React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
+        React.createElement("input", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: placeholder, type: "text", name: path }),
+        React.createElement(FieldDescription, { value: value, description: description })));
+};
+export default TextInput;

package/dist/admin/components/forms/field-types/Text/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Props } from './types';
-declare const _default: React.FC<Props>;
-export default _default;
+import React from 'react';
+import { Props } from './types';
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/admin/components/forms/field-types/Text/index.js

@@ -1,23 +1,23 @@
-import React, { useCallback } from 'react';
-import useField from '../../useField';
-import withCondition from '../../withCondition';
-import { text } from '../../../../../fields/validations';
-import TextInput from './Input';
-const Text = (props) => {
-    const { path: pathFromProps, name, required, validate = text, label, minLength, maxLength, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, } = props;
-    const path = pathFromProps || name;
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, minLength, maxLength, required });
-    }, [validate, minLength, maxLength, required]);
-    const field = useField({
-        path,
-        validate: memoizedValidate,
-        enableDebouncedValue: true,
-        condition,
-    });
-    const { value, showError, setValue, errorMessage, } = field;
-    return (React.createElement(TextInput, { path: path, name: name, onChange: (e) => {
-            setValue(e.target.value);
-        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description }));
-};
-export default withCondition(Text);
+import React, { useCallback } from 'react';
+import useField from '../../useField';
+import withCondition from '../../withCondition';
+import { text } from '../../../../../fields/validations';
+import TextInput from './Input';
+const Text = (props) => {
+    const { path: pathFromProps, name, required, validate = text, label, minLength, maxLength, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, } = props;
+    const path = pathFromProps || name;
+    const memoizedValidate = useCallback((value, options) => {
+        return validate(value, { ...options, minLength, maxLength, required });
+    }, [validate, minLength, maxLength, required]);
+    const field = useField({
+        path,
+        validate: memoizedValidate,
+        enableDebouncedValue: true,
+        condition,
+    });
+    const { value, showError, setValue, errorMessage, } = field;
+    return (React.createElement(TextInput, { path: path, name: name, onChange: (e) => {
+            setValue(e.target.value);
+        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description }));
+};
+export default withCondition(Text);

package/dist/admin/components/forms/field-types/Text/types.d.ts

@@ -1,4 +1,4 @@
-import { TextField } from '../../../../../fields/config/types';
-export declare type Props = Omit<TextField, 'type'> & {
-    path?: string;
-};
+import { TextField } from '../../../../../fields/config/types';
+export declare type Props = Omit<TextField, 'type'> & {
+    path?: string;
+};

package/dist/admin/components/forms/field-types/Text/types.js

@@ -1 +1 @@
-export {};
+export {};