@archbase/components 4.0.19 → 4.0.20

package/src/datagrid/ag-grid/index.tsx

@@ -0,0 +1,84 @@
+/**
+ * AG Grid Implementation Exports
+ *
+ * Export all AG Grid related components, types, and utilities.
+ * Also exports with original names (ArchbaseDataGrid, etc.) to replace MUI DataGrid implementation.
+ */
+
+// Main component - export as both ArchbaseDataGridAG and ArchbaseDataGrid
+export { default as ArchbaseDataGridAG } from './archbase-data-grid-ag';
+export { default as ArchbaseDataGrid } from './archbase-data-grid-ag';
+
+// Types - export with AG suffix and original names for compatibility
+export type {
+  ArchbaseDataGridAGProps,
+  ArchbaseDataGridAGProps as ArchbaseDataGridProps,
+  ArchbaseDataGridAGRef,
+  ArchbaseDataGridAGRef as ArchbaseDataGridRef,
+  ArchbaseDataGridAGColumnProps,
+  ArchbaseDataGridAGColumnProps as ArchbaseDataGridColumnProps,
+  FieldDataType,
+  CellClickEvent,
+  GridToolBarActionsProps,
+  GridColumnsProps,
+  ExtendedColDef,
+} from './archbase-data-grid-ag-types';
+
+export {
+  ArchbaseDataGridAGColumn,
+  ArchbaseDataGridAGColumn as ArchbaseDataGridColumn,
+  Columns as AGColumns,
+  Columns,
+  GridToolBarActions as AGGridToolBarActions,
+  GridToolBarActions,
+  defaultColumnProps as defaultAGColumnProps,
+  defaultColumnProps,
+} from './archbase-data-grid-ag-types';
+
+// Theme
+export {
+  createArchbaseAgGridTheme,
+  getAgGridMantineCssVars,
+} from './ag-grid-mantine-theme';
+
+// Locale
+export { AG_GRID_LOCALE_PTBR } from './ag-grid-locale-ptbr';
+
+// Utilities
+export {
+  safeGetRowId as agSafeGetRowId,
+  isDataSourceV2 as agIsDataSourceV2,
+  getRecordsFromDataSource as agGetRecordsFromDataSource,
+  getDataSourceOptions as agGetDataSourceOptions,
+  getCurrentPageFromDataSource as agGetCurrentPageFromDataSource,
+  buildFilterExpression as agBuildFilterExpression,
+  buildGlobalFilterExpression as agBuildGlobalFilterExpression,
+  convertSortModelToDataSource as agConvertSortModelToDataSource,
+  getInitialSortModel as agGetInitialSortModel,
+  convertActiveFiltersToAgGridModel,
+  convertColumnsToFilterDefinitions as agConvertColumnsToFilterDefinitions,
+  getAgGridFilterType,
+  getAlignmentClass,
+  getDefaultAlignment,
+  hexToRgb as agHexToRgb,
+  MAX_PAGE_SIZE as AG_MAX_PAGE_SIZE,
+} from './archbase-data-grid-ag-utils';
+
+// Formatters/Cell Renderers
+export {
+  TextCellRenderer,
+  IntegerCellRenderer,
+  FloatCellRenderer,
+  CurrencyCellRenderer,
+  PercentCellRenderer,
+  BooleanCellRenderer,
+  DateCellRenderer,
+  DateTimeCellRenderer,
+  TimeCellRenderer,
+  EnumCellRenderer,
+  UUIDCellRenderer,
+  ImageCellRenderer,
+  getCellRendererByDataType,
+  getAlignmentByDataType as agGetAlignmentByDataType,
+  createValueFormatter,
+} from './archbase-data-grid-ag-formatters';

package/src/datagrid/index.tsx

@@ -1,14 +1,65 @@
-// Exportar componentes principais
-export * from './main';
-// Exportar components
+/**
+ * DataGrid Exports
+ *
+ * A implementação principal agora é AG Grid.
+ * Os exports principais (ArchbaseDataGrid, ArchbaseDataGridColumn, etc.) vêm do AG Grid.
+ * Utilitários auxiliares da implementação antiga ainda são exportados para compatibilidade.
+ */
+
+// ============================================================
+// AG Grid Implementation (PRINCIPAL)
+// ============================================================
+// Exporta: ArchbaseDataGrid, ArchbaseDataGridColumn, Columns,
+// GridToolBarActions, ArchbaseDataGridProps, etc.
+export * from './ag-grid';
+
+// ============================================================
+// Componentes auxiliares (compatibilidade)
+// ============================================================
 export * from './components';
