@bit.rhplus/ui.grid 0.0.2 → 0.0.4

package/ColumnBuilder.jsx

@@ -1,51 +1,38 @@
-class ColumnBuilder {
-  constructor() {
-    this.columns = [];
-  }
-
-  addTextColumnWithObject({headerName, field, width}) {
-    return this.addTextColumn(headerName, field, width);
-  }
-
-  addTextColumn(headerName, field, width = 150) {
-    this.columns.push({ headerName, field, width });
-    return this;
-  }
+import {prepareColDef} from './utils';
 
-  addValueGetterColumn(headerName, valueGetter, width) {
-    this.columns.push({headerName, valueGetter, width});
-    return this;
+class ColumnBuilder {
+  #addPreparedColumn(props) {
+    this.columns.push(prepareColDef(props));
   }
 
-  addNumberColumnWithObject({headerName, field, width}) {
-    return this.addNumberColumn(headerName, field, width);
+  constructor() {
+    this.columns = [];
   }
 
-  addNumberColumn(headerName, field, width = 150) {
-    this.columns.push({ headerName, field, width });
+  addColumn(props) {
+    this.#addPreparedColumn(props);
     return this;
   }
 
-  addDateColumnWithObject({headerName, field, width}) {
-    return this.addDateColumn(headerName, field, width);
-  }
-
-  addDateColumn(headerName, field, width = 150) {
-    this.columns.push({ headerName, field, width });
+  addDateColumn({dateFormat = "dd.MM.yyyy", ...restProps}) {
+    this.#addPreparedColumn({ dateRenderer: dateFormat, ...restProps });
     return this; 
   }
   
-  addObjectColumnWithObject({headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay}) {
-    return this.addObjectColumn(headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay)
-  }
-
-  addObjectColumn(headerName, field, width = 150, contentTooltip, tooltipField, tooltipInteraction = true, tooltipShowDelay = 100) {    
-    this.columns.push({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay})
+  addObjectColumn({contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, ...restProps}) {    
+    this.#addPreparedColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, ...restProps });
     return this;
   }
 
-  addColumn(params) {
-    this.columns.push(params);
+  addBooleanColumn({visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, ...restProps}) {
+    const booleanRendererParams = {
+      cellAlign,
+      visibleFalse,
+      visibleTrue,
+      visibleGetter
+    }
+    this.#addPreparedColumn({ booleanRenderer: true, booleanRendererParams, ...restProps });
+    
     return this;
   }
 

package/dist/ColumnBuilder.d.ts

@@ -1,35 +1,25 @@
 export default ColumnBuilder;
 declare class ColumnBuilder {
     columns: any[];
-    addTextColumnWithObject({ headerName, field, width }: {
-        headerName: any;
-        field: any;
-        width: any;
+    addColumn(props: any): this;
+    addDateColumn({ dateFormat, ...restProps }: {
+        [x: string]: any;
+        dateFormat?: string | undefined;
     }): this;
-    addTextColumn(headerName: any, field: any, width?: number): this;
-    addValueGetterColumn(headerName: any, valueGetter: any, width: any): this;
-    addNumberColumnWithObject({ headerName, field, width }: {
-        headerName: any;
-        field: any;
-        width: any;
-    }): this;
-    addNumberColumn(headerName: any, field: any, width?: number): this;
-    addDateColumnWithObject({ headerName, field, width }: {
-        headerName: any;
-        field: any;
-        width: any;
-    }): this;
-    addDateColumn(headerName: any, field: any, width?: number): this;
-    addObjectColumnWithObject({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay }: {
-        headerName: any;
-        field: any;
-        width: any;
+    addObjectColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, ...restProps }: {
+        [x: string]: any;
         contentTooltip: any;
         tooltipField: any;
         tooltipInteraction: any;
-        tooltipShowDelay: any;
+        tooltipShowDelay?: number | undefined;
+    }): this;
+    addBooleanColumn({ visibleFalse, visibleTrue, cellAlign, visibleGetter, ...restProps }: {
+        [x: string]: any;
+        visibleFalse?: boolean | undefined;
+        visibleTrue?: boolean | undefined;
+        cellAlign: any;
+        visibleGetter?: (() => boolean) | undefined;
     }): this;
-    addObjectColumn(headerName: any, field: any, width: number | undefined, contentTooltip: any, tooltipField: any, tooltipInteraction?: boolean, tooltipShowDelay?: number): this;
-    addColumn(params: any): this;
     build(): any[];
+    #private;
 }

package/dist/ColumnBuilder.js

@@ -1,46 +1,43 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _ColumnBuilder_instances, _ColumnBuilder_addPreparedColumn;
+import { prepareColDef } from './utils';
 class ColumnBuilder {
     constructor() {
+        _ColumnBuilder_instances.add(this);
         this.columns = [];
     }
-    addTextColumnWithObject({ headerName, field, width }) {
-        return this.addTextColumn(headerName, field, width);
-    }
-    addTextColumn(headerName, field, width = 150) {
-        this.columns.push({ headerName, field, width });
-        return this;
-    }
-    addValueGetterColumn(headerName, valueGetter, width) {
-        this.columns.push({ headerName, valueGetter, width });
-        return this;
-    }
-    addNumberColumnWithObject({ headerName, field, width }) {
-        return this.addNumberColumn(headerName, field, width);
-    }
-    addNumberColumn(headerName, field, width = 150) {
-        this.columns.push({ headerName, field, width });
+    addColumn(props) {
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, props);
         return this;
     }
-    addDateColumnWithObject({ headerName, field, width }) {
-        return this.addDateColumn(headerName, field, width);
-    }
-    addDateColumn(headerName, field, width = 150) {
-        this.columns.push({ headerName, field, width });
+    addDateColumn({ dateFormat = "dd.MM.yyyy", ...restProps }) {
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { dateRenderer: dateFormat, ...restProps });
         return this;
     }
-    addObjectColumnWithObject({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay }) {
-        return this.addObjectColumn(headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay);
-    }
-    addObjectColumn(headerName, field, width = 150, contentTooltip, tooltipField, tooltipInteraction = true, tooltipShowDelay = 100) {
-        this.columns.push({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay });
+    addObjectColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, ...restProps }) {
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, ...restProps });
         return this;
     }
-    addColumn(params) {
-        this.columns.push(params);
+    addBooleanColumn({ visibleFalse = true, visibleTrue = true, cellAlign, visibleGetter = () => true, ...restProps }) {
+        const booleanRendererParams = {
+            cellAlign,
+            visibleFalse,
+            visibleTrue,
+            visibleGetter
+        };
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { booleanRenderer: true, booleanRendererParams, ...restProps });
         return this;
     }
     build() {
         return this.columns;
     }
 }
+_ColumnBuilder_instances = new WeakSet(), _ColumnBuilder_addPreparedColumn = function _ColumnBuilder_addPreparedColumn(props) {
+    this.columns.push(prepareColDef(props));
+};
 export default ColumnBuilder;
 //# sourceMappingURL=ColumnBuilder.js.map

package/dist/ColumnBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":"AAAA,MAAM,aAAa;IACjB;QACE,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,uBAAuB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC;QAChD,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG;QAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK;QACjD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,WAAW,EAAE,KAAK,EAAC,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC;QAClD,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IAED,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG;QAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,uBAAuB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC;QAChD,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG;QAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAC;QACtH,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;IAC3H,CAAC;IAED,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,GAAG,IAAI,EAAE,gBAAgB,GAAG,GAAG;QAC7H,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAC,CAAC,CAAA;QAClH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,MAAM;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,MAAM,aAAa;IAKjB;;QACE,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,SAAS,CAAC,KAAK;QACb,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,KAAK,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,aAAa,CAAC,EAAC,UAAU,GAAG,YAAY,EAAE,GAAG,SAAS,EAAC;QACrD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,eAAe,CAAC,EAAC,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,GAAG,GAAG,EAAE,GAAG,SAAS,EAAC;QACtG,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;QAC9G,OAAO,IAAI,CAAC;IACd,CAAC;IAED,gBAAgB,CAAC,EAAC,YAAY,GAAG,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,SAAS,EAAC;QAC7G,MAAM,qBAAqB,GAAG;YAC5B,SAAS;YACT,YAAY;YACZ,WAAW;YACX,aAAa;SACd,CAAA;QACD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,EAAE,eAAe,EAAE,IAAI,EAAE,qBAAqB,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;QAExF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF;uHAtCoB,KAAK;IACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1C,CAAC;AAsCH,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import AgGrid from '@rhplus/wieldy.ag-grid';
+import AgGrid from '@bit.rhplus/ag-grid';
 import classnames from 'classnames';
 import { AgGridColumns } from './AgGridColumns';
 const Grid = props => {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;IACnB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,EACJ,UAAU,GAAG,iBAAiB,EAC9B,UAAU,EACV,MAAM,GAAG,MAAM,EAChB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,YAEjB,KAAC,MAAM,IACL,OAAO,EAAE;gBACP,eAAe,EAAE,IAAI;aACtB,EACD,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAClC,aAAa,EAAE;gBACb,qBAAqB,EAAE,IAAI;aAC5B,KACG,KAAK,EACT,GAAG,EAAE,OAAO,EACZ,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,GAC5C,GACE,CACP,CAAC;AACJ,CAAC,CAAA;AAGD,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;IACnB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,EACJ,UAAU,GAAG,iBAAiB,EAC9B,UAAU,EACV,MAAM,GAAG,MAAM,EAChB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,YAEjB,KAAC,MAAM,IACL,OAAO,EAAE;gBACP,eAAe,EAAE,IAAI;aACtB,EACD,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAClC,aAAa,EAAE;gBACb,qBAAqB,EAAE,IAAI;aAC5B,KACG,KAAK,EACT,GAAG,EAAE,OAAO,EACZ,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,GAC5C,GACE,CACP,CAAC;AACJ,CAAC,CAAA;AAGD,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+export function prepareColDef({ cellAlign, ...restColDef }: {
+    [x: string]: any;
+    cellAlign: any;
+}): {
+    cellStyle?: {} | undefined;
+};

package/dist/utils.js

@@ -0,0 +1,21 @@
+export const prepareColDef = ({ cellAlign, ...restColDef }) => {
+    let cellStyle = {};
+    switch (cellAlign) {
+        case "left":
+            cellStyle = { textAlign: "left" };
+            break;
+        case "center":
+            cellStyle = { textAlign: "center" };
+            break;
+        case "right":
+            cellStyle = { textAlign: "right" };
+            break;
+        default:
+            break;
+    }
+    return {
+        ...restColDef,
+        ...(Object.keys(cellStyle).length > 0 && { cellStyle })
+    };
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../utils.js"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAC5D,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,MAAM;YACT,SAAS,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;YAClC,MAAM;QACR,KAAK,QAAQ;YACX,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;YACpC,MAAM;QACR,KAAK,OAAO;YACV,SAAS,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;YACnC,MAAM;QACR;YACE,MAAM;IACV,CAAC;IAED,OAAO;QACL,GAAG,UAAU;QACb,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC;KACxD,CAAC;AACJ,CAAC,CAAC"}

package/index.jsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import AgGrid from '@rhplus/wieldy.ag-grid';
+import AgGrid from '@bit.rhplus/ag-grid';
 import classnames from 'classnames';
 import { AgGridColumns } from './AgGridColumns';
 

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@bit.rhplus/ui.grid",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "homepage": "https://bit.cloud/remote-scope/ui/grid",
   "main": "dist/index.js",
   "componentId": {
     "scope": "remote-scope",
     "name": "ui/grid",
-    "version": "0.0.2"
+    "version": "0.0.4"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@rhplus/wieldy.ag-grid": "0.0.18"
+    "@bit.rhplus/ag-grid": "0.0.14"
   },
   "devDependencies": {
     "@teambit/react.react-env": "1.0.98"

package/utils.js

@@ -0,0 +1,23 @@
+
+export const prepareColDef = ({ cellAlign, ...restColDef }) => {
+  let cellStyle = {};
+  
+  switch (cellAlign) {
+    case "left":
+      cellStyle = { textAlign: "left" };
+      break;
+    case "center":
+      cellStyle = { textAlign: "center" };
+      break;
+    case "right":
+      cellStyle = { textAlign: "right" };
+      break;
+    default:
+      break;
+  }
+  
+  return {
+    ...restColDef,
+    ...(Object.keys(cellStyle).length > 0 && { cellStyle })
+  };
+};