@cube-dev/ui-kit 0.6.53 → 0.6.57

package/dist/cjs/shared/form.d.ts

@@ -7,9 +7,7 @@ export declare type NecessityIndicator = 'icon' | 'label';
 export declare type ValidationState = 'invalid' | 'valid';
 /** On which event perform validation for the field */
 export declare type ValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
-export interface FieldBaseProps {
-    /** The field name */
-    name: string;
+export interface OptionalFieldBaseProps {
     /** The label of the field */
     label?: string;
     /** The validation state of the field */
@@ -19,6 +17,10 @@ export interface FieldBaseProps {
     necessityIndicator?: NecessityIndicator;
     necessityLabel?: ReactNode;
 }
+export interface FieldBaseProps extends OptionalFieldBaseProps {
+    /** The field name */
+    name: string[] | string;
+}
 export interface FormBaseProps {
     labelStyles?: Styles;
     labelPosition?: LabelPosition;
@@ -40,6 +42,7 @@ export interface FormFieldProps extends FormBaseProps {
     label?: ReactNode;
     labelProps?: Props;
     message?: ReactNode;
+    tooltip?: ReactNode;
 }
 export declare type ValidationRuleBase = {
     [key: string]: any;

package/dist/mjs/components/actions/Button/Button.d.ts

@@ -7,12 +7,13 @@ export interface CubeButtonProps extends CubeActionProps {
     type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | string;
     size?: 'small' | 'default' | 'large' | string;
 }
-export declare function provideStyles({ size, type, theme, isLoading, icon, children, }: {
+export declare function provideStyles({ size, type, theme, isLoading, icon, children, label, }: {
     size: any;
     type: any;
     theme: any;
     isLoading: any;
     icon: any;
     children: any;
+    label: any;
 }): any;
 export declare const Button: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

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

@@ -5,7 +5,6 @@ export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;
     label?: string;
-    insideForm?: boolean;
     styles?: Styles;
     isRequired?: boolean;
     isDisabled?: boolean;
@@ -18,6 +17,7 @@ export declare type CubeFieldWrapperProps = {
     Component?: JSX.Element;
     validationState?: ValidationState;
     requiredMark?: boolean;
+    tooltip?: ReactNode;
 };
 /**
  * A wrapper for form fields to provide additional decoration for inputs.

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

@@ -1,7 +1,9 @@
-import { ReactElement } from 'react';
-import { FieldBaseProps, ValidationRule } from '../../../shared';
+import { ReactElement, ReactNode } from 'react';
+import { OptionalFieldBaseProps, ValidationRule } from '../../../shared';
 import { FormStore } from './useForm';
-export interface CubeFieldProps extends FieldBaseProps {
+export interface CubeFieldProps extends OptionalFieldBaseProps {
+    /** The initial value of the input. */
+    defaultValue?: any;
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
     type?: string;
     /** The unique ID of the field */
@@ -9,11 +11,14 @@ export interface CubeFieldProps extends FieldBaseProps {
     /** The id prefix for the field to avoid collisions between forms */
     idPrefix?: string;
     children?: ReactElement | ((FormStore: any) => ReactElement);
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
     /** Validation rules */
     rules?: ValidationRule[];
     /** The form instance */
     form?: FormStore;
     /** The message for the field or text for the error */
     message?: string;
+    tooltip?: ReactNode;
+    name?: string[] | string;
 }
-export declare function Field(allProps: CubeFieldProps): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare function Field(allProps: CubeFieldProps): JSX.Element | null;

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

@@ -19,24 +19,28 @@ export declare class FormStore {
     onSubmit: (CubeFormData: any) => void | Promise<any>;
     constructor(forceReRender?: () => void);
     submit(): Promise<any>;
-    setFieldValues(newData: {
+    setFieldsValue(newData: {
         [key: string]: any;
-    }, touched?: boolean): void;
+    }, touched?: boolean, reRender?: boolean, createFields?: boolean): void;
     getFieldValue(name: any): any;
     getFieldsValue(): CubeFormData;
-    setFieldValue(name: string, value: any, touched?: boolean): void;
+    /**
+     * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
+     */
+    getFormData(): CubeFormData;
+    setFieldValue(name: string, value: any, touched?: boolean, reRender?: boolean): void;
     getFieldInstance(name: string): CubeField;
-    setInitialFieldValues(values: {
+    setInitialFieldsValue(values: {
         [key: string]: any;
     }): void;
-    resetFields(): void;
+    resetFields(reRender?: boolean): void;
     validateField(name: string): Promise<any>;
     validateFields(list?: string[]): Promise<any>;
     isFieldValid(name: string): boolean;
     isFieldInvalid(name: string): boolean;
     isFieldTouched(name: string): boolean;
     getFieldError(name: string): string[];
-    createField(name: string): void;
+    createField(name: string, reRender?: boolean): void;
     setFields(newFields: CubeField[]): void;
     setSubmitting(isSubmitting: boolean): void;
     _createField(name: any, data?: Partial<CubeField>): CubeField;

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

@@ -5,5 +5,7 @@ import { CubeTextInputBaseProps } from './TextInputBase';
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextInput: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
+declare const _TextInput: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
+    cubeInputType: string;
+};
 export { _TextInput as TextInput };

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

@@ -1,10 +1,10 @@
 import { ReactNode, RefObject } from 'react';
 import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, PositionStyleProps, Props } from '../../types';
+import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props } from '../../types';
 import { FormFieldProps } from '../../../shared';
 import { AriaTextFieldProps } from '@react-types/textfield';
 export declare const DEFAULT_INPUT_STYLES: Styles;
-export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
+export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
     /** Input decoration before the main input */
     prefix?: ReactNode;
     /** Input decoration after the main input */

package/dist/mjs/components/overlays/AlertDialog/AlertDialog.d.ts

@@ -8,6 +8,7 @@ export interface CubeAlertDialogProps extends CubeDialogProps {
     secondaryProps?: CubeButtonProps;
     cancelProps?: CubeButtonProps;
     title?: string;
+    noActions?: boolean;
 }
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.

package/dist/mjs/components/overlays/Dialog/DialogForm.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { CubeDialogProps } from './Dialog';
+import { CubeFormProps } from '../../forms/Form/Form';
+import { CubeButtonProps } from '../../actions/Button/Button';
+export interface CubeDialogFormProps extends CubeDialogProps, Omit<CubeFormProps, 'role'> {
+    danger?: boolean;
+    submitProps?: CubeButtonProps;
+    cancelProps?: CubeButtonProps;
+    preserve?: boolean;
+}
+export interface CubeDialogFormRef {
+    open: () => void;
+    close: () => void;
+}
+/**
+ * DialogForms are a specific type of Dialog. They contain forms to fill.
+ */
+declare let _DialogForm: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<CubeDialogFormRef>>;
+export { _DialogForm as DialogForm };

package/dist/mjs/components/overlays/Dialog/api.d.ts

@@ -8,7 +8,7 @@ export interface DialogData extends Omit<CubeDialogContainerProps, 'onDismiss'>,
     reject: (any: any) => void;
     content: ReactNode;
     isVisible?: boolean;
-    dialogType?: 'info' | 'confirm';
+    dialogType?: 'info' | 'confirm' | 'form';
 }
 export interface DialogService {
     root: Element | null;

package/dist/mjs/components/overlays/Dialog/index.d.ts

@@ -2,9 +2,11 @@
 import { CubeDialogProps } from './Dialog';
 import { CubeDialogTriggerProps, DialogTrigger } from './DialogTrigger';
 import { CubeDialogContainerProps, DialogContainer } from './DialogContainer';
+import { CubeDialogFormRef, CubeDialogFormProps, DialogForm } from './DialogForm';
 declare const _Dialog: import("react").ForwardRefExoticComponent<CubeDialogProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     confirm: (options: any) => void;
     info: (options: any) => void;
+    form: (options: any) => void;
 };
-export { _Dialog as Dialog, DialogContainer, DialogTrigger };
-export type { CubeDialogProps, CubeDialogTriggerProps, CubeDialogContainerProps, };
+export { _Dialog as Dialog, DialogContainer, DialogTrigger, DialogForm };
+export type { CubeDialogProps, CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogFormRef, CubeDialogFormProps, };

package/dist/mjs/index.d.ts

@@ -98,8 +98,8 @@ export { NumberInput } from './components/forms/NumberInput/NumberInput';
 export type { CubeNumberInputProps } from './components/forms/NumberInput/NumberInput';
 export { Avatar } from './components/content/Avatar/Avatar';
 export type { CubeAvatarProps } from './components/content/Avatar/Avatar';
-export { Dialog, DialogTrigger, DialogContainer, } from './components/overlays/Dialog';
-export type { CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogProps, } from './components/overlays/Dialog';
+export { Dialog, DialogTrigger, DialogContainer, DialogForm, } from './components/overlays/Dialog';
+export type { CubeDialogTriggerProps, CubeDialogContainerProps, CubeDialogProps, CubeDialogFormRef, CubeDialogFormProps, } from './components/overlays/Dialog';
 export { Tooltip } from './components/overlays/Tooltip/Tooltip';
 export type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';
 export { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';
@@ -150,7 +150,11 @@ export { useContextStyles, StyleProvider } from './providers/StylesProvider';
 export { Provider } from './provider';
 export type { useProviderProps } from './provider';
 declare const Input: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
-    Text: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
+    cubeInputType: string;
+} & {
+    Text: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
+        cubeInputType: string;
+    };
     Password: import("react").ForwardRefExoticComponent<import("./components/forms/TextInput/TextInputBase").CubeTextInputBaseProps & import("react").RefAttributes<unknown>> & {
         cubeInputType: string;
     };