@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/components/form/Form/Field.js

@@ -1,167 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = Field;
-exports.useInsideLegacyField = useInsideLegacyField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const react_1 = require("react");
-const index_1 = require("../../../utils/react/index");
-const index_2 = require("../FieldWrapper/index");
-const warnings_1 = require("../../../utils/warnings");
-const Form_1 = require("./Form");
-const index_3 = require("./use-field/index");
-function getDefaultValidateTrigger(type) {
-    type = type || '';
-    return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';
-}
-function getValueProps(type, value, onChange, allowsCustomValue) {
-    type = type || '';
-    if (type === 'Number') {
-        return {
-            value: value != null ? value : null,
-            onChange: onChange,
-        };
-    }
-    else if (type === 'Text') {
-        return {
-            value: typeof value === 'string' || typeof value === 'number'
-                ? String(value)
-                : '',
-            onChange: onChange,
-        };
-    }
-    else if (type === 'Checkbox') {
-        return {
-            isSelected: value != null ? value : false,
-            isIndeterminate: false,
-            onChange: onChange,
-        };
-    }
-    else if (type === 'CheckboxGroup') {
-        return {
-            value: value != null ? value : [],
-            onChange: onChange,
-        };
-    }
-    else if (type === 'RangeSlider') {
-        return {
-            value: value != null ? value : undefined,
-            onChange: onChange,
-        };
-    }
-    else if (type === 'ComboBox') {
-        return {
-            inputValue: value != null ? value : '',
-            onInputChange: (val) => onChange(val, !allowsCustomValue),
-            onSelectionChange: onChange,
-        };
-    }
-    else if (type === 'Select') {
-        return {
-            selectedKey: value != null ? value : null,
-            onSelectionChange: onChange,
-        };
-    }
-    return {
-        value: value != null ? value : null,
-        onChange,
-    };
-}
-function Field(props) {
-    const allProps = (0, Form_1.useFormProps)(props);
-    let { children, form, label, extra, necessityLabel, necessityIndicator, description, tooltip, isHidden, isDisabled, isLoading, styles, labelProps, labelPosition = 'top', labelStyles, labelSuffix, } = allProps;
-    if (typeof children === 'function') {
-        children = children(form);
-    }
-    let child = children == null ? null : react_1.Children.only(children);
-    const inputType = child?.type?.cubeInputType ?? 'Text';
-    const __props = (0, index_3.useField)(allProps, {
-        defaultValidationTrigger: getDefaultValidateTrigger(inputType),
-    });
-    const { validationState, message, isRequired, name, id } = __props;
-    if (!child)
-        return null;
-    if (id) {
-        if (!labelProps) {
-            labelProps = {};
-        }
-        labelProps.for = id;
-    }
-    if (__props.nonInput) {
-        return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, jsx_runtime_1.jsx)(index_2.FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: __props.validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, labelProps: labelProps, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }) }));
-    }
-    if (!form) {
-        (0, warnings_1.warn)('Form Field requires declared form instance if field name is specified');
-        return null;
-    }
-    if (!__props.field) {
-        return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, react_1.cloneElement)(child, (0, index_1.mergeProps)(child.props, {
-                ...getValueProps(inputType),
-                label: name,
-                name,
-                id,
-            })) }));
-    }
-    const newProps = {
-        id,
-        name,
-        onBlur: __props.onBlur,
-    };
-    if (necessityIndicator != null) {
-        newProps.necessityIndicator = necessityIndicator;
-    }
-    if (necessityLabel) {
-        newProps.necessityLabel = necessityLabel;
-    }
-    if (validationState) {
-        newProps.validationState = validationState;
-    }
-    if (isRequired) {
-        newProps.isRequired = isRequired;
-    }
-    if (label) {
-        newProps.label = label;
-    }
-    if (extra) {
-        newProps.extra = extra;
-    }
-    if (tooltip) {
-        newProps.tooltip = tooltip;
-    }
-    if (message !== undefined) {
-        newProps.message = message;
-    }
-    if (isHidden != null) {
-        newProps.isHidden = isHidden;
-    }
-    if (isDisabled != null) {
-        newProps.isDisabled = isDisabled;
-    }
-    if (isLoading != null) {
-        newProps.isLoading = isLoading;
-    }
-    Object.assign(newProps, getValueProps(inputType, __props.field?.inputValue, __props.onChange, child.props.allowsCustomValue));
-    const { onChange, onSelectionChange, ...childProps } = child.props;
-    // onChange event passed to the child should be executed after Form onChange logic
-    return ((0, jsx_runtime_1.jsx)(LegacyFieldProvider, { children: (0, react_1.cloneElement)(child, (0, index_1.mergeProps)(childProps, newProps, onChange ? { onChange: __props.onChange } : {}, onSelectionChange ? { onSelectionChange: __props.onChange } : {})) }));
-}
-const LegacyFieldContext = (0, react_1.createContext)({
-    insideLegacyField: false,
-});
-function LegacyFieldProvider(props) {
-    const value = (0, react_1.useMemo)(() => ({ insideLegacyField: true }), []);
-    return ((0, jsx_runtime_1.jsx)(LegacyFieldContext.Provider, { value: value, children: props.children }));
-}
-function useInsideLegacyField() {
-    const { insideLegacyField = false } = (0, react_1.useContext)(LegacyFieldContext);
-    return insideLegacyField;
-}
-
-        

