ods-component-lib 1.18.52 → 1.18.54

package/dist/components/antd/cascader/OdsCascader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CascaderProps } from "antd";
+declare function OdsCascader(props: CascaderProps): React.JSX.Element;
+export default OdsCascader;

package/dist/components/antd/cascader/OdsCascader.styled.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export declare const StyledCascader: import("styled-components").StyledComponent<(<OptionType extends import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType = import("rc-cascader").DefaultOptionType>(props: (Pick<import("rc-cascader").SingleCascaderProps<OptionType>, "defaultValue" | "value" | "onChange" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onKeyDown" | "maxLength" | "autoFocus" | "className" | "style" | "tabIndex" | "title" | "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" | "children" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "removeIcon" | "maxTagCount" | "direction" | "prefixCls" | "suffixIcon" | "allowClear" | "clearIcon" | "defaultOpen" | "open" | "getPopupContainer" | "placement" | "builtinPlacements" | "transitionName" | "dropdownClassName" | "popupClassName" | "loading" | "searchValue" | "autoClearSearchValue" | "onSearch" | "showSearch" | "tagRender" | "notFoundContent" | "onClear" | "choiceTransitionName" | "onDropdownVisibleChange" | "getInputElement" | "getRawInputElement" | "maxTagTextLength" | "maxTagPlaceholder" | "animation" | "dropdownStyle" | "dropdownMatchSelectWidth" | "dropdownRender" | "dropdownAlign" | "showAction" | "onPopupScroll" | "onInputKeyDown" | "fieldNames" | "changeOnSelect" | "displayRender" | "showCheckedStrategy" | "expandTrigger" | "dropdownPrefixCls" | "loadData" | "popupVisible" | "dropdownMenuColumnStyle" | "popupPlacement" | "onPopupVisibleChange" | "expandIcon" | "loadingIcon"> & {
+    multiple?: false;
+} & {
+    multiple?: boolean;
+    size?: import("antd/es/button").ButtonSize;
+    showArrow?: boolean;
+    disabled?: boolean;
+    bordered?: boolean;
+    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+    suffixIcon?: import("react").ReactNode;
+    options?: OptionType[];
+    status?: "" | "warning" | "error";
+    autoClearSearchValue?: boolean;
+    rootClassName?: string;
+    popupClassName?: string;
+    dropdownClassName?: string;
+    variant?: "outlined" | "borderless" | "filled";
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("antd/es/cascader").CascaderRef>) | (Pick<import("rc-cascader").MultipleCascaderProps<OptionType>, "defaultValue" | "value" | "onChange" | "placeholder" | "id" | "disabled" | "onFocus" | "onBlur" | "onKeyDown" | "maxLength" | "autoFocus" | "className" | "style" | "tabIndex" | "title" | "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" | "children" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "removeIcon" | "maxTagCount" | "direction" | "prefixCls" | "suffixIcon" | "allowClear" | "clearIcon" | "defaultOpen" | "open" | "getPopupContainer" | "placement" | "builtinPlacements" | "transitionName" | "dropdownClassName" | "popupClassName" | "loading" | "searchValue" | "autoClearSearchValue" | "onSearch" | "showSearch" | "tagRender" | "notFoundContent" | "onClear" | "choiceTransitionName" | "onDropdownVisibleChange" | "getInputElement" | "getRawInputElement" | "maxTagTextLength" | "maxTagPlaceholder" | "animation" | "dropdownStyle" | "dropdownMatchSelectWidth" | "dropdownRender" | "dropdownAlign" | "showAction" | "onPopupScroll" | "onInputKeyDown" | "fieldNames" | "changeOnSelect" | "displayRender" | "showCheckedStrategy" | "expandTrigger" | "dropdownPrefixCls" | "loadData" | "popupVisible" | "dropdownMenuColumnStyle" | "popupPlacement" | "onPopupVisibleChange" | "expandIcon" | "loadingIcon"> & {
+    multiple: true;
+} & {
+    multiple?: boolean;
+    size?: import("antd/es/button").ButtonSize;
+    showArrow?: boolean;
+    disabled?: boolean;
+    bordered?: boolean;
+    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+    suffixIcon?: import("react").ReactNode;
+    options?: OptionType[];
+    status?: "" | "warning" | "error";
+    autoClearSearchValue?: boolean;
+    rootClassName?: string;
+    popupClassName?: string;
+    dropdownClassName?: string;
+    variant?: "outlined" | "borderless" | "filled";
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("antd/es/cascader").CascaderRef>)) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)>) & {
+    displayName: string;
+    SHOW_PARENT: "SHOW_PARENT";
+    SHOW_CHILD: "SHOW_CHILD";
+    Panel: import("react").FC<Pick<import("antd").CascaderProps<any>, import("antd/es/cascader/Panel").PanelPickType>>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: Record<string | number | symbol, any>) => import("react").JSX.Element;
+}, any, {}, never>;

