slickgrid-vue 9.13.0 → 10.0.0

package/README.md

@@ -65,12 +65,22 @@ const gridOptions = ref<GridOption>({ /*...*/ }); // optional grid options
   <slickgrid-vue
     grid-id="grid1"
     v-model:columns="columnDefinitions"
-    v-model:data="dataset"
+    v-model:dataset="dataset"
     v-model:options="gridOptions"
   ></slickgrid-vue>
 </template>
 ```
 
+
+### Versions Compatibility
+
+> **Note** Please be aware that only the latest major version of Slickgrid-Vue will be supported and receive bug fixes.
+
+| Slickgrid-Vue | Vue     | Migration Guide | Notes | Date |
+|:---------------:| --------- | --------------- | ----- | ---- |
+| 10.x            | Vue >=3.5.0 | [Migration 10.x](https://ghiscoding.gitbook.io/slickgrid-vue/migrations/migration-to-10.x)  | Smaller code, requires Slickgrid-Universal [10.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v10.0.0) | 2026-02-28 |
+| 9.x             | Vue >=3.5.0 | [Migration 9.x](https://ghiscoding.gitbook.io/slickgrid-vue/migrations/migration-to-9.x)  | ESM-Only, requires Slickgrid-Universal [9.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v9.0.0) | 2025-05-10 |
+
 ### Like it? ⭐ it
 You like **Slickgrid-Vue**? Be sure to upvote ⭐ the project, and perhaps support me with caffeine [☕](https://ko-fi.com/ghiscoding) or sponsor me on GitHub. Any contributions are also very welcome. Thanks
 

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import { Aggregators } from '@slickgrid-universal/common';
-import { App } from 'vue';
 import { BackendService } from '@slickgrid-universal/common';
 import { BasePaginationComponent } from '@slickgrid-universal/common';
 import { BasePaginationModel } from '@slickgrid-universal/common';
@@ -7,7 +6,6 @@ import { Column } from '@slickgrid-universal/common';
 import { ColumnSort } from '@slickgrid-universal/common';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
-import { ComponentPublicInstance } from 'vue';
 import { CurrentFilter } from '@slickgrid-universal/common';
 import { CurrentSorter } from '@slickgrid-universal/common';
 import { DefineComponent } from 'vue';
@@ -47,7 +45,6 @@ import { OnBeforeEditCellEventArgs } from '@slickgrid-universal/common';
 import { OnBeforeFooterRowCellDestroyEventArgs } from '@slickgrid-universal/common';
 import { OnBeforeHeaderCellDestroyEventArgs } from '@slickgrid-universal/common';
 import { OnBeforeHeaderRowCellDestroyEventArgs } from '@slickgrid-universal/common';
-import { OnBeforeRowDetailToggleArgs } from '@slickgrid-universal/common';
 import { OnBeforeSetColumnsEventArgs } from '@slickgrid-universal/common';
 import { OnCellChangeEventArgs } from '@slickgrid-universal/common';
 import { OnCellCssStylesChangedEventArgs } from '@slickgrid-universal/common';
@@ -72,7 +69,6 @@ import { OnHeaderMouseEventArgs } from '@slickgrid-universal/common';
 import { OnHeaderRowCellRenderedEventArgs } from '@slickgrid-universal/common';
 import { OnKeyDownEventArgs } from '@slickgrid-universal/common';
 import { OnRenderedEventArgs } from '@slickgrid-universal/common';
-import { OnRowBackOrOutOfViewportRangeArgs } from '@slickgrid-universal/common';
 import { OnRowCountChangedEventArgs } from '@slickgrid-universal/common';
 import { OnRowsChangedEventArgs } from '@slickgrid-universal/common';
 import { OnRowsOrCountChangedEventArgs } from '@slickgrid-universal/common';
@@ -90,16 +86,12 @@ import { PagingInfo } from '@slickgrid-universal/common';
 import { PublicProps } from 'vue';
 import { ResizerService } from '@slickgrid-universal/common';
 import { RowDetailView as RowDetailView_2 } from '@slickgrid-universal/common';
-import { RowDetailViewOption } from '@slickgrid-universal/common';
-import { SelectionModel } from '@slickgrid-universal/common';
 import { SingleColumnSort } from '@slickgrid-universal/common';
 import { SlickControlList } from '@slickgrid-universal/common';
 import { SlickDataView } from '@slickgrid-universal/common';
-import { SlickEventData } from '@slickgrid-universal/common';
 import { SlickGrid } from '@slickgrid-universal/common';
 import { SlickPluginList } from '@slickgrid-universal/common';
 import { SlickRange } from '@slickgrid-universal/common';
-import { SlickRowDetailView as SlickRowDetailView_2 } from '@slickgrid-universal/row-detail-view-plugin';
 import { Slot } from 'vue';
 import { SortComparers } from '@slickgrid-universal/common';
 import { SortService } from '@slickgrid-universal/common';
@@ -114,13 +106,13 @@ declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}
 "update:options": (value: GridOption<Column<any>>) => any;
 "update:pagination": (value: Pagination) => any;
 "update:columns": (value: Column<any>[]) => any;
-"update:data": (value: any[]) => any;
+"update:dataset": (value: any[]) => any;
 "update:hierarchical": (value: any[]) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
 "onUpdate:options"?: ((value: GridOption<Column<any>>) => any) | undefined;
 "onUpdate:pagination"?: ((value: Pagination) => any) | undefined;
 "onUpdate:columns"?: ((value: Column<any>[]) => any) | undefined;
-"onUpdate:data"?: ((value: any[]) => any) | undefined;
+"onUpdate:dataset"?: ((value: any[]) => any) | undefined;
 "onUpdate:hierarchical"?: ((value: any[]) => any) | undefined;
 }>, {
 gridId: string;
@@ -134,7 +126,7 @@ declare type __VLS_PublicProps = {
     'options'?: GridOption;
     'pagination'?: Pagination;
     'columns': Column[];
-    'data'?: any[];
+    'dataset'?: any[];
     'hierarchical'?: any[];
 } & __VLS_Props;
 
@@ -164,14 +156,6 @@ declare type Callback = (error: any, t: Function) => void;
 
 export { Column }
 
-declare interface CreatedView {
-    id: string | number;
-    dataContext: any;
-    app: App | null;
-    rendered?: boolean;
-    instance: ComponentPublicInstance | null;
-}
-
 /**
  * Loop through and dispose of all subscriptions when they are disposable
  * @param subscriptions
@@ -466,83 +450,6 @@ export declare interface SlickgridVueProps {
     onOnLanguageChange?: VueRegularEventHandler<string>;
 }
 
-export declare class SlickRowDetailView extends SlickRowDetailView_2 {
-    private readonly eventPubSubService;
-    protected _component?: any;
-    protected _preloadComponent?: any;
-    protected _preloadApp?: App<Element>;
-    protected _views: CreatedView[];
-    protected _subscriptions: EventSubscription[];
-    protected _userProcessFn?: (item: any) => Promise<any>;
-    protected gridContainerElement: HTMLElement;
-    constructor(eventPubSubService: EventPubSubService);
-    get addonOptions(): RowDetailViewOption;
-    protected get datasetIdPropName(): string;
-    get gridOptions(): GridOption;
-    get rowDetailViewOptions(): RowDetailView | undefined;
-    /** Dispose of the RowDetailView Extension */
-    dispose(): void;
-    /** Dispose of all the opened Row Detail Panels Components */
-    disposeAllViewComponents(): void;
-    disposeViewByItem(item: any, removeFromArray?: boolean): void;
-    /** Get the instance of the SlickGrid addon (control or plugin). */
-    getAddonInstance(): SlickRowDetailView | null;
-    init(grid: SlickGrid): void;
-    /**
-     * Create the plugin before the Grid creation, else it will behave oddly.
-     * Mostly because the column definitions might change after the grid creation
-     */
-    register(rowSelectionPlugin?: SelectionModel): this;
-    /** Redraw (re-render) all the expanded row detail View Components */
-    redrawAllViewComponents(forceRedraw?: boolean): void;
-    /** Render all the expanded row detail View Components */
-    renderAllViewModels(): void;
-    /** Redraw the necessary View Component */
-    redrawViewComponent(view: CreatedView): void;
-    /** Render (or re-render) the View Component (Row Detail) */
-    renderPreloadView(item: any): void;
-    /** Render (or re-render) the View Component (Row Detail) */
-    renderViewModel(item: any): void;
-    /** remove any previous mounted views, if found then unmount them and delete them from our references array */
-    protected unmountViewWhenExists(itemId: string | number): void;
-    protected upsertViewRefs(item: any, options: {
-        app: App | null;
-        instance: ComponentPublicInstance | null;
-        rendered: boolean;
-    }): void;
-    protected disposeViewComponent(expandedView: CreatedView): CreatedView | void;
-    /**
-     * Just before the row get expanded or collapsed we will do the following
-     * First determine if the row is expanding or collapsing,
-     * if it's expanding we will add it to our View Components reference array if we don't already have it
-     * or if it's collapsing we will remove it from our View Components reference array
-     */
-    protected handleOnBeforeRowDetailToggle(_e: SlickEventData<OnBeforeRowDetailToggleArgs>, args: {
-        grid: SlickGrid;
-        item: any;
-    }): void;
-    /** When Row comes back to Viewport Range, we need to redraw the View */
-    protected handleOnRowBackToViewportRange(_e: SlickEventData<OnRowBackOrOutOfViewportRangeArgs>, args: {
-        item: any;
-        rowId: string | number;
-        rowIndex: number;
-        expandedRows: (string | number)[];
-        rowIdsOutOfViewport: (string | number)[];
-        grid: SlickGrid;
-    }): void;
-    /**
-     * notify the onAsyncResponse with the "args.item" (required property)
-     * the plugin will then use item to populate the row detail panel with the "postTemplate"
-     * @param item
-     */
-    protected notifyTemplate(item: any): void;
-    /**
-     * On Processing, we will notify the plugin with the new item detail once backend server call completes
-     * @param item
-     */
-    protected onProcessing(item: any): Promise<void>;
-}
-
 export { SortComparers }
 
 /**