@archbase/components 3.0.0

package/src/datagrid/main/archbase-detail-panel-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archbase-detail-panel-component.d.ts","sourceRoot":"","sources":["archbase-detail-panel-component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAC1D,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,KAAkB,EAClB,KAAY,EACb,EAAE;IACD,OAAO,EAAE,CAAC,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CAgCA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAC1D,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAkB,EACnB,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC;IACX,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CAoCA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAC3D,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,KAAkB,EAClB,QAAkB,EAClB,IAAW,EACZ,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC;IACX,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,2CAkCA"}

package/src/datagrid/main/archbase-detail-panel-component.tsx

@@ -0,0 +1,186 @@
+// ArchbaseDetailPanel.tsx
+import React, { useMemo } from 'react';
+import { Box, ActionIcon, Group, Title, Modal, Drawer } from '@mantine/core';
+import { IconX } from '@tabler/icons-react';
+import { GridRowId } from '@mui/x-data-grid';
+
+/**
+ * Componente para renderizar o painel de detalhes inline (diretamente abaixo da linha na grid)
+ */
+export function ArchbaseDetailPanel<T extends object = any>({ 
+  rowData, 
+  rowId,
+  renderDetailPanel,
+  onClose,
+  theme,
+  className,
+  style,
+  title = 'Detalhes',
+  fixed = true // Nova prop para controlar se o painel é fixo
+}: { 
+  rowData: T;
+  rowId: GridRowId; 
+  renderDetailPanel: (props: { row: T }) => React.ReactNode;
+  onClose: (rowId: GridRowId) => void;
+  theme: any;
+  className?: string;
+  style?: React.CSSProperties;
+  title?: string;
+  fixed?: boolean; // Se true, o painel será fixo no topo da grid
+}) {
+  // Memoizar o conteúdo do painel para evitar renderizações desnecessárias
+  const detailContent = useMemo(() => {
+    return renderDetailPanel({ row: rowData });
+  }, [rowData, renderDetailPanel]);
+
+  return (
+    <Box 
+      className={`detail-panel-container ${className || ''}`}
+      style={{
+        padding: theme.spacing.md,
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+        borderTop: `1px solid ${theme.colors.gray[theme.colorScheme === 'dark' ? 7 : 3]}`,
+        width: '100%',
+        boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+        ...style
+      }}
+    >
+      <Group justify="apart" mb="xs">
+        <Title order={4} style={{ fontSize: '1rem', fontWeight: 500 }}>{title}</Title>
+        <ActionIcon 
+          onClick={() => onClose(rowId)} 
+          size="sm" 
+          color="gray"
+        >
+          <IconX size={16} />
+        </ActionIcon>
+      </Group>
+      
+      <Box>{/* detailContent */}</Box>
+    </Box>
+  );
+}
+
+/**
+ * Componente para renderizar o painel de detalhes como modal
+ */
+export function ArchbaseDetailModal<T extends object = any>({ 
+  rowId,
+  rowData, 
+  renderDetailPanel,
+  onClose,
+  theme,
+  className,
+  style,
+  opened,
+  title = 'Detalhes'
+}: { 
+  rowId: GridRowId;
+  rowData: T;
+  renderDetailPanel: (props: { row: T }) => React.ReactNode;
+  onClose: (rowId: GridRowId) => void;
+  theme: any;
+  className?: string;
+  style?: React.CSSProperties;
+  opened: boolean;
+  title?: string;
+}) {
+  // Importar Modal dinamicamente para evitar problemas se o componente não existir
+  
+  
+  // Memoizar o conteúdo do painel para evitar renderizações desnecessárias
+  const detailContent = useMemo(() => {
+    return renderDetailPanel({ row: rowData });
+  }, [rowData, renderDetailPanel]);
+  
+  return (
+    <Modal
+      opened={opened}
+      onClose={() => onClose(rowId)}
+      title={
+        <Title order={4} style={{ fontSize: '1.1rem', fontWeight: 500 }}>
+          {title}
+        </Title>
+      }
+      size="80%"
+      centered
+    >
+      <Box 
+        className={`detail-panel-container ${className || ''}`}
+        style={{
+          padding: 0,
+          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+          width: '100%',
+          maxHeight: '70vh',
+          overflow: 'auto',
+          ...style
+        }}
+      >
+        {detailContent}
+      </Box>
+    </Modal>
+  );
+}
+
+/**
+ * Componente para renderizar o painel de detalhes como drawer (desliza da direita/esquerda)
+ */
+export function ArchbaseDetailDrawer<T extends object = any>({ 
+  rowId,
+  rowData, 
+  renderDetailPanel,
+  onClose,
+  theme,
+  className,
+  style,
+  opened,
+  title = 'Detalhes',
+  position = 'right',
+  size = 'md'
+}: { 
+  rowId: GridRowId;
+  rowData: T;
+  renderDetailPanel: (props: { row: T }) => React.ReactNode;
+  onClose: (rowId: GridRowId) => void;
+  theme: any;
+  className?: string;
+  style?: React.CSSProperties;
+  opened: boolean;
+  title?: string;
+  position?: 'left' | 'right' | 'top' | 'bottom';
+  size?: string | number;
+}) {
+  // Gerar o conteúdo do painel usando a função renderDetailPanel
+  const detailContent = useMemo(() => {
+    return renderDetailPanel({ row: rowData });
+  }, [rowData, renderDetailPanel]);
+    
+  return (
+    <Drawer
+      opened={opened}
+      onClose={() => onClose(rowId)}
+      title={
+        <Title order={4} style={{ fontSize: '1.1rem', fontWeight: 500 }}>
+          {title}
+        </Title>
+      }
+      position={position}
+      size={size}
+      padding="md"
+      zIndex={1000} // Garantir que fique acima de outros elementos
+    >
+      <Box 
+        className={`detail-panel-container ${className || ''}`}
+        style={{
+          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+          width: '100%',
+          height: '100%',
+          overflow: 'auto',
+          ...style
+        }}
+      >
+        {detailContent}
+      </Box>
+    </Drawer>
+  );
+}

