@cube-dev/ui-kit 0.27.2 → 0.29.0

package/es/components/forms/DatePicker/utils.js

@@ -1,58 +1,64 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { createDOMRef } from '@react-spectrum/utils';
 import { createFocusManager } from '@react-aria/focus';
-import { useDateFormatter } from '@react-aria/i18n';
-import { useDisplayNames } from '@react-aria/datepicker';
-import { useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { useLayoutEffect } from '@react-aria/utils';
-export function useFormatHelpText(props) {
-    let formatter = useDateFormatter({ dateStyle: 'short' });
-    let displayNames = useDisplayNames();
-    return useMemo(() => {
-        if (props.description) {
-            return props.description;
-        }
-        if (props.showFormatHelpText) {
-            return formatter
-                .formatToParts(new Date())
-                .map((s) => {
-                if (s.type === 'literal') {
-                    return s.value;
-                }
-                return displayNames.of(s.type);
-            })
-                .join(' ');
-        }
-        return '';
-    }, [props.description, props.showFormatHelpText, formatter, displayNames]);
-}
-export function useVisibleMonths(maxVisibleMonths) {
-    let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths('large'));
-    useLayoutEffect(() => {
-        let onResize = () => setVisibleMonths(getVisibleMonths('large'));
-        onResize();
-        window.addEventListener('resize', onResize);
-        return () => {
-            window.removeEventListener('resize', onResize);
-        };
-    }, []);
-    return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
-}
-function getVisibleMonths(scale) {
-    if (typeof window === 'undefined') {
-        return 1;
-    }
-    let monthWidth = scale === 'large' ? 336 : 280;
-    let gap = scale === 'large' ? 30 : 24;
-    let popoverPadding = scale === 'large' ? 32 : 48;
-    return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));
-}
+import { useImperativeHandle, useRef } from 'react';
+// export function useFormatHelpText(
+//   props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>,
+// ) {
+//   let formatter = useDateFormatter({ dateStyle: 'short' });
+//   let displayNames = useDisplayNames();
+//   return useMemo(() => {
+//     if (props.description) {
+//       return props.description;
+//     }
+//
+//     if (props.showFormatHelpText) {
+//       return formatter
+//         .formatToParts(new Date())
+//         .map((s) => {
+//           if (s.type === 'literal') {
+//             return s.value;
+//           }
+//
+//           return displayNames.of(s.type);
+//         })
+//         .join(' ');
+//     }
+//
+//     return '';
+//   }, [props.description, props.showFormatHelpText, formatter, displayNames]);
+// }
+// export function useVisibleMonths(maxVisibleMonths: number) {
+//   let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths('large'));
+//   useLayoutEffect(() => {
+//     let onResize = () => setVisibleMonths(getVisibleMonths('large'));
+//     onResize();
+//
+//     window.addEventListener('resize', onResize);
+//     return () => {
+//       window.removeEventListener('resize', onResize);
+//     };
+//   }, []);
+//
+//   return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
+// }
+// function getVisibleMonths(scale) {
+//   if (typeof window === 'undefined') {
+//     return 1;
+//   }
+//   let monthWidth = scale === 'large' ? 336 : 280;
+//   let gap = scale === 'large' ? 30 : 24;
+//   let popoverPadding = scale === 'large' ? 32 : 48;
+//   return Math.floor(
+//     (window.innerWidth - popoverPadding * 2) / (monthWidth + gap),
+//   );
+// }
 export function useFocusManagerRef(ref) {
     let domRef = useRef();
     useImperativeHandle(ref, () => ({

package/es/components/forms/FieldWrapper/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/FieldWrapper/extract-field-wrapper-props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
@@ -72,7 +72,7 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
 }
 export function Field(props) {
     const allProps = useFormProps(props);
-    let { children, form, label, extra, necessityLabel, necessityIndicator, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = allProps;
+    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);
     }
@@ -84,8 +84,14 @@ export function Field(props) {
     const { validationState, message, isRequired, name, id } = __props;
     if (!child)
         return null;
+    if (id) {
+        if (!labelProps) {
+            labelProps = {};
+        }
+        labelProps.for = id;
+    }
     if (__props.nonInput) {
-        return (_jsx(LegacyFieldProvider, { children: _jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: __props.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 }) }));
+        return (_jsx(LegacyFieldProvider, { children: _jsx(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) {
         warn('Form Field requires declared form instance if field name is specified');

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/use-field/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/use-field/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/use-field/use-field-props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
@@ -69,9 +69,7 @@ export function useFieldProps(props, params = {}) {
         if (!result.labelProps) {
             result.labelProps = {};
         }
-        if (result.labelProps) {
-            result.labelProps.for = result.id;
-        }
+        result.labelProps.for = result.id;
     }
     if (process.env.NODE_ENV === 'development') {
         // eslint-disable-next-line react-hooks/rules-of-hooks

package/es/components/forms/Form/use-field/use-field.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/use-form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * 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.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,15 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
-import { useLocale } from '@react-aria/i18n';
-import { useNumberFieldState } from '@react-stately/numberfield';
-import { useNumberField } from '@react-aria/numberfield';
+import { useLocale, useNumberField } from 'react-aria';
+import { useNumberFieldState } from 'react-stately';
 import { useFieldProps } from '../Form';
 import { useProviderProps } from '../../../provider';
 import { TextInputBase, } from '../TextInput/TextInputBase';

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useRef, useState } from 'react';
-import { useTextField } from '@react-aria/textfield';
+import { useTextField } from 'react-aria';
 import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
 import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useProviderProps } from '../../../provider';

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

@@ -1,15 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFocusableRef } from '@react-spectrum/utils';
 import { forwardRef, useMemo, useRef } from 'react';
-import { useHover } from '@react-aria/interactions';
-import { useRadio } from '@react-aria/radio';
+import { useHover, useRadio } from 'react-aria';
 import { extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
 import { mergeProps } from '../../../utils/react';

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

@@ -1,20 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useDOMRef } from '@react-spectrum/utils';
-import { useRadioGroup } from '@react-aria/radio';
-import { useRadioGroupState } from '@react-stately/radio';
+import { useRadioGroup } from 'react-aria';
+import { useRadioGroupState } from 'react-stately';
 import { useProviderProps } from '../../../provider';
 import { FormContext, useFieldProps, useFormProps } from '../Form';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
-import { FieldWrapper } from '../FieldWrapper';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
+import { mergeProps } from '../../../utils/react';
+import { wrapWithField } from '../wrapper';
 import { RadioContext } from './context';
 const RadioGroupElement = tasty({
     qa: 'RadioGroup',
@@ -39,7 +40,7 @@ function RadioGroup(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
     props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });
-    let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation, message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, labelSuffix, isSolid, ...otherProps } = props;
+    let { isDisabled, isRequired, labelPosition = 'top', validationState, children, orientation, styles, groupStyles, insideForm, labelProps: baseLabelProps, isSolid, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
     groupStyles = extractStyles(otherProps, BLOCK_STYLES, groupStyles);
@@ -58,28 +59,13 @@ function RadioGroup(props, ref) {
                 validationState,
                 isDisabled,
             }, children: _jsx(RadioContext.Provider, { value: { state, name: props.name, isSolid }, children: children }) }) }));
-    return (_jsx(FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            labelProps,
-            fieldProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            tooltip,
-            isHidden,
-            orientation,
-            Component: radioGroup,
-            ref: domRef,
-            labelSuffix,
-        } }));
+    return wrapWithField(radioGroup, domRef, {
+        ...props,
+        children: null,
+        fieldProps,
+        labelProps: mergeProps(baseLabelProps, labelProps),
+        styles,
+    });
 }
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/SearchInput/SearchInput.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { CloseOutlined, SearchOutlined } from '@ant-design/icons';
-import { useSearchFieldState } from '@react-stately/searchfield';
-import { useSearchField } from '@react-aria/searchfield';
+import { useSearchFieldState } from 'react-stately';
+import { useSearchField } from 'react-aria';
 import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useProviderProps } from '../../../provider';
 import { Button } from '../../actions';

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Slider/Slider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Slider/SliderBase.js

@@ -1,16 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { useFocusableRef } from '@react-spectrum/utils';
-import { useSliderState } from '@react-stately/slider';
-import { useSlider } from '@react-aria/slider';
-import { useNumberFormatter } from '@react-aria/i18n';
+import { useSliderState } from 'react-stately';
+import { useSlider, useNumberFormatter } from 'react-aria';
 import { FieldWrapper } from '../FieldWrapper';
 import { extractStyles, OUTER_STYLES, tasty } from '../../../tasty';
 import { useFieldProps, useFormProps } from '../Form';

package/es/components/forms/Slider/SliderInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Slider/SliderThumb.js

@@ -1,15 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { useSliderThumb } from '@react-aria/slider';
-import { useHover } from '@react-aria/interactions';
-import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useHover, useSliderThumb, VisuallyHidden, } from 'react-aria';
 import { mergeProps } from '../../../utils/react';
 import { SliderThumbElement } from './elements';
 export function SliderThumb(props) {

package/es/components/forms/Slider/SliderTrack.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */
 

package/es/components/forms/Slider/elements.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.29.0
  * Released under the MIT license.
  */