-// Exportar hooks
 export * from './hooks';
-// Exportar utilitários
 export * from './utils';
-// Exportar modals
 export * from './modals';
-// Exportar types
 export * from './types';
-// Exportar excel export
 export * from './export';
+
+// ============================================================
+// Utilitários da implementação antiga que não conflitam
+// ============================================================
+export {
+  // Componentes de detail panel
+  ArchbaseDetailPanel,
+  ArchbaseDetailModal,
+  ArchbaseDetailDrawer,
+  // Componentes de popover
+  ArchbaseDetailPopover,
+  ArchbaseDetailHoverCard,
+  // Toolbar e pagination
+  ArchbaseDataGridToolbar,
+  ArchbaseDataGridPagination,
+  // Expand button
+  ArchbaseExpandButton,
+  createExpandColumn,
+  // Row actions
+  ArchbaseGridRowActions,
+  createDataTableRowActions,
+  // Formatters (prefixados para não conflitar)
+  renderText,
+  renderInteger,
+  renderCurrency,
+  renderFloat,
+  renderPercent,
+  renderBoolean,
+  renderDate,
+  renderDateTime,
+  renderTime,
+  renderEnum,
+  renderUUID,
+  getRendererByDataType,
+  // Utils
+  safeGetRowId,
+  buildGlobalFilterExpression,
+  buildFilterExpression,
+  getRgbValues,
+  getInitialSortModel,
+} from './main';

package/src/datagrid/main/archbase-data-grid-pagination.tsx

@@ -45,8 +45,7 @@ export const ArchbaseDataGridPagination = React.memo<ArchbaseDataGridPaginationP
         minHeight: bottomToolbarMinHeight || 'auto',
         padding: finalPadding,
         borderTop: withBorder ? `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}` : 'none',
-        borderBottomLeftRadius: finalBorderRadius,
-        borderBottomRightRadius: finalBorderRadius
+        borderRadius: 0,
       }}
     >
       <GridPagination

package/src/datagrid/main/archbase-data-grid-toolbar.tsx

@@ -101,8 +101,7 @@ export const ArchbaseDataGridToolbar = React.memo<ArchbaseDataGridToolbarProps>(
         justifyContent: 'space-between',
         padding: finalPadding,
         borderBottom: withBorder ? `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 8 : 3]}` : 'none',
-        borderTopLeftRadius: finalBorderRadius,
-        borderTopRightRadius: finalBorderRadius
+        borderRadius: 0,
       }}
     >
       {/* Lado esquerdo da toolbar */}

package/src/editors/ArchbaseAsyncMultiSelect.tsx