package/src/datagrid/main/archbase-expand-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archbase-expand-button.d.ts","sourceRoot":"","sources":["archbase-expand-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACV,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD,2CAuBA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,GAAG,CAAC,SAAS,CAAC,EAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,EAC1C,UAAU,CAAC,EAAE,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;;;;;;yBAQxC,GAAG;EAuB3B"}

package/src/datagrid/main/archbase-expand-button.tsx

@@ -0,0 +1,83 @@
+// @ts-nocheck
+// archbase-expand-button.tsx
+import React, { useRef } from 'react';
+import { ActionIcon } from '@mantine/core';
+import { IconChevronDown, IconChevronRight } from '@tabler/icons-react';
+import { GridRowId } from '@mui/x-data-grid';
+
+/**
+ * Componente que renderiza o botão de expansão para mostrar/ocultar detalhes
+ */
+export function ArchbaseExpandButton({ 
+  rowId, 
+  expanded, 
+  onClick,
+  buttonRef
+}: { 
+  rowId: GridRowId; 
+  expanded: boolean; 
+  onClick: (rowId: GridRowId) => void;
+  buttonRef?: React.RefObject<HTMLButtonElement>;
+}) {
+  // Criar ref interna se não for fornecida externamente
+  const internalRef = useRef<HTMLButtonElement>(null);
+  const ref = buttonRef || internalRef;
+  
+  return (
+    <ActionIcon
+      className="archbase-expand-button"
+      ref={ref}
+      onClick={(e) => {
+        e.stopPropagation();
+        onClick(rowId);
+      }}
+      size="md"
+      color="blue"
+      variant="subtle"
+      aria-label={expanded ? "Recolher detalhes" : "Expandir detalhes"}
+      title={expanded ? "Recolher detalhes" : "Expandir detalhes"}
+      data-row-id={rowId}
+    >
+      {expanded ? <IconChevronDown size={18} /> : <IconChevronRight size={18} />}
+    </ActionIcon>
+  );
+}
+
+/**
+ * Função auxiliar para criar a coluna de expansão com referências aos botões
+ */
+export function createExpandColumn(
+  expandedRowIds: Set<GridRowId>, 
+  onToggleExpand: (rowId: GridRowId) => void,
+  buttonRefs?: Map<GridRowId, React.RefObject<HTMLButtonElement>>
+) {
+  return {
+    field: 'expandColumn',
+    headerName: '',
+    sortable: false,
+    filterable: false,
+    width: 50,
+    renderCell: (params: any) => {
+      // Função para criar uma ref para o botão atual
+      const getRef = () => {
+        if (!buttonRefs) return undefined;
+        
+        const rowId = params.id;
+        if (!buttonRefs.has(rowId)) {
+          buttonRefs.set(rowId, React.createRef<HTMLButtonElement>());
+        }
+        
+        return buttonRefs.get(rowId);
+      };
+      
+      return (
+        <ArchbaseExpandButton 
+          rowId={params.id}
+          expanded={expandedRowIds.has(params.id)}
+          onClick={onToggleExpand}
+          buttonRef={getRef()}
+        />
+      );
+    }
+  };
+}

