@revolist/revogrid 4.4.0-next.2 → 4.4.0-next.21

package/dist/collection/components.d.ts

@@ -17,6 +17,7 @@ import { ColumnSource, RowSource } from "./components/data/columnService";
 import { MultiFilterItem, ShowData } from "./plugins/filter/filter.pop";
 import { LogicFunction } from "./plugins/filter/filter.types";
 import { DataSourceState, Groups } from "./store/dataSource/data.store";
+import { ResizeProps } from "./services/resizable.directive";
 import { ViewportData } from "./components/revoGrid/viewport.interfaces";
 import { ElementScroll } from "./components/revoGrid/viewport.scrolling.service";
 export { ApplyFocusEvent, BeforeCellRenderEvent, DragStartEvent, Edition, FocusRenderEvent, Observable, RevoGrid, RevoPlugin, Selection, ThemeSpace } from "./interfaces";
@@ -31,6 +32,7 @@ export { ColumnSource, RowSource } from "./components/data/columnService";
 export { MultiFilterItem, ShowData } from "./plugins/filter/filter.pop";
 export { LogicFunction } from "./plugins/filter/filter.types";
 export { DataSourceState, Groups } from "./store/dataSource/data.store";
+export { ResizeProps } from "./services/resizable.directive";
 export { ViewportData } from "./components/revoGrid/viewport.interfaces";
 export { ElementScroll } from "./components/revoGrid/viewport.scrolling.service";
 export namespace Components {
@@ -72,7 +74,7 @@ export namespace Components {
          */
         "colSize": number;
         /**
-          * Types Every type represent multiple column properties Types will be merged but can be replaced with column properties
+          * Column Types Format Every type represent multiple column properties Types will be merged but can be replaced with column properties Types were made as separate objects to be reusable per multiple columns
          */
         "columnTypes": { [name: string]: RevoGrid.ColumnType };
         /**
@@ -249,6 +251,10 @@ export namespace Components {
     }
     interface RevogrClipboard {
         "doCopy": (e: DataTransfer, data?: RevoGrid.DataFormat[][]) => Promise<void>;
+        /**
+          * If readonly mode enables no need for Paste event
+         */
+        "readonly": boolean;
     }
     /**
      * This component is responsible for rendering data
@@ -282,7 +288,14 @@ export namespace Components {
         "viewportCol": Observable<RevoGrid.ViewportState>;
         "viewportRow": Observable<RevoGrid.ViewportState>;
     }
+    /**
+     * Cell editor component
+     */
     interface RevogrEdit {
+        /**
+          * Additional data to pass to renderer
+         */
+        "additionalData": any;
         "cancel": () => Promise<void>;
         "column": RevoGrid.ColumnRegular | null;
         "editCell": Edition.EditCell;
@@ -290,6 +303,9 @@ export namespace Components {
           * Custom editors register
          */
         "editor": Edition.EditorCtr | null;
+        /**
+          * Save on editor close
+         */
         "saveOnClose": boolean;
     }
     interface RevogrFilterPanel {
@@ -317,7 +333,13 @@ export namespace Components {
         "selectionStore": Observable<Selection.SelectionStoreState>;
     }
     interface RevogrHeader {
+        /**
+          * Extra properties to pass into header renderer, such as vue or react components to handle parent
+         */
         "additionalData": any;
+        /**
+          * If columns can be resized
+         */
         "canResize": boolean;
         "colData": RevoGrid.ColumnRegular[];
         "columnFilter": boolean;
@@ -325,8 +347,15 @@ export namespace Components {
         "groupingDepth": number;
         "groups": Groups;
         "parent": string;
+        /**
+          * Define custom resize position
+         */
+        "resizeHandler": ResizeProps['active'];
         "selectionStore": Observable<Selection.SelectionStoreState>;
-        "type": string;
+        /**
+          * Column type
+         */
+        "type": RevoGrid.DimensionCols | 'rowHeaders';
         "viewportCol": Observable<RevoGrid.ViewportState>;
     }
     interface RevogrOrderEditor {
@@ -342,6 +371,10 @@ export namespace Components {
         "parent": HTMLElement;
     }
     interface RevogrOverlaySelection {
+        /**
+          * Additional data to pass to renderer
+         */
+        "additionalData": any;
         /**
           * If true applys changes when cell closes if not Escape
          */
@@ -364,6 +397,10 @@ export namespace Components {
           * Custom editors register
          */
         "editors": Edition.Editors;
+        /**
+          * Is mobile view mode
+         */
+        "isMobileDevice": boolean;
         /**
           * Last cell position
          */
@@ -431,7 +468,7 @@ export namespace Components {
           * update on delta in case we don't know existing position or external change
           * @param e
          */
-        "changeScroll": (e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>;
+        "changeScroll": (e: RevoGrid.ViewPortScrollEvent, silent?: boolean) => Promise<RevoGrid.ViewPortScrollEvent>;
         /**
           * Height of inner content
          */
@@ -514,6 +551,9 @@ declare global {
         prototype: HTMLRevogrDataElement;
         new (): HTMLRevogrDataElement;
     };
+    /**
+     * Cell editor component
+     */
     interface HTMLRevogrEditElement extends Components.RevogrEdit, HTMLStencilElement {
     }
     var HTMLRevogrEditElement: {
@@ -627,7 +667,7 @@ declare namespace LocalJSX {
          */
         "colSize"?: number;
         /**
-          * Types Every type represent multiple column properties Types will be merged but can be replaced with column properties
+          * Column Types Format Every type represent multiple column properties Types will be merged but can be replaced with column properties Types were made as separate objects to be reusable per multiple columns
          */
         "columnTypes"?: { [name: string]: RevoGrid.ColumnType };
         /**
@@ -658,6 +698,13 @@ declare namespace LocalJSX {
           * Group models by provided properties Define properties to be groped by
          */
         "grouping"?: GroupingOptions;
+        /**
+          * After all rows updated. Use it if you want to track all changes from sources pinned and main
+         */
+        "onAfter-any-source"?: (event: RevoGridCustomEvent<{
+    type: RevoGrid.DimensionRows;
+    source: RevoGrid.DataType[];
+  }>) => void;
         /**
           * After column resize Get resized columns
          */
@@ -930,6 +977,10 @@ declare namespace LocalJSX {
           * @property {boolean} defaultPrevented - if true, paste will be canceled
          */
         "onPasteRegion"?: (event: RevogrClipboardCustomEvent<string[][]>) => void;
+        /**
+          * If readonly mode enables no need for Paste event
+         */
+        "readonly"?: boolean;
     }
     /**
      * This component is responsible for rendering data
@@ -966,18 +1017,31 @@ declare namespace LocalJSX {
         "viewportCol": Observable<RevoGrid.ViewportState>;
         "viewportRow": Observable<RevoGrid.ViewportState>;
     }
+    /**
+     * Cell editor component
+     */
     interface RevogrEdit {
+        /**
+          * Additional data to pass to renderer
+         */
+        "additionalData"?: any;
         "column"?: RevoGrid.ColumnRegular | null;
         "editCell"?: Edition.EditCell;
         /**
           * Custom editors register
          */
         "editor"?: Edition.EditorCtr | null;
+        /**
+          * Cell edit event
+         */
         "onCellEdit"?: (event: RevogrEditCustomEvent<Edition.SaveDataDetails>) => void;
         /**
           * Close editor event pass true if requires focus next
          */
         "onCloseEdit"?: (event: RevogrEditCustomEvent<boolean | undefined>) => void;
+        /**
+          * Save on editor close
+         */
         "saveOnClose"?: boolean;
     }
     interface RevogrFilterPanel {
@@ -1012,7 +1076,13 @@ declare namespace LocalJSX {
         "selectionStore": Observable<Selection.SelectionStoreState>;
     }
     interface RevogrHeader {
+        /**
+          * Extra properties to pass into header renderer, such as vue or react components to handle parent
+         */
         "additionalData"?: any;
+        /**
+          * If columns can be resized
+         */
         "canResize"?: boolean;
         "colData"?: RevoGrid.ColumnRegular[];
         "columnFilter"?: boolean;
@@ -1024,8 +1094,15 @@ declare namespace LocalJSX {
         "onHeaderresize"?: (event: RevogrHeaderCustomEvent<RevoGrid.ViewSettingSizeProp>) => void;
         "onInitialHeaderClick"?: (event: RevogrHeaderCustomEvent<RevoGrid.InitialHeaderClick>) => void;
         "parent"?: string;
+        /**
+          * Define custom resize position
+         */
+        "resizeHandler"?: ResizeProps['active'];
         "selectionStore"?: Observable<Selection.SelectionStoreState>;
-        "type": string;
+        /**
+          * Column type
+         */
+        "type": RevoGrid.DimensionCols | 'rowHeaders';
         "viewportCol"?: Observable<RevoGrid.ViewportState>;
     }
     interface RevogrOrderEditor {
@@ -1063,6 +1140,10 @@ declare namespace LocalJSX {
         "parent"?: HTMLElement;
     }
     interface RevogrOverlaySelection {
+        /**
+          * Additional data to pass to renderer
+         */
+        "additionalData"?: any;
         /**
           * If true applys changes when cell closes if not Escape
          */
@@ -1085,6 +1166,10 @@ declare namespace LocalJSX {
           * Custom editors register
          */
         "editors"?: Edition.Editors;
+        /**
+          * Is mobile view mode
+         */
+        "isMobileDevice"?: boolean;
         /**
           * Last cell position
          */
@@ -1112,7 +1197,13 @@ declare namespace LocalJSX {
         "onCancelEdit"?: (event: RevogrOverlaySelectionCustomEvent<any>) => void;
         "onFocusCell"?: (event: RevogrOverlaySelectionCustomEvent<ApplyFocusEvent>) => void;
         "onInternalCellEdit"?: (event: RevogrOverlaySelectionCustomEvent<Edition.BeforeSaveDataDetails>) => void;
+        /**
+          * Before clipboard copy happened
+         */
         "onInternalCopy"?: (event: RevogrOverlaySelectionCustomEvent<any>) => void;
+        /**
+          * Before paste happened
+         */
         "onInternalPaste"?: (event: RevogrOverlaySelectionCustomEvent<any>) => void;
         /**
           * Range data apply
@@ -1128,6 +1219,9 @@ declare namespace LocalJSX {
         "onRangeClipboardCopy"?: (event: RevogrOverlaySelectionCustomEvent<any>) => void;
         "onRangeClipboardPaste"?: (event: RevogrOverlaySelectionCustomEvent<any>) => void;
         "onSelectall"?: (event: RevogrOverlaySelectionCustomEvent<any>) => void;
+        /**
+          * Set edit cell
+         */
         "onSetEdit"?: (event: RevogrOverlaySelectionCustomEvent<Edition.BeforeEdit>) => void;
         "onSetRange"?: (event: RevogrOverlaySelectionCustomEvent<Selection.RangeArea & { type: RevoGrid.MultiDimensionType }>) => void;
         "onSetTempRange"?: (event: RevogrOverlaySelectionCustomEvent<Selection.TempRange | null>) => void;
@@ -1201,7 +1295,14 @@ declare namespace LocalJSX {
         "contentWidth"?: number;
         "onResizeViewport"?: (event: RevogrViewportScrollCustomEvent<RevoGrid.ViewPortResizeEvent>) => void;
         "onScrollViewport"?: (event: RevogrViewportScrollCustomEvent<RevoGrid.ViewPortScrollEvent>) => void;
-        "onScrollchange"?: (event: RevogrViewportScrollCustomEvent<{ type: RevoGrid.DimensionType; hasScroll: boolean }>) => void;
+        "onScrollchange"?: (event: RevogrViewportScrollCustomEvent<{
+    type: RevoGrid.DimensionType;
+    hasScroll: boolean;
+  }>) => void;
+        /**
+          * Silently scroll to coordinate Made to align negative coordinates for mobile devices
+         */
+        "onSilentScroll"?: (event: RevogrViewportScrollCustomEvent<RevoGrid.ViewPortScrollEvent>) => void;
     }
     interface IntrinsicElements {
         "revo-grid": RevoGrid;
@@ -1230,6 +1331,9 @@ declare module "@stencil/core" {
              * Rows, columns, groups and cells
              */
             "revogr-data": LocalJSX.RevogrData & JSXBase.HTMLAttributes<HTMLRevogrDataElement>;
+            /**
+             * Cell editor component
+             */
             "revogr-edit": LocalJSX.RevogrEdit & JSXBase.HTMLAttributes<HTMLRevogrEditElement>;
             "revogr-filter-panel": LocalJSX.RevogrFilterPanel & JSXBase.HTMLAttributes<HTMLRevogrFilterPanelElement>;
             "revogr-focus": LocalJSX.RevogrFocus & JSXBase.HTMLAttributes<HTMLRevogrFocusElement>;

package/dist/collection/interfaces.d.ts

@@ -4,6 +4,7 @@
 import { VNode } from './stencil-public-runtime';
 // @ts-ignore
 import { ObservableMap, Subscription } from '@stencil/store';
+import { type } from 'os';
 export type Observable<T> = ObservableMap<T>;
 export type PluginSubscribe<T> = Subscription<T>;
 export declare namespace RevoGrid {
@@ -290,6 +291,8 @@ export declare namespace Edition {
   type SaveDataDetails = {
     rgRow: Selection.RowIndex;
     rgCol: Selection.ColIndex;
+    type: RevoGrid.DimensionRows;
+    prop: RevoGrid.ColumnProp;
     val: any;
     preventFocus?: boolean;
   };
@@ -330,7 +333,7 @@ export declare namespace Edition {
     beforeUpdate?(): void;
     componentDidRender?(): void;
     disconnectedCallback?(): void;
-    render(createElement?: HyperFunc<VNode>): VNode | VNode[] | string | void;
+    render(createElement?: HyperFunc<VNode>, additionalData?: any): VNode | VNode[] | string | void;
   }
 }
 export declare namespace ThemeSpace {

package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.d.ts

@@ -1,6 +1,7 @@
 import { VNode } from '../../stencil-public-runtime';
 import { RevoGrid } from '../../interfaces';
 import { Group } from '../../store/dataSource/data.store';
+import { ResizeProps } from '../..';
 type Props = {
   visibleProps: {
     [prop: string]: number;
@@ -12,6 +13,6 @@ type Props = {
   providers: RevoGrid.Providers;
   additionalData: any;
   onResize(changedX: number, startIndex: number, endIndex: number): void;
-};
-declare const ColumnGroupsRenderer: ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, onResize }: Props) => VNode[];
+} & Partial<Pick<ResizeProps, 'active'>>;
+declare const ColumnGroupsRenderer: ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize }: Props) => VNode[];
 export default ColumnGroupsRenderer;

package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js

@@ -6,7 +6,7 @@ import findIndex from 'lodash/findIndex';
 import { getItemByIndex } from '../../store/dimension/dimension.helpers';
 import { HEADER_ROW_CLASS } from '../../utils/consts';
 import GroupHeaderRenderer from './headerGroupRenderer';
-const ColumnGroupsRenderer = ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, onResize }) => {
+const ColumnGroupsRenderer = ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize }) => {
   // render group columns
   const groupRow = [];
   for (let i = 0; i < depth; i++) {
@@ -22,7 +22,7 @@ const ColumnGroupsRenderer = ({ additionalData, providers, depth, groups, visibl
           // coordinates
           const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;
           const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;
-          groupRow.push(h(GroupHeaderRenderer, { providers: providers, start: groupStart, end: groupEnd, group: group, additionalData: additionalData, canResize: canResize, onResize: e => onResize(e.changedX, groupStartIndex, groupEndIndex) }));
+          groupRow.push(h(GroupHeaderRenderer, { providers: providers, start: groupStart, end: groupEnd, group: group, active: active, canResize: canResize, onResize: e => onResize(e.changedX, groupStartIndex, groupEndIndex), additionalData: additionalData }));
         }
       }
     }

package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnGroupsRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/columnGroupsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AACzC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAaxD,MAAM,oBAAoB,GAAG,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAS,EAAW,EAAE;EAC7I,uBAAuB;EACvB,MAAM,QAAQ,GAAY,EAAE,CAAC;EAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;IAC9B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;MACb,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;QAC3B,4BAA4B;QAC5B,yDAAyD;QACzD,MAAM,oBAAoB,GAAuB,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC;QAClH,IAAI,oBAAoB,GAAG,CAAC,CAAC,EAAE;UAC7B,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,mBAAmB;UAC1F,MAAM,eAAe,GAAG,eAAe,GAAG,oBAAoB,CAAC,CAAC,8BAA8B;UAC9F,MAAM,aAAa,GAAG,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,6BAA6B;UAE3F,cAAc;UACd,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC;UACvE,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC;UACjE,QAAQ,CAAC,IAAI,CACX,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,eAAe,EAAE,aAAa,CAAC,GACnE,CACH,CAAC;SACH;OACF;KACF;IACD,QAAQ,CAAC,IAAI,CAAC,WAAK,KAAK,EAAE,GAAG,gBAAgB,QAAQ,GAAI,CAAC,CAAC;GAC5D;EACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { RevoGrid } from '../../interfaces';\nimport { Group } from '../../store/dataSource/data.store';\nimport { getItemByIndex } from '../../store/dimension/dimension.helpers';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\n\ntype Props = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<RevoGrid.DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: RevoGrid.Providers;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n};\n\nconst ColumnGroupsRenderer = ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, onResize }: Props): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              additionalData={additionalData}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX, groupStartIndex, groupEndIndex)}\n            />,\n          );\n        }\n      }\n    }\n    groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n  }\n  return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n"]}
+{"version":3,"file":"columnGroupsRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/columnGroupsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AACzC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAcxD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAC3F,EAAW,EAAE;EACnB,uBAAuB;EACvB,MAAM,QAAQ,GAAY,EAAE,CAAC;EAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;IAC9B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;MACb,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;QAC3B,4BAA4B;QAC5B,yDAAyD;QACzD,MAAM,oBAAoB,GAAuB,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC;QAClH,IAAI,oBAAoB,GAAG,CAAC,CAAC,EAAE;UAC7B,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,mBAAmB;UAC1F,MAAM,eAAe,GAAG,eAAe,GAAG,oBAAoB,CAAC,CAAC,8BAA8B;UAC9F,MAAM,aAAa,GAAG,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,6BAA6B;UAE3F,cAAc;UACd,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC;UACvE,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC;UACjE,QAAQ,CAAC,IAAI,CACX,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,eAAe,EAAE,aAAa,CAAC,EACnE,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;SACH;OACF;KACF;IACD,QAAQ,CAAC,IAAI,CAAC,WAAK,KAAK,EAAE,GAAG,gBAAgB,QAAQ,GAAI,CAAC,CAAC;GAC5D;EACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { RevoGrid } from '../../interfaces';\nimport { Group } from '../../store/dataSource/data.store';\nimport { getItemByIndex } from '../../store/dimension/dimension.helpers';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../..';\n\ntype Props = {\n  visibleProps: { [prop: string]: number };\n  groups: Record<number, Group[]>;\n  dimensionCol: Pick<RevoGrid.DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n  depth: number;\n  canResize: boolean;\n  providers: RevoGrid.Providers;\n  additionalData: any;\n  onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n  additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props): VNode[] => {\n  // render group columns\n  const groupRow: VNode[] = [];\n  for (let i = 0; i < depth; i++) {\n    if (groups[i]) {\n      for (let group of groups[i]) {\n        // if group in visible range\n        // find first visible group prop in visible columns range\n        const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n        if (indexFirstVisibleCol > -1) {\n          const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n          const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n          const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n          // coordinates\n          const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n          const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n          groupRow.push(\n            <GroupHeaderRenderer\n              providers={providers}\n              start={groupStart}\n              end={groupEnd}\n              group={group}\n              active={active}\n              canResize={canResize}\n              onResize={e => onResize(e.changedX, groupStartIndex, groupEndIndex)}\n              additionalData={additionalData}\n            />,\n          );\n        }\n      }\n    }\n    groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n  }\n  return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n"]}

package/dist/collection/plugins/groupingColumn/headerGroupRenderer.d.ts

@@ -1,5 +1,5 @@
 import { VNode } from '../../stencil-public-runtime';
-import { ResizeEvent } from '../../services/resizable.directive';
+import { ResizeEvent, ResizeProps } from '../../services/resizable.directive';
 import { Group } from '../../store/dataSource/data.store';
 import { RevoGrid } from '../../interfaces';
 type Props = {
@@ -10,6 +10,6 @@ type Props = {
   additionalData: any;
   canResize?: boolean;
   onResize?(e: ResizeEvent): void;
-};
+} & Partial<Pick<ResizeProps, 'active'>>;
 declare const GroupHeaderRenderer: (p: Props) => VNode[];
 export default GroupHeaderRenderer;

package/dist/collection/plugins/groupingColumn/headerGroupRenderer.js

@@ -9,7 +9,7 @@ const GroupHeaderRenderer = (p) => {
     canResize: p.canResize,
     minWidth: p.group.ids.length * MIN_COL_SIZE,
     maxWidth: 0,
-    active: ['r'],
+    active: p.active || ['r'],
     class: {
       [HEADER_CLASS]: true,
     },

package/dist/collection/plugins/groupingColumn/headerGroupRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerGroupRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/headerGroupRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAahF,MAAM,mBAAmB,GAAG,CAAC,CAAQ,EAAW,EAAE;EAChD,MAAM,UAAU,GAAG;IACjB,SAAS,EAAE,CAAC,CAAC,SAAS;IACtB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,YAAY;IAC3C,QAAQ,EAAE,CAAC;IAEX,MAAM,EAAE,CAAC,GAAG,CAAC;IACb,KAAK,EAAE;MACL,CAAC,YAAY,CAAC,EAAE,IAAI;KACrB;IACD,KAAK,EAAE;MACL,SAAS,EAAE,cAAc,CAAC,CAAC,KAAK,KAAK;MACrC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,IAAI;KAC9B;IACD,QAAQ,EAAE,CAAC,CAAC,QAAQ;GACrB,CAAC;EACF,OAAO,CACL,EAAC,kBAAkB,IACjB,IAAI,kCACC,CAAC,CAAC,KAAK,KACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEhB,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,CAAC,cAAc,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { ResizeEvent } from '../../services/resizable.directive';\nimport { Group } from '../../store/dataSource/data.store';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/headerCellRenderer';\nimport { RevoGrid } from '../../interfaces';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: RevoGrid.Providers;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n};\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n"]}
+{"version":3,"file":"headerGroupRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/headerGroupRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAahF,MAAM,mBAAmB,GAAG,CAAC,CAAQ,EAAW,EAAE;EAChD,MAAM,UAAU,GAA8C;IAC5D,SAAS,EAAE,CAAC,CAAC,SAAS;IACtB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,YAAY;IAC3C,QAAQ,EAAE,CAAC;IAEX,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;IACzB,KAAK,EAAE;MACL,CAAC,YAAY,CAAC,EAAE,IAAI;KACrB;IACD,KAAK,EAAE;MACL,SAAS,EAAE,cAAc,CAAC,CAAC,KAAK,KAAK;MACrC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,IAAI;KAC9B;IACD,QAAQ,EAAE,CAAC,CAAC,QAAQ;GACrB,CAAC;EACF,OAAO,CACL,EAAC,kBAAkB,IACjB,IAAI,kCACC,CAAC,CAAC,KAAK,KACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEhB,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,CAAC,cAAc,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { ResizeEvent, ResizeProps } from '../../services/resizable.directive';\nimport { Group } from '../../store/dataSource/data.store';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/headerCellRenderer';\nimport { RevoGrid } from '../../interfaces';\n\ntype Props = {\n  start: number;\n  end: number;\n  group: Group;\n  providers: RevoGrid.Providers;\n  additionalData: any;\n  canResize?: boolean;\n  onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): VNode[] => {\n  const groupProps: RevoGrid.CellProps & Partial<ResizeProps> = {\n    canResize: p.canResize,\n    minWidth: p.group.ids.length * MIN_COL_SIZE,\n    maxWidth: 0,\n\n    active: p.active || ['r'],\n    class: {\n      [HEADER_CLASS]: true,\n    },\n    style: {\n      transform: `translateX(${p.start}px)`,\n      width: `${p.end - p.start}px`,\n    },\n    onResize: p.onResize,\n  };\n  return (\n    <HeaderCellRenderer\n      data={{\n        ...p.group,\n        prop: '',\n        providers: p.providers,\n        index: p.start,\n      }}\n      props={groupProps}\n      additionalData={p.additionalData}\n    />\n  );\n};\n\nexport default GroupHeaderRenderer;\n"]}

package/dist/collection/plugins/sorting/sorting.plugin.d.ts

@@ -1,12 +1,13 @@
 import { RevoGrid } from '../../interfaces';
 import BasePlugin from '../basePlugin';
 export type SortingOrder = Record<RevoGrid.ColumnProp, RevoGrid.Order>;
+type SortingOrderFunction = Record<RevoGrid.ColumnProp, RevoGrid.CellCompareFunc | undefined>;
 /**
  * lifecycle
- * 1) @event beforesorting - sorting just started, nothing happened yet
+ * 1) @event beforesorting - sorting just started, nothing happened yet, can be from column or from source, if type is from rows - column will be undefined
  * 2) @metod updateColumnSorting - column sorting icon applied to grid and column get updated, data still untiuched
- * 3) @event beforesortingapply - before we applied sorting data to data source, you can prevent data apply from here
- * 4) @event afterSortingApply - sorting applied, just finished event
+ * 3) @event beforesortingapply - before we applied sorting data to data source, you can prevent event and data will not be sorted. It's called only from column sorting click
+ * 4) @event afterSortingApply - sorting applied, just finished event, from rows and columns
  *
  * If you prevent event it'll not reach farther steps
  */
@@ -14,19 +15,26 @@ export default class SortingPlugin extends BasePlugin {
   protected revogrid: HTMLRevoGridElement;
   private sorting;
   private sortingFunc;
-  get hasSorting(): boolean;
+  private doSort;
   constructor(revogrid: HTMLRevoGridElement);
-  private headerclick;
-  private setData;
+  private getComparer;
   /**
-   * Sorting apply, available for rgRow type only
+   * Apply sorting to data on header click
+   * If additive - add to existing sorting, multiple columns can be sorted
+   */
+  headerclick(column: RevoGrid.ColumnRegular, index: number, additive: boolean): Promise<void>;
+  /**
+   * Sort items by sorting function
+   * @requires proxyItems applied to row store
+   * @requires source applied to row store
+   *
    * @param sorting - per column sorting
    * @param data - this.stores['rgRow'].store.get('source')
    */
-  private sort;
-  private defaultCellCompare;
-  private descCellCompare;
-  private sortIndexByItems;
-  private sortItems;
-  private getNextOrder;
+  sort(sorting: SortingOrder, sortingFunc: SortingOrderFunction, types?: RevoGrid.DimensionRows[]): Promise<void>;
+  defaultCellCompare(prop: RevoGrid.ColumnProp, a: RevoGrid.DataType, b: RevoGrid.DataType): 0 | 1 | -1;
+  descCellCompare(cmp: RevoGrid.CellCompareFunc): (prop: RevoGrid.ColumnProp, a: RevoGrid.DataType, b: RevoGrid.DataType) => number;
+  sortIndexByItems(indexes: number[], source: RevoGrid.DataType[], sortingFunc: SortingOrderFunction): number[];
+  getNextOrder(currentOrder: RevoGrid.Order): RevoGrid.Order;
 }
+export {};