@cube-dev/ui-kit 0.7.13 → 0.8.0

package/dist/cjs/stories/FormFieldArgs.d.ts

@@ -192,3 +192,134 @@ export declare const REQUIRED_MARK_ARG: {
         };
     };
 };
+export declare const TEXT_VALUE_ARG: {
+    value: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultValue: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const NUMBER_VALUE_ARG: {
+    value: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultValue: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const MULTIPLE_VALUE_ARG: {
+    value: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultValue: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const IS_SELECTED_ARG: {
+    isSelected: {
+        defaultValue: undefined;
+        description: string;
+        control: {
+            type: string;
+            options: (boolean | undefined)[];
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultSelected: {
+        defaultValue: undefined;
+        description: string;
+        control: {
+            type: string;
+            options: (boolean | undefined)[];
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const IS_INDETERMINATE_ARG: {
+    isIndeterminate: {
+        defaultValue: undefined;
+        description: string;
+        control: {
+            type: string;
+            options: (boolean | undefined)[];
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};
+export declare const SELECTED_KEY_ARG: {
+    selectedKey: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    defaultSelectedKey: {
+        defaultValue: undefined;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+};

package/dist/cjs/styles/gap.d.ts

@@ -1,5 +1,5 @@
 export declare function gapStyle({ display, flow, gap }: {
-    display?: string | undefined;
+    display: any;
     flow: any;
     gap: any;
 }): {

package/dist/cjs/utils/dotize.d.ts

@@ -0,0 +1,21 @@
+export declare const dotize: {
+    valTypes: {
+        none: string;
+        primitive: string;
+        object: string;
+        array: string;
+    };
+    getValType: (val: any) => string | undefined;
+    getPathType: (arrPath: any) => never[];
+    isUndefined: (obj: any) => boolean;
+    isNumber: (f: any) => boolean;
+    isEmptyObj: (obj: any) => boolean;
+    isNotObject: (obj: any) => boolean;
+    isEmptyArray: (arr: any) => boolean;
+    isNotArray: (arr: any) => boolean;
+    removeEmptyArrayItem: (arr: any) => any;
+    getFieldName: (field: any, prefix: any, isRoot: any, isArrayItem: any, isArray: any) => string;
+    startsWith: (val: any, valToSearch: any) => boolean;
+    convert: (obj: any, prefix?: string) => any;
+    backward: (obj: any, prefix: any) => any;
+};

package/dist/cjs/utils/react/nullableValue.d.ts

@@ -1,6 +1,7 @@
 import { Props } from '../../components/types';
 export declare function castNullableStringValue<T>(props: T): T;
 export declare function castNullableNumberValue<T>(props: T): T;
+export declare function castNullableArrayValue<T>(props: T): T;
 export declare function castNullableIsSelected<T>(props: T): T;
 export declare function castNullableSelectedKey<T>(props: T): T;
 export declare function castNullableField<T>(props: T, keys: string[], type?: string, cast?: (k: any) => any): T;

package/dist/cjs/utils/styles.d.ts

@@ -132,7 +132,7 @@ export declare function renderStylesToSC(styles: CSSMap | CSSMap[], selector?: s
  * @param {string} suffix
  */
 export declare function applyStates(selector: string, states: any, suffix?: string): any;
-export declare function styleHandlerCacheWrapper(styleHandler: any, limit?: number): ((map: any, suffix?: string | undefined) => any) & {
+export declare function styleHandlerCacheWrapper(styleHandler: any, limit?: number): ((firstArg: any, secondArg?: string | undefined) => any) & {
     __lookupStyles: any;
 };
 /**
@@ -166,7 +166,7 @@ export declare const STATE_OPERATORS: {
     XOR: string;
 };
 export declare const STATE_OPERATOR_LIST: string[];
-export declare const parseStateNotation: (map: any, suffix?: string | undefined) => any;
+export declare const parseStateNotation: (firstArg: any, secondArg?: string | undefined) => any;
 /**
  *
  * @param {StyleStateMap|string|number|boolean|null|undefined} styleStateMap
@@ -195,4 +195,4 @@ export declare const COMPUTE_FUNC_MAP: {
 export declare function computeState(computeModel: ComputeModel, valueMap: (number | boolean)[] | {
     [key: string]: boolean;
 } | Function): any;
-export declare function cacheWrapper(handler: Function, limit?: number): (map: any, suffix?: string | undefined) => any;
+export declare function cacheWrapper(handler: Function, limit?: number): (firstArg: any, secondArg?: string | undefined) => any;

package/dist/mjs/components/content/Result/Result.d.ts

@@ -16,4 +16,5 @@ export interface CubeResultProps extends BaseProps, ContainerStyleProps {
     title?: ReactNode;
 }
 export declare type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
-export declare const Result: import("react").ForwardRefExoticComponent<CubeResultProps & import("react").RefAttributes<HTMLElement>>;
+declare const _Result: import("react").ForwardRefExoticComponent<CubeResultProps & import("react").RefAttributes<unknown>>;
+export { _Result as Result };

package/dist/mjs/components/forms/Checkbox/Checkbox.d.ts

@@ -1,23 +1,19 @@
 /// <reference types="react" />
 import { AriaCheckboxProps } from '@react-types/checkbox';
+import { CheckboxGroup } from './CheckboxGroup';
 import { BaseProps } from '../../types';
 import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
 }
-/**
- * Checkboxes allow users to select multiple items from a list of individual items,
- * or to mark one individual item as selected.
- */
-declare let _Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
+declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;
     defaultSelected?: any;
 } & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
-    cubeInputType: string;
+    Group: typeof CheckboxGroup;
+} & {
     Group: import("react").ForwardRefExoticComponent<Omit<import("./CheckboxGroup").CubeCheckboxGroupProps, "value" | "defaultValue"> & {
         value?: any;
         defaultValue?: any;
-    } & import("react").RefAttributes<unknown>> & {
-        cubeInputType: string;
-    };
+    } & import("react").RefAttributes<unknown>>;
 };
-export { _Checkbox as Checkbox };
+export { __Checkbox as Checkbox };

package/dist/mjs/components/forms/Checkbox/CheckboxGroup.d.ts

@@ -12,7 +12,5 @@ export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProp
 declare const _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _CheckboxGroup as CheckboxGroup };

package/dist/mjs/components/forms/FileInput/FileInput.d.ts

@@ -4,6 +4,10 @@ import { BaseProps, BlockStyleProps, PositionStyleProps } from '../../types';
 import { AriaTextFieldProps } from '@react-types/textfield';
 import { FormFieldProps } from '../../../shared';
 export interface CubeFileInputProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
+    /**
+     * The size of the input
+     * @default default
+     */
     size?: 'small' | 'default' | 'large' | string;
     /** The input ref */
     inputRef?: RefObject<HTMLInputElement>;
@@ -11,7 +15,7 @@ export interface CubeFileInputProps extends BaseProps, PositionStyleProps, Block
     inputStyles?: Styles;
     /**
      * The type of the input
-     * @default 'file'
+     * @default file
      */
     type?: 'file' | 'text';
 }

package/dist/mjs/components/forms/Form/Field.d.ts

@@ -25,5 +25,7 @@ export interface CubeFieldProps extends OptionalFieldBaseProps {
     tooltip?: ReactNode;
     /** Field name. It's used as a key the form data. */
     name?: string[] | string;
+    /** Whether the field is hidden. */
+    isHidden?: boolean;
 }
 export declare function Field(allProps: CubeFieldProps): JSX.Element | null;

package/dist/mjs/components/forms/NumberInput/NumberInput.d.ts

@@ -11,7 +11,5 @@ export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defa
 declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _NumberInput as NumberInput };

package/dist/mjs/components/forms/PasswordInput/PasswordInput.d.ts

@@ -8,7 +8,5 @@ import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
 declare const _PasswordInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _PasswordInput as PasswordInput };

package/dist/mjs/components/forms/RadioGroup/Radio.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { RadioGroup } from './RadioGroup';
 import { Styles } from '../../../styles/types';
 import { BaseProps } from '../../types';
 import { AriaRadioProps } from '@react-types/radio';
@@ -7,19 +8,20 @@ export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProp
     inputStyles?: Styles;
     type?: 'button' | 'radio';
 }
-declare function RadioButton(props: CubeRadioProps, ref: any): JSX.Element;
 /**
  * Radio buttons 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 _Radio: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>> & {
+declare const _RadioButton: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>>;
+declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>> & {
+    Group: typeof RadioGroup;
+    Button: typeof _RadioButton;
+} & {
     Group: import("react").ForwardRefExoticComponent<Omit<import("./RadioGroup").CubeRadioGroupProps, "value" | "defaultValue"> & {
         value?: any;
         defaultValue?: any;
-    } & import("react").RefAttributes<unknown>> & {
-        cubeInputType: string;
-    };
+    } & import("react").RefAttributes<unknown>>;
     Button: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>>;
 };
-export { _Radio as Radio };
-export { RadioButton };
+export { __Radio as Radio };
+export { _RadioButton as RadioButton };

package/dist/mjs/components/forms/RadioGroup/RadioGroup.d.ts

@@ -13,7 +13,5 @@ export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, For
 declare const _RadioGroup: import("react").ForwardRefExoticComponent<Omit<CubeRadioGroupProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _RadioGroup as RadioGroup };

package/dist/mjs/components/forms/Switch/Switch.d.ts

@@ -15,7 +15,5 @@ export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleP
 declare let _Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;
     defaultSelected?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _Switch as Switch };

package/dist/mjs/components/forms/TextArea/TextArea.d.ts

@@ -15,7 +15,5 @@ export interface CubeTextAreaProps extends CubeTextInputBaseProps {
 declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _TextArea as TextArea };

package/dist/mjs/components/forms/TextInput/TextInput.d.ts

@@ -8,7 +8,5 @@ import { CubeTextInputBaseProps } from './TextInputBase';
 declare const _TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-};
+} & import("react").RefAttributes<unknown>>;
 export { _TextInput as TextInput };

package/dist/mjs/components/pickers/ComboBox/ComboBox.d.ts

@@ -1,5 +1,6 @@
 import { RefObject } from 'react';
 import { CubeSelectBaseProps } from '../Select/Select';
+import { Item } from '@react-stately/collections';
 import { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import { ComboBoxProps } from '@react-types/combobox';
 export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
@@ -16,8 +17,9 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     filter?: (val: any, str: string) => boolean;
     size?: 'small' | 'default' | 'large' | string;
 }
-declare const _ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
+declare const __ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
+    Item: typeof Item;
+} & {
     Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
 };
-export { _ComboBox as ComboBox };
+export { __ComboBox as ComboBox };

package/dist/mjs/components/pickers/Select/Select.d.ts

@@ -39,7 +39,5 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     placement: any;
     minWidth: any;
 }): JSX.Element;
-declare const _Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
-};
-export { _Select as Select };
+declare const __Select: any;
+export { __Select as Select };

package/dist/mjs/components/types.d.ts

@@ -23,6 +23,8 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
     qa?: string;
     /** QA value for e2e testing. An alias for `data-qaval` attribute. */
     qaVal?: string | number;
+    /** Inner element name */
+    element?: string;
     /** The style map */
     styles?: Styles;
     /** The list of responsive points in pixels */

package/dist/mjs/index.d.ts

@@ -154,32 +154,22 @@ declare const Input: import("react").ForwardRefExoticComponent<Omit<import("./co
     value?: any;
     defaultValue?: any;
 } & import("react").RefAttributes<unknown>> & {
-    cubeInputType: string;
-} & {
     Text: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
         value?: any;
         defaultValue?: any;
-    } & import("react").RefAttributes<unknown>> & {
-        cubeInputType: string;
-    };
+    } & import("react").RefAttributes<unknown>>;
     Password: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
         value?: any;
         defaultValue?: any;
-    } & import("react").RefAttributes<unknown>> & {
-        cubeInputType: string;
-    };
+    } & import("react").RefAttributes<unknown>>;
     Number: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/NumberInput/NumberInput").CubeNumberInputProps, "value" | "defaultValue"> & {
         value?: any;
         defaultValue?: any;
-    } & import("react").RefAttributes<unknown>> & {
-        cubeInputType: string;
-    };
+    } & import("react").RefAttributes<unknown>>;
     TextArea: import("react").ForwardRefExoticComponent<Omit<import("./components/forms/TextArea/TextArea").CubeTextAreaProps, "value" | "defaultValue"> & {
         value?: any;
         defaultValue?: any;
-    } & import("react").RefAttributes<unknown>> & {
-        cubeInputType: string;
-    };
+    } & import("react").RefAttributes<unknown>>;
     File: import("react").ForwardRefExoticComponent<import("./components/forms/FileInput/FileInput").CubeFileInputProps & import("react").RefAttributes<unknown>>;
 };
 export { Input };