@cube-dev/ui-kit 0.63.3 → 0.64.1

package/es/tasty/utils/modAttrs.js

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

package/es/tasty/utils/renderStyles.js

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

package/es/tasty/utils/responsive.js

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

package/es/tasty/utils/string.js

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

package/es/tasty/utils/styles.js

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

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

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

package/es/type-checks.js

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

package/es/utils/ResizeSensor.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/random.js

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

package/es/utils/range.js

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

package/es/utils/react/Slots.js

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

package/es/utils/react/chain.js

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

package/es/utils/react/index.js

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

package/es/utils/react/interactions.js

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

package/es/utils/react/isTextOnly.js

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

package/es/utils/react/mapProps.js

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

package/es/utils/react/mergeProps.js

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

package/es/utils/react/nullableValue.js

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

package/es/utils/react/useCombinedRefs.js

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

package/es/utils/react/useId.js

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

package/es/utils/react/useLayoutEffect.js

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

package/es/utils/react/useQaProps.js

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

package/es/utils/react/useViewportSize.js

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

package/es/utils/react/wrapNodeIfPlain.js

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

package/es/utils/transitions.js

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

package/es/utils/tree.js

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

package/es/utils/warnings.js

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

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.63.3
+ * @cube-dev/ui-kit v0.64.1
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.63.3';
+    const version = '0.64.1';
     // Ensure CubeUIKit is defined on window in a way bundlers recognize
     window.CubeUIKit = window.CubeUIKit || { version };
     // Check for multiple versions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.63.3",
+  "version": "0.64.1",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/fields/Checkbox/Checkbox.d.ts

@@ -13,10 +13,7 @@ declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheck
 } & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
     Group: typeof CheckboxGroup;
 } & {
-    Group: import("react").ForwardRefExoticComponent<Omit<import("./CheckboxGroup").CubeCheckboxGroupProps, "value" | "defaultValue"> & {
-        value?: T_1["value"] | any;
-        defaultValue?: T_1["defaultValue"] | any;
-    } & import("react").RefAttributes<unknown>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/react/nullableValue").WithNullableValue<import("./CheckboxGroup").CubeCheckboxGroupProps>, "ref"> & import("react").RefAttributes<unknown>>;
 };
 export { __Checkbox as Checkbox };
 export type { AriaCheckboxProps };

package/types/components/fields/Checkbox/CheckboxGroup.d.ts

@@ -1,7 +1,8 @@
 import { AriaCheckboxGroupProps } from 'react-aria';
 import { FieldBaseProps } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FieldBaseProps, ContainerStyleProps {
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export interface CubeCheckboxGroupProps extends BaseProps, Omit<AriaCheckboxGroupProps, 'errorMessage'>, FieldBaseProps, ContainerStyleProps {
     orientation?: 'vertical' | 'horizontal';
     inputStyles?: Styles;
 }
@@ -9,8 +10,5 @@ export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProp
  * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
-declare const _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
-    value?: T["value"] | any;
-    defaultValue?: T["defaultValue"] | any;
-} & import("react").RefAttributes<unknown>>;
+declare const _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeCheckboxGroupProps>, "ref"> & import("react").RefAttributes<unknown>>;
 export { _CheckboxGroup as CheckboxGroup };

package/types/components/fields/ComboBox/ComboBox.d.ts

@@ -1,11 +1,12 @@
 import { ForwardedRef, ReactElement, RefObject } from 'react';
 import { AriaComboBoxProps, AriaTextFieldProps } from 'react-aria';
 import { Section as BaseSection, Item } from 'react-stately';