package/dist/components/antd/dropdown/OdsDropdown.d.ts

@@ -3,5 +3,5 @@ import React from "react";
 export interface IDropDownProps extends DropDownProps {
     menuItems?: any[];
 }
-declare function OdsCollapse(props: IDropDownProps): React.JSX.Element;
-export default OdsCollapse;
+declare function OdsDropdown(props: IDropDownProps): React.JSX.Element;
+export default OdsDropdown;

package/dist/components/antd/steps/OdsSteps.d.ts

@@ -1,3 +1,10 @@
 import React from "react";
-declare function OdsSteps(): React.JSX.Element;
+import { StepProps, StepsProps } from "antd";
+export interface IStepsProps extends StepsProps {
+    items?: IStepProps[];
+}
+interface IStepProps extends StepProps {
+    content: any;
+}
+declare const OdsSteps: (props: IStepsProps) => React.JSX.Element;
 export default OdsSteps;

package/dist/components/antd/typography/OdsLink.d.ts

@@ -1,4 +1,7 @@
-import { TypographyProps } from "antd";
 import React from "react";
-declare const OdsLink: (props?: TypographyProps) => React.JSX.Element;
+import { StyledtTypographyLink } from "./Typography.styled";
+interface StyledOdsLinkProps extends React.ComponentProps<typeof StyledtTypographyLink> {
+    children?: React.ReactNode;
+}
+declare const OdsLink: React.FC<StyledOdsLinkProps>;
 export default OdsLink;

package/dist/components/antd/typography/OdsParagraph.d.ts

@@ -1,4 +1,7 @@
-import { TypographyProps } from 'antd';
 import React from 'react';
-declare const OdsParagraph: (props: TypographyProps) => React.JSX.Element;
+import { StyledtTypographyParagraph } from './Typography.styled';
+export interface StyledOdsParagraphProps extends React.ComponentProps<typeof StyledtTypographyParagraph> {
+    children?: React.ReactNode;
+}
+declare const OdsParagraph: (props: StyledOdsParagraphProps) => React.JSX.Element;
 export default OdsParagraph;

package/dist/components/antd/typography/OdsTypography.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { StyledtTypography } from './Typography.styled';
+export interface StyledOdsTypographyProps extends React.ComponentProps<typeof StyledtTypography> {
+    children?: React.ReactNode;
+}
+declare const OdsTypography: (props: StyledOdsTypographyProps) => React.JSX.Element;
+export default OdsTypography;

package/dist/components/antd/typography/Typography.styled.d.ts

@@ -1 +1,4 @@
+/// <reference types="react" />
 export declare const StyledtTypography: import("styled-components").StyledComponent<import("antd").TypographyProps, any, {}, never>;
