@archbase/components 3.0.0

package/src/editors/ArchbaseRichTextEdit.tsx

@@ -0,0 +1,435 @@
+/**
+ * ArchbaseRichTextEdit — editor rich text (SunEditor) com binding opcional ao dataSource.
+ * @status stable
+ */
+import { Input, Skeleton } from '@mantine/core';
+import { useForceUpdate } from '@mantine/hooks';
+import React, { CSSProperties, useCallback, useEffect, useRef, useState } from 'react';
+import { useArchbaseTranslation } from '@archbase/core';
+import type { UploadBeforeHandler, UploadBeforeReturn, UploadInfo } from 'suneditor-react/dist/types/upload';
+import { isBase64 } from '@archbase/core';
+import type { ArchbaseDataSource, DataSourceEvent, IArchbaseDataSourceBase } from '@archbase/data';
+import { DataSourceEventNames, useArchbaseDidUpdate, useArchbaseV1V2Compatibility } from '@archbase/data';
+import { useValidationErrors } from '@archbase/core';
+
+// Storage para componente e langs carregados dinamicamente
+let SunEditorComponent: React.ComponentType<any> | null = null;
+let langModules: { en: any; es: any; ptBR: any } = { en: {}, es: {}, ptBR: {} };
+let loadPromise: Promise<void> | null = null;
+
+// Função para carregar suneditor e dependências
+async function loadSunEditor(): Promise<void> {
+	if (loadPromise) return loadPromise;
+	if (SunEditorComponent) return Promise.resolve();
+
+	loadPromise = (async () => {
+		const [sunEditorModule, cssModule, enModule, esModule, ptBRModule] = await Promise.all([
+			import('suneditor-react'),
+			// @ts-ignore - CSS import
+			import('suneditor/dist/css/suneditor.min.css'),
+			import('suneditor/src/lang/en'),
+			import('suneditor/src/lang/es'),
+			import('suneditor/src/lang/pt_br'),
+		]);
+		SunEditorComponent = sunEditorModule.default;
+		langModules = {
+			en: enModule.default,
+			es: esModule.default,
+			ptBR: ptBRModule.default,
+		};
+	})();
+
+	return loadPromise;
+}
+
+function getInitialValue<T>(
+	value: any,
+	dataSource?: IArchbaseDataSourceBase<T>,
+	dataField?: string,
+	disabledBase64Convertion?: boolean,
+): any {
+	let initialValue: any = value;
+	if (dataSource && dataField) {
+		initialValue = dataSource.getFieldValue(dataField);
+		if (!initialValue) {
+			initialValue = '';
+		}
+		if (isBase64(initialValue) && !disabledBase64Convertion) {
+			initialValue = atob(initialValue);
+		}
+	}
+	return initialValue;
+}
+
+export interface ArchbaseRichTextEditProps<T, ID> {
+	/** Indicador se o rich editor recebe o foco automaticamente */
+	autoFocus?: boolean;
+	/** Fonte de dados onde será atribuido o valor do rich edit (V1 ou V2) */
+	dataSource?: IArchbaseDataSourceBase<T>;
+	/** Campo onde deverá ser atribuido o valor do rich edit na fonte de dados */
+	dataField?: string;
+	/** Indicador se o rich edit está desabilitado */
+	disabled?: boolean;
+	/** Indicador se o rich edit é somente leitura. Obs: usado em conjunto com o status da fonte de dados */
+	readOnly?: boolean;
+	/** Indicador se o preenchimento do rich edit é obrigatório */
+	required?: boolean;
+	/** Estilo do checkbox */
+	style?: CSSProperties;
+	/** Largura do edit */
+	width?: string | undefined;
+	/** Altura do edit */
+	height?: string | undefined;
+	/** Título do rich edit */
+	label?: string;
+	/** Descrição do rich edit */
+	description?: string;
+	/** Último erro ocorrido no rich edit */
+	error?: string;
+	/** Esconder barra de ações */
+	hideToolbar?: boolean;
+	/** Desabilitar barra de açõess */
+	disableToolbar?: boolean;
+	/** Valor inicial */
+	value?: string;
+	/** Desabilita conversão do conteúdo em base64 antes de salvar na fonte de dados */
+	disabledBase64Convertion?: boolean;
+	/** Evento quando o foco sai do rich edit */
+	onFocusExit?: (event: FocusEvent) => void;
+	/** Evento quando o rich edit recebe o foco */
+	onFocusEnter?: (event: FocusEvent) => void;
+	/** Evento quando o valor do rich edit é alterado */
+	onChangeValue?: (value: any) => void;
+	/** Referência para o componente interno */
+	innerRef?: React.RefObject<HTMLInputElement> | undefined;
+	onScroll?: (event: UIEvent) => void;
+	onCopy?: (event: ClipboardEvent, clipboardData: ClipboardEvent['clipboardData']) => boolean;
+	onCut?: (event: ClipboardEvent, clipboardData: ClipboardEvent['clipboardData']) => boolean;
+	onClick?: (event: MouseEvent) => void;
+	onMouseDown?: (event: MouseEvent) => void;
+	onKeyUp?: (event: KeyboardEvent) => void;
+	onKeyDown?: (event: KeyboardEvent) => void;
+	onSave?: (contents: string) => void;
+	onSetToolbarButtons?: (buttonList: Array<any>) => void;
+	onLoad?: (reload: boolean) => void;
+	onDrop?: (event: DragEvent, cleanData: string, maxCharCount: boolean) => boolean | Array<any> | void;
+	onPaste?: (event: ClipboardEvent, cleanData: string, maxCharCount: boolean) => void;
+	onImageUpload?: (
+		targetImgElement: HTMLImageElement,
+		index: number,
+		state: 'create' | 'update' | 'delete',
+		imageInfo: UploadInfo<HTMLImageElement>,
+		remainingFilesCount: number,
+	) => void;
+	onVideoUpload?: (
+		targetElement: HTMLVideoElement,
+		index: number,
+		state: 'create' | 'update' | 'delete',
+		videoInfo: UploadInfo<HTMLVideoElement>,
+		remainingFilesCount: number,
+	) => void;
+	onAudioUpload?: (
+		targetElement: HTMLAudioElement,
+		index: number,
+		state: 'create' | 'update' | 'delete',
+		audioInfo: UploadInfo<HTMLAudioElement>,
+		remainingFilesCount: number,
+	) => void;
+	onImageUploadBefore?: (files: Array<File>, info: object, uploadHandler: UploadBeforeHandler) => UploadBeforeReturn;
+	onVideoUploadBefore?: (files: Array<File>, info: object, uploadHandler: UploadBeforeHandler) => UploadBeforeReturn;
+	onAudioUploadBefore?: (files: Array<File>, info: object, uploadHandler: UploadBeforeHandler) => UploadBeforeReturn;
+	onImageUploadError?: (errorMessage: string, result: any) => void;
+	onVideoUploadError?: (errorMessage: string, result: any) => void;
+	onAudioUploadError?: (errorMessage: string, result: any) => void;
+	toggleCodeView?: (isCodeView: boolean) => void;
+	toggleFullScreen?: (isFullScreen: boolean) => void;
+	showInline?: (toolbar: Element, context: any) => void;
+	showController?: (name: string, controllers: Array<any>) => void;
+	imageUploadHandler?: (
+		xmlHttpRequest: XMLHttpRequest,
+		info: {
+			isUpdate: boolean;
+			linkValue: any;
+			element: Element;
+			align: any;
+			linkNewWindow: any;
+			[key: string]: any;
+		},
+	) => void;
+	onResizeEditor?: (height: number, prevHeight: number) => any;
+}
+
+export function ArchbaseRichTextEdit<T, ID>({
+	autoFocus,
+	dataSource,
+	dataField,
+	disabled,
+	readOnly,
+	required,
+	label,
+	description,
+	error,
+	width,
+	height,
+	hideToolbar,
+	disableToolbar,
+	value,
+	disabledBase64Convertion,
+	onFocusExit,
+	onFocusEnter,
+	onChangeValue,
+	onScroll,
+	onCopy,
+	onCut,
+	onClick,
+	onMouseDown,
+	onKeyUp,
+	onKeyDown,
+	onSave,
+	onSetToolbarButtons,
+	onLoad,
+	onDrop,
+	onPaste,
+	onImageUpload,
+	onVideoUpload,
+	onAudioUpload,
+	onImageUploadBefore,
+	onVideoUploadBefore,
+	onAudioUploadBefore,
+	onImageUploadError,
+	onVideoUploadError,
+	onAudioUploadError,
+	toggleCodeView,
+	toggleFullScreen,
+	showInline,
+	showController,
+	imageUploadHandler,
+}: ArchbaseRichTextEditProps<T, ID>) {
+	// 🔄 MIGRAÇÃO V1/V2: Hook de compatibilidade
+	const v1v2Compatibility = useArchbaseV1V2Compatibility<string>(
+		'ArchbaseRichTextEdit',
+		dataSource,
+		dataField,
+		''
+	);
+
+	// 🔄 MIGRAÇÃO V1/V2: Debug info para desenvolvimento
+	if (process.env.NODE_ENV === 'development' && dataSource) {
+	}
+
+	// Contexto de validação (opcional - pode não existir)
+	const validationContext = useValidationErrors();
+
+	// Chave única para o field
+	const fieldKey = `${dataField}`;
+
+	// Recuperar erro do contexto se existir
+	const contextError = validationContext?.getError(fieldKey);
+
+	const { i18n } = useArchbaseTranslation();
+	const [currentValue, setCurrentValue] = useState<string | undefined>(
+		getInitialValue(value, dataSource, dataField, disabledBase64Convertion),
+	);
+	const [internalError, setInternalError] = useState<string | undefined>(error);
+	const forceUpdate = useForceUpdate();
+
+	// ❌ REMOVIDO: Não limpar erro automaticamente quando valor muda
+	// O erro deve ser limpo apenas quando o usuário EDITA o campo (no handleChange)
+	// useEffect(() => {
+	// 	setInternalError(undefined);
+	// }, [currentValue]);
+
+	// ✅ CORRIGIDO: Apenas atualizar se o prop error vier definido
+	// Não limpar o internalError se o prop error for undefined
+	useEffect(() => {
+		if (error !== undefined && error !== internalError) {
+			setInternalError(error);
+		}
+	}, [error]);
+
+	const loadDataSourceFieldValue = () => {
+		let initialValue: any = value;
+
+		if (dataSource && dataField) {
+			initialValue = dataSource.getFieldValue(dataField);
+			if (!initialValue) {
+				initialValue = '';
+			}
+		}
+
+		if (isBase64(initialValue) && !disabledBase64Convertion) {
+			initialValue = atob(initialValue);
+		}
+
+		setCurrentValue(initialValue);
+	};
+
+	const fieldChangedListener = useCallback(() => {
+		loadDataSourceFieldValue();
+	}, []);
+
+	const dataSourceEvent = useCallback((event: DataSourceEvent<T>) => {
+		if (dataSource && dataField) {
+			if (
+				event.type === DataSourceEventNames.dataChanged ||
+				event.type === DataSourceEventNames.recordChanged ||
+				event.type === DataSourceEventNames.afterScroll ||
+				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterEdit
+			) {
+				loadDataSourceFieldValue();
+				// 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1
+				if (!v1v2Compatibility.isDataSourceV2) {
+					forceUpdate();
+				}
+			}
+			if (event.type === DataSourceEventNames.onFieldError && event.fieldName === dataField) {
+				setInternalError(event.error);
+				// Salvar no contexto (se disponível)
+				validationContext?.setError(fieldKey, event.error);
+			}
+		}
+	}, [v1v2Compatibility.isDataSourceV2, validationContext, fieldKey]);
+
+	// Ref para manter callback sempre atualizado (corrige problema de closure desatualizada)
+	const dataSourceEventRef = useRef(dataSourceEvent);
+	useEffect(() => {
+		dataSourceEventRef.current = dataSourceEvent;
+	}, [dataSourceEvent]);
+
+	// Wrapper estável que delega para ref
+	const stableDataSourceEvent = useCallback((event: DataSourceEvent<T>) => {
+		dataSourceEventRef.current(event);
+	}, []);
+
+	// Registrar listeners com cleanup apropriado
+	useEffect(() => {
+		loadDataSourceFieldValue();
+		if (dataSource && dataField) {
+			const hasFieldListener = typeof (dataSource as any).addFieldChangeListener === 'function';
+			dataSource.addListener(stableDataSourceEvent);
+			if (hasFieldListener) {
+				(dataSource as any).addFieldChangeListener(dataField, fieldChangedListener);
+			}
+
+			return () => {
+				dataSource.removeListener(stableDataSourceEvent);
+				if (hasFieldListener) {
+					(dataSource as any).removeFieldChangeListener(dataField, fieldChangedListener);
+				}
+			};
+		}
+	}, [dataSource, dataField, stableDataSourceEvent, fieldChangedListener]);
+
+	useArchbaseDidUpdate(() => {
+		loadDataSourceFieldValue();
+	}, []);
+
+	const handleChange = (content: string) => {
+		// ✅ Limpa erro quando usuário edita o campo (tanto do estado local quanto do contexto)
+		const hasError = internalError || contextError;
+		if (hasError) {
+			setInternalError(undefined);
+			validationContext?.clearError(fieldKey);
+		}
+
+		setCurrentValue((_prev) => content);
+
+		if (dataSource && !dataSource.isBrowsing() && dataField && dataSource.getFieldValue(dataField) !== content) {
+			const valueToSave = disabledBase64Convertion ? content : btoa(content);
+			// 🔄 MIGRAÇÃO V1/V2: Usar handleValueChange do padrão de compatibilidade
+			v1v2Compatibility.handleValueChange(valueToSave);
+		}
+
+		if (onChangeValue) {
+			onChangeValue(content);
+		}
+	};
+	const handleOnBlur = (event: FocusEvent, _editorContents: string) => {
+		if (onFocusExit) {
+			onFocusExit(event);
+		}
+	};
+
+	const isReadOnly = () => {
+		// 🔄 MIGRAÇÃO V1/V2: Usar padrão de compatibilidade para isReadOnly
+		return readOnly || v1v2Compatibility.isReadOnly;
+	};
+
+	// Erro a ser exibido: local ou do contexto
+	const displayError = internalError || contextError;
+
+	// Estado para verificar se estamos no cliente e se o editor foi carregado
+	const [isLoaded, setIsLoaded] = useState(false);
+	const [, forceRender] = useState({});
+
+	useEffect(() => {
+		// Não carregar no servidor
+		if (typeof window === 'undefined') return;
+
+		loadSunEditor().then(() => {
+			setIsLoaded(true);
+			forceRender({});
+		});
+	}, []);
+
+	// Renderizar skeleton no SSR ou enquanto não está carregado
+	if (!isLoaded || !SunEditorComponent) {
+		return (
+			<Input.Wrapper withAsterisk={required} label={label} description={description} error={displayError}>
+				<Skeleton height={height || 200} width={width || '100%'} />
+			</Input.Wrapper>
+		);
+	}
+
+	const SunEditor = SunEditorComponent;
+	const { en, es, ptBR } = langModules;
+
+	return (
+		<Input.Wrapper withAsterisk={required} label={label} description={description} error={displayError}>
+			<SunEditor
+				autoFocus={autoFocus}
+				disable={disabled}
+				readOnly={isReadOnly()}
+				setAllPlugins={true}
+				defaultValue={currentValue}
+				hideToolbar={hideToolbar}
+				disableToolbar={disableToolbar}
+				width={width}
+				height={height}
+				onChange={handleChange}
+				onScroll={onScroll}
+				onCopy={onCopy}
+				onCut={onCut}
+				onClick={onClick}
+				onMouseDown={onMouseDown}
+				onKeyUp={onKeyUp}
+				onKeyDown={onKeyDown}
+				onFocus={onFocusEnter}
+				onBlur={handleOnBlur}
+				onSave={onSave}
+				onSetToolbarButtons={onSetToolbarButtons}
+				onLoad={onLoad}
+				onDrop={onDrop}
+				onPaste={onPaste}
+				onImageUpload={onImageUpload}
+				onVideoUpload={onVideoUpload}
+				onAudioUpload={onAudioUpload}
+				onImageUploadBefore={onImageUploadBefore}
+				onVideoUploadBefore={onVideoUploadBefore}
+				onAudioUploadBefore={onAudioUploadBefore}
+				onImageUploadError={onImageUploadError}
+				onVideoUploadError={onVideoUploadError}
+				onAudioUploadError={onAudioUploadError}
+				toggleCodeView={toggleCodeView}
+				toggleFullScreen={toggleFullScreen}
+				showInline={showInline}
+				showController={showController}
+				imageUploadHandler={imageUploadHandler}
+				setOptions={{
+					lang: i18n.language === 'es' ? es : i18n.language === 'pt-BR' ? ptBR : en,
+				}}
+			/>
+		</Input.Wrapper>
+	);
+}

package/src/editors/ArchbaseSelect.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseSelect.context.d.ts","sourceRoot":"","sources":["ArchbaseSelect.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,0BAA0B;IAC1C,8EAA8E;IAC9E,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AACD,QAAA,MAAM,qBAAqB,2CAAsD,CAAC;AAClF,QAAA,MAAM,sBAAsB,4CAAiC,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,CAAC"}

package/src/editors/ArchbaseSelect.context.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export interface ArchbaseSelectContextValue {
+	/** Function para notificar o select que o dropdown chegou ao final da lista*/
+	handleDropdownScrollEnded?: () => void;
+}
+const ArchbaseSelectContext = React.createContext<ArchbaseSelectContextValue>({});
+const ArchbaseSelectProvider = ArchbaseSelectContext.Provider;
+export { ArchbaseSelectContext, ArchbaseSelectProvider };

package/src/editors/ArchbaseSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchbaseSelect.d.ts","sourceRoot":"","sources":["ArchbaseSelect.tsx"],"names":[],"mappings":"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"}