@revolist/revogrid 4.14.5 → 4.14.7

package/dist/cjs/{grouping.row.renderer-2e8d482e.js → cell-renderer-bc8f71b1.js}

@@ -5,7 +5,7 @@
 
 const index = require('./index-8006d065.js');
 const dimension_helpers = require('./dimension.helpers-29797371.js');
-const column_service = require('./column.service-d572cdcf.js');
+const column_service = require('./column.service-e6411bc8.js');
 
 const SortingSign = ({ column }) => {
     var _a;
@@ -24,7 +24,7 @@ const RowRenderer = ({ rowClass, index: index$1, size, start, depth }, cells) =>
 
 function expandEvent(e, model, virtualIndex) {
     var _a;
-    const event = new CustomEvent('groupexpandclick', {
+    const event = new CustomEvent(column_service.GROUP_EXPAND_EVENT, {
         detail: {
             model,
             virtualIndex,
@@ -35,7 +35,7 @@ function expandEvent(e, model, virtualIndex) {
     (_a = e.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
 }
 const GroupingRowRenderer = (props) => {
-    const { model, itemIndex, hasExpand, groupingCustomRenderer, providers } = props;
+    const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;
     const name = model[column_service.PSEUDO_GROUP_ITEM];
     const expanded = model[column_service.GROUP_EXPANDED];
     const depth = parseInt(model[column_service.GROUP_DEPTH], 10) || 0;
@@ -44,14 +44,9 @@ const GroupingRowRenderer = (props) => {
     }
     if (groupingCustomRenderer) {
         return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
-            index.h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(index.h, {
-                name,
-                model,
-                itemIndex,
+            index.h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(index.h, Object.assign(Object.assign({}, props), { name,
                 expanded,
-                depth,
-                providers,
-            }))));
+                depth })))));
     }
     return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
         index.h("button", { class: { [column_service.GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
@@ -62,6 +57,46 @@ const expandSvgIconVNode = (expanded = false) => {
         index.h("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
 };
 
+function renderCell(v) {
+    var _a;
+    const els = [];
+    // #region Custom cell
+    const template = (_a = v.schemaModel.column) === null || _a === void 0 ? void 0 : _a.cellTemplate;
+    if (template) {
+        els.push(template(index.h, v.schemaModel, v.additionalData));
+    }
+    // #endregion
+    // #region Regular cell
+    else {
+        if (!v.schemaModel.column) {
+            // something is wrong with data
+            if (index.Build === null || index.Build === void 0 ? void 0 : index.Build.isDev) {
+                console.error('Investigate column problem.', v.schemaModel);
+            }
+            return '';
+        }
+        // Row drag
+        if (v.schemaModel.column.rowDrag &&
+            column_service.isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)) {
+            els.push(index.h("span", { class: dimension_helpers.DRAGGABLE_CLASS, onMouseDown: originalEvent => {
+                    var _a;
+                    return (_a = v.dragStartCell) === null || _a === void 0 ? void 0 : _a.emit({
+                        originalEvent,
+                        model: v.schemaModel,
+                    });
+                } },
+                index.h("span", { class: dimension_helpers.DRAG_ICON_CLASS })));
+        }
+        els.push(`${column_service.getCellDataParsed(v.schemaModel.model, v.schemaModel.column)}`);
+    }
+    return els;
+}
+const CellRenderer = ({ renderProps, cellProps, }) => {
+    const render = renderCell.bind(null, renderProps);
+    return (index.h("div", Object.assign({}, cellProps, { redraw: render }), render()));
+};
+
+exports.CellRenderer = CellRenderer;
 exports.GroupingRowRenderer = GroupingRowRenderer;
 exports.PADDING_DEPTH = PADDING_DEPTH;
 exports.RowRenderer = RowRenderer;
@@ -69,4 +104,4 @@ exports.SortingSign = SortingSign;
 exports.expandEvent = expandEvent;
 exports.expandSvgIconVNode = expandSvgIconVNode;
 
-//# sourceMappingURL=grouping.row.renderer-2e8d482e.js.map
+//# sourceMappingURL=cell-renderer-bc8f71b1.js.map

package/dist/cjs/cell-renderer-bc8f71b1.js.map

@@ -0,0 +1 @@
+{"file":"cell-renderer-bc8f71b1.js","mappings":"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","names":["h","index","DATA_ROW","GROUP_EXPAND_EVENT","PSEUDO_GROUP_ITEM","GROUP_EXPANDED","GROUP_DEPTH","GROUP_EXPAND_BTN","Build","isRowDragService","DRAGGABLE_CLASS","DRAG_ICON_CLASS","getCellDataParsed"],"sources":["src/plugins/sorting/sorting.sign.tsx","src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/cell-renderer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { ColumnRegular } from '@type';\n\ntype Props = {\n  column: ColumnRegular;\n};\nexport const SortingSign = ({ column }: Props) => {\n  return <i class={column?.order ?? 'sort-off'} />;\n};\n","import { h, type VNode } from '@stencil/core';\nimport { JSXBase } from '@stencil/core/internal';\nimport { DATA_ROW } from '../../utils/consts';\n\nexport interface RowProps extends JSXBase.HTMLAttributes {\n  size: number;\n  start: number;\n  index: number;\n  rowClass?: string;\n  depth?: number;\n}\n\nexport const PADDING_DEPTH = 10;\n\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\n  const props = {\n    ...{ [DATA_ROW]: index },\n  };\n  return (\n    <div\n      {...props}\n      class={`rgRow ${rowClass || ''}`}\n      style={{\n        height: `${size}px`,\n        transform: `translateY(${start}px)`,\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n\nexport default RowRenderer;\n","import { h } from '@stencil/core';\nimport RowRenderer from '../../components/data/row-renderer';\nimport {\n  GROUP_DEPTH,\n  GROUP_EXPANDED,\n  GROUP_EXPAND_BTN,\n  PSEUDO_GROUP_ITEM,\n  GROUP_EXPAND_EVENT,\n} from './grouping.const';\nimport type { RowGroupingProps } from './grouping.row.types';\nimport type { DataType } from '@type';\n\n\nexport function expandEvent(e: MouseEvent, model: DataType, virtualIndex: number) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\n  e.target?.dispatchEvent(event);\n}\n\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } =\n    props;\n  const name = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n\n  if (!hasExpand) {\n    return <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} />;\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, {\n            ...props,\n            name,\n            expanded,\n            depth,\n          })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\n      <button\n        class={{ [GROUP_EXPAND_BTN]: true }}\n        onClick={e => expandEvent(e, model, itemIndex)}\n      >\n        {expandSvgIconVNode(expanded)}\n      </button>\n      {name}\n    </RowRenderer>\n  );\n};\n\nexport const expandSvgIconVNode = (expanded = false) => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\n      focusable=\"false\"\n      viewBox=\"0 0 448 512\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default GroupingRowRenderer;\n","import { h, type VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  DragStartEvent,\n  CellTemplateProp,\n} from '@type';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n  getCellDataParsed,\n} from '../../utils';\n\nimport { isRowDragService } from './column.service';\n\ninterface RenderProps {\n  schemaModel: CellTemplateProp;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  const template = v.schemaModel.column?.cellTemplate;\n  if (template) {\n    els.push(template(h, v.schemaModel, v.additionalData));\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.schemaModel.column) {\n      // something is wrong with data\n      if (Build?.isDev) {\n        console.error('Investigate column problem.', v.schemaModel);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.schemaModel.column.rowDrag &&\n      isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell?.emit({\n              originalEvent,\n              model: v.schemaModel,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n    \n    els.push(`${\n      getCellDataParsed(v.schemaModel.model, v.schemaModel.column)\n    }`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n"],"version":3}

package/dist/cjs/{column.drag.plugin-911acec7.js → column.drag.plugin-a6b59084.js}

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-const column_service = require('./column.service-d572cdcf.js');
+const column_service = require('./column.service-e6411bc8.js');
 const dimension_helpers = require('./dimension.helpers-29797371.js');
 const viewport_store = require('./viewport.store-7f0d0f80.js');
 const index = require('./index-8006d065.js');
 const filter_button = require('./filter.button-2708e602.js');
 const debounce = require('./debounce-ec7a04b4.js');
-const headerCellRenderer = require('./header-cell-renderer-c21e64da.js');
+const headerCellRenderer = require('./header-cell-renderer-56658ed7.js');
 
 /**
  * Plugin which recalculates realSize on changes of sizes, originItemSize and count
@@ -1175,7 +1175,7 @@ class FilterPlugin extends BasePlugin {
         const existingNodes = this.revogrid.registerVNode.filter(n => typeof n === 'object' && n.$tag$ !== FILTE_PANEL);
         this.revogrid.registerVNode = [
             ...existingNodes,
-            index.h("revogr-filter-panel", { filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, ref: e => (this.pop = e) },
+            index.h("revogr-filter-panel", { filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, closeOnOutsideClick: config === null || config === void 0 ? void 0 : config.closeFilterPanelOnOutsideClick, ref: e => (this.pop = e) },
                 ' ',
                 this.extraContent()),
         ];
@@ -2075,8 +2075,6 @@ class GroupingRowPlugin extends BasePlugin {
     }
     constructor(revogrid, providers) {
         super(revogrid, providers);
-        this.revogrid = revogrid;
-        this.providers = providers;
     }
     // befoce cell focus
     onFocus(e) {
@@ -2157,18 +2155,20 @@ class GroupingRowPlugin extends BasePlugin {
      * Initiated when need to reapply grouping
      */
     doSourceUpdate(options) {
-        var _a;
+        var _a, _b;
         /**
          * Get source without grouping
          * @param newOldIndexMap - provides us mapping with new indexes vs old indexes, we would use it for trimmed mapping
          */
-        const { source, prevExpanded, oldNewIndexes } = column_service.getSource(this.getStore().get('source'), this.getStore().get('proxyItems'), true);
+        const store = this.getStore();
+        const { source, prevExpanded, oldNewIndexes } = column_service.getSource(store.get('source'), store.get('proxyItems'), true);
         const expanded = Object.assign({ prevExpanded }, options);
         /**
          * Group again
          * @param oldNewIndexMap - provides us mapping with new indexes vs old indexes
          */
         const { sourceWithGroups, depth, trimmed, oldNewIndexMap, } = column_service.gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], expanded);
+        console.log('sourceWithGroups', column_service.gatherGrouping(source, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.props) || [], expanded));
         const customRenderer = options === null || options === void 0 ? void 0 : options.groupLabelTemplate;
         // setup source
         this.providers.data.setData(sourceWithGroups, column_service.GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, { depth, customRenderer }, true);
@@ -2207,7 +2207,8 @@ class GroupingRowPlugin extends BasePlugin {
             return;
         }
         // props exist and source initd
-        const { source } = column_service.getSource(this.getStore().get('source'), this.getStore().get('proxyItems'));
+        const store = this.getStore();
+        const { source } = column_service.getSource(store.get('source'), store.get('proxyItems'));
         if (source.length) {
             this.doSourceUpdate(Object.assign({}, options));
         }
@@ -2262,7 +2263,7 @@ class GroupingRowPlugin extends BasePlugin {
         /**
          * When grouping expand icon was clicked
          */
-        this.addEventListener('groupexpandclick', e => this.onExpand(e.detail));
+        this.addEventListener(column_service.GROUP_EXPAND_EVENT, e => this.onExpand(e.detail));
     }
     // clear grouping
     clearGrouping() {
@@ -2552,4 +2553,4 @@ exports.getNextOrder = getNextOrder;
 exports.isStretchPlugin = isStretchPlugin;
 exports.sortIndexByItems = sortIndexByItems;
 
-//# sourceMappingURL=column.drag.plugin-911acec7.js.map
+//# sourceMappingURL=column.drag.plugin-a6b59084.js.map