+export declare const StyledtTypographyParagraph: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Paragraph").ParagraphProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const StyledtTypographyLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Link").LinkProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps, ISummaryProps } from 'devextreme-react/data-grid';
 import { ButtonType } from 'antd/es/button/buttonHelpers';
 export interface IOdsDataGridProps extends IDataGridOptions {
-    ref?: any;
     dataGridPageName?: string;
     language: string;
     exportFileName: string;

package/dist/index.d.ts

@@ -47,6 +47,7 @@ import DxTreeList from "./components/devextreme/treeview/DxTreeList";
 import OdsRemoteDataGrid from "./components/devextreme/OdsRemoteDataGrid";
 import OdsBadge from "./components/antd/badge/OdsBadge";
 import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
+import OdsAdvanceModal from "./components/antd/modal/OdsAdvanceModal";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -93,6 +94,7 @@ export { OdsBannerAlert };
 export { OdsMultiSelect };
 export { OdsBadge };
 export { OdsBadgeRibbon };
+export { OdsAdvanceModal };
 export { OdsDataGrid };
 export { OdsDisplayGrid };
 export { OdsRemoteDataGrid };

package/dist/index.js

@@ -38,6 +38,18 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
 function _taggedTemplateLiteralLoose(strings, raw) {
   if (!raw) {
     raw = strings.slice(0);
@@ -503,7 +515,7 @@ var StyledDropdown = styled__default(antd.Dropdown)(_templateObject$8 || (_templ
 var handleMenuClick = function handleMenuClick(e) {
   console.log('click', e);
 };
-function OdsCollapse(props) {
+function OdsDropdown(props) {
   var menuProps = {
     items: props.menuItems,
     onClick: handleMenuClick
@@ -981,7 +993,6 @@ var StyledSpin = styled__default(antd.Spin)(_templateObject$f || (_templateObjec
 function OdsSpin(props) {
   var _useState = React.useState(true),
     loading = _useState[0];
-  props.size = "default";
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledSpin, Object.assign({}, props, {
     spinning: loading
   }), props.children));
@@ -999,41 +1010,10 @@ function OdsSwitch(props) {
 var _templateObject$h;
 var StyledTabs = styled__default(antd.Tabs)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
 
-var onChange = function onChange(key) {
-  console.log(key);
-};
-var items = [{
-  key: '1',
-  label: "Tab 1",
-  children: "Content of Tab Pane 1",
-  disabled: true
-}, {
-  key: '2',
-  label: "Tab 2",
-  children: "Content of Tab Pane 2"
-}, {
-  key: '3',
-  label: "Tab 3",
-  children: "Content of Tab Pane 3"
-}];
 function OdsTab(props) {
-  var _useState = React.useState(),
-    size = _useState[0],
-    setSize = _useState[1];
-  var _useState2 = React.useState(),
-    tabPosition = _useState2[0],
-    setTabPosition = _useState2[1];
-  setTabPosition("top");
-  setSize("middle");
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(StyledTabs, Object.assign({}, props, {
-    tabPosition: tabPosition,
-    size: size,
-    defaultActiveKey: "1",
-    items: items,
-    onChange: onChange
-  }), props.children)));
+  }, React__default.createElement(StyledTabs, Object.assign({}, props))));
 }
 
 var _templateObject$i;
@@ -1102,21 +1082,27 @@ var OdsTimepicker = function OdsTimepicker(props) {
   }));
 };
 
-var _templateObject$m;
+var _templateObject$m, _templateObject2, _templateObject3;
 var StyledtTypography = styled__default(antd.Typography)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n //\n"])));
-
-function StyledOdsLink(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTypography, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.Link));
-}
+var StyledtTypographyParagraph = styled__default(antd.Typography.Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n //\n"])));
+var StyledtTypographyLink = styled__default(antd.Typography.Link)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  // \n"])));
+
+var _excluded = ["children"];
+var StyledOdsLink = function StyledOdsLink(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React__default.createElement(StyledtTypographyLink, Object.assign({}, props), children);
+};
 var OdsLink = function OdsLink(props) {
   return React__default.createElement(StyledOdsLink, Object.assign({}, props));
 };
 
-function StyledOdsParagraph(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
-    theme: lightTheme
-  }, React__default.createElement(StyledtTypography.Paragraph, Object.assign({}, props), props)));
-}
+var _excluded$1 = ["children"];
+var StyledOdsParagraph = function StyledOdsParagraph(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return React__default.createElement(StyledtTypographyParagraph, Object.assign({}, props), children);
+};
 var OdsParagraph = function OdsParagraph(props) {
   return React__default.createElement(StyledOdsParagraph, Object.assign({}, props));
 };
