@archbase/components 3.0.2 → 3.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Edson Martins
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# @archbase/components
+
+UI Components for Archbase React v3 - Form editors, data visualization, and business components.
+
+## Installation
+
+```bash
+npm install @archbase/components @archbase/core @archbase/data @archbase/layout
+# or
+pnpm add @archbase/components @archbase/core @archbase/data @archbase/layout
+# or
+yarn add @archbase/components @archbase/core @archbase/data @archbase/layout
+```
+
+## Features
+
+- **Form Components**: Auto-generated forms from JSON schema
+- **Data Grid**: Advanced data grid with sorting, filtering, and pagination
+- **Charts**: React Chart.js and ApexCharts wrappers
+- **Code Editor**: CodeMirror integration
+- **File Components**: File upload, preview, and management
+- **PDF Viewer**: PDF.js integration
+- **Rich Text Editor**: Markdown and WYSIWYG editors
+- **Print Components**: Print-to-PDF functionality
+- **Timeline**: Vis.js timeline integration
+
+## Dependencies
+
+```json
+{
+  "@mantine/core": "8.3.12",
+  "@mantine/charts": "8.3.12",
+  "@mantine/form": "8.3.12",
+  "@tabler/icons-react": "^3.26.0",
+  "react": "^18.3.0 || ^19.0.0",
+  "react-dom": "^18.3.0 || ^19.0.0"
+}
+```
+
+## Usage
+
+```typescript
+import { 
+  ArchbaseForm, 
+  ArchbaseDataGrid,
+  ArchbaseChart 
+} from '@archbase/components';
+```
+
+## License
+
+MIT © Edson Martins
+
+## Documentation
+
+For full documentation, visit [https://react.archbase.dev](https://react.archbase.dev)

package/dist/datagrid/main/archbase-data-grid-types.d.ts

@@ -70,6 +70,12 @@ export interface ArchbaseDataGridToolbarProps {
     activeFilters?: ArchbaseActiveFilter[];
     onFiltersChange?: (filters: ArchbaseActiveFilter[], rsql?: string) => void;
     hideMuiFilters?: boolean;
+    /** Exibir borda inferior da toolbar. Default: true */
+    withBorder?: boolean;
+    /** Padding da toolbar. Default: '8px 12px' */
+    padding?: string | number;
+    /** Border radius da toolbar. Default: theme.radius.sm */
+    borderRadius?: string | number;
 }
 export interface ArchbaseDataGridPaginationProps {
     paginationModel: GridPaginationModel;
@@ -83,6 +89,12 @@ export interface ArchbaseDataGridPaginationProps {
     };
     bottomToolbarMinHeight?: string | number;
     theme: any;
+    /** Exibir borda superior da paginação. Default: true */
+    withBorder?: boolean;
+    /** Padding da paginação. Default: '8px 12px' */
+    padding?: string | number;
+    /** Border radius da paginação. Default: theme.radius.sm */
+    borderRadius?: string | number;
 }
 /**
  * Componente para definir ações na barra de ferramentas
@@ -192,12 +204,21 @@ export interface ArchbaseDataGridProps<T extends object = any, ID = any> {
     tableHeadCellPadding?: string;
     columnAutoWidth?: boolean;
     rowHeight?: number;
+    /** Exibir borda inferior da toolbar. Default: true */
+    withToolbarBorder?: boolean;
+    /** Exibir borda superior da paginação. Default: true */
+    withPaginationBorder?: boolean;
+    /** Padding da toolbar. Default: '8px 12px' */
+    toolbarPadding?: string | number;
+    /** Padding da paginação. Default: '8px 12px' */
+    paginationPadding?: string | number;
     printTitle?: string;
     logoPrint?: string;
     globalDateFormat?: string;
     csvOptions?: any;
     toolbarAlignment?: 'left' | 'right' | 'center';
     positionActionsColumn?: 'first' | 'last';
+    actionsColumnWidth?: number;
     toolbarLeftContent?: ReactNode;
     bottomToolbarMinHeight?: string | number;
     paginationLabels?: Record<string, string>;