+import { FieldBaseProps } from '../../../shared';
 import type { KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { CubeSelectBaseProps } from '../Select';
 type FilterFn = (textValue: string, inputValue: string) => boolean;
 export type MenuTriggerAction = 'focus' | 'input' | 'manual';
-export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, AriaComboBoxProps<T>, AriaTextFieldProps {
+export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, Omit<AriaComboBoxProps<T>, 'errorMessage'>, Omit<AriaTextFieldProps, 'errorMessage'>, FieldBaseProps {
     defaultSelectedKey?: string | null;
     selectedKey?: string | null;
     onSelectionChange?: (selectedKey: string | null) => void;

package/types/components/fields/DatePicker/DateInput.d.ts

@@ -2,7 +2,7 @@ import { FocusableRef } from '@react-types/shared';
 import { AriaDateFieldProps, DateValue } from 'react-aria';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-export interface CubeDateInputProps<T extends DateValue = DateValue> extends AriaDateFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+export interface CubeDateInputProps<T extends DateValue = DateValue> extends Omit<AriaDateFieldProps<T>, 'errorMessage'>, BaseProps, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     styles?: Styles;

package/types/components/fields/DatePicker/DatePicker.d.ts

@@ -2,7 +2,7 @@ import { AriaDatePickerProps, DateValue } from 'react-aria';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { DateFieldBase } from './types';
-export interface CubeDatePickerProps<T extends DateValue = DateValue> extends AriaDatePickerProps<T>, DateFieldBase<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+export interface CubeDatePickerProps<T extends DateValue = DateValue> extends Omit<AriaDatePickerProps<T>, 'errorMessage'>, DateFieldBase<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     triggerStyles?: Styles;
@@ -13,5 +13,5 @@ export interface CubeDatePickerProps<T extends DateValue = DateValue> extends Ar
     shouldFlip?: boolean;
     useLocale?: boolean;
 }
-declare const _DatePicker: import("react").ForwardRefExoticComponent<CubeDatePickerProps<DateValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _DatePicker: import("react").ForwardRefExoticComponent<Omit<CubeDatePickerProps<DateValue>, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export { _DatePicker as DatePicker };

package/types/components/fields/DatePicker/DatePickerInput.d.ts

@@ -1,6 +1,6 @@
 import { AriaDatePickerProps, DateValue } from 'react-aria';
 import { DateFieldBase, Granularity } from './types';
-interface CubeDatePickerInputProps<T extends DateValue> extends AriaDatePickerProps<T>, DateFieldBase<T> {
+interface CubeDatePickerInputProps<T extends DateValue> extends Omit<AriaDatePickerProps<T>, 'errorMessage'>, DateFieldBase<T> {
     hideValidationIcon?: boolean;
     maxGranularity?: Granularity;
     useLocale?: boolean;

package/types/components/fields/DatePicker/DateRangePicker.d.ts

@@ -3,7 +3,7 @@ import { AriaDateRangePickerProps, DateValue } from 'react-aria';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { DateFieldBase } from './types';
-export interface CubeDateRangePickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, DateFieldBase<T>, ContainerStyleProps, FieldBaseProps {
+export interface CubeDateRangePickerProps<T extends DateValue = DateValue> extends Omit<AriaDateRangePickerProps<T>, 'errorMessage'>, BaseProps, DateFieldBase<T>, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     styles?: Styles;

package/types/components/fields/DatePicker/DateRangeSeparatedPicker.d.ts

@@ -4,7 +4,7 @@ import { AriaDateRangePickerProps, DateValue } from 'react-aria';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { DateFieldBase } from './types';
-export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, ContainerStyleProps, DateFieldBase<T>, FieldBaseProps {
+export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends Omit<AriaDateRangePickerProps<T>, 'errorMessage'>, BaseProps, ContainerStyleProps, DateFieldBase<T>, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     styles?: Styles;

package/types/components/fields/DatePicker/TimeInput.d.ts

@@ -2,7 +2,7 @@ import { AriaTimeFieldProps, DateValue, TimeValue } from 'react-aria';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { Granularity } from './types';
-export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends AriaTimeFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Omit<AriaTimeFieldProps<T>, 'errorMessage'>, BaseProps, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     styles?: Styles;
@@ -32,5 +32,5 @@ export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Ari
  * TimeFields allow users to enter and edit time values using a keyboard.
  * Each part of the time is displayed in an individually editable segment.
  */
-declare const _TimeInput: import("react").ForwardRefExoticComponent<CubeTimeInputProps<TimeValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _TimeInput: import("react").ForwardRefExoticComponent<Omit<CubeTimeInputProps<TimeValue>, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export { _TimeInput as TimeInput };

package/types/components/fields/ListBox/ListBox.d.ts

@@ -0,0 +1,50 @@
+import { ForwardedRef, ReactElement, RefObject } from 'react';
+import { AriaListBoxProps } from 'react-aria';
+import { Section as BaseSection, Item } from 'react-stately';
+import { Styles } from '../../../tasty';
+import type { CollectionBase, Key } from '@react-types/shared';
+import type { FieldBaseProps } from '../../../shared';
+type FilterFn = (textValue: string, inputValue: string) => boolean;
+export interface CubeListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'onSelectionChange'>, CollectionBase<T>, FieldBaseProps {
+    /** Whether the ListBox is searchable */
+    isSearchable?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Whether the search input should have autofocus */
+    autoFocus?: boolean;
+    /** The filter function used to determine if an option should be included in the filtered list */
+    filter?: FilterFn;
+    /** Custom styles for the search input */
+    searchInputStyles?: Styles;
+    /** Custom styles for the list container */
+    listStyles?: Styles;
+    /** Custom styles for options */
+    optionStyles?: Styles;
+    /** Custom styles for sections */
+    sectionStyles?: Styles;
+    /** Custom styles for section headings */
+    headingStyles?: Styles;
+    /** Whether the ListBox is disabled */
+    isDisabled?: boolean;
+    /** Whether the ListBox as a whole is loading (generic loading indicator) */
+    isLoading?: boolean;
+    /** The selected key(s) */
+    selectedKey?: Key | null;
+    selectedKeys?: Key[] | 'all';
+    /** Default selected key(s) */
+    defaultSelectedKey?: Key | null;
+    defaultSelectedKeys?: Key[] | 'all';
+    /** Selection change handler */
+    onSelectionChange?: (key: Key | null | Key[]) => void;
+    /** Ref for the search input */
+    searchInputRef?: RefObject<HTMLInputElement>;
+    /** Ref for the list */
+    listRef?: RefObject<HTMLElement>;
+}
+export declare const ListBox: (<T>(props: CubeListBoxProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement) & {
+    Item: typeof Item;
+    Section: typeof BaseSection;
+};
+export {};

package/types/components/fields/ListBox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListBox';
+export type { CubeListBoxProps } from './ListBox';