@revolist/revogrid 3.2.6 → 3.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/custom-element/index.js +57 -35
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/revo-grid.cjs.js +1 -1
  4. package/dist/cjs/revo-grid_11.cjs.entry.js +56 -34
  5. package/dist/collection/components/revo-grid/revo-grid.js +16 -2
  6. package/dist/collection/components/revo-grid/viewport.section.js +1 -1
  7. package/dist/collection/components/selection-focus/revogr-focus.js +49 -7
  8. package/dist/collection/plugins/autoSizeColumn.js +1 -1
  9. package/dist/collection/plugins/groupingColumn/grouping.col.plugin.js +3 -3
  10. package/dist/collection/plugins/moveColumn/columnDragPlugin.js +35 -20
  11. package/dist/collection/plugins/moveColumn/columnOrderHandler.js +4 -4
  12. package/dist/collection/services/column.data.provider.js +3 -3
  13. package/dist/collection/services/resizable.directive.js +2 -0
  14. package/dist/esm/loader.js +1 -1
  15. package/dist/esm/revo-grid.js +1 -1
  16. package/dist/esm/revo-grid_11.entry.js +56 -34
  17. package/dist/esm-es5/loader.js +1 -1
  18. package/dist/esm-es5/revo-grid.js +1 -1
  19. package/dist/esm-es5/revo-grid_11.entry.js +1 -1
  20. package/dist/revo-grid/revo-grid.esm.js +1 -1
  21. package/dist/revo-grid/revo-grid.system.js +1 -1
  22. package/dist/revo-grid/revo-grid_11.entry.js +1 -1
  23. package/dist/revo-grid/revo-grid_11.system.entry.js +1 -1
  24. package/dist/types/components/revo-grid/revo-grid.d.ts +8 -1
  25. package/dist/types/components/selection-focus/revogr-focus.d.ts +6 -0
  26. package/dist/types/components.d.ts +20 -7
  27. package/dist/types/plugins/groupingColumn/grouping.col.plugin.d.ts +1 -1
  28. package/dist/types/plugins/moveColumn/columnDragPlugin.d.ts +3 -15
  29. package/dist/types/plugins/moveColumn/columnOrderHandler.d.ts +5 -2
  30. package/package.json +2 -2
