@revolist/revogrid 3.6.7 → 3.6.8

package/dist/collection/components/order/revogr-order-editor.js

@@ -1,11 +1,7 @@
-/*!
- * Built by Revolist
- */
-import { Component, Method, Event, Prop, Listen } from '@stencil/core';
-import debounce from 'lodash/debounce';
-import { setItems } from '../../store/dataSource/data.store';
-import { DRAGG_TEXT } from '../../utils/consts';
-import RowOrderService from './rowOrderService';
+import debounce from "lodash/debounce";
+import { setItems } from "../../store/dataSource/data.store";
+import { DRAGG_TEXT } from "../../utils/consts";
+import RowOrderService from "./rowOrderService";
 export class OrderEditor {
   constructor() {
     this.rowMoveFunc = debounce((y) => {
@@ -14,6 +10,10 @@ export class OrderEditor {
         this.internalRowDrag.emit(rgRow);
       }
     }, 5);
+    this.parent = undefined;
+    this.dimensionRow = undefined;
+    this.dimensionCol = undefined;
+    this.dataStore = undefined;
   }
   // --------------------------------------------------------------------------
   //
@@ -88,274 +88,301 @@ export class OrderEditor {
     };
   }
   static get is() { return "revogr-order-editor"; }
-  static get properties() { return {
-    "parent": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
+  static get properties() {
+    return {
+      "parent": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global",
+              "id": "global::HTMLElement"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dimensionRow": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionRow": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dimensionCol": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.DimensionSettingsState>",
-        "resolved": "ObservableMap<DimensionSettingsState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dimensionCol": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.DimensionSettingsState>",
+          "resolved": "ObservableMap<DimensionSettingsState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "dataStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>",
-        "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "DataSourceState": {
-            "location": "import",
-            "path": "../../store/dataSource/data.store"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "dataStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>",
+          "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Observable"
+            },
+            "DataSourceState": {
+              "location": "import",
+              "path": "../../store/dataSource/data.store",
+              "id": "src/store/dataSource/data.store.ts::DataSourceState"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Static stores, not expected to change during component lifetime"
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Static stores, not expected to change during component lifetime"
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "internalRowDragStart",
-      "name": "internalRowDragStart",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Row drag started"
-      },
-      "complexType": {
-        "original": "{\n    cell: Selection.Cell;\n    text: string;\n    pos: RevoGrid.PositionItem;\n    event: MouseEvent;\n  }",
-        "resolved": "{ cell: Cell; text: string; pos: PositionItem; event: MouseEvent; }",
-        "references": {
-          "Selection": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "MouseEvent": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "internalRowDragStart",
+        "name": "internalRowDragStart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Row drag started"
+        },
+        "complexType": {
+          "original": "{\n    cell: Selection.Cell;\n    text: string;\n    pos: RevoGrid.PositionItem;\n    event: MouseEvent;\n  }",
+          "resolved": "{ cell: Cell; text: string; pos: PositionItem; event: MouseEvent; }",
+          "references": {
+            "Selection": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Selection"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            },
+            "MouseEvent": {
+              "location": "global",
+              "id": "global::MouseEvent"
+            }
           }
         }
-      }
-    }, {
-      "method": "internalRowDragEnd",
-      "name": "internalRowDragEnd",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Row drag ended"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "internalRowDrag",
-      "name": "internalRowDrag",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Row move"
-      },
-      "complexType": {
-        "original": "RevoGrid.PositionItem",
-        "resolved": "PositionItem",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      }, {
+        "method": "internalRowDragEnd",
+        "name": "internalRowDragEnd",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Row drag ended"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "internalRowDrag",
+        "name": "internalRowDrag",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Row move"
+        },
+        "complexType": {
+          "original": "RevoGrid.PositionItem",
+          "resolved": "PositionItem",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
         }
-      }
-    }, {
-      "method": "internalRowMouseMove",
-      "name": "internalRowMouseMove",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Row mouse move"
-      },
-      "complexType": {
-        "original": "Selection.Cell",
-        "resolved": "Cell",
-        "references": {
-          "Selection": {
-            "location": "import",
-            "path": "../../interfaces"
+      }, {
+        "method": "internalRowMouseMove",
+        "name": "internalRowMouseMove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Row mouse move"
+        },
+        "complexType": {
+          "original": "Selection.Cell",
+          "resolved": "Cell",
+          "references": {
+            "Selection": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Selection"
+            }
           }
         }
-      }
-    }, {
-      "method": "initialRowDropped",
-      "name": "initialRowDropped",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Row dragged, new range ready to be applied"
-      },
-      "complexType": {
-        "original": "{ from: number; to: number }",
-        "resolved": "{ from: number; to: number; }",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "dragStart": {
-      "complexType": {
-        "signature": "(e: MouseEvent) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }, {
+        "method": "initialRowDropped",
+        "name": "initialRowDropped",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Row dragged, new range ready to be applied"
+        },
+        "complexType": {
+          "original": "{ from: number; to: number }",
+          "resolved": "{ from: number; to: number; }",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "dragStart": {
+        "complexType": {
+          "signature": "(e: MouseEvent) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "MouseEvent": {
+              "location": "global",
+              "id": "global::MouseEvent"
+            }
           },
-          "MouseEvent": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "endOrder": {
-      "complexType": {
-        "signature": "(e: MouseEvent) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "endOrder": {
+        "complexType": {
+          "signature": "(e: MouseEvent) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            },
+            "MouseEvent": {
+              "location": "global",
+              "id": "global::MouseEvent"
+            }
           },
-          "MouseEvent": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "clearOrder": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "clearOrder": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "mouseleave",
-      "method": "onMouseOut",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseup",
-      "method": "onMouseUp",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }]; }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "mouseleave",
+        "method": "onMouseOut",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseup",
+        "method": "onMouseUp",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }
+//# sourceMappingURL=revogr-order-editor.js.map

package/dist/collection/components/order/revogr-order-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-order-editor.js","sourceRoot":"","sources":["../../../src/components/order/revogr-order-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Method, Event, EventEmitter, Prop, Listen } from '@stencil/core';\nimport debounce from 'lodash/debounce';\n\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { DataSourceState, setItems } from '../../store/dataSource/data.store';\nimport { DRAGG_TEXT } from '../../utils/consts';\nimport RowOrderService from './rowOrderService';\n\n@Component({ tag: 'revogr-order-editor' })\nexport class OrderEditor {\n  private rowOrderService: RowOrderService;\n  private moveFunc: ((e: Selection.Cell) => void) | null;\n  private rowMoveFunc = debounce((y: number) => {\n    const rgRow = this.rowOrderService.move(y, this.getData());\n    if (rgRow !== null) {\n      this.internalRowDrag.emit(rgRow);\n    }\n  }, 5);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n  @Prop() parent: HTMLElement;\n  @Prop() dimensionRow: Observable<RevoGrid.DimensionSettingsState>;\n  @Prop() dimensionCol: Observable<RevoGrid.DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  @Prop() dataStore: Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /** Row drag started */\n  @Event({ cancelable: true }) internalRowDragStart: EventEmitter<{\n    cell: Selection.Cell;\n    text: string;\n    pos: RevoGrid.PositionItem;\n    event: MouseEvent;\n  }>;\n\n  /** Row drag ended */\n  @Event({ cancelable: true }) internalRowDragEnd: EventEmitter;\n\n  /** Row move */\n  @Event({ cancelable: true }) internalRowDrag: EventEmitter<RevoGrid.PositionItem>;\n\n  /** Row mouse move */\n  @Event({ cancelable: true }) internalRowMouseMove: EventEmitter<Selection.Cell>;\n\n  /** Row dragged, new range ready to be applied */\n  @Event({ cancelable: true }) initialRowDropped: EventEmitter<{ from: number; to: number }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Listeners\n  //\n  // --------------------------------------------------------------------------\n\n  @Listen('mouseleave', { target: 'document' })\n  onMouseOut(): void {\n    this.clearOrder();\n  }\n\n  /** Action finished inside of the document */\n  @Listen('mouseup', { target: 'document' })\n  onMouseUp(e: MouseEvent): void {\n    this.endOrder(e);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  @Method() async dragStart(e: MouseEvent): Promise<void> {\n    e.preventDefault();\n\n    // extra check if previous ended\n    if (this.moveFunc) {\n      this.clearOrder();\n    }\n\n    const data = this.getData();\n    const cell = this.rowOrderService.startOrder(e, data);\n    const pos = this.rowOrderService.getRow(e.y, data);\n    const dragStartEvent = this.internalRowDragStart.emit({ cell, text: DRAGG_TEXT, pos, event: e });\n    if (dragStartEvent.defaultPrevented) {\n      return;\n    }\n\n    this.moveFunc = (e: MouseEvent) => this.move(e);\n    document.addEventListener('mousemove', this.moveFunc);\n  }\n\n  @Method() async endOrder(e: MouseEvent): Promise<void> {\n    this.rowOrderService.endOrder(e, this.getData());\n    this.clearOrder();\n  }\n\n  @Method() async clearOrder(): Promise<void> {\n    this.rowOrderService.clear();\n    document.removeEventListener('mousemove', this.moveFunc);\n    this.moveFunc = null;\n    this.internalRowDragEnd.emit();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Component methods\n  //\n  // --------------------------------------------------------------------------\n\n  move({ x, y }: { x: number; y: number }): void {\n    this.internalRowMouseMove.emit({ x, y });\n    this.rowMoveFunc(y);\n  }\n\n  connectedCallback(): void {\n    this.rowOrderService = new RowOrderService({ positionChanged: (f, t) => this.onPositionChanged(f, t) });\n  }\n\n  private onPositionChanged(from: number, to: number) {\n    const dropEvent = this.initialRowDropped.emit({ from, to });\n    if (dropEvent.defaultPrevented) {\n      return;\n    }\n    const items = [...this.dataStore.get('items')];\n    const toMove = items.splice(from, 1);\n    items.splice(to, 0, ...toMove);\n    setItems(this.dataStore, items);\n  }\n\n  private getData() {\n    return {\n      el: this.parent,\n      rows: this.dimensionRow.state,\n      cols: this.dimensionCol.state,\n    };\n  }\n}\n"]}

package/dist/collection/components/order/rowOrderService.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { getItemByPosition } from '../../store/dimension/dimension.helpers';
+import { getItemByPosition } from "../../store/dimension/dimension.helpers";
 export default class RowOrderService {
   constructor(config) {
     this.config = config;
@@ -69,3 +69,4 @@ export default class RowOrderService {
     return { x: rgCol.itemIndex, y: rgRow.itemIndex };
   }
 }
+//# sourceMappingURL=rowOrderService.js.map

package/dist/collection/components/order/rowOrderService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowOrderService.js","sourceRoot":"","sources":["../../../src/components/order/rowOrderService.ts"],"names":[],"mappings":"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","sourcesContent":["import { RevoGrid, Selection } from '../../interfaces';\nimport { getItemByPosition } from '../../store/dimension/dimension.helpers';\n\ntype EventData = { el: HTMLElement; rows: RevoGrid.DimensionSettingsState; cols: RevoGrid.DimensionSettingsState };\ninterface Config {\n  positionChanged(from: number, to: number): void;\n}\n\nexport default class RowOrderService {\n  private currentCell: Selection.Cell | null = null;\n  private previousRow: number | null = null;\n\n  constructor(private config: Config) {}\n\n  /** Drag finished, calculate and apply changes */\n  endOrder(e: MouseEvent, data: EventData): void {\n    if (this.currentCell === null) {\n      return;\n    }\n    const newRow = this.getCell(e, data);\n\n    // if position changed\n    if (newRow.y !== this.currentCell.y) {\n      // rgRow dragged out table\n      if (newRow.y < 0) {\n        newRow.y = 0;\n      }\n      // rgRow dragged to the top\n      else if (newRow.y < this.currentCell.y) {\n        newRow.y++;\n      }\n      this.config.positionChanged(this.currentCell.y, newRow.y);\n    }\n    this.clear();\n  }\n\n  /** Drag started, reserve initial cell for farther use */\n  startOrder(e: MouseEvent, data: EventData): Selection.Cell {\n    this.currentCell = this.getCell(e, data);\n    return this.currentCell;\n  }\n\n  move(y: number, data: EventData): RevoGrid.PositionItem | null {\n    const rgRow = this.getRow(y, data);\n    // if rgRow same as previous or below range (-1 = 0) do nothing\n    if (this.previousRow === rgRow.itemIndex || rgRow.itemIndex < -1) {\n      return null;\n    }\n    this.previousRow = rgRow.itemIndex;\n    return rgRow;\n  }\n\n  /** Drag stopped, probably cursor outside of document area */\n  clear(): void {\n    this.currentCell = null;\n    this.previousRow = null;\n  }\n\n  /** Calculate cell based on x, y position */\n  getRow(y: number, { el, rows }: EventData): RevoGrid.PositionItem {\n    const { top } = el.getBoundingClientRect();\n    const topRelative = y - top;\n    const rgRow = getItemByPosition(rows, topRelative);\n    const absolutePosition = {\n      itemIndex: rgRow.itemIndex,\n      start: rgRow.start + top,\n      end: rgRow.end + top,\n    };\n    return absolutePosition;\n  }\n\n  /** Calculate cell based on x, y position */\n  getCell({ x, y }: Selection.Cell, { el, rows, cols }: EventData): Selection.Cell {\n    const { top, left } = el.getBoundingClientRect();\n    const topRelative = y - top;\n    const leftRelative = x - left;\n    const rgRow = getItemByPosition(rows, topRelative);\n    const rgCol = getItemByPosition(cols, leftRelative);\n    return { x: rgCol.itemIndex, y: rgRow.itemIndex };\n  }\n}\n"]}