@vacano/ui 1.6.1 → 1.8.0

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import { ChangeEventHandler } from 'react';
-import { CSSProperties } from 'react';
 import { HTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { JSX } from '@emotion/react/jsx-runtime';
@@ -154,26 +153,24 @@ export declare type ChipProps = VacanoComponentProps<HTMLSpanElement, ChipClassN
 
 export declare type ChipVariant = 'gray' | 'red' | 'blue' | 'black';
 
-export declare const Confirmation: ({ cancelBindings, cancelLabel, className, classnames, confirmLabel, loading, message, onCancel, onConfirm, open, ref, submitBindings, ...rest }: ConfirmationProps) => JSX.Element | null;
-
-export declare type ConfirmationClassNames = {
-    message?: string;
-    actions?: string;
-    confirmButton?: string;
-    cancelButton?: string;
+export declare type ConfirmationContextValue = {
+    show: (message: ReactNode, onConfirm: () => void | Promise<void>, onCancel?: () => void, options?: ConfirmationOptions) => void;
+    hide: () => void;
 };
 
-export declare type ConfirmationProps = VacanoComponentProps<HTMLDivElement, ConfirmationClassNames> & {
-    cancelBindings?: KeyboardEventKey[];
-    cancelLabel?: string;
+export declare type ConfirmationOptions = {
     confirmLabel?: string;
-    loading?: boolean;
+    cancelLabel?: string;
+};
+
+export declare const ConfirmationProvider: ({ children }: PropsWithChildren) => JSX.Element;
+
+export declare type ConfirmationState = {
+    open: boolean;
     message: ReactNode;
-    onCancel?: () => void;
-    onConfirm?: () => void;
-    open?: boolean;
-    style?: CSSProperties;
-    submitBindings?: KeyboardEventKey[];
+    onConfirm: () => void | Promise<void>;
+    onCancel: () => void;
+    options: ConfirmationOptions;
 };
 
 export declare const Container: ({ children, className, ref, ...rest }: PropsWithChildren<ContainerProps>) => JSX.Element;
@@ -247,7 +244,7 @@ export declare type DrawerProps = VacanoComponentProps<HTMLDivElement> & Omit<HT
     size?: string;
 };
 
-export declare const Dropdown: ({ align, children, className, classnames, onClose, onOpen, open: controlledOpen, portalRenderNode, ref, trigger, ...rest }: DropdownProps) => JSX.Element;
+export declare const Dropdown: ({ align, autoClose, children, className, classnames, onClose, onOpen, open: controlledOpen, portalRenderNode, ref, trigger, ...rest }: DropdownProps) => JSX.Element;
 
 export declare type DropdownAlign = 'left' | 'right';
 
@@ -260,6 +257,7 @@ export declare type DropdownPosition = 'top' | 'bottom';
 
 export declare type DropdownProps = VacanoComponentProps<HTMLDivElement, DropdownClassNames> & {
     align?: DropdownAlign;
+    autoClose?: boolean;
     children?: ReactNode;
     onClose?: () => void;
     onOpen?: () => void;
@@ -268,6 +266,20 @@ export declare type DropdownProps = VacanoComponentProps<HTMLDivElement, Dropdow
     trigger: ReactElement;
 };
 
+export declare const EditableText: ({ value, onChange, disabled, placeholder, className, classnames, "data-test-id": dataTestId, }: EditableTextProps) => JSX.Element;
+
+export declare type EditableTextClassNames = {
+    text?: string;
+    button?: string;
+};
+
+export declare type EditableTextProps = VacanoComponentProps<HTMLDivElement, EditableTextClassNames> & {
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+};
+
 export declare const FieldLabel: ({ children, className, ref, required, variant, ...rest }: FieldLabelProps) => JSX.Element | null;
 
 export declare type FieldLabelProps = VacanoComponentProps<HTMLSpanElement> & {
@@ -811,6 +823,8 @@ export declare type TooltipProps = VacanoComponentProps<HTMLDivElement, TooltipC
 
 export declare type TooltipVariant = 'dark' | 'light' | 'success' | 'warning' | 'danger';
 
+export declare const useConfirmation: () => ConfirmationContextValue;
+
 export declare const useImageCropper: (options?: UseImageCropperOptions) => UseImageCropperReturn;
 
 export declare type UseImageCropperOptions = {