ods-component-lib 1.18.73 → 1.18.76

package/dist/index.modern.js

@@ -600,7 +600,7 @@ function OdsList(props) {
   }, props.children)));
 }
 
-function OdsModal(props) {
+function OdsModalOld(props) {
   return React.createElement(React.Fragment, null, React.createElement(Modal, Object.assign({}, props, {
     open: props.open,
     onOk: props.onOk,
@@ -16698,6 +16698,32 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   useEffect(function () {
     if (contentReady) checkSortingPropertyForInitilaize();
   }, [contentReady]);
+  useEffect(function () {
+    var cssRules = "\n          .data-exists .dx-datagrid-borders > .dx-datagrid-filter-panel,\n          .data-exists .dx-datagrid-borders > .dx-datagrid-headers {\n            border-top: 1px solid rgba(0, 0, 0, 0.06);\n            padding-right: 0px !important;\n          }\n          \n          .data-exists .dx-datagrid-headers .dx-datagrid-content {\n            margin-bottom: -1px;\n            padding-right: 17px !important;\n          }\n        ";
+    var styleSheet = document.createElement('style');
+    styleSheet.type = 'text/css';
+    styleSheet.innerText = cssRules;
+    document.head.appendChild(styleSheet);
+    var checkData = function checkData() {
+      if (gridRef.current) {
+        var _dataGridInstance = gridRef.current.instance;
+        var dataExists = data.length > 0;
+        var gridElement = _dataGridInstance.element();
+        if (dataExists) {
+          gridElement.classList.add('data-exists');
+        } else {
+          gridElement.classList.remove('data-exists');
+        }
+      }
+    };
+    var dataGridInstance = gridRef.current.instance;
+    dataGridInstance.on('dataChanged', checkData);
+    checkData();
+    return function () {
+      document.head.removeChild(styleSheet);
+      dataGridInstance.off('dataChanged', checkData);
+    };
+  }, [data]);
   var checkSortingPropertyForInitilaize = function checkSortingPropertyForInitilaize() {
     var onOptionChanged = props.onOptionChanged;
     if (onOptionChanged) {
@@ -17229,17 +17255,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     selectByClick: true,
     recursive: true
   })), React.createElement(Toolbar, null, React.createElement(Item$1, {
+    text: props.pageTitle,
     location: "before",
     cssClass: 'toolbarTitleItem'
-  }, React.createElement(OdsTitle, {
-    level: 5,
-    style: {
-      display: "flex",
-      alignItems: "center",
-      alignSelf: "stretch",
-      margin: 0
-    }
-  }, props.pageTitle)), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
+  }), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
     return React.createElement(Item$1, {
       key: "toolbar-button-" + index,
       location: "before"
@@ -17287,22 +17306,19 @@ function OdsBadgeRibbon(props) {
   }, React.createElement(StyledBadge.Ribbon, Object.assign({}, props), props.children)));
 }
 
-var _excluded$2 = ["content"];
-var OdsAdvanceModal = function OdsAdvanceModal(_ref) {
-  var content = _ref.content,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+function OdsModal(props) {
   return React.createElement(React.Fragment, null, React.createElement(Modal, Object.assign({}, props, {
     open: props.open,
     onOk: props.onOk,
     onCancel: props.onCancel
-  }), content), React.createElement(ThemeProvider, {
+  }), props.content), React.createElement(ThemeProvider, {
     theme: lightTheme
   }, React.createElement(Modal, Object.assign({}, props, {
     open: props.open,
     onOk: props.onOk,
     onCancel: props.onCancel
-  }), content)));
-};
+  }), props.content)));
+}
 
-export { DxTreeList, OdsAdvanceModal, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsDropdown as OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsDropdown as OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map