@cube-dev/ui-kit 0.0.0-canary-40d6b68 → 0.0.0-canary-67a1f89

package/es/components/forms/{FieldWrapper/FieldWrapper.js → FieldWrapper.js}

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { InfoCircleOutlined } from '@ant-design/icons';
-import { Paragraph } from '../../content/Paragraph';
-import { tasty } from '../../../tasty';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
-import { Text } from '../../content/Text';
-import { wrapNodeIfPlain } from '../../../utils/react';
-import { Space } from '../../layout/Space';
-import { Flex } from '../../layout/Flex';
-import { Label } from '../Label';
+import { Paragraph } from '../content/Paragraph';
+import { tasty } from '../../tasty';
+import { TooltipProvider } from '../overlays/Tooltip/TooltipProvider';
+import { Text } from '../content/Text';
+import { wrapNodeIfPlain } from '../../utils/react';
+import { Space } from '../layout/Space';
+import { Flex } from '../layout/Flex';
+import { Label } from './Label';
 const FieldElement = tasty({
     qa: 'Field',
     styles: {
@@ -50,9 +50,6 @@ const FieldElement = tasty({
         },
     },
 });
-if (process.env.NODE_ENV === 'development') {
-    FieldElement.displayName = 'FieldWrapperElement';
-}
 const MessageElement = tasty({
     qa: 'Field_Message',
     styles: {
@@ -67,11 +64,7 @@ const MessageElement = tasty({
         userSelect: 'none',
     },
 });
-/**
- * A wrapper for form fields to provide additional decoration for inputs.
- * @internal Do not use this component directly.
- */
-export const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
+function FieldWrapper(props, ref) {
     const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
     const labelComponent = label ? (_jsx(Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: _jsxs(Flex, { placeContent: "baseline space-between", width: "100%", children: [_jsxs(Space, { placeItems: "center", gap: "0.25x", children: [_jsx("div", { children: label }, void 0), tooltip ? (_jsx(TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: _jsx(InfoCircleOutlined, { style: { color: 'var(--primary-color)', margin: '0 4px' } }, void 0) }, void 0)) : null, _jsx("div", { children: labelSuffix }, void 0)] }, void 0), extra && _jsx(Text, { preset: "t3", children: extra }, void 0)] }, void 0) }, void 0)) : null;
     let descriptionComponent = description ? (_jsx("div", { "data-element": "Description", children: wrapNodeIfPlain(description, () => (_jsx(Paragraph, { children: description }, void 0))) }, void 0)) : null;
@@ -81,7 +74,12 @@ export const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
         invalid: validationState === 'invalid',
         valid: validationState === 'valid',
     };
-    return (_jsxs(FieldElement, { ref: ref, as: as ?? 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
-});
+    return (_jsxs(FieldElement, { ref: ref, as: as || 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
+}
+/**
+ * A wrapper for form fields to provide additional decoration for inputs.
+ */
+const _FieldWrapper = forwardRef(FieldWrapper);
+export { _FieldWrapper as FieldWrapper };
 
         

package/es/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
 import { createFocusableRef } from '@react-spectrum/utils';
 import { useProviderProps } from '../../../provider';
-import { Action } from '../../actions';
+import { Action } from '../../actions/Action';
 import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
 const FileInputElement = tasty(Action, {

package/es/components/forms/Form/{Field/LegacyField.js → Field.js}

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement, createContext, useContext, useEffect, useState, } from 'react';
-import { useWarn } from '../../../../_internal';
-import { mergeProps } from '../../../../utils/react';
-import { FieldWrapper } from '../../FieldWrapper';
-import { useFormProps } from '../Form';
+import { Children, cloneElement, useEffect, useRef, useState, } from 'react';
+import { mergeProps } from '../../../utils/react';
+import { FieldWrapper } from '../FieldWrapper';
+import { warn } from '../../../utils/warnings';
+import { useFormProps } from './Form';
 const ID_MAP = {};
 function createId(name) {
     if (!name)
@@ -83,22 +83,13 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
         onChange,
     };
 }
-/**
- * @deprecated Use component without `Field`
- *
- * ```tsx
-    <Form>
-        <Checkbox />
-    </Form>
- *```
- */
-export function Field(props) {
-    const fullProps = useFormProps(props);
-    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = fullProps;
+export function Field(allProps) {
+    const props = useFormProps(allProps);
+    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = props;
     const nonInput = !name;
     const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
+    let firstRunRef = useRef(true);
     let [fieldId, setFieldId] = useState(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
-    useWarn(!form, 'Form Field requires declared form instance if field name is specified');
     useEffect(() => {
         let newId;
         if (!id && !nonInput) {
@@ -136,27 +127,32 @@ export function Field(props) {
         return null;
     let child = Children.only(children);
     if (nonInput) {
-        return (_jsx(LegacyFieldProvider, { children: _jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0) }, void 0));
+        return (_jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0));
     }
     if (!form) {
+        warn('Form Field requires declared form instance if field name is specified');
         return null;
     }
     inputType =
         inputType || child.type.cubeInputType || 'Text';
     const defaultValidateTrigger = getDefaultValidateTrigger(inputType);
-    if (field) {
-        field.rules = rules;
-        if (defaultValue != null && !field.touched) {
-            form?.setFieldValue(fieldName, defaultValue, false, true);
+    if (firstRunRef.current && defaultValue != null) {
+        if (!field) {
+            form.createField(fieldName, true);
+        }
+        if (field?.value == null) {
+            form.setFieldValue(fieldName, defaultValue, false, true);
+            field = form?.getFieldInstance(fieldName);
         }
     }
+    firstRunRef.current = false;
     if (!field) {
-        return (_jsx(LegacyFieldProvider, { children: cloneElement(child, mergeProps(child.props, {
-                ...getValueProps(inputType),
-                label: fieldName,
-                name: fieldName,
-                id: fieldId,
-            })) }, void 0));
+        return cloneElement(child, mergeProps(child.props, {
+            ...getValueProps(inputType),
+            label: fieldName,
+            name: fieldName,
+            id: fieldId,
+        }));
     }
     if (!validateTrigger) {
         validateTrigger = defaultValidateTrigger;
@@ -239,17 +235,7 @@ export function Field(props) {
     Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, child.props.allowsCustomValue));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
-    return (_jsx(LegacyFieldProvider, { children: cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {})) }, void 0));
-}
-const LegacyFieldContext = createContext({
-    insideLegacyField: false,
-});
-function LegacyFieldProvider({ children }) {
-    return (_jsx(LegacyFieldContext.Provider, { value: { insideLegacyField: true }, children: children }, void 0));
-}
-export function useInsideLegacyField() {
-    const { insideLegacyField } = useContext(LegacyFieldContext);
-    return insideLegacyField;
+    return cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));
 }
 
         

package/es/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -86,7 +86,7 @@ function Form(props, ref) {
             // onSubmit(Object.fromEntries(new FormData(e.target).entries()));
         };
     }
-    [form] = useForm(form, ref?.current, {
+    [form] = useForm(form, ref && ref.current, {
         onSubmit: onSubmitCallback,
         onValuesChange,
     });

package/es/components/forms/Form/SubmitError.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/index.js

@@ -1,17 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
-import { Submit } from './Submit';
 import { Field } from './Field';
 import { SubmitError } from './SubmitError';
 import { useForm } from './useForm';
 import { useFormProps, FormContext, Form as _Form } from './Form';
-const Form = Object.assign(_Form, { Item: Field, useForm, Submit, SubmitError });
-export { useFormProps, Form, Field, useForm, FormContext, Submit, SubmitError };
-export * from './Field';
+const Form = Object.assign(_Form, { Item: Field, useForm, SubmitError });
+export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
 
         

package/es/components/forms/Form/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/useForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -217,7 +217,6 @@ export class CubeFormInstance {
         if (!skipRender) {
             this.forceReRender();
         }
-        return this.fields[name];
     }
     removeField(name, skipRender) {
         if (this.fields[name]) {

package/es/components/forms/Form/validation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/Input/Input.js

@@ -1,16 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
-import { TextInput } from '../TextInput';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { TextInput } from '../TextInput/TextInput';
 import { PasswordInput } from '../PasswordInput/PasswordInput';
 import { NumberInput } from '../NumberInput/NumberInput';
 import { FileInput } from '../FileInput/FileInput';
 import { TextArea } from '../TextArea/TextArea';
-export const Input = Object.assign(TextInput, {
+export const Input = Object.assign(forwardRef(function Input(props, ref) {
+    return _jsx(TextInput, { ref: ref, ...props }, void 0);
+}), {
     Text: TextInput,
     Password: PasswordInput,
     Number: NumberInput,

package/es/components/forms/Input/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -10,9 +10,9 @@ import { forwardRef, useRef } from 'react';
 import { useLocale } from '@react-aria/i18n';
 import { useNumberFieldState } from '@react-stately/numberfield';
 import { useNumberField } from '@react-aria/numberfield';
-import { useFieldProps } from '../Form';
+import { useFormProps } from '../Form';
 import { useProviderProps } from '../../../provider';
-import { TextInputBase } from '../TextInput';
+import { TextInputBase, } from '../TextInput/TextInputBase';
 import { tasty } from '../../../tasty';
 import { castNullableNumberValue, } from '../../../utils/react/nullableValue';
 import { StepButton } from './StepButton';
@@ -25,13 +25,10 @@ const StepperContainer = tasty({
         placeSelf: 'stretch',
     },
 });
-/**
- * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
- */
-export const NumberInput = forwardRef(function NumberInput(props, ref) {
+function NumberInput(props, ref) {
     props = castNullableNumberValue(props);
     props = useProviderProps(props);
-    props = useFieldProps(props);
+    props = useFormProps(props);
     let { hideStepper, suffix, value, defaultValue, onChange, ...otherProps } = props;
     let showStepper = !hideStepper;
     let { locale } = useLocale();
@@ -39,15 +36,12 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
     let inputRef = useRef(null);
     let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = useNumberField(props, state, inputRef);
     return (_jsx(TextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }, void 0), _jsx(StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size }, void 0)] }, void 0)) : (suffix) }, void 0));
-});
+}
 /**
- * @legacy should be removed with legacy <Field />
+ * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
  */
-Object.defineProperty(NumberInput, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'Number',
-});
+const _NumberInput = forwardRef(NumberInput);
+_NumberInput.cubeInputType = 'Number';
+export { _NumberInput as NumberInput };
 
         

package/es/components/forms/NumberInput/StepButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -9,22 +9,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { forwardRef, useCallback, useRef, useState } from 'react';
 import { useTextField } from '@react-aria/textfield';
 import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
-import { TextInputBase } from '../TextInput';
+import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useProviderProps } from '../../../provider';
 import { Button } from '../../actions';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
-import { useFieldProps } from '../Form';
 function PasswordInput(props, ref) {
     props = castNullableStringValue(props);
-    props = useProviderProps(props);
-    props = useFieldProps(props, {
-        defaultValidationTrigger: 'onBlur',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: value?.toString() ?? '',
-            onChange,
-        }),
-    });
-    const { suffix, multiLine, ...otherProps } = props;
+    let { suffix, multiLine, ...otherProps } = useProviderProps({ ...props });
     let [type, setType] = useState('password');
     let inputRef = useRef(null);
     let { labelProps, inputProps } = useTextField({
@@ -43,15 +34,7 @@ function PasswordInput(props, ref) {
  * communicate the entry requirements.
  */
 const _PasswordInput = forwardRef(PasswordInput);
-/**
- * @legacy should be removed with legacy <Field />
- */
-Object.defineProperty(_PasswordInput, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'Text',
-});
+_PasswordInput.cubeInputType = 'Text';
 export { _PasswordInput as PasswordInput };
 
         

package/es/components/forms/RadioGroup/Radio.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ import { mergeProps } from '../../../utils/react';
 import { useProviderProps } from '../../../provider';
 import { INLINE_LABEL_STYLES } from '../Label';
 import { HiddenInput } from '../../HiddenInput';
-import { useFieldProps } from '../Form';
+import { useFormProps } from '../Form';
 import { RadioGroup } from './RadioGroup';
 import { useRadioProvider } from './context';
 const RadioWrapperElement = tasty({
@@ -114,10 +114,10 @@ const RadioLabelElement = tasty({
 });
 function Radio(props, ref) {
     props = useProviderProps(props);
-    props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });
+    props = useFormProps(props);
     let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type = 'radio', 'aria-label': ariaLabel, ...otherProps } = props;
     let isButton = type === 'button';
-    label = label ?? children;
+    label = label || children;
     let styles = extractStyles(otherProps, OUTER_STYLES);
     const RadioElement = isButton ? RadioButtonElement : RadioNormalElement;
     labelStyles = {
@@ -172,15 +172,6 @@ const __Radio = Object.assign(_Radio, {
     Group: RadioGroup,
     Button: _RadioButton,
 });
-/**
- * @legacy should be removed with legacy <Field />
- */
-Object.defineProperty(_Radio, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'Radio',
-});
 export { __Radio as Radio };
 export { _RadioButton as RadioButton };
 

package/es/components/forms/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { useDOMRef } from '@react-spectrum/utils';
 import { useRadioGroup } from '@react-aria/radio';
 import { useRadioGroupState } from '@react-stately/radio';
 import { useProviderProps } from '../../../provider';
-import { FormContext, useFieldProps } from '../Form';
+import { FormContext, useFormProps } from '../Form';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
@@ -36,7 +36,7 @@ const RadioGroupElement = tasty({
 function RadioGroup(props, ref) {
     props = castNullableStringValue(props);
     props = useProviderProps(props);
-    props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });
+    props = useFormProps(props);
     let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, labelSuffix, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
@@ -79,15 +79,7 @@ function RadioGroup(props, ref) {
  * All possible options are exposed up front for users to compare.
  */
 const _RadioGroup = forwardRef(RadioGroup);
-/**
- * @legacy should be removed with legacy <Field />
- */
-Object.defineProperty(_RadioGroup, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'RadioGroup',
-});
+_RadioGroup.cubeInputType = 'RadioGroup';
 export { _RadioGroup as RadioGroup };
 
         

package/es/components/forms/RadioGroup/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/Gradation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/RangeInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/components/forms/RangeSlider/RangeSlider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -11,21 +11,13 @@ import { useSlider } from '@react-aria/slider';
 import { useSliderState } from '@react-stately/slider';
 import { FieldWrapper } from '../../forms/FieldWrapper';
 import { extractStyles, OUTER_STYLES, } from '../../../tasty';
-import { useFieldProps } from '..';
 import { Slide } from './Slide';
 import { Gradation } from './Gradation';
 import { Thumb } from './Thumb';
 import { RangeInput } from './RangeInput';
 import { StyledControls, StyledSlider, StyledContent } from './styled';
 import { getMinMaxValue, getRanges, getValidValue, } from './helpers';
-export const RangeSlider = forwardRef(function RangeSlider(props, ref) {
-    props = useFieldProps(props, {
-        defaultValidationTrigger: 'onChange',
-        valuePropsMapper: ({ value, onChange }) => ({
-            value: value != null ? value : [],
-            onChange: onChange,
-        }),
-    });
+function RangeSlider(props, ref) {
     let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, defaultValue, value, gradation, step = 1, isDisabled, orientation = 'horizontal', showInput, inputStyles, inputSuffix, minValue, maxValue, onChange, onChangeEnd, ...otherProps } = props;
     const [min, max] = getMinMaxValue(minValue, maxValue, value || defaultValue);
     const ranges = getRanges(defaultValue || value || [0, 1]);
@@ -93,15 +85,11 @@ export const RangeSlider = forwardRef(function RangeSlider(props, ref) {
             Component: sliderField,
             ref: ref,
         } }, void 0));
+}
+const _RangeSlider = forwardRef(RangeSlider);
+const __RangeSlider = Object.assign(_RangeSlider, {
+    cubeInputType: 'CheckboxGroup',
 });
-/**
- * @legacy should be removed with legacy <Field />
- */
-Object.defineProperty(RangeSlider, 'cubeInputType', {
-    enumerable: false,
-    configurable: false,
-    writable: false,
-    value: 'CheckboxGroup',
-});
+export { __RangeSlider as RangeSlider };
 
         

package/es/components/forms/RangeSlider/Slide.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */