ods-component-lib 1.18.18 → 1.18.27

package/dist/index.modern.js

@@ -410,11 +410,14 @@ function OdsAutoComplete(props) {
 var _templateObject$2;
 var StyledButton = styled(Button)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
 
-function OdsButton(props) {
+function StyledOdsButton(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
     theme: lightTheme
   }, React.createElement(StyledButton, Object.assign({}, props), props.children)));
 }
+var OdsButton = function OdsButton(props) {
+  return React.createElement(StyledOdsButton, Object.assign({}, props));
+};
 
 var onMenuClick = function onMenuClick(e) {
   console.log('click', e);
@@ -492,6 +495,16 @@ function OdsDateRangePicker(props) {
   }))));
 }
 
+function OdsDatepicker(props) {
+  var _useState = useState('middle'),
+    size = _useState[0];
+  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(StyledDatepicker, Object.assign({}, props, {
+    size: size
+  }))));
+}
+
 var _templateObject$7;
 var StyledDivider = styled(Divider)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
@@ -17129,6 +17142,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var _useState4 = useState(props.columns),
     columns = _useState4[0],
     setColumns = _useState4[1];
+  var gridRef = useRef(null);
   var onCancelEditEvent = new CustomEvent('cancelEdit', {
     bubbles: true,
     detail: {
@@ -17144,7 +17158,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     totalPageCount = 1;
     loadedPageCount = 1;
     totalRecordCount = 0;
-  }, [props.dataGridRef.current]);
+  }, [props.dataGridPageName]);
   useEffect(function () {
     var _props$axiosRequest;
     if (props.axiosRequest !== undefined && Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
@@ -17183,6 +17197,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   useEffect(function () {
     locale(localStorage.getItem("locale"));
     loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
+    if (gridRef.current) {
+      gridRef.current.instance.updateDimensions();
+    }
   }, []);
   var actionButtons = useMemo(function () {
     if (props.actionButtonGroup) {
@@ -17260,10 +17277,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     if (e.row !== undefined && e.parentType === 'dataRow') {
       if (props.isServerSide) {
         var disableScrolling = function disableScrolling() {
-          props.dataGridRef.current.instance.option('scrolling.mode', 'none');
+          gridRef.current.instance.option('scrolling.mode', 'none');
         };
         var enableScrolling = function enableScrolling() {
-          props.dataGridRef.current.instance.option('scrolling.mode', 'virtual');
+          gridRef.current.instance.option('scrolling.mode', 'virtual');
         };
         e.editorOptions.onFocusIn = disableScrolling;
         e.editorOptions.onFocusOut = enableScrolling;
@@ -17413,6 +17430,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       var height = (_scrollable$clientHei = scrollable === null || scrollable === void 0 ? void 0 : scrollable.clientHeight) != null ? _scrollable$clientHei : 0;
       var scrollHeight = (_scrollable$scrollHei = scrollable === null || scrollable === void 0 ? void 0 : scrollable.scrollHeight) != null ? _scrollable$scrollHei : 0;
       var maxHeight = Math.max(top, height, scrollHeight) - 1;
+      if (scrollHeight <= height) {
+        return;
+      }
       var reachedBottom = Math.ceil(top + height) >= maxHeight;
       var lastScrollTop = 0;
       if (top < lastScrollTop) {
@@ -17426,14 +17446,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     run(e);
   };
   useEffect(function () {
-    var scrollable = document.querySelector('.dx-scrollable-container');
-    if (scrollable) {
-      scrollable.addEventListener('scrollend', handleScroll);
-    }
+    document.querySelectorAll('.dx-scrollable-container').forEach(function (container) {
+      container.addEventListener('scrollend', handleScroll);
+    });
     return function () {
-      if (scrollable) {
-        scrollable.removeEventListener('scrollend', handleScroll);
-      }
+      document.querySelectorAll('.dx-scrollable-container').forEach(function (container) {
+        container.removeEventListener('scrollend', handleScroll);
+      });
     };
   }, [data.length]);
   return React.createElement(React.Fragment, null, React.createElement(DataGrid$1, {
@@ -17442,7 +17461,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     showBorders: true,
     columnAutoWidth: false,
     onEditorPreparing: onEditorPreparing,
-    ref: props.dataGridRef,
+    ref: gridRef,
     onExporting: onExporting,
     height: props.height == undefined ? window.innerHeight - 164 : props.height,
     allowColumnResizing: true,
@@ -17637,5 +17656,5 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
-export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCustomMultiSelect, OdsDataGrid, OdsDataGridNew, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProfDataGrid, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCustomMultiSelect, OdsDataGrid, OdsDataGridNew, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProfDataGrid, 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