@@ -307,7 +307,8 @@ export function ArchbaseAsyncMultiSelect<T, ID, O>({
         event.type === DataSourceEventNames.dataChanged ||
         event.type === DataSourceEventNames.recordChanged ||
         event.type === DataSourceEventNames.afterScroll ||
-        event.type === DataSourceEventNames.afterCancel
+        event.type === DataSourceEventNames.afterCancel ||
+        event.type === DataSourceEventNames.afterInsert
       ) {
         loadDataSourceFieldValue();
         // 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1

package/src/editors/ArchbaseAsyncSelect.tsx

@@ -279,7 +279,8 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 		  event.type === DataSourceEventNames.dataChanged ||
 		  event.type === DataSourceEventNames.recordChanged ||
 		  event.type === DataSourceEventNames.afterScroll ||
-		  event.type === DataSourceEventNames.afterCancel
+		  event.type === DataSourceEventNames.afterCancel ||
+		  event.type === DataSourceEventNames.afterInsert
 		) {
 		  loadDataSourceFieldValue();
 		  // 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1

package/src/editors/ArchbaseAvatarEdit.tsx

@@ -155,6 +155,7 @@ export function ArchbaseAvatarEdit<T, ID>({
                 event.type === DataSourceEventNames.recordChanged ||
                 event.type === DataSourceEventNames.afterScroll ||
                 event.type === DataSourceEventNames.afterCancel ||
+                event.type === DataSourceEventNames.afterInsert ||
                 event.type === DataSourceEventNames.afterEdit
             ) {
                 loadDataSourceFieldValue();

package/src/editors/ArchbaseCheckbox.tsx

@@ -133,6 +133,7 @@ export function ArchbaseCheckbox<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseChip.tsx

@@ -123,6 +123,7 @@ export function ArchbaseChip<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseChipGroup.tsx

@@ -175,6 +175,7 @@ export function ArchbaseChipGroup<T, ID, O>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseColorGradientPicker.tsx

@@ -128,7 +128,8 @@ export const ArchbaseColorGradientPicker = forwardRef<HTMLDivElement, ArchbaseCo
             event.type === DataSourceEventNames.dataChanged ||
             event.type === DataSourceEventNames.recordChanged ||
             event.type === DataSourceEventNames.afterScroll ||
-            event.type === DataSourceEventNames.afterCancel
+            event.type === DataSourceEventNames.afterCancel ||
+            event.type === DataSourceEventNames.afterInsert
           ) {
             loadDataSourceFieldValue();
           }

package/src/editors/ArchbaseDatePickerEdit.tsx

@@ -404,6 +404,7 @@ export function ArchbaseDatePickerEdit<T, ID>(props: ArchbaseDatePickerEditProps
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseDateTimePickerEdit.tsx

@@ -130,6 +130,7 @@ import {
 		  event.type === DataSourceEventNames.recordChanged ||
 		  event.type === DataSourceEventNames.afterScroll ||
 		  event.type === DataSourceEventNames.afterCancel ||
+		  event.type === DataSourceEventNames.afterInsert ||
 		  event.type === DataSourceEventNames.afterEdit
 		) {
 		  loadDataSourceFieldValue();

package/src/editors/ArchbaseDualListbox.tsx

@@ -192,6 +192,7 @@ export function ArchbaseDualListbox<T, ID, O>({
           event.type === DataSourceEventNames.recordChanged ||
           event.type === DataSourceEventNames.afterScroll ||
           event.type === DataSourceEventNames.afterCancel ||
+          event.type === DataSourceEventNames.afterInsert ||
           event.type === DataSourceEventNames.afterEdit
         ) {
           loadDataSourceFieldValue();

package/src/editors/ArchbaseEdit.tsx

@@ -162,6 +162,7 @@ export function ArchbaseEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseImageEdit.tsx

@@ -189,6 +189,7 @@ export function ArchbaseImageEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseJsonEdit.tsx

@@ -141,6 +141,7 @@ export function ArchbaseJsonEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseLookupEdit.tsx

@@ -159,7 +159,8 @@ export function ArchbaseLookupEdit<T, ID, O>({
 				event.type === DataSourceEventNames.dataChanged ||
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
-				event.type === DataSourceEventNames.afterCancel
+				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert
 			) {
 				loadDataSourceFieldValue();
 				// 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1

package/src/editors/ArchbaseLookupNumber.tsx

@@ -183,7 +183,8 @@ export function ArchbaseLookupNumber<T, ID, O>({
 				event.type === DataSourceEventNames.dataChanged ||
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
-				event.type === DataSourceEventNames.afterCancel
+				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert
 			) {
 				loadDataSourceFieldValue();
 				// 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1

package/src/editors/ArchbaseLookupSelect.tsx

@@ -115,7 +115,8 @@ export function ArchbaseLookupSelect<T, ID, O>({
 				event.type === DataSourceEventNames.fieldChanged ||
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
-				event.type === DataSourceEventNames.afterCancel
+				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert
 			) {
 				if (lookupDataSource) {
 					setCurrentOptions(rebuildOptions(lookupDataSource, lookupDataFieldText, lookupDataFieldId));

package/src/editors/ArchbaseMarkdownEdit.tsx

@@ -178,6 +178,7 @@ export function ArchbaseMarkdownEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseMaskEdit.tsx

@@ -202,6 +202,7 @@ export function ArchbaseMaskEdit<T, ID>(props: ArchbaseMaskEditProps<any, any>)
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseMentionInput.tsx

@@ -161,6 +161,7 @@ export function ArchbaseMentionInput<T, ID>({
 					event.type === DataSourceEventNames.recordChanged ||
 					event.type === DataSourceEventNames.afterScroll ||
 					event.type === DataSourceEventNames.afterCancel ||
+					event.type === DataSourceEventNames.afterInsert ||
 					event.type === DataSourceEventNames.afterEdit
 				) {
 					loadDataSourceFieldValue();

package/src/editors/ArchbaseMultiEmail.tsx

@@ -165,6 +165,7 @@ export function ArchbaseMultiEmail<T, ID>({
 					event.type === DataSourceEventNames.recordChanged ||
 					event.type === DataSourceEventNames.afterScroll ||
 					event.type === DataSourceEventNames.afterCancel ||
+					event.type === DataSourceEventNames.afterInsert ||
 					event.type === DataSourceEventNames.afterEdit
 				) {
 					loadDataSourceFieldValue();

package/src/editors/ArchbaseMultiSelect.tsx

@@ -348,7 +348,8 @@ export function ArchbaseMultiSelect<T, ID, O>({
         event.type === DataSourceEventNames.dataChanged ||
         event.type === DataSourceEventNames.recordChanged ||
         event.type === DataSourceEventNames.afterScroll ||
-        event.type === DataSourceEventNames.afterCancel
+        event.type === DataSourceEventNames.afterCancel ||
+        event.type === DataSourceEventNames.afterInsert
       ) {
         loadDataSourceFieldValue();
       }

package/src/editors/ArchbaseNumberEdit.tsx

@@ -274,6 +274,7 @@ export function ArchbaseNumberEdit<T, ID>({
         event.type === DataSourceEventNames.recordChanged ||
         event.type === DataSourceEventNames.afterScroll ||
         event.type === DataSourceEventNames.afterCancel ||
+        event.type === DataSourceEventNames.afterInsert ||
         event.type === DataSourceEventNames.afterEdit ||
         event.type === DataSourceEventNames.afterSave
       ) {

package/src/editors/ArchbaseNumberStepper.tsx

@@ -128,7 +128,8 @@ function ArchbaseNumberStepperInner<T extends object, ID>(
           event.type === DataSourceEventNames.dataChanged ||
           event.type === DataSourceEventNames.recordChanged ||
           event.type === DataSourceEventNames.afterScroll ||
-          event.type === DataSourceEventNames.afterCancel
+          event.type === DataSourceEventNames.afterCancel ||
+          event.type === DataSourceEventNames.afterInsert
         ) {
           loadDataSourceFieldValue();
         }

package/src/editors/ArchbasePasswordEdit.tsx

@@ -143,6 +143,7 @@ export function ArchbasePasswordEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseRadioGroup.tsx

@@ -173,6 +173,7 @@ export function ArchbaseRadioGroup<T, ID, O>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseRating.tsx

@@ -128,6 +128,7 @@ export function ArchbaseRating<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseRichTextEdit.tsx

@@ -275,6 +275,7 @@ export function ArchbaseRichTextEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseSelect.tsx

@@ -412,7 +412,8 @@ export function ArchbaseSelect<T, ID, O>({
         event.type === DataSourceEventNames.dataChanged ||
         event.type === DataSourceEventNames.recordChanged ||
         event.type === DataSourceEventNames.afterScroll ||
-        event.type === DataSourceEventNames.afterCancel
+        event.type === DataSourceEventNames.afterCancel ||
+        event.type === DataSourceEventNames.afterInsert
       ) {
         loadDataSourceFieldValue()
         // 🔄 MIGRAÇÃO V1/V2: forceUpdate apenas para V1

package/src/editors/ArchbaseSignaturePad.tsx

@@ -156,6 +156,7 @@ function ArchbaseSignaturePadInner<T, ID>(
 					event.type === DataSourceEventNames.recordChanged ||
 					event.type === DataSourceEventNames.afterScroll ||
 					event.type === DataSourceEventNames.afterCancel ||
+					event.type === DataSourceEventNames.afterInsert ||
 					event.type === DataSourceEventNames.afterEdit
 				) {
 					loadDataSourceFieldValue();

package/src/editors/ArchbaseSwitch.tsx

@@ -144,6 +144,7 @@ export function ArchbaseSwitch<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseTagInputEdit.tsx

@@ -219,6 +219,7 @@ export function ArchbaseTagInputEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseTextArea.tsx

@@ -140,6 +140,7 @@ export function ArchbaseTextArea<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();

package/src/editors/ArchbaseTimeEdit.tsx

@@ -157,6 +157,7 @@ export function ArchbaseTimeEdit<T, ID>({
 				event.type === DataSourceEventNames.recordChanged ||
 				event.type === DataSourceEventNames.afterScroll ||
 				event.type === DataSourceEventNames.afterCancel ||
+				event.type === DataSourceEventNames.afterInsert ||
 				event.type === DataSourceEventNames.afterEdit
 			) {
 				loadDataSourceFieldValue();