@archbase/components 3.0.25 → 4.0.1

package/dist/hooks/useArchbaseConfirm.d.ts

@@ -0,0 +1,59 @@
+import { MantineColor } from '@mantine/core';
+export interface ArchbaseConfirmOptions {
+    /** Título do modal */
+    title?: React.ReactNode;
+    /** Mensagem do modal */
+    message?: React.ReactNode;
+    /** Texto do botão confirmar */
+    confirmLabel?: string;
+    /** Texto do botão cancelar */
+    cancelLabel?: string;
+    /** Cor do botão confirmar */
+    confirmColor?: MantineColor;
+    /** Cor do botão cancelar */
+    cancelColor?: MantineColor;
+    /** Callback ao confirmar */
+    onConfirm?: () => void;
+    /** Callback ao cancelar */
+    onCancel?: () => void;
+    /** Se o modal pode ser fechado clicando fora */
+    closeOnClickOutside?: boolean;
+    /** Se o modal pode ser fechado com ESC */
+    closeOnEscape?: boolean;
+    /** Centrar o modal */
+    centered?: boolean;
+    /** Tamanho do modal */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Ícone do modal */
+    icon?: React.ReactNode;
+    /** Agrupar botões */
+    groupProps?: Record<string, any>;
+}
+export interface ArchbaseDeleteConfirmOptions extends Omit<ArchbaseConfirmOptions, 'confirmColor'> {
+    /** Nome do item a ser deletado */
+    itemName?: string;
+}
+export interface UseArchbaseConfirmReturn {
+    /** Abre um modal de confirmação e retorna Promise<boolean> */
+    confirm: (options: ArchbaseConfirmOptions) => Promise<boolean>;
+    /** Abre um modal de confirmação de exclusão */
+    confirmDelete: (options?: ArchbaseDeleteConfirmOptions) => Promise<boolean>;
+    /** Abre um modal de alerta (apenas OK) */
+    alert: (options: Omit<ArchbaseConfirmOptions, 'cancelLabel' | 'onCancel'>) => Promise<void>;
+    /** Fecha todos os modais */
+    closeAll: () => void;
+}
+export declare function useArchbaseConfirm(): UseArchbaseConfirmReturn;
+/**
+ * Abre um modal de confirmação (uso imperativo sem hook)
+ */
+export declare function archbaseConfirm(options: ArchbaseConfirmOptions): Promise<boolean>;
+/**
+ * Abre um modal de confirmação de exclusão (uso imperativo)
+ */
+export declare function archbaseConfirmDelete(options?: ArchbaseDeleteConfirmOptions): Promise<boolean>;
+/**
+ * Abre um modal de alerta (uso imperativo)
+ */
+export declare function archbaseAlert(options: Omit<ArchbaseConfirmOptions, 'cancelLabel' | 'onCancel'>): Promise<void>;
+export default useArchbaseConfirm;

package/dist/image/editor/index.d.ts

@@ -2,10 +2,49 @@ import { ActionIconVariant } from '@mantine/core';
 import { default as React } from 'react';
 import { ArchbaseImagePickerConf } from './models/index.models';
 export * from './models/index.models';
-export declare const ArchbaseImagePickerEditor: React.MemoExoticComponent<({ config, imageSrcProp, color, imageChanged, variant, }: {
-    config: ArchbaseImagePickerConf;
+/**
+ * Props do ArchbaseImagePickerEditor
+ * Mantém compatibilidade total com a versão anterior
+ */
+export interface ArchbaseImagePickerEditorProps {
+    /** Configuração do editor (interface ArchbaseImagePickerConf) */
+    config?: ArchbaseImagePickerConf;
+    /** Imagem inicial (data URI, URL externa ou blob URL) */
     imageSrcProp?: string;
+    /** Cor de destaque */
     color?: string;
-    imageChanged?: Function;
+    /**
+     * Callback quando a imagem é alterada
+     * @deprecated Use config.onChangeImage ao invés
+     */
+    imageChanged?: (newDataUri: string | undefined) => void;
+    /** Variante dos botões de ação */
     variant?: ActionIconVariant;
-}) => import("react/jsx-runtime").JSX.Element>;
+}
+/**
+ * ArchbaseImagePickerEditor - Componente de seleção e edição de imagens
+ *
+ * Funcionalidades:
+ * - Seleção de imagens (upload)
+ * - Edição com crop, redimensionamento
+ * - Compressão de qualidade (JPEG/WebP)
+ * - Conversão de formatos (PNG, JPEG, WebP)
+ * - Filtros (contraste, brilho, saturação, sépia, blur)
+ * - Suporte a dark mode
+ * - Suporte a URL externa, data URI e blob URL
+ *
+ * @example
+ * ```tsx
+ * <ArchbaseImagePickerEditor
+ *   imageSrcProp={imageValue}
+ *   config={{
+ *     width: 300,
+ *     height: 200,
+ *     compressInitial: 80,
+ *     objectFit: 'contain',
+ *     onChangeImage: (newImage) => setImageValue(newImage),
+ *   }}
+ * />
+ * ```
+ */
+export declare const ArchbaseImagePickerEditor: React.MemoExoticComponent<({ config, imageSrcProp, color, imageChanged, variant, }: ArchbaseImagePickerEditorProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/image/index.d.ts

@@ -2,6 +2,7 @@ export { ArchbaseImage } from './ArchbaseImage';
 export type { ArchbaseImageProps } from './ArchbaseImage';
 export type { ArchbaseImagePickerConf } from './editor';
 export { ArchbaseImagePickerEditor } from './editor';
+export type { ArchbaseImagePickerEditorProps } from './editor';
 export { ArchbaseMicrosoftAvatar, DEFAULT_AVATAR } from './ArchbaseMicrosoftAvatar';
 export type { ArchbaseMicrosoftAvatarProps } from './ArchbaseMicrosoftAvatar';
 export { languages } from './languages';