@alaarab/ogrid-vue-vuetify 2.0.5 → 2.0.6

package/dist/esm/DataGridTable/DataGridTable.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, h, Teleport } from 'vue';
+import { defineComponent, computed, h, Teleport } from 'vue';
 import { VCheckbox, VProgressCircular, VBtn } from 'vuetify/components';
-import { useDataGridState, useColumnResize, useColumnReorder, useVirtualScroll, getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, buildHeaderRows, flattenColumns, CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, } from '@alaarab/ogrid-vue';
+import { useDataGridTableSetup, getHeaderFilterConfig, getCellRenderDescriptor, resolveCellDisplayContent, resolveCellStyle, buildInlineEditorProps, buildPopoverEditorProps, getCellInteractionProps, buildHeaderRows, CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, } from '@alaarab/ogrid-vue';
 import { ColumnHeaderFilter } from '../ColumnHeaderFilter';
 import { InlineCellEditor } from './InlineCellEditor';
 import { StatusBar } from './StatusBar';
@@ -13,36 +13,8 @@ export const DataGridTable = defineComponent({
         gridProps: { type: Object, required: true },
     },
     setup(props) {
-        const wrapperRef = ref(null);
-        const tableContainerRef = ref(null);
-        const lastMouseShift = ref(false);
         const propsRef = computed(() => props.gridProps);
-        const state = useDataGridState({ props: propsRef, wrapperRef });
-        // Column reorder — setup scope for lifecycle hooks
-        const columnOrderRef = computed(() => {
-            const p = props.gridProps;
-            if (p.columnOrder)
-                return p.columnOrder;
-            return flattenColumns(p.columns).filter(c => p.visibleColumns?.has(c.columnId) ?? true).map(c => c.columnId);
-        });
-        const onColumnOrderChangeRef = computed(() => props.gridProps.onColumnOrderChange);
-        const tableRef = ref(null);
-        const { isDragging: isReorderDragging, dropIndicatorX, handleHeaderMouseDown: handleReorderMouseDown } = useColumnReorder({
-            columnOrder: columnOrderRef,
-            onColumnOrderChange: onColumnOrderChangeRef,
-            tableRef,
-        });
-        // Virtual scrolling — setup scope for lifecycle hooks
-        const virtualScrollEnabled = computed(() => props.gridProps.virtualScroll?.enabled ?? false);
-        const totalRowsRef = computed(() => props.gridProps.items.length);
-        const rowHeight = props.gridProps.virtualScroll?.rowHeight ?? 36;
-        const overscan = props.gridProps.virtualScroll?.overscan ?? 5;
-        const { containerRef: vsContainerRef, visibleRange, totalHeight, scrollToRow } = useVirtualScroll({
-            totalRows: totalRowsRef,
-            rowHeight,
-            enabled: virtualScrollEnabled,
-            overscan,
-        });
+        const { wrapperRef, tableContainerRef, tableRef, lastMouseShift, state, columnReorder: { isDragging: isReorderDragging, dropIndicatorX, handleHeaderMouseDown: handleReorderMouseDown }, virtualScroll: { containerRef: vsContainerRef, visibleRange, totalHeight, scrollToRow }, virtualScrollEnabled, columnResize: { handleResizeStart, getColumnWidth }, } = useDataGridTableSetup({ props: propsRef });
         return () => {
             /**
              * Vue Performance: Fine-grained reactivity vs React memoization
@@ -68,7 +40,7 @@ export const DataGridTable = defineComponent({
             const interaction = state.interaction.value;
             const ctxMenu = state.contextMenu.value;
             const viewModels = state.viewModels.value;
-            const { visibleCols, hasCheckboxCol, hasRowNumbersCol, colOffset, containerWidth, minTableWidth, desiredTableWidth, columnSizingOverrides, setColumnSizingOverrides, } = layout;
+            const { visibleCols, hasCheckboxCol, hasRowNumbersCol, colOffset, containerWidth, minTableWidth, desiredTableWidth, } = layout;
             const currentPage = props.gridProps.currentPage ?? 1;
             const pageSize = props.gridProps.pageSize ?? 25;
             const rowNumberOffset = hasRowNumbersCol ? (currentPage - 1) * pageSize : 0;
@@ -91,10 +63,6 @@ export const DataGridTable = defineComponent({
             const fitToContent = layoutMode === 'content';
             const allowOverflowX = !suppressHorizontalScroll && containerWidth > 0 && (minTableWidth > containerWidth || desiredTableWidth > containerWidth);
             const headerRows = buildHeaderRows(p.columns, p.visibleColumns);
-            const { handleResizeStart, getColumnWidth } = useColumnResize({
-                columnSizingOverrides: computed(() => columnSizingOverrides),
-                setColumnSizingOverrides,
-            });
             const editCallbacks = { commitCellEdit, setEditingCell, setPendingEditorValue, cancelPopoverEdit };
             const interactionHandlers = { handleCellMouseDown, setActiveCell, setEditingCell, handleCellContextMenu };
             const handleSingleRowClick = (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-vue-vuetify",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "OGrid Vuetify – Vuetify-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -22,7 +22,7 @@
   "files": ["dist", "README.md", "LICENSE"],
   "engines": { "node": ">=18" },
   "dependencies": {
-    "@alaarab/ogrid-vue": "2.0.5"
+    "@alaarab/ogrid-vue": "2.0.6"
   },
   "peerDependencies": {
     "vue": "^3.3.0",
@@ -32,9 +32,10 @@
     "vue": "^3.5.28",
     "vuetify": "^3.11.8",
     "@vitejs/plugin-vue": "^6.0.4",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.5.0",
-    "typescript": "^5.7.3"
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "typescript": "^5.9.3"
   },
+  "sideEffects": false,
   "publishConfig": { "access": "public" }
 }