ods-component-lib 1.18.6 → 1.18.8

package/dist/index.js

@@ -16537,13 +16537,589 @@ function _finallyRethrows(body, finalizer) {
 	return finalizer(false, result);
 }
 
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+var isObject_1 = isObject;
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+var _freeGlobal = freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = _freeGlobal || freeSelf || Function('return this')();
+
+var _root = root;
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now = function() {
+  return _root.Date.now();
+};
+
+var now_1 = now;
+
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex;
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim;
+
+/** Built-in value references. */
+var Symbol$1 = _root.Symbol;
+
+var _Symbol = Symbol$1;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/** Built-in value references. */
+var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag),
+      tag = value[symToStringTag];
+
+  try {
+    value[symToStringTag] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag] = tag;
+    } else {
+      delete value[symToStringTag];
+    }
+  }
+  return result;
+}
+
+var _getRawTag = getRawTag;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return nativeObjectToString$1.call(value);
+}
+
+var _objectToString = objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag$1 && symToStringTag$1 in Object(value))
+    ? _getRawTag(value)
+    : _objectToString(value);
+}
+
+var _baseGetTag = baseGetTag;
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+var isObjectLike_1 = isObjectLike;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
+}
+
+var isSymbol_1 = isSymbol;
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol_1(value)) {
+    return NAN;
+  }
+  if (isObject_1(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject_1(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = _baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var toNumber_1 = toNumber;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber_1(wait) || 0;
+  if (isObject_1(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
+
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        timeWaiting = wait - timeSinceLastCall;
+
+    return maxing
+      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+      : timeWaiting;
+  }
+
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
+
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
+
+  function timerExpired() {
+    var time = now_1();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now_1());
+  }
+
+  function debounced() {
+    var time = now_1(),
+        isInvoking = shouldInvoke(time);
+
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+var debounce_1 = debounce;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT$1 = 'Expected a function';
+
+/**
+ * Creates a throttled function that only invokes `func` at most once per
+ * every `wait` milliseconds. The throttled function comes with a `cancel`
+ * method to cancel delayed `func` invocations and a `flush` method to
+ * immediately invoke them. Provide `options` to indicate whether `func`
+ * should be invoked on the leading and/or trailing edge of the `wait`
+ * timeout. The `func` is invoked with the last arguments provided to the
+ * throttled function. Subsequent calls to the throttled function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the throttled function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.throttle` and `_.debounce`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to throttle.
+ * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=true]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new throttled function.
+ * @example
+ *
+ * // Avoid excessively updating the position while scrolling.
+ * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
+ *
+ * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
+ * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
+ * jQuery(element).on('click', throttled);
+ *
+ * // Cancel the trailing throttled invocation.
+ * jQuery(window).on('popstate', throttled.cancel);
+ */
+function throttle(func, wait, options) {
+  var leading = true,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT$1);
+  }
+  if (isObject_1(options)) {
+    leading = 'leading' in options ? !!options.leading : leading;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  return debounce_1(func, wait, {
+    'leading': leading,
+    'maxWait': wait,
+    'trailing': trailing
+  });
+}
+
+var throttle_1 = throttle;
+
 var exportFormats$3 = ['xlsx'];
 var totalPageCount = 1;
 var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = antd.theme.useToken;
 var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
-  var _props$axiosRequest2, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$axiosRequest2, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _useState = React.useState([]),
@@ -16556,12 +17132,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var gridRef = React.useRef(null);
   var _useState3 = React.useState(0),
     filteredRowCount = _useState3[0];
-  var _useState4 = React.useState([]),
-    kebabMenuButtons = _useState4[0],
-    setKebabMenuButtons = _useState4[1];
-  var _useState5 = React.useState([]),
-    actionButtons = _useState5[0],
-    setActionButtons = _useState5[1];
   var headers = new Headers({
     'Content-Type': 'application/json',
     'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
@@ -16569,22 +17139,41 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   });
   React.useEffect(function () {
     var _props$axiosRequest;
-    if (props.isApplyButtonClicked && (_props$axiosRequest = props.axiosRequest) !== null && _props$axiosRequest !== void 0 && _props$axiosRequest.requestData) {
+    if (Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
       totalPageCount = 1;
       loadedPageCount = 1;
       totalRecordCount = 0;
       setData([]);
       fetchData();
     }
-  }, [props.isApplyButtonClicked, (_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
+  }, [(_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
   React.useEffect(function () {
     localization.locale(localStorage.getItem("locale"));
     localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
+    if (gridRef.current) {
+      gridRef.current.instance.updateDimensions();
+    }
   }, []);
-  React.useEffect(function () {
-    if (props.actionButtonGroup.length >= 2) {
-      setActionButtons(props.actionButtonGroup.slice(0, 2));
-      setKebabMenuButtons(props.actionButtonGroup.slice(2, props.actionButtonGroup.length));
+  var actionButtons = React.useMemo(function () {
+    if (props.actionButtonGroup) {
+      if (props.actionButtonGroup.length >= 2 && !props.edit) {
+        return props.actionButtonGroup.slice(0, 2);
+      } else {
+        return props.actionButtonGroup;
+      }
+    } else {
+      return [];
+    }
+  }, [props.actionButtonGroup]);
+  var kebabMenuButtons = React.useMemo(function () {
+    if (props.actionButtonGroup) {
+      if (props.actionButtonGroup.length >= 2 && !props.edit) {
+        return props.actionButtonGroup.slice(2, props.actionButtonGroup.length);
+      } else {
+        return [];
+      }
+    } else {
+      return [];
     }
   }, [props.actionButtonGroup]);
   var handleRef = function handleRef(instance) {
@@ -16592,8 +17181,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       gridRef.current = instance;
     }
   };
-  var fetchData = function fetchData() {
+  var fetchData = React.useCallback(function () {
     try {
+      var _props$axiosRequest3;
+      if (Object.keys((_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.requestData).length === 0) return Promise.resolve();
       setIsLoading(true);
       var _temp2 = function () {
         if (props.isServerSide) {
@@ -16635,22 +17226,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  };
-  var onContentReady = function onContentReady(e) {
-    setTimeout(function () {
-      var dxScrollable = e.component.getScrollable();
-      if (dxScrollable != null) {
-        dxScrollable.off("scroll");
-        dxScrollable.on("scroll", function (args) {
-          if (args.reachedBottom) {
-            debugger;
-            getServerSide("reachedBottom");
-          }
-        });
-      }
-    }, 10);
-  };
-  var onEditorPreparing = function onEditorPreparing(e) {
+  }, [(_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.requestData, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.apiUrl, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.environmentUrl, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestQueryString, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestType, props.pageSize, props.isServerSide]);
+  var onEditorPreparing = React.useCallback(function (e) {
     if (e.row !== undefined && e.parentType === 'dataRow') {
       if (props.isServerSide) {
         var disableScrolling = function disableScrolling() {
@@ -16663,19 +17240,34 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         e.editorOptions.onFocusOut = enableScrolling;
       }
     }
-  };
-  var getServerSide = function getServerSide(type) {
-    if (type === "reachedBottom") {
-      if (totalPageCount <= loadedPageCount) {
-        return Promise.resolve();
-      } else {
-        loadedPageCount = loadedPageCount + 1;
-        fetchData();
-      }
+  }, [props.isServerSide]);
+  var getServerSide = React.useCallback(function (type) {
+    try {
+      var run = throttle_1(function (type) {
+        try {
+          return Promise.resolve(function () {
+            if (type === "reachedBottom") {
+              return function () {
+                if (totalPageCount <= loadedPageCount) {} else {
+                  loadedPageCount = loadedPageCount + 1;
+                  return Promise.resolve(fetchData()).then(function () {});
+                }
+              }();
+            }
+          }());
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }, 5000, {
+        trailing: false
+      });
+      run(type);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
     }
-    return Promise.resolve();
-  };
-  var onExporting = function onExporting(e) {
+  }, [totalPageCount, loadedPageCount, fetchData]);
+  var onExporting = React.useCallback(function (e) {
     if (e.format === 'xlsx') {
       var workbook = new exceljs.Workbook();
       excel_exporter.exportDataGrid({
@@ -16699,8 +17291,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         doc.save(fileName + '.pdf');
       });
     }
-  };
-  var customLoad = function customLoad() {
+  }, [fileName]);
+  var customLoad = React.useCallback(function () {
     var state = JSON.parse(localStorage.getItem(props.exportFileName + "Storage"));
     if (localStorage.getItem(props.exportFileName + "Storage")) {
       state.selectedRowKeys = [];
@@ -16711,8 +17303,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       };
     }
     return state;
-  };
-  var customSave = function customSave(state) {
+  }, [props.filterEnabledShow]);
+  var customSave = React.useCallback(function (state) {
     state.selectedRowKeys = [];
     if (props.filterEnabledShow) state.filterPanel = {
       filterEnabled: false
@@ -16720,8 +17312,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       filterEnabled: true
     };
     localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
-  };
-  var onEditorPrepared = function onEditorPrepared(info) {
+  }, [props.filterEnabledShow]);
+  var onEditorPrepared = React.useCallback(function (info) {
     if (info.parentType === 'filterRow' && info.editorName === "dxSelectBox" && info.dataField === "IsActive") {
       if (info.dataSource != null && info.dataSource.length > 0) {
         info.showAllText = info.dataSource.find(function (i) {
@@ -16735,8 +17327,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         }).label;
       }
     }
-  };
-  var renderTotal = function renderTotal() {
+  }, []);
+  var renderTotal = React.useCallback(function () {
     var totalloaded = 0;
     if (data.length < 50) {
       totalloaded = data.length;
@@ -16750,15 +17342,15 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       result = totalRecordCount > 0 ? totalloaded + " Loaded - " + totalRecordCount + " Total" : "";
     }
     return result;
-  };
-  var renderTotalPaging = function renderTotalPaging() {
+  }, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount]);
+  var renderTotalPaging = React.useCallback(function () {
     var result = "";
     if (totalPageCount > 1) {
       result = loadedPageCount + " / " + totalPageCount;
     }
     return result;
-  };
-  var actionCellRender = function actionCellRender() {
+  }, [loadedPageCount, totalPageCount]);
+  var actionCellRender = React.useMemo(function () {
     return React__default.createElement(devextremeReact.DropDownButton, {
       icon: server_browser.renderToString(React__default.createElement(DynamicIcon, {
         iconName: 'kebabMenu'
@@ -16768,11 +17360,45 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         return e.itemData.onClick();
       }
     });
+  }, [kebabMenuButtons]);
+  var onScrollEnd = React.useCallback(function () {
+    getServerSide("reachedBottom");
+  }, [(_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestData, getServerSide]);
+  var handleScroll = function handleScroll(e) {
+    var run = debounce_1(function (e) {
+      var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;
+      var scrollable = e.target;
+      var top = (_scrollable$scrollTop = scrollable === null || scrollable === void 0 ? void 0 : scrollable.scrollTop) != null ? _scrollable$scrollTop : 0;
+      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;
+      var reachedBottom = Math.ceil(top + height) >= maxHeight;
+      console.log("reachedBottom", Math.ceil(top + height), maxHeight, reachedBottom);
+      var lastScrollTop = 0;
+      if (top < lastScrollTop) {
+        return;
+      }
+      lastScrollTop = top <= 0 ? 0 : top;
+      if (reachedBottom) {
+        onScrollEnd();
+      }
+    }, 200);
+    run(e);
   };
+  React.useEffect(function () {
+    var scrollable = document.querySelector('.dx-scrollable-container');
+    if (scrollable) {
+      scrollable.addEventListener('scrollend', handleScroll);
+    }
+    return function () {
+      if (scrollable) {
+        scrollable.removeEventListener('scrollend', handleScroll);
+      }
+    };
+  }, [data.length]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
     keyExpr: props.keyExpr,
     dataSource: props.isServerSide ? data : props.dataSource,
-    onContentReady: onContentReady,
     showBorders: true,
     columnAutoWidth: false,
     onEditorPreparing: onEditorPreparing,
@@ -16805,9 +17431,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       key: col.dataField
     }, col, {
       minWidth: 180
-    }), col.required && React__default.createElement(DataGrid.RequiredRule, {
-      message: col.requiredMessage
-    }), col.dataField === 'IsActive' && React__default.createElement(DataGrid.HeaderFilter, {
+    }), col.lookUp && React__default.createElement(devextremeReact.Lookup, Object.assign({}, col.lookUp)), col.dataField === 'IsActive' && React__default.createElement(DataGrid.HeaderFilter, {
       dataSource: [{
         text: 'Active',
         value: true
@@ -16820,10 +17444,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     dataField: "Actions",
     fixed: true,
     allowSorting: false,
-    caption: "Actions",
+    caption: props.actionButtonGroupCaption,
     type: "buttons",
     showInColumnChooser: false
-  }, actionButtons.map(function (buttonItem) {
+  }, !props.edit && actionButtons.map(function (buttonItem) {
     return React__default.createElement(DataGrid.Button, {
       hint: buttonItem.hint,
       visible: buttonItem.visible,
@@ -16833,6 +17457,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       })),
       onClick: buttonItem.onClick
     });
+  }), props.edit && actionButtons.map(function (buttonItem) {
+    return React__default.createElement(DataGrid.Button, Object.assign({}, buttonItem));
   })), kebabMenuButtons.length > 0 && React__default.createElement(DataGrid.Column, {
     dataField: "Actionss",
     fixed: true,
@@ -16840,7 +17466,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     caption: "",
     type: "buttons",
     showInColumnChooser: false,
-    cellRender: actionCellRender
+    cellRender: function cellRender() {
+      return actionCellRender;
+    }
   }), props.edit && React__default.createElement(DataGrid.Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
@@ -16958,7 +17586,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     customSave: customSave
   })));
 };
-var OdsRemoteDataGrid$1 = React__default.memo(OdsRemoteDataGrid);
 
 exports.DxTreeList = DxTreeList;
 exports.DxTreeView = DxTreeView;
@@ -16999,7 +17626,7 @@ exports.OdsRadio = OdsRadio;
 exports.OdsRadioGroup = OdsRadioGroup;
 exports.OdsRangeTimepicker = OdsRangeTimepicker;
 exports.OdsRate = OdsRate;
-exports.OdsRemoteDataGrid = OdsRemoteDataGrid$1;
+exports.OdsRemoteDataGrid = OdsRemoteDataGrid;
 exports.OdsSearch = OdsSearch;
 exports.OdsSelect = OdsSelect;
 exports.OdsSelectableTable = OdsSelectableTable;