@bit.rhplus/ui.grid 0.0.4 → 0.0.6

package/ColumnBuilder.jsx

@@ -2,11 +2,12 @@ import {prepareColDef} from './utils';
 
 class ColumnBuilder {
   #addPreparedColumn(props) {
-    this.columns.push(prepareColDef(props));
+    this.columns.push(prepareColDef(this.intl, props));
   }
 
-  constructor() {
+  constructor(intl) {
     this.columns = [];
+    this.intl = intl;
   }
 
   addColumn(props) {
@@ -36,6 +37,15 @@ class ColumnBuilder {
     return this;
   }
 
+  addButtonColumn({buttons, visibleGetter = () => true, ...restProps}) {
+    const buttonRendererParams = {
+      buttons,
+      visibleGetter
+    }
+    this.#addPreparedColumn({ buttonRenderer: true, buttonRendererParams, ...restProps})
+    return this;
+  }
+
   build() {
     return this.columns;
   }

package/dist/ColumnBuilder.d.ts

@@ -1,6 +1,8 @@
 export default ColumnBuilder;
 declare class ColumnBuilder {
+    constructor(intl: any);
     columns: any[];
+    intl: any;
     addColumn(props: any): this;
     addDateColumn({ dateFormat, ...restProps }: {
         [x: string]: any;
@@ -20,6 +22,11 @@ declare class ColumnBuilder {
         cellAlign: any;
         visibleGetter?: (() => boolean) | undefined;
     }): this;
+    addButtonColumn({ buttons, visibleGetter, ...restProps }: {
+        [x: string]: any;
+        buttons: any;
+        visibleGetter?: (() => boolean) | undefined;
+    }): this;
     build(): any[];
     #private;
 }

package/dist/ColumnBuilder.js

@@ -6,9 +6,10 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var _ColumnBuilder_instances, _ColumnBuilder_addPreparedColumn;
 import { prepareColDef } from './utils';
 class ColumnBuilder {
-    constructor() {
+    constructor(intl) {
         _ColumnBuilder_instances.add(this);
         this.columns = [];
+        this.intl = intl;
     }
     addColumn(props) {
         __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, props);
@@ -32,12 +33,20 @@ class ColumnBuilder {
         __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { booleanRenderer: true, booleanRendererParams, ...restProps });
         return this;
     }
+    addButtonColumn({ buttons, visibleGetter = () => true, ...restProps }) {
+        const buttonRendererParams = {
+            buttons,
+            visibleGetter
+        };
+        __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, { buttonRenderer: true, buttonRendererParams, ...restProps });
+        return this;
+    }
     build() {
         return this.columns;
     }
 }
 _ColumnBuilder_instances = new WeakSet(), _ColumnBuilder_addPreparedColumn = function _ColumnBuilder_addPreparedColumn(props) {
-    this.columns.push(prepareColDef(props));
+    this.columns.push(prepareColDef(this.intl, 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,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"}
+{"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,MAAM,aAAa;IAKjB,YAAY,IAAI;;QACd,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,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,eAAe,CAAC,EAAC,OAAO,EAAE,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,SAAS,EAAC;QACjE,MAAM,oBAAoB,GAAG;YAC3B,OAAO;YACP,aAAa;SACd,CAAA;QACD,uBAAA,IAAI,kEAAmB,MAAvB,IAAI,EAAoB,EAAE,cAAc,EAAE,IAAI,EAAE,oBAAoB,EAAE,GAAG,SAAS,EAAC,CAAC,CAAA;QACpF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF;uHAhDoB,KAAK;IACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;AACrD,CAAC;AAgDH,eAAe,aAAa,CAAC"}

package/dist/utils.d.ts

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

package/dist/utils.js

@@ -1,4 +1,4 @@
-export const prepareColDef = ({ cellAlign, ...restColDef }) => {
+export const prepareColDef = (intl, { cellAlign, intlId, headerName, ...restColDef }) => {
     let cellStyle = {};
     switch (cellAlign) {
         case "left":
@@ -13,9 +13,14 @@ export const prepareColDef = ({ cellAlign, ...restColDef }) => {
         default:
             break;
     }
+    let intlName = null;
+    if (intl && !headerName && intlId) {
+        intlName = intl.formatMessage({ id: intlId });
+    }
     return {
         ...restColDef,
-        ...(Object.keys(cellStyle).length > 0 && { cellStyle })
+        ...(Object.keys(cellStyle).length > 0 && { cellStyle }),
+        headerName: headerName || intlName,
     };
 };
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../utils.js"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IACtF,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,IAAI,QAAQ,GAAG,IAAI,CAAC;IACpB,IAAI,IAAI,IAAI,CAAC,UAAU,IAAI,MAAM,EAAE,CAAC;QAClC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,MAAM,EAAC,CAAC,CAAA;IAC9C,CAAC;IAED,OAAO;QACL,GAAG,UAAU;QACb,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC;QACvD,UAAU,EAAE,UAAU,IAAI,QAAQ;KACnC,CAAC;AACJ,CAAC,CAAC"}

package/package.json

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

package/utils.js

@@ -1,5 +1,5 @@
 
-export const prepareColDef = ({ cellAlign, ...restColDef }) => {
+export const prepareColDef = (intl, { cellAlign, intlId, headerName, ...restColDef }) => {
   let cellStyle = {};
   
   switch (cellAlign) {
@@ -16,8 +16,14 @@ export const prepareColDef = ({ cellAlign, ...restColDef }) => {
       break;
   }
   
+  let intlName = null;
+  if (intl && !headerName && intlId) {
+    intlName = intl.formatMessage({ id: intlId})
+  }
+
   return {
     ...restColDef,
-    ...(Object.keys(cellStyle).length > 0 && { cellStyle })
+    ...(Object.keys(cellStyle).length > 0 && { cellStyle }),
+    headerName: headerName || intlName,
   };
 };