ods-component-lib 1.17.183 → 1.17.185

package/dist/index.modern.js

@@ -9,7 +9,7 @@ import PhoneInput from 'react-phone-input-2';
 import message from 'antd/es/message';
 import Parser from 'html-react-parser';
 import { locale, loadMessages } from 'devextreme/localization';
-import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring, Button as Button$1 } from 'devextreme-react/data-grid';
+import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
 import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
 import { exportDataGrid } from 'devextreme/excel_exporter';
@@ -17,7 +17,7 @@ import jsPDF from 'jspdf';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver-es';
 import moment from 'moment';
-import { Template, CheckBox, Lookup, TreeList } from 'devextreme-react';
+import { CheckBox, Lookup, TreeList } from 'devextreme-react';
 import { createStore } from 'devextreme-aspnet-data-nojquery';
 import { TreeView } from 'devextreme-react/tree-view';
 
@@ -1261,62 +1261,6 @@ function OdsLogin(props) {
   }, "Log in"))));
 }
 
-var EditSvg = function EditSvg() {
-  return React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "17",
-    viewBox: "0 0 18 17",
-    fill: "none"
-  }, React.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.createElement("path", {
-    d: "M0.666748 16.5H17.3334",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }));
-};
-
-var DeleteSvg = function DeleteSvg() {
-  return React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18",
-    fill: "none"
-  }, React.createElement("path", {
-    d: "M3.16675 5.25H14.8334L14.0001 17.3333H4.00008L3.16675 5.25Z",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React.createElement("path", {
-    d: "M9 7.3335V14.8335",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React.createElement("path", {
-    d: "M6.0835 7.3335L6.50016 14.8335",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React.createElement("path", {
-    d: "M11.9167 7.3335L11.5001 14.8335",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }), React.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.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.createElement("path", {
-    d: "M0.666748 5.25H17.3334",
-    stroke: "#535353",
-    "stroke-linejoin": "round"
-  }));
-};
-
 var exportFormats = ['xlsx'];
 var renderMenuItem = function renderMenuItem() {
   return React.createElement(Export, {
@@ -1523,35 +1467,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.createElement(Template, {
-        name: "edit"
-      }, React.createElement("div", {
-        className: "custom-icon"
-      }, React.createElement(EditSvg, null))), props.edit.allowDeleting && React.createElement(Template, {
-        name: "delete"
-      }, React.createElement("div", {
-        className: "custom-icon"
-      }, React.createElement(DeleteSvg, null))));
+      }, props.edit.allowUpdating && React.createElement(Button$1, {
+        hint: props.HintEdit,
+        visible: true,
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
+        icon: "edit",
+        onClick: props.editButtonClick
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
+        hint: props.HintDelete,
+        visible: true,
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
+        icon: "trash",
+        onClick: props.deleteButtonClick
+      }));
     } else {
       return React.createElement(Column, {
         dataField: "Actions",
         caption: "Actions",
         type: "buttons",
-        showInColumnChooser: false,
-        buttons: ['edit', 'delete']
-      }, React.createElement(React.Fragment, null, props.edit.allowUpdating && React.createElement(Template, {
+        showInColumnChooser: false
+      }, React.createElement(React.Fragment, null, props.edit.allowUpdating && React.createElement(Button$1, {
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
         name: "edit"
-      }, React.createElement("div", {
-        className: "custom-icon"
-      }, React.createElement(EditSvg, null))), props.edit.allowDeleting && React.createElement(Template, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
+        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
         name: "delete"
-      }, React.createElement("div", {
-        className: "custom-icon"
-      }, React.createElement(DeleteSvg, null)))));
+      })));
     }
   }(), React.createElement(Toolbar, null, props.pageTitle && React.createElement(Item$1, {
     location: "before"
@@ -1560,14 +1504,12 @@ function grid(props, dataGridRef) {
     className: "dx-header-title"
   }, props.pageTitle)), React.createElement(Item$1, {
     location: "before"
-  }, React.createElement("div", {
-    className: "dx-header-action"
   }, React.createElement(OdsButton, {
     className: "dx-add-new",
     type: "primary",
     disabled: props.actionPermission == undefined ? false : !props.actionPermission,
     onClick: props.onAddButton
-  }, props.AddNewButtonName))), React.createElement(Item$1, {
+  }, props.AddNewButtonName)), React.createElement(Item$1, {
     name: "searchPanel"
   }), React.createElement(Item$1, {
     name: "applyFilterButton"