package/src/datagrid/main/archbase-grid-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archbase-grid-popover.d.ts","sourceRoot":"","sources":["archbase-grid-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAC5D,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EAAE,kDAAkD;AAC7D,KAAc,EACd,SAAe,EAChB,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC;IACX,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAyEA;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,EAC9D,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAc,EACf,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC;IACX,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,OAAO,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,2CAyDA"}

package/src/datagrid/main/archbase-grid-popover.tsx

@@ -0,0 +1,188 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { GridRowId } from '@mui/x-data-grid';
+import { Popover, HoverCard, Box, Title, ActionIcon, Group } from '@mantine/core';
+import { IconX } from '@tabler/icons-react';
+
+/**
+ * Componente para renderizar o painel de detalhes como popover quando não há espaço suficiente
+ */
+export function ArchbaseDetailPopover<T extends object = any>({ 
+  rowId,
+  rowData, 
+  renderDetailPanel,
+  onClose,
+  theme,
+  className,
+  style,
+  opened,
+  targetRef, // Referência ao elemento alvo (botão de expandir)
+  width = 'auto',
+  maxHeight = 600
+}: { 
+  rowId: GridRowId;
+  rowData: T;
+  renderDetailPanel: (props: { row: T }) => React.ReactNode;
+  onClose: (rowId: GridRowId) => void;
+  theme: any;
+  className?: string;
+  style?: React.CSSProperties;
+  opened: boolean;
+  targetRef: React.RefObject<HTMLElement>;
+  width?: number | string;
+  maxHeight?: number;
+}) {
+  const contentRef = useRef<HTMLDivElement>(null);
+  const [contentHeight, setContentHeight] = useState(0);
+  
+  // Medir a altura do conteúdo para ajustar o popover
+  useEffect(() => {
+    if (contentRef.current && opened) {
+      setContentHeight(contentRef.current.scrollHeight);
+    }
+  }, [opened, rowData]);
+  
+  // Renderizar o conteúdo do painel de detalhes
+  const detailContent = renderDetailPanel({ row: rowData });
+  
+  return (
+    <Popover
+      opened={opened}
+      position="bottom"
+      width={width}
+      shadow="md"
+      withinPortal={true}
+      onClose={() => onClose(rowId)}
+    >
+      <Popover.Target>
+        {targetRef.current ? (
+          <div style={{ display: 'inline-block' }}>
+            {/* Esta div é necessária porque o Popover.Target precisa de um ReactNode */}
+            {/* O ref real está sendo usado apenas para posicionar o popover */}
+            <span ref={(node) => {
+              // Isso é um hack para garantir que o popover seja ancorado no botão
+              if (node && targetRef.current) {
+                // Copiar posição do botão real para este elemento
+                const rect = targetRef.current.getBoundingClientRect();
+                node.style.position = 'absolute';
+                node.style.left = `${rect.left}px`;
+                node.style.top = `${rect.top}px`;
+                node.style.width = `${rect.width}px`;
+                node.style.height = `${rect.height}px`;
+              }
+            }} />
+          </div>
+        ) : <span />}
+      </Popover.Target>
+      
+      <Popover.Dropdown>
+        <Box 
+          ref={contentRef}
+          className={`detail-panel-container ${className || ''}`}
+          style={{
+            padding: theme.spacing.md,
+            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+            width: '100%',
+            maxHeight: `${Math.min(contentHeight + 40, maxHeight)}px`,
+            overflow: 'auto',
+            ...style
+          }}
+        >
+          <Group justify="apart" mb="xs">
+            <Title order={4} style={{ fontSize: '1rem', fontWeight: 500 }}>Detalhes</Title>
+            <ActionIcon 
+              onClick={() => onClose(rowId)} 
+              size="sm" 
+              color="gray"
+            >
+              <IconX size={16} />
+            </ActionIcon>
+          </Group>
+          
+          <Box>{detailContent}</Box>
+        </Box>
+      </Popover.Dropdown>
+    </Popover>
+  );
+}
+
+/**
+ * Componente alternativo usando HoverCard (útil quando quiser mostrar detalhes ao passar o mouse)
+ */
+export function ArchbaseDetailHoverCard<T extends object = any>({ 
+  rowId,
+  rowData, 
+  renderDetailPanel,
+  onClose,
+  theme,
+  className,
+  style,
+  targetRef,
+  width = 'auto'
+}: { 
+  rowId: GridRowId;
+  rowData: T;
+  renderDetailPanel: (props: { row: T }) => React.ReactNode;
+  onClose: (rowId: GridRowId) => void;
+  theme: any;
+  className?: string;
+  style?: React.CSSProperties;
+  targetRef: React.RefObject<HTMLElement>;
+  width?: number | string;
+}) {
+  // Renderizar o conteúdo do painel de detalhes
+  const detailContent = renderDetailPanel({ row: rowData });
+  
+  return (
+    <HoverCard
+      position="bottom"
+      width={width}
+      shadow="md"
+      withinPortal={true}
+      onClose={() => onClose(rowId)}
+    >
+      <HoverCard.Target>
+        {targetRef.current ? (
+          <div style={{ display: 'inline-block' }}>
+            <span ref={(node) => {
+              if (node && targetRef.current) {
+                const rect = targetRef.current.getBoundingClientRect();
+                node.style.position = 'absolute';
+                node.style.left = `${rect.left}px`;
+                node.style.top = `${rect.top}px`;
+                node.style.width = `${rect.width}px`;
+                node.style.height = `${rect.height}px`;
+              }
+            }} />
+          </div>
+        ) : <span />}
+      </HoverCard.Target>
+      
+      <HoverCard.Dropdown>
+        <Box 
+          className={`detail-panel-container ${className || ''}`}
+          style={{
+            padding: theme.spacing.md,
+            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
+            width: '100%',
+            maxHeight: '500px',
+            overflow: 'auto',
+            ...style
+          }}
+        >
+          <Group justify="apart" mb="xs">
+            <Title order={4} style={{ fontSize: '1rem', fontWeight: 500 }}>Detalhes</Title>
+            <ActionIcon 
+              onClick={() => onClose(rowId)} 
+              size="sm" 
+              color="gray"
+            >
+              <IconX size={16} />
+            </ActionIcon>
+          </Group>
+          
+          {detailContent}
+        </Box>
+      </HoverCard.Dropdown>
+    </HoverCard>
+  );
+}

