ods-component-lib 1.17.180 → 1.17.182

package/dist/index.css

@@ -76,171 +76,6 @@ tr:first-child {
   background-color: #E6F4FF;
 }
 
-
-._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-  border-radius: 5px;
-}
-
-._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._1GEDH ._2NiLf ._2CvVM > td {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._36VXO ._3udtX > td {
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._1GEDH {
-  border-bottom: none; 
-}
-
-._1GEDH {
-  color: #000000E0;
-}
-
-._pljbP {
-  border-radius: 6px;
-}
-
-._3nKdN, ._23Fql {
-  background-color: #E6F4FF;
-}
-
-._1hTxK._3umXw {
-  background-color: #E6F4FF;
-}
-
-:where(.css-dev-only-do-not-override-14wwjjs)._2Xot0 ._jI9s7, :where(.css-dev-only-do-not-override-14wwjjs)._2pgRX._jI9s7, :where(.css-dev-only-do-not-override-14wwjjs)._pnboS._jI9s7 {
-  padding: 0 0 5px !important;
-}
-
-:where(.css-dev-only-do-not-override-14wwjjs)._2pddq ._1EpL2 {
-  padding: 16px 24px 16px 24px;
-}
-
-:where(.css-dev-only-do-not-override-14wwjjs)._2pddq ._oHm_D {
-  margin-bottom: 16px;
-}
-
-._36VXO._8U8_Y._q4jkZ{
-  border-radius: 6px;
-}
-
-._2jY0l ._39Ful {
-  margin-bottom: 0 !important;
-  padding: 8px 12px 8px 12px;
-}
-
-
-
-._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._q4jkZ ._1UPzZ, ._1GEDH + ._1UPzZ, ._1UPzZ._4V16J {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._q4jkZ > ._1GEDH, ._q4jkZ > ._1UPzZ, ._q4jkZ > ._1XbNt {
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-  border-radius: 5px;
-}
-
-._q4jkZ > ._3mbXf, ._q4jkZ > ._1GEDH {
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._1GEDH ._2NiLf ._2CvVM > td {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._36VXO ._3udtX > td {
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-._1GEDH {
-  border-bottom: none; 
-}
-
-._2jY0l {
-  padding: 0 12px 0 12px;
-}
-
-._2P5bw{
-  font-family: Manrope;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 22px;
-}
-
-._1GEDH {
-  color: #000000E0;
-}
-
-
-._pljbP {
-  border-radius: 6px;
-}
-
-._3nKdN, ._23Fql {
-  background-color: #E6F4FF;
-}
-
-._1hTxK._3umXw {
-  background-color: #E6F4FF;
-}
-
-._14hGA{
-  border-radius: 6px;
-  border: 1px solid var(--colorPrimaryBase, #1677FF);
-  background: var(--colorPrimaryBase, #1677FF);
-  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
-  padding: 0px 16px;
-}
-._206-B ._1IVO-, ._206-B ._1IVO-:last-child {
-  padding: 0 0 0 12px !important;
-}
-
-._3YUEG > ._3PA4V, ._3YUEG._3PA4V, ._nCVgW > ._3PA4V, ._nCVgW._3PA4V {
-  width: 150px;
-  border-radius: 6px;
-}
-
-._3UDfa._1YpJq._jgr8O._1nt2x._rCTdR._1p-OE._3HXdb._1Niat {
-  border-radius: 6px;
-}
-
-._3UDfa._1YpJq._jgr8O._1nt2x._1p-OE._3PkAD._1f3o9._3BPup._RzSdH._3a-Dk._2fqc4._2Yca_._FKRK3._1CDHH {
+._36VXO._8U8_Y._q4jkZ {
   border-radius: 6px;
-}
-
-._3rlx6{
-  color: var(--colorTextHeading, var(--colorText, rgba(0, 0, 0, 0.88)));
-  /* Heading/Heading 5 */
-  font-family: Manrope;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 24px; /* 150% */
-}
-
-tr._2CvVM._3Xrp3._19iuB._3udtX {
-  height: 38px;
 }

package/dist/index.js

@@ -1265,6 +1265,62 @@ 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, {
@@ -1471,35 +1527,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(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
-      }));
+      }, 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))));
     } else {
       return React__default.createElement(dataGrid.Column, {
         dataField: "Actions",
         caption: "Actions",
         type: "buttons",
-        showInColumnChooser: false
-      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
-        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
+        showInColumnChooser: false,
+        buttons: ['edit', 'delete']
+      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(devextremeReact.Template, {
         name: "edit"
-      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
-        disabled: props.actionPermission == undefined ? false : !props.actionPermission,
+      }, 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)))));
     }
   }(), React__default.createElement(dataGrid.Toolbar, null, props.pageTitle && React__default.createElement(dataGrid.Item, {
     location: "before"