@revolist/revogrid 3.2.7 → 3.2.10

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 (28) hide show
  1. package/custom-element/index.js +51 -33
  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 +50 -32
  5. package/dist/collection/components/revo-grid/revo-grid.js +15 -0
  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/groupingColumn/grouping.col.plugin.js +3 -3
  9. package/dist/collection/plugins/moveColumn/columnDragPlugin.js +32 -20
  10. package/dist/collection/plugins/moveColumn/columnOrderHandler.js +4 -4
  11. package/dist/collection/services/column.data.provider.js +3 -3
  12. package/dist/esm/loader.js +1 -1
  13. package/dist/esm/revo-grid.js +1 -1
  14. package/dist/esm/revo-grid_11.entry.js +50 -32
  15. package/dist/esm-es5/loader.js +1 -1
  16. package/dist/esm-es5/revo-grid.js +1 -1
  17. package/dist/esm-es5/revo-grid_11.entry.js +1 -1
  18. package/dist/revo-grid/revo-grid.esm.js +1 -1
  19. package/dist/revo-grid/revo-grid.system.js +1 -1
  20. package/dist/revo-grid/revo-grid_11.entry.js +1 -1
  21. package/dist/revo-grid/revo-grid_11.system.entry.js +1 -1
  22. package/dist/types/components/revo-grid/revo-grid.d.ts +7 -0
  23. package/dist/types/components/selection-focus/revogr-focus.d.ts +6 -0
  24. package/dist/types/components.d.ts +18 -5
  25. package/dist/types/plugins/groupingColumn/grouping.col.plugin.d.ts +1 -1
  26. package/dist/types/plugins/moveColumn/columnDragPlugin.d.ts +3 -15
  27. package/dist/types/plugins/moveColumn/columnOrderHandler.d.ts +5 -2
  28. package/package.json +2 -2
@@ -144,6 +144,13 @@ export declare class RevoGridComponent {
144
144
  * Use e.preventDefault() to prevent range.
145
145
  */
146
146
  beforeaange: EventEmitter<Selection.ChangedRange>;
147
+ /**
148
+ * Triggered after focus render finished.
149
+ * Can be used to access a focus element through @event.target
150
+ */
151
+ afterfocus: EventEmitter<{
152
+ model: any;
153
+ }>;
147
154
  /**
148
155
  * Before rgRow order apply.
149
156
  * 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;
@@ -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;
@@ -546,6 +551,10 @@ declare namespace LocalJSX {
546
551
  * After edit. Triggered when after data applied or Range changeged.
547
552
  */
548
553
  "onAfteredit"?: (event: RevoGridCustomEvent<Edition.BeforeSaveDataDetails | Edition.BeforeRangeSaveDataDetails>) => void;
554
+ /**
555
+ * Triggered after focus render finished. Can be used to access a focus element through @event.target
556
+ */
557
+ "onAfterfocus"?: (event: RevoGridCustomEvent<{ model: any; }>) => void;
549
558
  /**
550
559
  * After rows updated
551
560
  */
@@ -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
+ "onAfterfocus"?: (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.7",
3
+ "version": "3.2.10",
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",