package/cjs/components/form/Form/Form.js

@@ -1,154 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = exports.FormContext = void 0;
-exports.useFormProps = useFormProps;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-spectrum/utils");
-const react_1 = require("react");
-const provider_1 = require("../../../provider");
-const index_1 = require("../../../tasty/index");
-const index_2 = require("../../../utils/react/index");
-const promise_1 = require("../../../utils/promise");
-const use_form_1 = require("./use-form");
-exports.FormContext = (0, react_1.createContext)({});
-const FormElement = (0, index_1.tasty)({
-    as: 'form',
-    qa: 'Form',
-    styles: {
-        display: {
-            '': 'block',
-            horizontal: 'flex',
-        },
-        flow: {
-            '': 'column',
-            horizontal: 'row',
-        },
-        placeItems: {
-            '': 'initial',
-            horizontal: 'center',
-        },
-        gap: '2x',
-        '@label-width': '25x',
-    },
-});
-function useFormProps(props) {
-    const ctx = (0, react_1.useContext)(exports.FormContext);
-    return { ...ctx, ...props };
-}
-const formPropNames = new Set([
-    'action',
-    'autoComplete',
-    'encType',
-    'method',
-    'target',
-]);
-function Form(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    let { qa, name, children, labelPosition, orientation, isRequired, necessityIndicator, isDisabled, isReadOnly, validationState, labelStyles, validateTrigger, showValid, defaultValues, onValuesChange, requiredMark = true, form, labelWidth, onSubmit, onSubmitFailed, ...otherProps } = props;
-    const defaultValuesRef = (0, react_1.useRef)(defaultValues);
-    const firstRunRef = (0, react_1.useRef)(true);
-    const isHorizontal = orientation === 'horizontal';
-    if (!orientation) {
-        orientation = 'vertical';
-    }
-    if (!labelPosition) {
-        labelPosition = isHorizontal ? 'side' : 'top';
-    }
-    if (!labelWidth) {
-        labelWidth = isHorizontal ? 'auto' : undefined;
-    }
-    ref = (0, index_2.useCombinedRefs)(ref);
-    let onSubmitCallback;
-    if ((onSubmit || onSubmitFailed) && !otherProps.action) {
-        onSubmitCallback = async (e) => {
-            if (e && e?.preventDefault) {
-                e && e?.preventDefault && e?.preventDefault();
-                e && e?.stopPropagation && e?.stopPropagation();
-                if (e.nativeEvent) {
-                    const evt = e.nativeEvent;
-                    if (evt.submitter &&
-                        evt.submitter.getAttribute('type') !== 'submit') {
-                        return;
-                    }
-                }
-            }
-            if (!form || form.isSubmitting)
-                return;
-            form.submitError = null;
-            form.setSubmitting(true);
-            try {
-                try {
-                    await form.validateFields();
-                }
-                catch (e) {
-                    form?.setSubmitting(false);
-                    return;
-                }
-                await (0, promise_1.timeout)();
-                await onSubmit?.(form.getFormData());
-            }
-            catch (e) {
-                await (0, promise_1.timeout)();
-                // errors are shown
-                form.submitError = e;
-                // transfer errors to the callback
-                onSubmitFailed?.(e);
-                if (e instanceof Error) {
-                    throw e;
-                }
-            }
-            finally {
-                form?.setSubmitting(false);
-            }
-            // output data from form directly
-            // onSubmit(Object.fromEntries(new FormData(e.target).entries()));
-        };
-    }
-    [form] = (0, use_form_1.useForm)(form, ref && ref.current, {
-        onSubmit: onSubmitCallback,
-        onValuesChange,
-    });
-    let styles = (0, index_1.extractStyles)(otherProps, index_1.CONTAINER_STYLES);
-    if (labelWidth) {
-        styles['@label-width'] = labelWidth;
-    }
-    let domRef = (0, utils_1.useDOMRef)(ref);
-    let ctx = {
-        labelPosition,
-        labelStyles,
-        orientation,
-        necessityIndicator,
-        validateTrigger,
-        requiredMark,
-        showValid,
-        form,
-        submitError: form.submitError,
-        idPrefix: name,
-    };
-    if (firstRunRef.current && form) {
-        if (defaultValues) {
-            form.setInitialFieldsValue(defaultValues);
-            form.resetFields(undefined, true);
-            firstRunRef.current = false;
-        }
-    }
-    if (defaultValuesRef.current !== defaultValues) {
-        form?.setInitialFieldsValue(defaultValues ?? {});
-        defaultValuesRef.current = defaultValues;
-    }
-    return ((0, jsx_runtime_1.jsx)(FormElement, { ...(0, index_1.filterBaseProps)(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side', horizontal: isHorizontal }, onSubmit: onSubmitCallback, children: (0, jsx_runtime_1.jsx)(exports.FormContext.Provider, { value: ctx, children: (0, jsx_runtime_1.jsx)(provider_1.Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }) }) }));
-}
-/**
- * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
- */
-const _Form = (0, react_1.forwardRef)(Form);
-exports.Form = _Form;
-
-        

package/cjs/components/form/Form/ResetButton/ResetButton.js

@@ -1,40 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../../../_internal/index");
-const provider_1 = require("../../../../provider");
-const index_2 = require("../../../../utils/react/index");
-const index_3 = require("../../../actions/index");
-const Form_1 = require("../Form");
-function ResetButton(props, ref) {
-    const providerProps = (0, provider_1.useProviderProps)({});
-    props = (0, Form_1.useFormProps)(props);
-    const { isDisabled: isContextDisabled } = providerProps;
-    const { form, isDisabled, ...otherProps } = props;
-    const onPress = (0, index_1.useEvent)(() => {
-        // Use setTimeout to avoid conflict with onBlur handlers
-        setTimeout(() => {
-            form?.resetFields();
-        });
-    });
-    const isSomethingDisabled = isDisabled || isContextDisabled;
-    return ((0, jsx_runtime_1.jsx)(index_3.Button, { ref: ref, type: "primary", htmlType: "reset", isDisabled: form?.isSubmitting || !form?.isTouched, ...(0, index_2.mergeProps)({
-            onPress,
-            isDisabled: isSomethingDisabled
-                ? true
-                : form?.isSubmitting || !form?.isTouched,
-        }, otherProps) }));
-}
-const _ResetButton = (0, react_1.forwardRef)(ResetButton);
-exports.ResetButton = _ResetButton;
-
-        

package/cjs/components/form/Form/ResetButton/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ResetButton"), exports);
-
-        

package/cjs/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,28 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubmitButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const provider_1 = require("../../../../provider");
-const index_1 = require("../../../actions/index");
-const Form_1 = require("../Form");
-function SubmitButton(props, ref) {
-    const providerProps = (0, provider_1.useProviderProps)({});
-    props = (0, Form_1.useFormProps)(props);
-    const { isDisabled: isContextDisabled } = providerProps;
-    props = (0, Form_1.useFormProps)(props);
-    const { form, isDisabled, ...otherProps } = props;
-    const isSomethingDisabled = isDisabled || isContextDisabled;
-    return ((0, jsx_runtime_1.jsx)(index_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isSomethingDisabled ? true : form?.isInvalid, ...otherProps }));
-}
-const _SubmitButton = (0, react_1.forwardRef)(SubmitButton);
-exports.SubmitButton = _SubmitButton;
-
-        

package/cjs/components/form/Form/SubmitButton/index.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SubmitButton"), exports);
-
-        

package/cjs/components/form/Form/SubmitError.js

@@ -1,32 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubmitError = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../content/Alert/index");
-const Form_1 = require("./Form");
-function SubmitError(props, ref) {
-    let { submitError } = (0, react_1.useContext)(Form_1.FormContext);
-    if (!submitError) {
-        return null;
-    }
-    if (!(0, react_1.isValidElement)(submitError) &&
-        typeof submitError !== 'string') {
-        submitError = 'Internal error';
-    }
-    return ((0, jsx_runtime_1.jsx)(index_1.Alert, { ref: ref, theme: "danger", ...props, children: submitError }));
-}
-/**
- * An alert that shows a form error message received from the onSubmit callback.
- */
-const _SubmitError = (0, react_1.forwardRef)(SubmitError);
-exports.SubmitError = _SubmitError;
-
-        

package/cjs/components/form/Form/index.js

@@ -1,48 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormContext = exports.useForm = exports.Field = exports.Form = exports.useFormProps = void 0;
-const Field_1 = require("./Field");
-Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
-const ResetButton_1 = require("./ResetButton");
-const SubmitButton_1 = require("./SubmitButton");
-const SubmitError_1 = require("./SubmitError");
-const use_form_1 = require("./use-form");
-Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return use_form_1.useForm; } });
-const Form_1 = require("./Form");
-Object.defineProperty(exports, "useFormProps", { enumerable: true, get: function () { return Form_1.useFormProps; } });
-Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return Form_1.FormContext; } });
-const Form = Object.assign(Form_1.Form, {
-    Item: Field_1.Field,
-    useForm: use_form_1.useForm,
-    Submit: SubmitButton_1.SubmitButton,
-    Reset: ResetButton_1.ResetButton,
-    SubmitError: SubmitError_1.SubmitError,
-});
-exports.Form = Form;
-__exportStar(require("./SubmitError"), exports);
-__exportStar(require("./SubmitButton"), exports);
-__exportStar(require("./ResetButton"), exports);
-__exportStar(require("./use-field"), exports);
-
-        

