@alaarab/ogrid-vue-vuetify 2.0.2

package/dist/types/ColumnHeaderFilter/index.d.ts

@@ -0,0 +1,2 @@
+export { ColumnHeaderFilter } from './ColumnHeaderFilter';
+export type { IColumnHeaderFilterProps } from './ColumnHeaderFilter';

package/dist/types/DataGridTable/DataGridTable.d.ts

@@ -0,0 +1,15 @@
+import { type PropType, type VNode } from 'vue';
+import { type IOGridDataGridProps } from '@alaarab/ogrid-vue';
+export declare const DataGridTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gridProps: {
+        type: PropType<IOGridDataGridProps<unknown>>;
+        required: true;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    gridProps: {
+        type: PropType<IOGridDataGridProps<unknown>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/DataGridTable/GridContextMenu.d.ts

@@ -0,0 +1,116 @@
+import { type PropType } from 'vue';
+export interface GridContextMenuProps {
+    x: number;
+    y: number;
+    hasSelection: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    onUndo: () => void;
+    onRedo: () => void;
+    onCopy: () => void;
+    onCut: () => void;
+    onPaste: () => void;
+    onSelectAll: () => void;
+    onClose: () => void;
+}
+export declare const GridContextMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    hasSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canUndo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canRedo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onUndo: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onRedo: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onCopy: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onCut: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onPaste: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onSelectAll: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    hasSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canUndo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canRedo: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onUndo: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onRedo: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onCopy: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onCut: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onPaste: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onSelectAll: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onClose: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/DataGridTable/InlineCellEditor.d.ts

@@ -0,0 +1,72 @@
+import { type PropType } from 'vue';
+import type { IColumnDef } from '@alaarab/ogrid-vue';
+export interface InlineCellEditorProps<T = unknown> {
+    value: unknown;
+    item: T;
+    column: IColumnDef<T>;
+    rowIndex: number;
+    editorType: 'text' | 'select' | 'checkbox' | 'richSelect' | 'date';
+    onCommit: (value: unknown) => void;
+    onCancel: () => void;
+}
+export declare const InlineCellEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        default: undefined;
+    };
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: PropType<IColumnDef>;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    editorType: {
+        type: PropType<"text" | "select" | "checkbox" | "richSelect" | "date">;
+        required: true;
+    };
+    onCommit: {
+        type: PropType<(value: unknown) => void>;
+        required: true;
+    };
+    onCancel: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        default: undefined;
+    };
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: PropType<IColumnDef>;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    editorType: {
+        type: PropType<"text" | "select" | "checkbox" | "richSelect" | "date">;
+        required: true;
+    };
+    onCommit: {
+        type: PropType<(value: unknown) => void>;
+        required: true;
+    };
+    onCancel: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    value: undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/DataGridTable/StatusBar.d.ts

@@ -0,0 +1,80 @@
+import { type PropType } from 'vue';
+export interface StatusBarProps {
+    totalCount: number;
+    filteredCount?: number;
+    selectedCount?: number;
+    selectedCellCount?: number;
+    aggregation?: {
+        sum: number;
+        avg: number;
+        min: number;
+        max: number;
+        count: number;
+    } | null;
+    suppressRowCount?: boolean;
+}
+export declare const StatusBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    totalCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    filteredCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    selectedCellCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    aggregation: {
+        type: PropType<StatusBarProps["aggregation"]>;
+        default: undefined;
+    };
+    suppressRowCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    totalCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    filteredCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    selectedCellCount: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    aggregation: {
+        type: PropType<StatusBarProps["aggregation"]>;
+        default: undefined;
+    };
+    suppressRowCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    aggregation: {
+        sum: number;
+        avg: number;
+        min: number;
+        max: number;
+        count: number;
+    } | null | undefined;
+    filteredCount: number;
+    selectedCount: number;
+    selectedCellCount: number;
+    suppressRowCount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/OGrid/OGrid.d.ts

@@ -0,0 +1,15 @@
+import { type PropType } from 'vue';
+import { type IOGridProps } from '@alaarab/ogrid-vue';
+export declare const OGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gridProps: {
+        type: PropType<IOGridProps<unknown>>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    gridProps: {
+        type: PropType<IOGridProps<unknown>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/PaginationControls/PaginationControls.d.ts

@@ -0,0 +1,74 @@
+import { type PropType } from 'vue';
+export interface IPaginationControlsProps {
+    currentPage: number;
+    pageSize: number;
+    totalCount: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    pageSizeOptions?: number[];
+    entityLabelPlural?: string;
+}
+export declare const PaginationControls: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    currentPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    totalCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    onPageChange: {
+        type: PropType<(page: number) => void>;
+        required: true;
+    };
+    onPageSizeChange: {
+        type: PropType<(pageSize: number) => void>;
+        required: true;
+    };
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    entityLabelPlural: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    currentPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    totalCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    onPageChange: {
+        type: PropType<(page: number) => void>;
+        required: true;
+    };
+    onPageSizeChange: {
+        type: PropType<(pageSize: number) => void>;
+        required: true;
+    };
+    pageSizeOptions: {
+        type: PropType<number[]>;
+        default: undefined;
+    };
+    entityLabelPlural: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    pageSizeOptions: number[];
+    entityLabelPlural: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from '@alaarab/ogrid-vue';
+export { OGrid } from './OGrid/OGrid';
+export { DataGridTable } from './DataGridTable/DataGridTable';
+export { ColumnHeaderFilter } from './ColumnHeaderFilter/ColumnHeaderFilter';
+export type { IColumnHeaderFilterProps } from './ColumnHeaderFilter/ColumnHeaderFilter';
+export { ColumnChooser } from './ColumnChooser/ColumnChooser';
+export type { IColumnChooserProps } from './ColumnChooser/ColumnChooser';
+export { PaginationControls } from './PaginationControls/PaginationControls';
+export type { IPaginationControlsProps } from './PaginationControls/PaginationControls';

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@alaarab/ogrid-vue-vuetify",
+  "version": "2.0.2",
+  "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",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/esm/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rimraf dist && tsc -p tsconfig.build.json",
+    "test": "jest --passWithNoTests"
+  },
+  "keywords": ["ogrid", "vue", "vuetify", "datatable", "typescript", "grid"],
+  "author": "Ala Arab",
+  "license": "MIT",
+  "files": ["dist", "README.md", "LICENSE"],
+  "engines": { "node": ">=18" },
+  "dependencies": {
+    "@alaarab/ogrid-vue": "2.0.2"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0",
+    "vuetify": "^3.0.0"
+  },
+  "devDependencies": {
+    "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"
+  },
+  "publishConfig": { "access": "public" }
+}