ods-component-lib 1.17.183 → 1.17.184

package/dist/index.js

@@ -1265,62 +1265,6 @@ function OdsLogin(props) {
   }, "Log in"))));
 }
 
-var EditSvg = function EditSvg() {
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "17",
-    viewBox: "0 0 18 17",
-    fill: "none"
-  }, React__default.createElement("path", {
-    d: "M4.83333 13.1667L1.5 14.0001L2.33333 10.6667L12.3333 0.666748L14.8333 3.16675L4.83333 13.1667Z",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M0.666748 16.5H17.3334",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }));
-};
-
-var DeleteSvg = function DeleteSvg() {
-  return React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18",
-    fill: "none"
-  }, React__default.createElement("path", {
-    d: "M3.16675 5.25H14.8334L14.0001 17.3333H4.00008L3.16675 5.25Z",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M9 7.3335V14.8335",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M6.0835 7.3335L6.50016 14.8335",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M11.9167 7.3335L11.5001 14.8335",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M3.16675 4.75C3.16675 3.64543 4.06218 2.75 5.16675 2.75H12.8334C13.938 2.75 14.8334 3.64543 14.8334 4.75V5.25H3.16675V4.75Z",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M7.3335 2.75008V2.33342C7.3335 1.41294 8.07969 0.666748 9.00016 0.666748V0.666748C9.92064 0.666748 10.6668 1.41294 10.6668 2.33342V2.75008",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React__default.createElement("path", {
-    d: "M0.666748 5.25H17.3334",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }));
-};
-
 var exportFormats = ['xlsx'];
 var renderMenuItem = function renderMenuItem() {
   return React__default.createElement(dataGrid.Export, {
@@ -1527,35 +1471,35 @@ function grid(props, dataGridRef) {
         dataField: "Actions",
         fixed: true,
         allowSorting: false,
-        buttons: ['edit', 'delete'],
         caption: props.ColumnAction,
         type: "buttons",
         showInColumnChooser: false
-      }, props.edit.allowUpdating && React__default.createElement(devextremeReact.Template, {
-        name: "edit"
-      }, React__default.createElement("div", {
-        className: "custom-icon"
-      }, React__default.createElement(EditSvg, null))), props.edit.allowDeleting && React__default.createElement(devextremeReact.Template, {
-        name: "delete"
-      }, React__default.createElement("div", {
-        className: "custom-icon"
-      }, React__default.createElement(DeleteSvg, null))));
+      }, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
+        hint: props.HintEdit,
+        visible: true,
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
+        icon: "edit",
+        onClick: props.editButtonClick
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
+        hint: props.HintDelete,
+        visible: true,
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
+        icon: "trash",
+        onClick: props.deleteButtonClick
+      }));
     } else {
       return React__default.createElement(dataGrid.Column, {
         dataField: "Actions",
         caption: "Actions",
         type: "buttons",
-        showInColumnChooser: false,
-        buttons: ['edit', 'delete']
-      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(devextremeReact.Template, {
+        showInColumnChooser: false
+      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
         name: "edit"
-      }, React__default.createElement("div", {
-        className: "custom-icon"
-      }, React__default.createElement(EditSvg, null))), props.edit.allowDeleting && React__default.createElement(devextremeReact.Template, {
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
         name: "delete"
-      }, React__default.createElement("div", {
-        className: "custom-icon"
-      }, React__default.createElement(DeleteSvg, null)))));
+      })));
     }
   }(), React__default.createElement(dataGrid.Toolbar, null, props.pageTitle && React__default.createElement(dataGrid.Item, {
     location: "before"
@@ -1564,14 +1508,12 @@ function grid(props, dataGridRef) {
     className: "dx-header-title"
   }, props.pageTitle)), React__default.createElement(dataGrid.Item, {
     location: "before"
-  }, React__default.createElement("div", {
-    className: "dx-header-action"
   }, React__default.createElement(OdsButton, {
     className: "dx-add-new",
     type: "primary",
     disabled: props.actionPermission == undefined ? false : !props.actionPermission,
     onClick: props.onAddButton
-  }, props.AddNewButtonName))), React__default.createElement(dataGrid.Item, {
+  }, props.AddNewButtonName)), React__default.createElement(dataGrid.Item, {
     name: "searchPanel"
   }), React__default.createElement(dataGrid.Item, {
     name: "applyFilterButton"