@@ -16304,73 +16290,6 @@ function debounce(func, wait, options) {
 
 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 iconComponents = {
   edit: outline.EditIcon,
   "delete": outline.Trash1Icon,
@@ -16400,20 +16319,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var _useState = React.useState([]),
     data = _useState[0],
     setData = _useState[1];
-  var _useState2 = React.useState(false),
-    isLoading = _useState2[0],
-    setIsLoading = _useState2[1];
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
-  var _useState3 = React.useState(0),
-    filteredRowCount = _useState3[0],
-    setFilteredRowCount = _useState3[1];
-  var _useState4 = React.useState(props.columns),
-    columns = _useState4[0],
-    setColumns = _useState4[1];
+  var _useState2 = React.useState(0),
+    filteredRowCount = _useState2[0],
+    setFilteredRowCount = _useState2[1];
+  var columns = React.useRef(props.columns);
   var gridRef = React.useRef(null);
-  var _useState5 = React.useState(false),
-    filterApplied = _useState5[0],
-    setFilterApplied = _useState5[1];
+  var filterApplied = React.useRef(false);
   var onCancelEditEvent = new CustomEvent('cancelEdit', {
     bubbles: true,
     detail: {
@@ -16441,13 +16353,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
   }, [(_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
   React.useEffect(function () {
-    if (props.ref !== undefined) {
-      gridRef = props.ref;
-    }
-  }, [props.ref]);
-  React.useEffect(function () {
-    if (columns !== undefined && columns.length > 0) {
-      var newColumns = columns.map(function (colItem) {
+    if (columns.current !== undefined && columns.current.length > 0) {
+      var newColumns = columns.current.map(function (colItem) {
         if (colItem.tooltip !== undefined && colItem.tooltip.enable) {
           var headerCellRenderr = function headerCellRenderr() {
             return React__default.createElement("div", null, React__default.createElement("span", null, colItem.caption), React__default.createElement(antd.Tooltip, {
@@ -16462,7 +16369,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         }
         return colItem;
       });
-      setColumns(newColumns);
+      columns.current = newColumns;
     }
   }, [props.columns]);
   React.useEffect(function () {
@@ -16502,7 +16409,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var fetchData = React.useCallback(function () {
     try {
       if (props.axiosRequest == undefined) return Promise.resolve();
-      setIsLoading(true);
       var _temp2 = function () {
         if (props.isServerSide) {
           var apiUrl = props.axiosRequest.environmentUrl + "" + props.axiosRequest.apiUrl;
@@ -16574,30 +16480,20 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }, [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 () {});
-                }
-              }();
+      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);
     }
-  }, [totalPageCount, loadedPageCount, fetchData]);
+  }, [totalPageCount]);
   var onExporting = React.useCallback(function (e) {
     if (e.format === 'xlsx') {
       var workbook = new exceljs.Workbook();
@@ -16701,9 +16597,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       result = result + " - " + props.customSummary.summaryTotalPageCountLabel + "  " + loadedPageCount + " / " + totalPageCount;
     }
     return result;
-  }, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount, filterApplied]);
+  }, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount, filterApplied.current]);
   var concatFilteredLabel = function concatFilteredLabel(result, totalloaded) {
-    if (filteredRowCount > 0 && totalloaded !== filteredRowCount && filterApplied) {
+    if (filteredRowCount > 0 && totalloaded !== filteredRowCount && filterApplied.current) {
       var filteredLabel = filteredRowCount + " " + props.customSummary.summaryFilteredDataLabel + "- ";
       result = filteredLabel + " " + result + "     ";
     }
@@ -16753,10 +16649,13 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var handleContentReady = function handleContentReady(e) {
     var dataGridInstance = e.component;
     var filteredDataCount = dataGridInstance.totalCount();
-    setFilteredRowCount(filteredDataCount);
+    if (filterApplied.current && filteredDataCount > 0) setFilteredRowCount(filteredDataCount);
   };
   var onFilterValueChange = function onFilterValueChange(e) {
-    if (e !== null) setFilterApplied(true);else setFilterApplied(false);
+    if (e !== null) filterApplied.current = true;else {
+      filterApplied.current = false;
+      setFilteredRowCount(0);
+    }
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
     keyExpr: props.keyExpr,
@@ -16794,7 +16693,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     onEditCanceling: props.onEditCanceling,
     onContentReady: handleContentReady,
     onFilterValueChange: onFilterValueChange
-  }, columns.map(function (col) {
+  }, columns.current.map(function (col) {
     return React__default.createElement(DataGrid.Column, Object.assign({
       key: col.dataField
     }, col, {
@@ -16821,8 +16720,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     caption: props.actionButtonGroupCaption,
     type: "buttons",
     showInColumnChooser: false
-  }, !props.edit && actionButtons.map(function (buttonItem) {
+  }, !props.edit && actionButtons.map(function (buttonItem, index) {
     return React__default.createElement(DataGrid.Button, {
+      key: "action-button-" + index,
       hint: buttonItem.hint,
       visible: buttonItem.visible,
       disabled: buttonItem.actionPermission == undefined ? false : !buttonItem.actionPermission,
@@ -16831,8 +16731,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       })),
       onClick: buttonItem.onClick
     });
-  }), props.edit && actionButtons.map(function (buttonItem) {
-    return React__default.createElement(DataGrid.Button, Object.assign({}, buttonItem));
+  }), props.edit && actionButtons.map(function (buttonItem, index) {
+    return React__default.createElement(DataGrid.Button, Object.assign({
+      key: "action-button-" + index
+    }, buttonItem));
   })), kebabMenuButtons.length > 0 && React__default.createElement(DataGrid.Column, {
     dataField: "Actionss",
     fixed: true,
@@ -16879,7 +16781,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     scrollByThumb: true,
     mode: "infinite"
   }), React__default.createElement(DataGrid.LoadPanel, {
-    enabled: isLoading,
+    enabled: true,
     shadingColor: "rgba(0,0,0,0.4)"
   }), React__default.createElement(DataGrid.SearchPanel, {
     visible: true
@@ -16925,8 +16827,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       alignSelf: "stretch",
       margin: 0
     }
-  }, props.pageTitle)), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem) {
+  }, props.pageTitle)), props.toolbarButtonGroup && Array.isArray(props.toolbarButtonGroup) && props.toolbarButtonGroup.map(function (buttonGroupItem, index) {
     return React__default.createElement(DataGrid.Item, {
+      key: "toolbar-button-" + index,
       location: "before"
     }, React__default.createElement(OdsButton, {
       style: {
@@ -16943,11 +16846,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }), React__default.createElement(DataGrid.Item, {
     name: "exportButton",
     cssClass: 'toolbarPanelItems'
-  })), React__default.createElement(DataGrid.Summary, null, React__default.createElement(DataGrid.TotalItem, {
-    column: columns[0].dataField,
+  })), React__default.createElement(DataGrid.Summary, {
+    calculateCustomSummary: renderTotal
+  }, React__default.createElement(DataGrid.TotalItem, {
+    column: columns.current[0].dataField,
     summaryType: "custom",
-    displayFormat: "customizeText",
-    customizeText: renderTotal
+    displayFormat: renderTotal()
   })), React__default.createElement(DataGrid.StateStoring, {
     enabled: true,
     type: "custom",
@@ -16971,7 +16875,25 @@ function OdsBadgeRibbon(props) {
   }, React__default.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);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), content), React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.Modal, Object.assign({}, props, {
+    open: props.open,
+    onOk: props.onOk,
+    onCancel: props.onCancel
+  }), content)));
+};
+
 exports.DxTreeList = DxTreeList;
+exports.OdsAdvanceModal = OdsAdvanceModal;
 exports.OdsAlert = OdsAlert;
 exports.OdsAutoComplete = OdsAutoComplete;
 exports.OdsBadge = OdsBadge;
@@ -16983,13 +16905,13 @@ exports.OdsCalendar = OdsCalendar;
 exports.OdsCard = OdsCard;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsCheckboxGroup = OdsCheckboxGroup;
-exports.OdsCollapse = OdsCollapse;
+exports.OdsCollapse = OdsDropdown;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDatepicker;
 exports.OdsDisplayGrid = OdsDisplayGrid;
 exports.OdsDivider = OdsDivider;
-exports.OdsDropdown = OdsCollapse;
+exports.OdsDropdown = OdsDropdown;
 exports.OdsDropdownButton = OdsDropdownButton;
 exports.OdsImage = OdsImage;
 exports.OdsInput = OdsInput;