ods-component-lib 1.18.113 → 1.18.114

package/dist/index.modern.js

@@ -18,8 +18,8 @@ import { saveAs } from 'file-saver-es';
 import moment from 'moment';
 import { GridIcon, ChevronDownIcon, UpArrow5Icon, DownArrow5Icon, Loop1Icon, KebabMenuIcon, EditIcon, Trash1Icon, CopyIcon, DiscountIcon, RefreshIcon, LinkBreakIcon, FloppyDiskIcon, Discount2Icon } from 'ods-icon/react/24/outline';
 import { TreeList, Lookup, DataGrid as DataGrid$2, Toolbar as Toolbar$1 } from 'devextreme-react';
-import 'devextreme/dist/css/dx.light.css';
 import { createStyles } from 'antd-style';
+import 'devextreme/dist/css/dx.light.css';
 import saveAs$1 from 'file-saver';
 
 function _extends() {
@@ -33650,6 +33650,14 @@ function OdsDataGrdiRowButton(_ref) {
   }, React.createElement(StyledButton, Object.assign({}, props), children)));
 }
 
+var _templateObject$p;
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    grid: css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n      /* border-bottom: 1px solid lightgray; */\n    }\n    & .grid-summary-row-data {\n      /* border-bottom: 1px solid lightgray; */\n    }\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n  "])))
+  };
+});
+
 var checkCellSelectionConstraints = function checkCellSelectionConstraints(e) {
   return e.rowType == "data" && e.columnIndex > -1 && e.rowIndex > -1;
 };
@@ -33809,6 +33817,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _useState13 = useState(0),
     rowCount = _useState13[0],
     setRowCount = _useState13[1];
+  var _useStyles = useStyles(),
+    gridStyle = _useStyles.styles;
   useEffect(function () {
     constants.totalPageCount = 1;
     constants.loadedPageCount = 1;
@@ -34648,6 +34658,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       enabled: true
     },
     noDataText: props.noDataText,
+    className: gridStyle.grid,
     onEditorPreparing: onEditorPreparing,
     onExporting: onExporting,
     onRowClick: props.onRowClick,
@@ -35099,11 +35110,11 @@ var OdsTransfer = function OdsTransfer(props) {
   }));
 };
 
-var _templateObject$p, _templateObject2$1;
-var useStyles = createStyles(function (_ref) {
+var _templateObject$q, _templateObject2$1;
+var useStyles$1 = createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    grid: css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n    }\n\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n\n    & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n      border: none !important;\n      border-radius: 16px 16px 0 0;\n    }\n    & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n    & .dx-datagrid-borders > .dx-datagrid-headers {\n      border: 0 !important;\n    }\n    & .dx-datagrid-search-panel {\n      margin-left: 0;\n    }\n    & .dx-toolbar-after .dx-toolbar-item,\n    & .dx-toolbar-after .dx-toolbar-item:last-child {\n      padding: 0;\n    }\n    & .dx-toolbar .dx-toolbar-after {\n      display: inline-flex;\n      flex-flow: row-reverse;\n      gap: 5px;\n    }\n  "]))),
+    grid: css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n    }\n\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n\n    & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n      border: none !important;\n      border-radius: 16px 16px 0 0;\n    }\n    & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n    & .dx-datagrid-borders > .dx-datagrid-headers {\n      border: 0 !important;\n    }\n    & .dx-datagrid-search-panel {\n      margin-left: 0;\n    }\n    & .dx-toolbar-after .dx-toolbar-item,\n    & .dx-toolbar-after .dx-toolbar-item:last-child {\n      padding: 0;\n    }\n    & .dx-toolbar .dx-toolbar-after {\n      display: inline-flex;\n      flex-flow: row-reverse;\n      gap: 5px;\n    }\n  "]))),
     gridCustomSummary: css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n    background-color: rgb(255, 255, 255);\n    border-radius: 0px 0px 16px 16px;\n    font-size: 13px;\n    text-align: unset;\n    padding: 17px 16px 3px 15px;\n    font-weight: 600;\n    border-top: 1px solid #ededed;\n  "])))
   };
 });
@@ -35212,7 +35223,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var filteredRowCount = useRef(0);
   var filterOptions = useRef({});
   var lastPageIndexRef = useRef(null);
-  var _useStyles = useStyles(),
+  var _useStyles = useStyles$1(),
     gridStyle = _useStyles.styles;
   var renderTotal = useCallback(function () {
     var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4;