@toolbox-web/grid-vue 0.9.0 → 0.10.1

package/features/grouping-columns.js

@@ -1,23 +1,30 @@
 import { GroupingColumnsPlugin as t } from "@toolbox-web/grid/plugins/grouping-columns";
 import { createApp as i } from "vue";
-import { registerFeature as s } from "@toolbox-web/grid/features/registry";
-s("groupingColumns", (e) => {
-  if (e === !0)
+import { registerFeature as c } from "@toolbox-web/grid/features/registry";
+function u(o) {
+  return (r) => {
+    const e = document.createElement("div");
+    return e.style.display = "contents", i({
+      render() {
+        return o(r);
+      }
+    }).mount(e), e;
+  };
+}
+c("groupingColumns", (o) => {
+  if (o === !0)
     return new t();
-  if (!e)
+  if (!o)
     return new t();
-  const r = e, o = { ...r };
+  const r = o, e = { ...r };
   if (typeof r.groupHeaderRenderer == "function") {
-    const p = r.groupHeaderRenderer;
-    o.groupHeaderRenderer = (u) => {
-      const n = document.createElement("div");
-      return n.style.display = "contents", i({
-        render() {
-          return p(u);
-        }
-      }).mount(n), n;
-    };
+    const n = r.groupHeaderRenderer;
+    e.groupHeaderRenderer = u(n);
   }
-  return new t(o);
+  return Array.isArray(r.columnGroups) && (e.columnGroups = r.columnGroups.map((n) => {
+    if (typeof n.renderer != "function") return n;
+    const p = n.renderer;
+    return { ...n, renderer: u(p) };
+  })), new t(e);
 });
 //# sourceMappingURL=grouping-columns.js.map

package/features/grouping-columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-columns.js","sources":["../../../../libs/grid-vue/src/features/grouping-columns.ts"],"sourcesContent":["/**\n * Column grouping feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `groupingColumns` prop on TbwGrid.\n * Automatically bridges Vue render-function `groupHeaderRenderer` to vanilla DOM.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/grouping-columns';\n * </script>\n *\n * <template>\n *   <TbwGrid :groupingColumns=\"{\n *     columnGroups: [\n *       { header: 'Personal Info', children: ['firstName', 'lastName'] },\n *     ],\n *   }\" />\n * </template>\n * ```\n *\n * @example Custom group header renderer\n * ```vue\n * <TbwGrid :groupingColumns=\"{\n *   columnGroups: [...],\n *   groupHeaderRenderer: (params) => h('strong', `${params.label} (${params.columns.length})`),\n * }\" />\n * ```\n *\n * @packageDocumentation\n */\n\nimport {\n  GroupingColumnsPlugin,\n  type GroupHeaderRenderParams,\n  type GroupingColumnsConfig,\n} from '@toolbox-web/grid/plugins/grouping-columns';\nimport { createApp, type VNode } from 'vue';\nimport { registerFeature } from '../lib/feature-registry';\n\nregisterFeature('groupingColumns', (rawConfig) => {\n  if (rawConfig === true) {\n    return new GroupingColumnsPlugin();\n  }\n  if (!rawConfig) {\n    return new GroupingColumnsPlugin();\n  }\n\n  const config = rawConfig as GroupingColumnsConfig & { groupHeaderRenderer?: unknown };\n  const options = { ...config } as GroupingColumnsConfig;\n\n  // Bridge Vue groupHeaderRenderer (returns VNode) to vanilla (returns HTMLElement | string | void)\n  if (typeof config.groupHeaderRenderer === 'function') {\n    const vueFn = config.groupHeaderRenderer as unknown as (params: GroupHeaderRenderParams) => VNode;\n    options.groupHeaderRenderer = (params: GroupHeaderRenderParams) => {\n      const wrapper = document.createElement('div');\n      wrapper.style.display = 'contents';\n\n      const app = createApp({\n        render() {\n          return vueFn(params);\n        },\n      });\n\n      app.mount(wrapper);\n      return wrapper;\n    };\n  }\n\n  return new GroupingColumnsPlugin(options);\n});\n"],"names":["registerFeature","rawConfig","GroupingColumnsPlugin","config","options","vueFn","params","wrapper","createApp"],"mappings":";;;AAwCAA,EAAgB,mBAAmB,CAACC,MAAc;AAChD,MAAIA,MAAc;AAChB,WAAO,IAAIC,EAAA;AAEb,MAAI,CAACD;AACH,WAAO,IAAIC,EAAA;AAGb,QAAMC,IAASF,GACTG,IAAU,EAAE,GAAGD,EAAA;AAGrB,MAAI,OAAOA,EAAO,uBAAwB,YAAY;AACpD,UAAME,IAAQF,EAAO;AACrB,IAAAC,EAAQ,sBAAsB,CAACE,MAAoC;AACjE,YAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,aAAAA,EAAQ,MAAM,UAAU,YAEZC,EAAU;AAAA,QACpB,SAAS;AACP,iBAAOH,EAAMC,CAAM;AAAA,QACrB;AAAA,MAAA,CACD,EAEG,MAAMC,CAAO,GACVA;AAAA,IACT;AAAA,EACF;AAEA,SAAO,IAAIL,EAAsBE,CAAO;AAC1C,CAAC;"}
+{"version":3,"file":"grouping-columns.js","sources":["../../../../libs/grid-vue/src/features/grouping-columns.ts"],"sourcesContent":["/**\n * Column grouping feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `groupingColumns` prop on TbwGrid.\n * Automatically bridges Vue render-function `groupHeaderRenderer` to vanilla DOM.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/grouping-columns';\n * </script>\n *\n * <template>\n *   <TbwGrid :groupingColumns=\"{\n *     columnGroups: [\n *       { header: 'Personal Info', children: ['firstName', 'lastName'] },\n *     ],\n *   }\" />\n * </template>\n * ```\n *\n * @example Custom group header renderer\n * ```vue\n * <TbwGrid :groupingColumns=\"{\n *   columnGroups: [...],\n *   groupHeaderRenderer: (params) => h('strong', `${params.label} (${params.columns.length})`),\n * }\" />\n * ```\n *\n * @packageDocumentation\n */\n\nimport {\n  GroupingColumnsPlugin,\n  type ColumnGroupDefinition,\n  type GroupHeaderRenderParams,\n  type GroupingColumnsConfig,\n} from '@toolbox-web/grid/plugins/grouping-columns';\nimport { createApp, type VNode } from 'vue';\nimport { registerFeature } from '../lib/feature-registry';\n\n/** Bridge a Vue render function to a vanilla DOM render function. */\nfunction bridgeRenderer(\n  vueFn: (params: GroupHeaderRenderParams) => VNode,\n): (params: GroupHeaderRenderParams) => HTMLElement {\n  return (params: GroupHeaderRenderParams) => {\n    const wrapper = document.createElement('div');\n    wrapper.style.display = 'contents';\n\n    const app = createApp({\n      render() {\n        return vueFn(params);\n      },\n    });\n\n    app.mount(wrapper);\n    return wrapper;\n  };\n}\n\nregisterFeature('groupingColumns', (rawConfig) => {\n  if (rawConfig === true) {\n    return new GroupingColumnsPlugin();\n  }\n  if (!rawConfig) {\n    return new GroupingColumnsPlugin();\n  }\n\n  const config = rawConfig as GroupingColumnsConfig & {\n    groupHeaderRenderer?: unknown;\n    columnGroups?: (ColumnGroupDefinition & { renderer?: unknown })[];\n  };\n  const options = { ...config } as GroupingColumnsConfig;\n\n  // Bridge Vue groupHeaderRenderer (returns VNode) to vanilla (returns HTMLElement | string | void)\n  if (typeof config.groupHeaderRenderer === 'function') {\n    const vueFn = config.groupHeaderRenderer as unknown as (params: GroupHeaderRenderParams) => VNode;\n    options.groupHeaderRenderer = bridgeRenderer(vueFn);\n  }\n\n  // Bridge per-group renderers inside columnGroups\n  if (Array.isArray(config.columnGroups)) {\n    options.columnGroups = config.columnGroups.map((def) => {\n      if (typeof def.renderer !== 'function') return def as ColumnGroupDefinition;\n      const vueFn = def.renderer as unknown as (params: GroupHeaderRenderParams) => VNode;\n      return { ...def, renderer: bridgeRenderer(vueFn) } as ColumnGroupDefinition;\n    });\n  }\n\n  return new GroupingColumnsPlugin(options);\n});\n"],"names":["bridgeRenderer","vueFn","params","wrapper","createApp","registerFeature","rawConfig","GroupingColumnsPlugin","config","options","def"],"mappings":";;;AA0CA,SAASA,EACPC,GACkD;AAClD,SAAO,CAACC,MAAoC;AAC1C,UAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,WAAAA,EAAQ,MAAM,UAAU,YAEZC,EAAU;AAAA,MACpB,SAAS;AACP,eAAOH,EAAMC,CAAM;AAAA,MACrB;AAAA,IAAA,CACD,EAEG,MAAMC,CAAO,GACVA;AAAA,EACT;AACF;AAEAE,EAAgB,mBAAmB,CAACC,MAAc;AAChD,MAAIA,MAAc;AAChB,WAAO,IAAIC,EAAA;AAEb,MAAI,CAACD;AACH,WAAO,IAAIC,EAAA;AAGb,QAAMC,IAASF,GAITG,IAAU,EAAE,GAAGD,EAAA;AAGrB,MAAI,OAAOA,EAAO,uBAAwB,YAAY;AACpD,UAAMP,IAAQO,EAAO;AACrB,IAAAC,EAAQ,sBAAsBT,EAAeC,CAAK;AAAA,EACpD;AAGA,SAAI,MAAM,QAAQO,EAAO,YAAY,MACnCC,EAAQ,eAAeD,EAAO,aAAa,IAAI,CAACE,MAAQ;AACtD,QAAI,OAAOA,EAAI,YAAa,WAAY,QAAOA;AAC/C,UAAMT,IAAQS,EAAI;AAClB,WAAO,EAAE,GAAGA,GAAK,UAAUV,EAAeC,CAAK,EAAA;AAAA,EACjD,CAAC,IAGI,IAAIM,EAAsBE,CAAO;AAC1C,CAAC;"}

package/index.d.ts

@@ -50,27 +50,29 @@ export type { ResponsiveCardContext } from './lib/responsive-card-registry';
 export type { CellSlotProps, EditorSlotProps } from './lib/slot-types';
 export type { ToolPanelContext } from './lib/tool-panel-registry';
 export { GridAdapter, isVueComponent } from './lib/vue-grid-adapter';
-/** @deprecated Use `GridAdapter` instead */
+/** @deprecated Use `GridAdapter` instead. Will be removed in v2. */
 export { VueGridAdapter } from './lib/vue-grid-adapter';
 export { GRID_ELEMENT_KEY, useGrid } from './lib/use-grid';
 export type { UseGridReturn } from './lib/use-grid';
+/** @deprecated Use `@event` handlers directly on `<TbwGrid>` instead. Will be removed in v2. */
 export { useGridEvent } from './lib/use-grid-event';
+/** @deprecated Use `@event` handlers directly on `<TbwGrid>` instead. Will be removed in v2. */
 export type { GridEventMap } from './lib/use-grid-event';
 export type { CellEditor, CellRenderer, ColumnConfig, GridConfig, 
-/** @deprecated Use `CellEditor` instead */
+/** @deprecated Use `CellEditor` instead. Will be removed in v2. */
 VueCellEditor, 
-/** @deprecated Use `CellRenderer` instead */
+/** @deprecated Use `CellRenderer` instead. Will be removed in v2. */
 VueCellRenderer, 
-/** @deprecated Use `ColumnConfig` instead */
+/** @deprecated Use `ColumnConfig` instead. Will be removed in v2. */
 VueColumnConfig, 
-/** @deprecated Use `GridConfig` instead */
+/** @deprecated Use `GridConfig` instead. Will be removed in v2. */
 VueGridConfig, } from './lib/vue-column-config';
 export type { AllFeatureProps, FeatureProps } from './lib/feature-props';
 export { clearFeatureRegistry, createPluginFromFeature, getFeatureFactory, getRegisteredFeatures, isFeatureRegistered, registerFeature, } from './lib/feature-registry';
 export type { FeatureName, PluginFactory } from './lib/feature-registry';
 export { GRID_TYPE_DEFAULTS, GridTypeProvider, useGridTypeDefaults, useTypeDefault } from './lib/grid-type-registry';
 export type { GridTypeProviderProps, TypeDefault, TypeDefaultsMap, 
-/** @deprecated Use `TypeDefault` instead */
+/** @deprecated Use `TypeDefault` instead. Will be removed in v2. */
 VueTypeDefault, } from './lib/grid-type-registry';
 export { GRID_ICONS, GridIconProvider, useGridIcons } from './lib/grid-icon-registry';
 export type { GridIconProviderProps } from './lib/grid-icon-registry';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/grid-vue/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAGH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,4CAA4C;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,YAAY,EAEV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU;AAEV,2CAA2C;AAC3C,aAAa;AACb,6CAA6C;AAC7C,eAAe;AACf,6CAA6C;AAC7C,eAAe;AACf,2CAA2C;AAC3C,aAAa,GACd,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGzE,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrH,YAAY,EACV,qBAAqB,EAErB,WAAW,EACX,eAAe;AAEf,4CAA4C;AAC5C,cAAc,GACf,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtF,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/grid-vue/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAGH,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,oEAAoE;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,gGAAgG;AAChG,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,gGAAgG;AAChG,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,YAAY,EAEV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU;AAEV,mEAAmE;AACnE,aAAa;AACb,qEAAqE;AACrE,eAAe;AACf,qEAAqE;AACrE,eAAe;AACf,mEAAmE;AACnE,aAAa,GACd,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGzE,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrH,YAAY,EACV,qBAAqB,EAErB,WAAW,EACX,eAAe;AAEf,oEAAoE;AACpE,cAAc,GACf,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtF,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}