@revolist/revogrid 3.6.3 → 3.6.4

package/dist/collection/components/header/revogr-header.js

@@ -1,15 +1,22 @@
 /*!
  * Built by Revolist
  */
-import { Component, Element, Event, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import keyBy from 'lodash/keyBy';
 import { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';
 import HeaderRenderer from './headerRenderer';
 import ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';
 export class RevogrHeaderComponent {
   constructor() {
+    this.viewportCol = undefined;
+    this.dimensionCol = undefined;
+    this.selectionStore = undefined;
     this.parent = '';
+    this.groups = undefined;
     this.groupingDepth = 0;
+    this.canResize = undefined;
+    this.colData = undefined;
+    this.columnFilter = undefined;
   }
   onResize({ width }, index) {
     this.headerresize.emit({ [index]: width || 0 });
@@ -39,262 +46,270 @@ export class RevogrHeaderComponent {
       visibleProps[colData === null || colData === void 0 ? void 0 : colData.prop] = rgCol.itemIndex;
     }
     return [
-      h("div", { class: "group-rgRow" },
-        h(ColumnGroupsRenderer, { canResize: this.canResize, visibleProps: visibleProps, groups: this.groups, dimensionCol: this.dimensionCol.state, depth: this.groupingDepth, onResize: (changedX, startIndex, endIndex) => this.onResizeGroup(changedX, startIndex, endIndex) })),
+      h("div", { class: "group-rgRow" }, h(ColumnGroupsRenderer, { canResize: this.canResize, visibleProps: visibleProps, groups: this.groups, dimensionCol: this.dimensionCol.state, depth: this.groupingDepth, onResize: (changedX, startIndex, endIndex) => this.onResizeGroup(changedX, startIndex, endIndex) })),
       h("div", { class: `${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}` }, cells),
     ];
   }
   static get is() { return "revogr-header"; }
-  static get originalStyleUrls() { return {
-    "$": ["revogr-header-style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["revogr-header-style.css"]
-  }; }
-  static get properties() { return {
-    "viewportCol": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<RevoGrid.ViewportState>",
-        "resolved": "ObservableMap<ViewportState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["revogr-header-style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["revogr-header-style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "viewportCol": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<RevoGrid.ViewportState>",
+          "resolved": "ObservableMap<ViewportState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
+        },
+        "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"
+            },
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "selectionStore": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Observable<Selection.SelectionStoreState>",
-        "resolved": "ObservableMap<SelectionStoreState>",
-        "references": {
-          "Observable": {
-            "location": "import",
-            "path": "../../interfaces"
-          },
-          "Selection": {
-            "location": "import",
-            "path": "../../interfaces"
+      "selectionStore": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Observable<Selection.SelectionStoreState>",
+          "resolved": "ObservableMap<SelectionStoreState>",
+          "references": {
+            "Observable": {
+              "location": "import",
+              "path": "../../interfaces"
+            },
+            "Selection": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "parent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "parent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "parent",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "parent",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "groups": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Groups",
-        "resolved": "{ [x: string]: any; }",
-        "references": {
-          "Groups": {
-            "location": "import",
-            "path": "../../store/dataSource/data.store"
+      "groups": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Groups",
+          "resolved": "{ [x: string]: any; }",
+          "references": {
+            "Groups": {
+              "location": "import",
+              "path": "../../store/dataSource/data.store"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "groupingDepth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "groupingDepth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "grouping-depth",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "grouping-depth",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "canResize": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "canResize": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "can-resize",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "can-resize",
-      "reflect": false
-    },
-    "colData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RevoGrid.ColumnRegular[]",
-        "resolved": "ColumnRegular[]",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      "colData": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "RevoGrid.ColumnRegular[]",
+          "resolved": "ColumnRegular[]",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "columnFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "column-filter",
+        "reflect": false
       }
-    },
-    "columnFilter": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "column-filter",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "initialHeaderClick",
-      "name": "initialHeaderClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "RevoGrid.InitialHeaderClick",
-        "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "initialHeaderClick",
+        "name": "initialHeaderClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "RevoGrid.InitialHeaderClick",
+          "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "headerresize",
-      "name": "headerresize",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "RevoGrid.ViewSettingSizeProp",
-        "resolved": "{ [x: string]: number; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      }, {
+        "method": "headerresize",
+        "name": "headerresize",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "RevoGrid.ViewSettingSizeProp",
+          "resolved": "{ [x: string]: number; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "headerdblClick",
-      "name": "headerdblClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "RevoGrid.InitialHeaderClick",
-        "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular; }",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
+      }, {
+        "method": "headerdblClick",
+        "name": "headerdblClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "RevoGrid.InitialHeaderClick",
+          "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular; }",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=revogr-header.js.map

package/dist/collection/components/header/revogr-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-header.js","sourceRoot":"","sources":["../../../src/components/header/revogr-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { HTMLStencilElement, VNode } from '@stencil/core/internal';\nimport keyBy from 'lodash/keyBy';\n\nimport { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { Groups } from '../../store/dataSource/data.store';\nimport HeaderRenderer from './headerRenderer';\nimport ColumnGroupsRenderer from '../../plugins/groupingColumn/columnGroupsRenderer';\n\n@Component({\n  tag: 'revogr-header',\n  styleUrl: 'revogr-header-style.scss',\n})\nexport class RevogrHeaderComponent {\n  @Element() element!: HTMLStencilElement;\n  @Prop() viewportCol: Observable<RevoGrid.ViewportState>;\n  @Prop() dimensionCol: Observable<RevoGrid.DimensionSettingsState>;\n  @Prop() selectionStore: Observable<Selection.SelectionStoreState>;\n\n  @Prop() parent: string = '';\n  @Prop() groups: Groups;\n  @Prop() groupingDepth: number = 0;\n  @Prop() canResize: boolean;\n  @Prop() colData: RevoGrid.ColumnRegular[];\n  @Prop() columnFilter: boolean;\n\n  @Event() initialHeaderClick: EventEmitter<RevoGrid.InitialHeaderClick>;\n  @Event() headerresize: EventEmitter<RevoGrid.ViewSettingSizeProp>;\n  @Event() headerdblClick: EventEmitter<RevoGrid.InitialHeaderClick>;\n\n  private onResize({ width }: { width?: number }, index: number): void {\n    this.headerresize.emit({ [index]: width || 0 });\n  }\n\n  private onResizeGroup(changedX: number, startIndex: number, endIndex: number): void {\n    const sizes: RevoGrid.ViewSettingSizeProp = {};\n    const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');\n    const change = changedX / (endIndex - startIndex + 1);\n    for (let i = startIndex; i <= endIndex; i++) {\n      const item = cols[i];\n      if (item) {\n        sizes[i] = item.size + change;\n      }\n    }\n    this.headerresize.emit(sizes);\n  }\n\n  render() {\n    const cols = this.viewportCol.get('items');\n    const range = this.selectionStore?.get('range');\n    const cells: VNode[] = [];\n    const visibleProps: { [prop: string]: number } = {};\n\n    // render header columns\n    for (let rgCol of cols) {\n      const colData = this.colData[rgCol.itemIndex];\n      cells.push(\n        <HeaderRenderer\n          range={range}\n          column={rgCol}\n          data={colData}\n          canFilter={!!this.columnFilter}\n          canResize={this.canResize}\n          onResize={e => this.onResize(e, rgCol.itemIndex)}\n          onDoubleClick={e => this.headerdblClick.emit(e)}\n          onClick={e => this.initialHeaderClick.emit(e)}\n        />,\n      );\n      visibleProps[colData?.prop] = rgCol.itemIndex;\n    }\n\n    return [\n      <div class=\"group-rgRow\">\n        <ColumnGroupsRenderer\n          canResize={this.canResize}\n          visibleProps={visibleProps}\n          groups={this.groups}\n          dimensionCol={this.dimensionCol.state}\n          depth={this.groupingDepth}\n          onResize={(changedX, startIndex, endIndex) => this.onResizeGroup(changedX, startIndex, endIndex)}\n        />\n      </div>,\n      <div class={`${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}`}>{cells}</div>,\n    ];\n  }\n}\n"]}

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

@@ -44,10 +44,7 @@ export class OrdererService {
 const OrderRenderer = ({ ref }) => {
   const service = new OrdererService();
   ref(service);
-  return (h("div", { class: "draggable-wrapper hidden", ref: e => (service.el = e) },
-    h("div", { class: "draggable", ref: el => (service.draggable = el) },
-      h("span", { class: "revo-alt-icon" }),
-      h("span", { ref: e => (service.text = e) })),
-    h("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
+  return (h("div", { class: "draggable-wrapper hidden", ref: e => (service.el = e) }, h("div", { class: "draggable", ref: el => (service.draggable = el) }, h("span", { class: "revo-alt-icon" }), h("span", { ref: e => (service.text = e) })), h("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
 };
 export default OrderRenderer;
+//# sourceMappingURL=orderRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"orderRenderer.js","sourceRoot":"","sources":["../../../src/components/order/orderRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,MAAM,eAAe,CAAC;AAKzC;;GAEG;AACH,MAAM,OAAO,cAAc;EAA3B;IACU,YAAO,GAAW,CAAC,CAAC;EAoC9B,CAAC;EA9BC,KAAK,CAAC,MAAmB,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAmE;;IAC9G,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAC/C,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;IACnB,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KAC5B;IACD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC,MAAA,IAAI,CAAC,EAAE,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;EACtC,CAAC;EACD,GAAG;;IACD,MAAA,IAAI,CAAC,EAAE,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;EACnC,CAAC;EACD,IAAI,CAAC,GAA0B;IAC7B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;EAC3C,CAAC;EACD,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAkB;IAC9B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,OAAO;KACR;IACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC;EACtC,CAAC;EAEO,WAAW,CAAC,CAAS;IAC3B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACf,OAAO;KACR;IACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC;EACpD,CAAC;CACF;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,EAAS,EAAW,EAAE;EAChD,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;EACrC,GAAG,CAAC,OAAO,CAAC,CAAC;EACb,OAAO,CACL,WAAK,KAAK,EAAC,0BAA0B,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;IAC9D,WAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;MACxD,YAAM,KAAK,EAAC,eAAe,GAAG;MAC9B,YAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,GAAI,CAClC;IACN,WAAK,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAI,CACxD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC","sourcesContent":["import { h, VNode } from '@stencil/core';\nimport { RevoGrid, Selection } from '../../interfaces';\n\ntype Props = { ref: { (e: OrdererService): void } };\n\n/**\n * Draw drag\n */\nexport class OrdererService {\n  private parentY: number = 0;\n  el!: HTMLElement;\n  rgRow!: HTMLElement;\n  text!: HTMLElement;\n  draggable!: HTMLElement;\n\n  start(parent: HTMLElement, { pos, text, event }: { pos: RevoGrid.PositionItem; text: string; event: MouseEvent }): void {\n    const { top } = parent.getBoundingClientRect();\n    this.parentY = top;\n    if (this.text) {\n      this.text.innerText = text;\n    }\n    this.move(pos);\n    this.moveTip({ x: event.x, y: event.y });\n    this.el?.classList.remove('hidden');\n  }\n  end(): void {\n    this.el?.classList.add('hidden');\n  }\n  move(pos: RevoGrid.PositionItem): void {\n    this.moveElement(pos.end - this.parentY);\n  }\n  moveTip({ x, y }: Selection.Cell): void {\n    if (!this.draggable) {\n      return;\n    }\n    this.draggable.style.left = `${x}px`;\n    this.draggable.style.top = `${y}px`;\n  }\n\n  private moveElement(y: number): void {\n    if (!this.rgRow) {\n      return;\n    }\n    this.rgRow.style.transform = `translateY(${y}px)`;\n  }\n}\n\nconst OrderRenderer = ({ ref }: Props): VNode[] => {\n  const service = new OrdererService();\n  ref(service);\n  return (\n    <div class=\"draggable-wrapper hidden\" ref={e => (service.el = e)}>\n      <div class=\"draggable\" ref={el => (service.draggable = el)}>\n        <span class=\"revo-alt-icon\" />\n        <span ref={e => (service.text = e)} />\n      </div>\n      <div class=\"drag-position\" ref={e => (service.rgRow = e)} />\n    </div>\n  );\n};\nexport default OrderRenderer;\n"]}