package/src/datagrid/main/grid-row-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-row-actions.d.ts","sourceRoot":"","sources":["grid-row-actions.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,MAAM;IAC3D,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,EAAE,EACvD,SAAS,EACT,WAAW,EACX,SAAS,EACT,GAAG,EACH,OAAkB,EAClB,KAAK,EACL,IAAI,EACL,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CA8ChC;AAGD,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,MAAM,EACxD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAC5B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAC5B,OAAO,CAAC,EAAE,MAAM,oBAEQ;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,6CAUjD;AAED,eAAe,sBAAsB,CAAC"}

package/src/datagrid/main/grid-row-actions.tsx

@@ -0,0 +1,97 @@
+import React from 'react';
+import { ActionIcon, Box, Group, Tooltip, useMantineColorScheme } from '@mantine/core';
+import { IconEdit, IconTrash, IconEye } from '@tabler/icons-react';
+import { useArchbaseTranslation } from '@archbase/core';
+import { useArchbaseTheme } from '@archbase/core';
+
+export interface ArchbaseGridRowActionsProps<T extends Object> {
+  onEditRow?: (row: T) => void;
+  onRemoveRow?: (row: T) => void;
+  onViewRow?: (row: T) => void;
+  row: T;
+  variant?: string;
+  // Propriedades adicionadas para compatibilidade com ArchbaseDataTable
+  table?: any;
+  cell?: any;
+}
+
+export function ArchbaseGridRowActions<T extends Object>({
+  onEditRow,
+  onRemoveRow,
+  onViewRow,
+  row,
+  variant = 'filled',
+  table,
+  cell
+}: ArchbaseGridRowActionsProps<T>) {
+  const theme = useArchbaseTheme();
+  const { colorScheme } = useMantineColorScheme();
+  const { t } = useArchbaseTranslation();
+  
+  // Função utilitária para garantir que t() retorne string
+  const tString = (key: string) => String(t(key));
+
+  return (
+    <Group gap="2" justify='center' align='center'>
+      {onViewRow ? (
+        <Tooltip withinPortal withArrow position="top" label={tString('View')}>
+          <ActionIcon
+            variant={variant === 'filled' ? 'transparent' : variant}
+            color="gray"
+            onClick={() => onViewRow && onViewRow(row)}
+            size="md"
+          >
+            <IconEye color={colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.dark[4]} size={22} />
+          </ActionIcon>
+        </Tooltip>
+      ) : null}
+
+      {onEditRow ? (
+        <Tooltip withinPortal withArrow position="top" label={tString('Edit')}>
+          <ActionIcon
+            variant={variant === 'filled' ? 'transparent' : variant}
+            color="blue"
+            onClick={() => onEditRow && onEditRow(row)}
+            size="md"
+          >
+            <IconEdit color={colorScheme === 'dark' ? theme.colors.blue[8] : theme.colors.blue[4]} size={22} />
+          </ActionIcon>
+        </Tooltip>
+      ) : null}
+
+      {onRemoveRow ? (
+        <Tooltip withinPortal withArrow position="top" label={tString('Remove')}>
+          <ActionIcon
+            variant={variant === 'filled' ? 'transparent' : variant}
+            color="red"
+            onClick={() => onRemoveRow && onRemoveRow(row)}
+            size="md"
+          >
+            <IconTrash color={colorScheme === 'dark' ? theme.colors.red[8] : theme.colors.red[4]} size={22} />
+          </ActionIcon>
+        </Tooltip>
+      ) : null}
+    </Group>
+  );
+}
+
+// Adaptador para usar com o formato de parâmetros do ArchbaseDataTable
+export function createDataTableRowActions<T extends Object>(
+  onEditRow?: (row: T) => void,
+  onRemoveRow?: (row: T) => void,
+  onViewRow?: (row: T) => void,
+  variant?: string
+) {
+  return ({ row, table }: { row: any; table: any }) => (
+    <ArchbaseGridRowActions
+      onEditRow={onEditRow}
+      onRemoveRow={onRemoveRow}
+      onViewRow={onViewRow}
+      row={row.original}
+      variant={variant}
+      table={table}
+    />
+  );
+}
+
+export default ArchbaseGridRowActions;