package/cjs/components/form/Form/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/form/Form/use-field/index.js

@@ -1,28 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-field"), exports);
-__exportStar(require("./use-field-props"), exports);
-__exportStar(require("./types"), exports);
-
-        

package/cjs/components/form/Form/use-field/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/form/Form/use-field/use-field-props.js

@@ -1,82 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldProps = useFieldProps;
-const react_1 = require("react");
-const react_2 = require("react");
-const index_1 = require("../../../../_internal/index");
-const Field_1 = require("../Field");
-const index_2 = require("../../../../utils/react/index");
-const warnings_1 = require("../../../../utils/warnings");
-const use_field_1 = require("./use-field");
-function useFieldProps(props, params = {}) {
-    // We use ref here to "memoize" initial value
-    const isDisabledRef = (0, react_1.useRef)(params.unsafe__isDisabled ?? false);
-    const { valuePropsMapper = ({ value, onChange }) => ({
-        value: value ?? null,
-        onChange,
-    }), defaultValidationTrigger = 'onBlur', } = params;
-    const isInsideLegacyField = (0, Field_1.useInsideLegacyField)();
-    // useWarn(isInsideLegacyField, {
-    //   key: 'use-field-props',
-    //   args: ['<Field /> is deprecated, use component without <Field /> instead.'],
-    // });
-    if (props.rules && !props.name) {
-        (0, warnings_1.warn)(`The "rules" prop is not suitable for fields that are not part of a form. Use "name" prop to link the field to a form.`);
-    }
-    if (isInsideLegacyField ||
-        isDisabledRef.current === true ||
-        props.name == null) {
-        return props;
-    }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const field = (0, use_field_1.useField)(props, {
-        defaultValidationTrigger: params.defaultValidationTrigger,
-    });
-    const isOutsideOfForm = field?.form == null;
-    if (props.rules && isOutsideOfForm) {
-        (0, warnings_1.warn)(`The "rules" prop is not supported for fields that are not part of a form. The "${props.name}" field is placed outside the form.`);
-    }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onBlurChained = (0, index_1.useChainedCallback)(field?.onBlur, 'onBlur' in props ? props.onBlur : undefined);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onChangeEvent = (0, index_1.useEvent)((value, dontTouch) => field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger));
-    const valueProps = !isOutsideOfForm
-        ? valuePropsMapper({ value: field.value, onChange: onChangeEvent })
-        : {};
-    if (isInsideLegacyField && !isOutsideOfForm) {
-        const valuePropEventNames = !isOutsideOfForm
-            ? Object.keys(valueProps).filter((name) => name.startsWith('on'))
-            : [];
-        for (const valuePropName of valuePropEventNames) {
-            if (valuePropName in props) {
-                (0, warnings_1.warn)(`The "${valuePropName}" listener is not supported for input "${props.name}" that is linked to a form via a <Field> component. Remove the <Field> component and move its properties to the input itself.`);
-            }
-        }
-    }
-    const result = isOutsideOfForm
-        ? props
-        : (0, index_2.mergeProps)(props, field, valueProps, {
-            validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
-            onBlur: onBlurChained,
-        });
-    if (result.id) {
-        if (!result.labelProps) {
-            result.labelProps = {};
-        }
-        result.labelProps.for = result.id;
-    }
-    if (process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        (0, react_2.useDebugValue)(result);
-    }
-    return result;
-}
-
-