@cube-dev/ui-kit 0.0.0-canary-2f06269 → 0.0.0-canary-4209980

package/cjs/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -11,12 +11,11 @@ exports.Checkbox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
-const checkbox_1 = require("@react-aria/checkbox");
-const interactions_1 = require("@react-aria/interactions");
-const toggle_1 = require("@react-stately/toggle");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
-const interactions_2 = require("../../../utils/react/interactions");
+const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const Label_1 = require("../Label");
 const HiddenInput_1 = require("../../HiddenInput");
@@ -103,13 +102,13 @@ function Checkbox(props, ref) {
         ...(insideForm ? Label_1.LABEL_STYLES : Label_1.INLINE_LABEL_STYLES),
         ...labelStyles,
     }), [insideForm, labelStyles]);
-    let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled }, true);
-    let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled }, true);
+    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
     let inputRef = (0, react_1.useRef)(null);
     let domRef = (0, utils_1.useFocusableRef)(ref, inputRef);
-    const toggleState = (0, toggle_1.useToggleState)(props);
+    const toggleState = (0, react_stately_1.useToggleState)(props);
     let { inputProps } = groupState // eslint-disable-next-line react-hooks/rules-of-hooks
-        ? (0, checkbox_1.useCheckboxGroupItem)({
+        ? (0, react_aria_1.useCheckboxGroupItem)({
             ...props,
             // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
             // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).
@@ -119,7 +118,7 @@ function Checkbox(props, ref) {
             isRequired: originalProps.isRequired,
             validationState: originalProps.validationState,
         }, groupState, inputRef) // eslint-disable-next-line react-hooks/rules-of-hooks
-        : (0, checkbox_1.useCheckbox)({
+        : (0, react_aria_1.useCheckbox)({
             ...props,
             ...(typeof label === 'string' && label.trim()
                 ? { 'aria-label': label }

package/cjs/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -11,8 +11,8 @@ exports.CheckboxGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
-const checkbox_1 = require("@react-aria/checkbox");
-const checkbox_2 = require("@react-stately/checkbox");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
@@ -50,8 +50,8 @@ function CheckboxGroup(props, ref) {
     let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, validationState, children, orientation = 'vertical', message, description, labelStyles, tooltip, labelProps: baseLabelProps, labelSuffix, inputStyles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    let state = (0, checkbox_2.useCheckboxGroupState)(props);
-    let { groupProps, labelProps } = (0, checkbox_1.useCheckboxGroup)(props, state);
+    let state = (0, react_stately_1.useCheckboxGroupState)(props);
+    let { groupProps, labelProps } = (0, react_aria_1.useCheckboxGroup)(props, state);
     let radioGroup = ((0, jsx_runtime_1.jsx)(CheckGroupElement, { styles: inputStyles, mods: {
             horizontal: orientation === 'horizontal',
         }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: {

package/cjs/components/forms/Checkbox/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/DateInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -11,9 +11,8 @@ exports.DateInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const date_1 = require("@internationalized/date");
-const datepicker_1 = require("@react-aria/datepicker");
-const datepicker_2 = require("@react-stately/datepicker");
-const i18n_1 = require("@react-aria/i18n");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
 const wrapper_1 = require("../wrapper");
 const tasty_1 = require("../../../tasty");
@@ -38,8 +37,8 @@ function DateInput(props, ref) {
     let { autoFocus, isDisabled, inputStyles, wrapperStyles, isReadOnly, isRequired, size = 'medium', useLocale: useLocaleProp, } = props;
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, wrapperStyles);
     let domRef = (0, utils_1.useFocusManagerRef)(ref);
-    let { locale } = (0, i18n_1.useLocale)();
-    let state = (0, datepicker_2.useDateFieldState)({
+    let { locale } = (0, react_aria_1.useLocale)();
+    let state = (0, react_stately_1.useDateFieldState)({
         ...props,
         locale,
         createCalendar: date_1.createCalendar,
@@ -48,7 +47,7 @@ function DateInput(props, ref) {
         state.segments = (0, utils_1.formatSegments)(state.segments);
     }
     let fieldRef = (0, react_1.useRef)(null);
-    let { labelProps, fieldProps } = (0, datepicker_1.useDateField)(props, state, fieldRef);
+    let { labelProps, fieldProps } = (0, react_aria_1.useDateField)(props, state, fieldRef);
     const component = ((0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { ref: fieldRef, size: size, fieldProps: fieldProps, isDisabled: isDisabled, autoFocus: autoFocus, validationState: state.validationState, styles: wrapperStyles, inputStyles: inputStyles, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
     return (0, wrapper_1.wrapWithField)(component, domRef, {
         ...props,

package/cjs/components/forms/DatePicker/DateInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -32,13 +32,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateInputBase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("@react-aria/utils");
 const react_1 = __importStar(require("react"));
-const focus_1 = require("@react-aria/focus");
+const utils_1 = require("@react-aria/utils");
+const react_aria_1 = require("react-aria");
 const tasty_1 = require("../../../tasty");
 const TextInputBase_1 = require("../TextInput/TextInputBase");
 const InvalidIcon_1 = require("../../shared/InvalidIcon");
 const ValidIcon_1 = require("../../shared/ValidIcon");
+const react_2 = require("../../../utils/react");
 const DateInputWrapperElement = (0, tasty_1.tasty)({
     qa: 'DateInputWrapper',
     role: 'presentation',
@@ -60,7 +61,7 @@ function DateInputBase(props, ref) {
     let inputRef = (0, react_1.useRef)(null);
     let { isDisabled, inputStyles, children, fieldProps, style, disableFocusRing, autoFocus, validationState, isLoading, size = 'medium', } = props;
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    let { focusProps, isFocused } = (0, focus_1.useFocusRing)({
+    let { focusProps, isFocused } = (0, react_aria_1.useFocusRing)({
         isTextInput: true,
         within: true,
         autoFocus,
@@ -72,7 +73,7 @@ function DateInputBase(props, ref) {
             disabled: isDisabled,
             focused: isFocused && !disableFocusRing,
             invalid: isInvalid,
-        }, ...(0, utils_1.mergeProps)(fieldProps ?? {}, focusProps), style: style, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Contents", role: "presentation", children: (0, jsx_runtime_1.jsx)(DateInputElement, { ref: (0, utils_1.mergeRefs)(ref, inputRef), "data-size": size, role: "presentation", styles: inputStyles, children: children }) }), validationState && !isLoading ? validation : undefined] }));
+        }, ...(0, react_2.mergeProps)(fieldProps ?? {}, focusProps), style: style, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Contents", role: "presentation", children: (0, jsx_runtime_1.jsx)(DateInputElement, { ref: (0, utils_1.mergeRefs)(ref, inputRef), "data-size": size, role: "presentation", styles: inputStyles, children: children }) }), validationState && !isLoading ? validation : undefined] }));
 }
 const _DateInputBase = react_1.default.forwardRef(DateInputBase);
 exports.DateInputBase = _DateInputBase;

package/cjs/components/forms/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -10,9 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const datepicker_1 = require("@react-aria/datepicker");
-const datepicker_2 = require("@react-stately/datepicker");
-const focus_1 = require("@react-aria/focus");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
 const wrapper_1 = require("../wrapper");
 const tasty_1 = require("../../../tasty");
@@ -38,23 +37,23 @@ function DatePicker(props, ref) {
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
     let { size, placeholderValue, isDisabled, validationState, useLocale: useLocaleProp, autoFocus, } = props;
     let targetRef = (0, react_1.useRef)(null);
-    let state = (0, datepicker_2.useDatePickerState)({
+    let state = (0, react_stately_1.useDatePickerState)({
         ...props,
         shouldCloseOnSelect: () => !state.hasTime,
     });
     let { isOpen, setOpen } = state;
     let domRef = (0, utils_1.useFocusManagerRef)(ref);
-    let { isFocused, focusProps } = (0, focus_1.useFocusRing)({
+    let { isFocused, focusProps } = (0, react_aria_1.useFocusRing)({
         within: true,
         isTextInput: true,
         autoFocus,
     });
-    let { isFocused: isFocusedButton, focusProps: focusPropsButton } = (0, focus_1.useFocusRing)({
+    let { isFocused: isFocusedButton, focusProps: focusPropsButton } = (0, react_aria_1.useFocusRing)({
         within: false,
         isTextInput: false,
         autoFocus,
     });
-    let { groupProps, labelProps, fieldProps, buttonProps, dialogProps, calendarProps, } = (0, datepicker_1.useDatePicker)(props, state, targetRef);
+    let { groupProps, labelProps, fieldProps, buttonProps, dialogProps, calendarProps, } = (0, react_aria_1.useDatePicker)(props, state, targetRef);
     let placeholder = placeholderValue;
     let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;
     let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : undefined;

package/cjs/components/forms/DatePicker/DatePickerButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/DatePickerElement.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/DatePickerInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -11,9 +11,8 @@ exports.DatePickerInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const date_1 = require("@internationalized/date");
-const datepicker_1 = require("@react-aria/datepicker");
-const datepicker_2 = require("@react-stately/datepicker");
-const i18n_1 = require("@react-aria/i18n");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const tasty_1 = require("../../../tasty");
 const DatePickerSegment_1 = require("./DatePickerSegment");
 const utils_1 = require("./utils");
@@ -28,8 +27,8 @@ const DateInputElement = (0, tasty_1.tasty)({
 function DatePickerInput(props) {
     let { isDisabled, isReadOnly, isRequired, useLocale: useLocaleProp } = props;
     let ref = (0, react_1.useRef)(null);
-    let { locale } = (0, i18n_1.useLocale)();
-    let state = (0, datepicker_2.useDateFieldState)({
+    let { locale } = (0, react_aria_1.useLocale)();
+    let state = (0, react_stately_1.useDateFieldState)({
         ...props,
         locale,
         createCalendar: date_1.createCalendar,
@@ -37,7 +36,7 @@ function DatePickerInput(props) {
     if (!useLocaleProp) {
         state.segments = (0, utils_1.formatSegments)(state.segments);
     }
-    let { fieldProps } = (0, datepicker_1.useDateField)(props, state, ref);
+    let { fieldProps } = (0, react_aria_1.useDateField)(props, state, ref);
     return ((0, jsx_runtime_1.jsx)(DateInputElement, { ref: ref, ...fieldProps, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
 }
 exports.DatePickerInput = DatePickerInput;

package/cjs/components/forms/DatePicker/DatePickerSegment.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerSegment = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const datepicker_1 = require("@react-aria/datepicker");
+const react_aria_1 = require("react-aria");
 const tasty_1 = require("../../../tasty");
 const LiteralSegmentElement = (0, tasty_1.tasty)({
     qa: 'LiteralSegment',
@@ -55,7 +55,7 @@ function LiteralSegment({ segment }) {
 }
 function EditableSegment({ segment, state }) {
     let ref = (0, react_1.useRef)(null);
-    let { segmentProps } = (0, datepicker_1.useDateSegment)(segment, state, ref);
+    let { segmentProps } = (0, react_aria_1.useDateSegment)(segment, state, ref);
     return ((0, jsx_runtime_1.jsx)(EditableSegmentElement, { ...segmentProps, ref: ref, mods: {
             placeholder: segment.isPlaceholder,
             'read-only': !segment.isEditable,

package/cjs/components/forms/DatePicker/DateRangePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -10,9 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateRangePicker = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const datepicker_1 = require("@react-aria/datepicker");
-const datepicker_2 = require("@react-stately/datepicker");
-const focus_1 = require("@react-aria/focus");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
 const wrapper_1 = require("../wrapper");
 const tasty_1 = require("../../../tasty");
@@ -47,23 +46,23 @@ function DateRangePicker(props, ref) {
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
     let { size, shouldFlip, placeholderValue, isDisabled, validationState, useLocale: useLocaleProp, autoFocus, } = props;
     let targetRef = (0, react_1.useRef)(null);
-    let state = (0, datepicker_2.useDateRangePickerState)({
+    let state = (0, react_stately_1.useDateRangePickerState)({
         ...props,
         shouldCloseOnSelect: () => !state.hasTime,
     });
     let { isOpen, setOpen } = state;
-    let { isFocused, focusProps } = (0, focus_1.useFocusRing)({
+    let { isFocused, focusProps } = (0, react_aria_1.useFocusRing)({
         within: true,
         isTextInput: true,
         autoFocus,
     });
-    let { isFocused: isFocusedButton, focusProps: focusPropsButton } = (0, focus_1.useFocusRing)({
+    let { isFocused: isFocusedButton, focusProps: focusPropsButton } = (0, react_aria_1.useFocusRing)({
         within: false,
         isTextInput: false,
         autoFocus,
     });
     let domRef = (0, utils_1.useFocusManagerRef)(ref);
-    let { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps, } = (0, datepicker_1.useDateRangePicker)(props, state, targetRef);
+    let { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps, calendarProps, } = (0, react_aria_1.useDateRangePicker)(props, state, targetRef);
     let placeholder = placeholderValue;
     let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;
     let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : undefined;

package/cjs/components/forms/DatePicker/TimeInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
@@ -10,9 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const i18n_1 = require("@react-aria/i18n");
-const datepicker_1 = require("@react-aria/datepicker");
-const datepicker_2 = require("@react-stately/datepicker");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const wrapper_1 = require("../wrapper");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
@@ -31,13 +30,13 @@ function TimeInput(props, ref) {
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
     let { inputStyles, wrapperStyles, autoFocus, isDisabled, isReadOnly, isRequired, validationState, size = 'medium', } = props;
     let domRef = (0, utils_1.useFocusManagerRef)(ref);
-    let { locale } = (0, i18n_1.useLocale)();
-    let state = (0, datepicker_2.useTimeFieldState)({
+    let { locale } = (0, react_aria_1.useLocale)();
+    let state = (0, react_stately_1.useTimeFieldState)({
         ...props,
         locale,
     });
     let fieldRef = (0, react_1.useRef)(null);
-    let { labelProps, fieldProps } = (0, datepicker_1.useTimeField)(props, state, fieldRef);
+    let { labelProps, fieldProps } = (0, react_aria_1.useTimeField)(props, state, fieldRef);
     const timeInput = ((0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { ref: fieldRef, size: size, fieldProps: fieldProps, isDisabled: isDisabled, autoFocus: autoFocus, inputStyles: inputStyles, styles: wrapperStyles, validationState: validationState, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
     return (0, wrapper_1.wrapWithField)(timeInput, domRef, {
         ...props,

package/cjs/components/forms/DatePicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/intl.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/parseDate.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

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

@@ -1,63 +1,67 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatSegments = exports.useFocusManagerRef = exports.useVisibleMonths = exports.useFormatHelpText = void 0;
+exports.formatSegments = exports.useFocusManagerRef = void 0;
 const utils_1 = require("@react-spectrum/utils");
 const focus_1 = require("@react-aria/focus");
-const i18n_1 = require("@react-aria/i18n");
-const datepicker_1 = require("@react-aria/datepicker");
 const react_1 = require("react");
-const utils_2 = require("@react-aria/utils");
-function useFormatHelpText(props) {
-    let formatter = (0, i18n_1.useDateFormatter)({ dateStyle: 'short' });
-    let displayNames = (0, datepicker_1.useDisplayNames)();
-    return (0, react_1.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]);
-}
-exports.useFormatHelpText = useFormatHelpText;
-function useVisibleMonths(maxVisibleMonths) {
-    let [visibleMonths, setVisibleMonths] = (0, react_1.useState)(getVisibleMonths('large'));
-    (0, utils_2.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));
-}
-exports.useVisibleMonths = useVisibleMonths;
-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 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),
+//   );
+// }
 function useFocusManagerRef(ref) {
     let domRef = (0, react_1.useRef)();
     (0, react_1.useImperativeHandle)(ref, () => ({

package/cjs/components/forms/FieldWrapper/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-2f06269
+ * @cube-dev/ui-kit v0.0.0-canary-4209980
  * Released under the MIT license.
  */