@@ -90,7 +90,6 @@ export declare class RevoGridComponent {
90
90
  /**
91
91
  * Enables column move plugin
92
92
  * Can be boolean
93
- * Can be filter collection
94
93
  */
95
94
  canMoveColumns: boolean;
96
95
  /**
@@ -145,6 +144,14 @@ export declare class RevoGridComponent {
145
144
  * Use e.preventDefault() to prevent range.
146
145
  */
147
146
  beforeaange: EventEmitter<Selection.ChangedRange>;
147
+ /**
148
+ * Triggered after focus rendered
149
+ * Can be used for access to focus element
150
+ * Through @event.target
151
+ */
152
+ afterFocus: EventEmitter<{
153
+ model: any;
154
+ }>;
148
155
  /**
149
156
  * Before rgRow order apply.
150
157
  * Use e.preventDefault() to prevent rgRow order change.
@@ -1,10 +1,16 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
1
2
  import { Observable, RevoGrid, Selection } from '../../interfaces';
3
+ import { RowSource } from '../data/columnService';
2
4
  export declare class RevogrFocus {
3
5
  el: HTMLElement;
4
6
  /** Dynamic stores */
7
+ dataStore: RowSource;
5
8
  selectionStore: Observable<Selection.SelectionStoreState>;
6
9
  dimensionRow: Observable<RevoGrid.DimensionSettingsState>;
7
10
  dimensionCol: Observable<RevoGrid.DimensionSettingsState>;
11
+ afterFocus: EventEmitter<{
12
+ model: any;
13
+ }>;
8
14
  private changed;
9
15
  componentDidRender(): void;
10
16
  render(): any;
@@ -34,7 +34,7 @@ export namespace Components {
34
34
  */
35
35
  "canFocus": boolean;
36
36
  /**
37
- * Enables column move plugin Can be boolean Can be filter collection
37
+ * Enables column move plugin Can be boolean
38
38
  */
39
39
  "canMoveColumns": boolean;
40
40
  /**
@@ -251,11 +251,12 @@ export namespace Components {
251
251
  "uuid": string;
252
252
  }
253
253
  interface RevogrFocus {
254
- "dimensionCol": Observable<RevoGrid.DimensionSettingsState>;
255
- "dimensionRow": Observable<RevoGrid.DimensionSettingsState>;
256
254
  /**
257
255
  * Dynamic stores
258
256
  */
257
+ "dataStore": RowSource;
258
+ "dimensionCol": Observable<RevoGrid.DimensionSettingsState>;
259
+ "dimensionRow": Observable<RevoGrid.DimensionSettingsState>;
259
260
  "selectionStore": Observable<Selection.SelectionStoreState>;
260
261
  }
261
262
  interface RevogrHeader {
@@ -366,6 +367,10 @@ export interface RevogrFilterPanelCustomEvent<T> extends CustomEvent<T> {
366
367
  detail: T;
367
368
  target: HTMLRevogrFilterPanelElement;
368
369
  }
370
+ export interface RevogrFocusCustomEvent<T> extends CustomEvent<T> {
371
+ detail: T;
372
+ target: HTMLRevogrFocusElement;
373
+ }
369
374
  export interface RevogrHeaderCustomEvent<T> extends CustomEvent<T> {
370
375
  detail: T;
371
376
  target: HTMLRevogrHeaderElement;
@@ -496,7 +501,7 @@ declare namespace LocalJSX {
496
501
  */
497
502
  "canFocus"?: boolean;
498
503
  /**
499
- * Enables column move plugin Can be boolean Can be filter collection
504
+ * Enables column move plugin Can be boolean
500
505
  */
501
506
  "canMoveColumns"?: boolean;
502
507
  /**
@@ -531,6 +536,10 @@ declare namespace LocalJSX {
531
536
  * Group models by provided properties Define properties to be groped by
532
537
  */
533
538
  "grouping"?: GroupingOptions;
539
+ /**
540
+ * Triggered after focus rendered Can be used for access to focus element Through @event.target
541
+ */
542
+ "onAfter-focus"?: (event: RevoGridCustomEvent<{ model: any; }>) => void;
534
543
  /**
535
544
  * After column resize Get resized columns
536
545
  */
@@ -758,12 +767,16 @@ declare namespace LocalJSX {
758
767
  "uuid"?: string;
759
768
  }
760
769
  interface RevogrFocus {
761
- "dimensionCol"?: Observable<RevoGrid.DimensionSettingsState>;
762
- "dimensionRow"?: Observable<RevoGrid.DimensionSettingsState>;
763
770
  /**
764
771
  * Dynamic stores
765
772
  */
766
- "selectionStore"?: Observable<Selection.SelectionStoreState>;
773
+ "dataStore": RowSource;
774
+ "dimensionCol": Observable<RevoGrid.DimensionSettingsState>;
775
+ "dimensionRow": Observable<RevoGrid.DimensionSettingsState>;
776
+ "onAfter-focus"?: (event: RevogrFocusCustomEvent<{
777
+ model: any;
778
+ }>) => void;
779
+ "selectionStore": Observable<Selection.SelectionStoreState>;
767
780
  }
768
781
  interface RevogrHeader {
769
782
  "canResize"?: boolean;
@@ -8,6 +8,6 @@ interface Group extends StoreGroup {
8
8
  export declare type ColumnGrouping = Record<RevoGrid.DimensionCols, Group[]>;
9
9
  export default class GroupingColumnPlugin extends BasePlugin {
10
10
  static gatherGroup<T extends ColumnCollection>(res: T, colData: RevoGrid.ColumnGrouping, collection: T, level?: number): T;
11
- static isColGrouping(colData: RevoGrid.ColumnGrouping | RevoGrid.ColumnRegular): colData is RevoGrid.ColumnGrouping;
12
11
  }
12
+ export declare function isColGrouping(colData: RevoGrid.ColumnGrouping | RevoGrid.ColumnRegular): colData is RevoGrid.ColumnGrouping;
13
13
  export {};
@@ -7,7 +7,7 @@ import ViewportProvider from '../../services/viewport.provider';
7
7
  import BasePlugin from '../basePlugin';
8
8
  export declare type DragStartEventDetails = {
9
9
  event: MouseEvent;
10
- data: RevoGrid.ColumnRegular;
10
+ data: RevoGrid.ColumnDataSchema;
11
11
  };
12
12
  export declare type Providers = {
13
13
  data: DataProvider;
@@ -16,28 +16,16 @@ export declare type Providers = {
16
16
  column: ColumnDataProvider;
17
17
  viewport: ViewportProvider;
18
18
  };
19
- declare type StaticData = {
20
- startPos: number;
21
- data: DragStartEventDetails['data'];
22
- dataEl: HTMLElement;
23
- scrollEl: Element;
24
- gridEl: HTMLElement;
25
- };
26
19
  declare type LocalSubscriptions = Record<string, LocalSubscription>;
27
20
  declare type LocalSubscription = {
28
21
  target: Element | Document;
29
22
  callback(...params: any[]): void;
30
23
  };
31
24
  export declare type EventData = {
32
- el: HTMLElement;
33
- elScroll: Element;
34
25
  elRect: DOMRect;
35
26
  gridRect: DOMRect;
36
- xOffset: number;
37
- data: StaticData['data'];
27
+ scrollOffset: number;
38
28
  type: RevoGrid.DimensionCols;
39
- rows: RevoGrid.DimensionSettingsState;
40
- cols: RevoGrid.DimensionSettingsState;
41
29
  };
42
30
  export default class ColumnPlugin extends BasePlugin {
43
31
  protected revogrid: HTMLRevoGridElement;
@@ -62,5 +50,5 @@ export default class ColumnPlugin extends BasePlugin {
62
50
  private getData;
63
51
  private getDimension;
64
52
  }
65
- export declare function getLeftRelative(absoluteX: number, { xOffset, gridRect }: EventData): number;
53
+ export declare function getLeftRelative(absoluteX: number, gridPos: number, offset: number): number;
66
54
  export {};
@@ -1,11 +1,14 @@
1
- import { EventData } from './columnDragPlugin';
2
1
  export declare class ColumnOrderHandler {
3
2
  private element?;
4
3
  private autoscrollEl?;
5
4
  private offset;
6
5
  renderAutoscroll(_: MouseEvent, parent: HTMLElement | null): void;
7
6
  autoscroll(pos: number, dataContainerSize: number, direction?: string): void;
8
- start(e: MouseEvent, { el, gridRect, elScroll }: EventData, dir?: 'top' | 'left'): void;
7
+ start(e: MouseEvent, { dataEl, gridRect, scrollEl }: {
8
+ dataEl: HTMLElement;
9
+ gridRect: DOMRect;
10
+ scrollEl: Element;
11
+ }, dir?: 'top' | 'left'): void;
9
12
  stop(): void;
10
13
  showHandler(pos: number, size: number, direction?: string): void;
11
14
  render(): any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revolist/revogrid",
3
- "version": "3.2.6",
3
+ "version": "3.2.9",
4
4
  "description": "Virtual reactive data grid component - RevoGrid.",
5
5
  "license": "MIT",
6
6
  "directories": {
@@ -70,7 +70,7 @@
70
70
  "@stencil/store": "^1.3.0",
71
71
  "@stencil/svelte-output-target": "0.0.3",
72
72
  "@stencil/vue-output-target": "^0.6.2",
73
- "@types/events": "^3.0.0",
73
+ "@types/events": "^3.0.0",
74
74
  "@types/jest": "^26.0.20",
75
75
  "@types/node": "^18.7.2",
76
76
  "@types/react": "^18.0.17",