ods-component-lib 1.18.18 → 1.18.27

package/README.md

@@ -1,30 +1,30 @@
-# odeon-component-library
-
-> Odeon desgin system component library
-
-[![NPM](https://img.shields.io/npm/v/odeon-component-library.svg)](https://www.npmjs.com/package/odeon-component-library) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install --save odeon-component-library
-```
-
-## Usage
-
-```tsx
-import React, { Component } from 'react'
-
-import MyComponent from 'odeon-component-library'
-import 'odeon-component-library/dist/index.css'
-
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
-}
-```
-
-## License
-
-MIT © [OdeonTechnology](https://github.com/OdeonTechnology)
+# odeon-component-library
+
+> Odeon desgin system component library
+
+[![NPM](https://img.shields.io/npm/v/odeon-component-library.svg)](https://www.npmjs.com/package/odeon-component-library) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save odeon-component-library
+```
+
+## Usage
+
+```tsx
+import React, { Component } from 'react'
+
+import MyComponent from 'odeon-component-library'
+import 'odeon-component-library/dist/index.css'
+
+class Example extends Component {
+  render() {
+    return <MyComponent />
+  }
+}
+```
+
+## License
+
+MIT © [OdeonTechnology](https://github.com/OdeonTechnology)

package/dist/components/antd/button/OdsButton.d.ts

@@ -1,5 +1,5 @@
-import { BaseButtonProps } from 'antd/es/button/button';
-import React from 'react';
+import { BaseButtonProps } from "antd/es/button/button";
+import React, { CSSProperties } from "react";
 /**
  *
  * @param props
@@ -19,6 +19,7 @@ import React from 'react';
 export interface IButtonProps extends BaseButtonProps {
     onClick?: React.MouseEventHandler<HTMLElement>;
     htmlType?: string;
+    style?: CSSProperties | undefined;
 }
-declare function OdsButton(props: any): React.JSX.Element;
+declare const OdsButton: (props: IButtonProps) => React.JSX.Element;
 export default OdsButton;

package/dist/components/antd/timepicker/OdsTimepicker.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "type" | "name" | "role" | "prefixCls" | "className" | "rootClassName" | "onMouseEnter" | "onMouseLeave" | "onClick" | "children" | "mode" | "id" | "direction" | "maxLength" | "tabIndex" | "autoFocus" | "placeholder" | "disabled" | "open" | "defaultOpen" | "maxTagCount" | "allowClear" | "suffixIcon" | "clearIcon" | "removeIcon" | "transitionName" | "dropdownClassName" | "placement" | "builtinPlacements" | "getPopupContainer" | "onBlur" | "onFocus" | "onKeyUp" | "onKeyDown" | "onMouseDown" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onSelect" | "value" | "defaultValue" | "onChange" | "size" | "bordered" | "variant" | "list" | "step" | "status" | "popupClassName" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "multiple" | "onOpenChange" | "locale" | "disabledDate" | "monthCellRender" | "cellRender" | "onPanelChange" | "classNames" | "styles" | "checked" | "required" | "accept" | "alt" | "autoComplete" | "capture" | "height" | "minLength" | "readOnly" | "src" | "width" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "showWeek" | "format" | "inputReadOnly" | "order" | "minDate" | "maxDate" | "defaultOpenValue" | "popupAlign" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "components" | "inputRender" | "dateRender" | "showNow" | "showToday" | "panelRender" | "renderExtraFooter" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "onCalendarChange" | "onOk" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "popupStyle" | "addon"> & import("react").RefAttributes<any>> & {
+export declare const StyledTimepicker: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("antd").TimePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "type" | "name" | "role" | "prefixCls" | "className" | "rootClassName" | "onMouseEnter" | "onMouseLeave" | "onClick" | "children" | "mode" | "id" | "direction" | "maxLength" | "tabIndex" | "autoFocus" | "placeholder" | "disabled" | "open" | "defaultOpen" | "maxTagCount" | "allowClear" | "suffixIcon" | "clearIcon" | "removeIcon" | "transitionName" | "dropdownClassName" | "placement" | "builtinPlacements" | "getPopupContainer" | "onBlur" | "onFocus" | "onKeyUp" | "onKeyDown" | "onMouseDown" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "value" | "defaultValue" | "onChange" | "size" | "bordered" | "variant" | "list" | "step" | "status" | "popupClassName" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "multiple" | "onOpenChange" | "locale" | "disabledDate" | "monthCellRender" | "cellRender" | "onPanelChange" | "classNames" | "styles" | "checked" | "required" | "accept" | "alt" | "autoComplete" | "capture" | "height" | "minLength" | "readOnly" | "src" | "width" | "prevIcon" | "nextIcon" | "superPrevIcon" | "superNextIcon" | "showWeek" | "format" | "inputReadOnly" | "order" | "minDate" | "maxDate" | "defaultOpenValue" | "popupAlign" | "needConfirm" | "changeOnBlur" | "preserveInvalidOnBlur" | "components" | "inputRender" | "dateRender" | "showNow" | "showToday" | "panelRender" | "renderExtraFooter" | "showHour" | "showMinute" | "showSecond" | "showMillisecond" | "use12Hours" | "hourStep" | "minuteStep" | "secondStep" | "millisecondStep" | "hideDisabledOptions" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "disabledTime" | "changeOnScroll" | "onCalendarChange" | "onOk" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "presets" | "popupStyle" | "addon"> & import("react").RefAttributes<any>> & {
     RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<any>>;
     _InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
 }, any, {}, never>;

package/dist/components/devextreme/OdsDataGridNew.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
+import { ButtonType } from "antd/es/button/buttonHelpers";
 interface IButtonGroup extends IButtonProps {
-    type?: string;
+    type?: ButtonType;
     label?: string;
     onclick?: React.MouseEventHandler<HTMLElement>;
     actionPermission?: boolean;

package/dist/components/devextreme/OdsRemoteDataGrid.d.ts

@@ -1,7 +1,8 @@
-import React, { MutableRefObject } from 'react';
+import React from 'react';
 import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps, ISummaryProps } from 'devextreme-react/data-grid';
-interface IOdsDataGridProps extends IDataGridOptions {
-    dataGridRef: MutableRefObject<any>;
+import { ButtonType } from 'antd/es/button/buttonHelpers';
+export interface IOdsDataGridProps extends IDataGridOptions {
+    dataGridPageName: string;
     language: string;
     exportFileName: string;
     filterEnabledShow: boolean;
@@ -42,7 +43,7 @@ interface ISelectOptions extends ISelectionProps {
     selectEnable: boolean;
 }
 interface IButtonGroup extends IButtonProps {
-    type?: string;
+    type?: ButtonType;
     label?: string;
     onclick?: React.MouseEventHandler<HTMLElement>;
     actionPermission?: boolean;

package/dist/components/devextreme/index.d.ts

@@ -0,0 +1,2 @@
+import OdsRemoteDataGrid from "./OdsRemoteDataGrid";
+export { OdsRemoteDataGrid };

package/dist/index.d.ts

@@ -7,8 +7,8 @@ import OdsCalendar from "./components/antd/calendar/OdsCalendar";
 import OdsCard from "./components/antd/card/OdsCard";
 import OdsCheckbox from "./components/antd/checkbox/OdsCheckbox";
 import OdsCheckboxGroup from "./components/antd/checkbox/OdsCheckboxGroup";
-import OdsDateRangePicker from "./components/antd/datepicker/OdsDateRangePicker";
-import OdsDatepicker from "./components/antd/datepicker/OdsDateRangePicker";
+import OdsDateRangePicker from "./components/antd/datepicker/OdsDateRangepicker";
+import OdsDatepicker from "./components/antd/datepicker/OdsDatepicker";
 import OdsDivider from "./components/antd/divider/OdsDivider";
 import OdsCollapse from "./components/antd/dropdown/OdsDropdown";
 import OdsDropdown from "./components/antd/dropdown/OdsDropdown";

package/dist/index.js

@@ -415,11 +415,14 @@ function OdsAutoComplete(props) {
 var _templateObject$2;
 var StyledButton = styled__default(antd.Button)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
 
-function OdsButton(props) {
+function StyledOdsButton(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
   }, React__default.createElement(StyledButton, Object.assign({}, props), props.children)));
 }
+var OdsButton = function OdsButton(props) {
+  return React__default.createElement(StyledOdsButton, Object.assign({}, props));
+};
 
 var onMenuClick = function onMenuClick(e) {
   console.log('click', e);
@@ -497,6 +500,16 @@ function OdsDateRangePicker(props) {
   }))));
 }
 
+function OdsDatepicker(props) {
+  var _useState = React.useState('middle'),
+    size = _useState[0];
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledDatepicker, Object.assign({}, props, {
+    size: size
+  }))));
+}
+
 var _templateObject$7;
 var StyledDivider = styled__default(antd.Divider)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
@@ -17134,6 +17147,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var _useState4 = React.useState(props.columns),
     columns = _useState4[0],
     setColumns = _useState4[1];
+  var gridRef = React.useRef(null);
   var onCancelEditEvent = new CustomEvent('cancelEdit', {
     bubbles: true,
     detail: {
@@ -17149,7 +17163,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     totalPageCount = 1;
     loadedPageCount = 1;
     totalRecordCount = 0;
-  }, [props.dataGridRef.current]);
+  }, [props.dataGridPageName]);
   React.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) {
@@ -17188,6 +17202,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   React.useEffect(function () {
     localization.locale(localStorage.getItem("locale"));
     localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
+    if (gridRef.current) {
+      gridRef.current.instance.updateDimensions();
+    }
   }, []);
   var actionButtons = React.useMemo(function () {
     if (props.actionButtonGroup) {
@@ -17265,10 +17282,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;
@@ -17418,6 +17435,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) {
@@ -17431,14 +17451,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     run(e);
   };
   React.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__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
@@ -17447,7 +17466,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,
@@ -17659,7 +17678,7 @@ exports.OdsCustomMultiSelect = OdsCustomMultiSelect;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDataGridNew = OdsDataGridNew;
 exports.OdsDateRangePicker = OdsDateRangePicker;
-exports.OdsDatepicker = OdsDateRangePicker;
+exports.OdsDatepicker = OdsDatepicker;
 exports.OdsDisplayGrid = OdsDisplayGrid;
 exports.OdsDivider = OdsDivider;
 exports.OdsDropdown = OdsCollapse;