package/src/datagrid/main/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAG3C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGnE,OAAO,EACL,sBAAsB,EACtB,OAAO,EACP,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,uBAAuB,EACxB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,0BAA0B,EAC3B,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EAC1B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,YAAY,EACZ,2BAA2B,EAC3B,qBAAqB,EACrB,YAAY,EACZ,mBAAmB,EACpB,MAAM,4BAA4B,CAAC"}

package/src/datagrid/main/index.tsx

@@ -0,0 +1,75 @@
+// Exportar tudo de cada arquivo
+export * from './archbase-data-grid';
+export * from './archbase-data-grid-types';
+export * from './archbase-data-grid-column';
+export * from './archbase-data-grid-toolbar';
+export * from './archbase-data-grid-pagination';
+export * from './archbase-detail-panel-component';
+export * from './archbase-expand-button';
+export * from './archbase-grid-popover';
+export * from './grid-row-actions';
+export * from './archbase-data-grid-formatters';
+export * from './archbase-data-grid-utils';
+
+// Além disso, exporte os componentes individualmente para manter compatibilidade
+export { default as ArchbaseDataGrid } from './archbase-data-grid';
+
+// Exportar componentes auxiliares de forma explícita
+export {
+  ArchbaseDataGridColumn,
+  Columns,
+  GridToolBarActions
+} from './archbase-data-grid-types';
+
+export {
+  ArchbaseDataGridToolbar
+} from './archbase-data-grid-toolbar';
+
+export {
+  ArchbaseDataGridPagination
+} from './archbase-data-grid-pagination';
+
+export {
+  ArchbaseDetailPanel,
+  ArchbaseDetailModal,
+  ArchbaseDetailDrawer
+} from './archbase-detail-panel-component';
+
+export {
+  ArchbaseExpandButton,
+  createExpandColumn
+} from './archbase-expand-button';
+
+export {
+  ArchbaseDetailPopover,
+  ArchbaseDetailHoverCard
+} from './archbase-grid-popover';
+
+export {
+  ArchbaseGridRowActions,
+  createDataTableRowActions
+} from './grid-row-actions';
+
+export {
+  renderText,
+  renderInteger,
+  renderCurrency,
+  renderFloat,
+  renderPercent,
+  renderBoolean,
+  renderDate,
+  renderDateTime,
+  renderTime,
+  renderEnum,
+  renderUUID,
+  getRendererByDataType,
+  getAlignmentByDataType
+} from './archbase-data-grid-formatters';
+
+export {
+  safeGetRowId,
+  buildGlobalFilterExpression,
+  buildFilterExpression,
+  getRgbValues,
+  getInitialSortModel
+} from './archbase-data-grid-utils';

package/src/datagrid/modals/export-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-data.d.ts","sourceRoot":"","sources":["export-data.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,CAAC;AAGnD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmCD,wBAAsB,UAAU,CAC9B,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,GAAG,EAAE,EACd,MAAM,EAAE,YAAY,GACnB,OAAO,CAAC,IAAI,CAAC,CAsDf"}