ods-component-lib 1.18.38 → 1.18.40

package/dist/index.js

@@ -420,28 +420,10 @@ function OdsButton(props) {
   }, React__default.createElement(StyledButton, Object.assign({}, props), props.children)));
 }
 
-var onMenuClick = function onMenuClick(e) {
-  console.log('click', e);
-};
-var items = [{
-  key: '1',
-  label: '1st item'
-}, {
-  key: '2',
-  label: '2nd item'
-}, {
-  key: '3',
-  label: '3rd item'
-}];
 function OdsDropdownButton(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(antd.Dropdown.Button, {
-    menu: {
-      items: items,
-      onClick: onMenuClick
-    }
-  }, props.children)));
+  }, React__default.createElement(antd.Dropdown.Button, Object.assign({}, props), props.children)));
 }
 
 var _templateObject$3;
@@ -945,7 +927,7 @@ function OdsRate(props) {
 }
 
 var _templateObject$e;
-var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
+var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 
 function OdsCustomMultiSelect(props) {
   var _useState = React.useState(false),
@@ -1013,7 +995,7 @@ var StyledTabs = styled__default(antd.Tabs)(_templateObject$h || (_templateObjec
 var onChange = function onChange(key) {
   console.log(key);
 };
-var items$1 = [{
+var items = [{
   key: '1',
   label: "Tab 1",
   children: "Content of Tab Pane 1",
@@ -1042,7 +1024,7 @@ function OdsTab(props) {
     tabPosition: tabPosition,
     size: size,
     defaultActiveKey: "1",
-    items: items$1,
+    items: items,
     onChange: onChange
   }), props.children)));
 }
@@ -1142,45 +1124,6 @@ function OdsTitle(props) {
   }, React__default.createElement(StyledtTypography.Title, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
-function OdsLogin(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Form, {
-    name: "login-form",
-    initialValues: {
-      remember: true
-    },
-    onFinish: props.onFinish,
-    onFinishFailed: props.onFinishFailed
-  }, React__default.createElement(antd.Form.Item, {
-    label: "Username",
-    name: "username",
-    rules: [{
-      required: true,
-      message: 'Please input your username!'
-    }]
-  }, React__default.createElement(OdsInput, {
-    prefix: React__default.createElement(icons.UserOutlined, {
-      className: "site-form-item-icon"
-    }),
-    placeholder: "Username"
-  })), React__default.createElement(antd.Form.Item, {
-    label: "Password",
-    name: "password",
-    rules: [{
-      required: true,
-      message: 'Please input your password!'
-    }]
-  }, React__default.createElement(OdsPassword, {
-    prefix: React__default.createElement(icons.LockOutlined, {
-      className: "site-form-item-icon"
-    }),
-    placeholder: "Password"
-  })), React__default.createElement(antd.Form.Item, null, React__default.createElement(OdsButton, {
-    type: "primary",
-    htmlType: "submit",
-    loading: props.loading
-  }, "Log in"))));
-}
-
 var useToken = antd.theme.useToken;
 var exportFormats = ['xlsx'];
 var renderMenuItem = function renderMenuItem() {
@@ -1593,267 +1536,6 @@ function grid(props) {
   }))));
 }
 
-var exportFormats$2 = ['xlsx', 'pdf'];
-var searchEditorOptions = {
-  placeholder: 'Search column'
-};
-var renderMenuItem$1 = function renderMenuItem() {
-  return React__default.createElement(DataGrid.Export, {
-    enabled: true,
-    allowExportSelectedData: true,
-    formats: exportFormats$2
-  });
-};
-var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
-  var tagColor = e.value ? 'green' : 'gold';
-  return React__default.createElement(antd.Tag, {
-    color: tagColor
-  }, e.value ? 'Active' : 'Passive');
-};
-function OdsProfDataGrid(props) {
-  var _useState = React.useState(true),
-    showPageSizeSelector = _useState[0],
-    setShowPageSizeSelector = _useState[1];
-  var _useState2 = React.useState(true),
-    enablePaging = _useState2[0],
-    setEnablePaging = _useState2[1];
-  var _useState3 = React.useState('standard'),
-    scrollingType = _useState3[0],
-    setScrollingType = _useState3[1];
-  var _useState4 = React.useState(true),
-    loadPanelEnabled = _useState4[0],
-    setLoadPanelEnabled = _useState4[1];
-  var dataGridRef = React.useRef(null);
-  var headerCellRender = function headerCellRender(colProperties) {
-    return React__default.createElement("th", {
-      className: "dx-datagrid-headers"
-    }, colProperties.column.caption);
-  };
-  var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
-  var onExporting = function onExporting(e) {
-    if (e.format === 'excel') {
-      var workbook = new exceljs.Workbook();
-      excel_exporter.exportDataGrid({
-        component: e.component,
-        worksheet: workbook.addWorksheet('Main sheet'),
-        autoFilterEnabled: true
-      }).then(function () {
-        workbook.xlsx.writeBuffer().then(function (buffer) {
-          fileSaverEs.saveAs(new Blob([buffer], {
-            type: 'application/octet-stream'
-          }), fileName + '.xlsx');
-        });
-      });
-    } else {
-      var doc = new jsPDF();
-      pdf_exporter.exportDataGrid({
-        jsPDFDocument: doc,
-        component: e.component,
-        indent: 5
-      }).then(function () {
-        doc.save(fileName + '.pdf');
-      });
-    }
-  };
-  var onEnablePagingChange = function onEnablePagingChange(value) {
-    setEnablePaging(value);
-    refreshGrid();
-  };
-  var handleScrollingTypeChange = function handleScrollingTypeChange(newScrollingType) {
-    setScrollingType(newScrollingType);
-    console.log(newScrollingType);
-    debugger;
-    refreshGrid();
-  };
-  var onContentReady = function onContentReady() {
-    setLoadPanelEnabled(false);
-  };
-  var refreshGrid = function refreshGrid() {
-    if (dataGridRef.current) {
-      dataGridRef.current.instance.refresh();
-    }
-  };
-  var handleCheckboxChange = function handleCheckboxChange(e) {
-    setShowPageSizeSelector(e);
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "odsDatagrid",
-    style: {
-      width: "100%",
-      overflowX: 'auto'
-    }
-  }, React__default.createElement(DataGrid.DataGrid, {
-    dataSource: props.dataSource,
-    keyExpr: props.keyExpr,
-    allowColumnResizing: true,
-    columnResizingMode: "widget",
-    onRowInserted: props.onRowInserted,
-    onRowUpdated: props.onRowUpdated,
-    onRowRemoved: props.onRowRemoved,
-    onSaving: props.onSaving,
-    allowColumnReordering: true,
-    showRowLines: true,
-    showBorders: true,
-    ref: dataGridRef,
-    columnAutoWidth: false,
-    onEditCanceling: props.onEditCanceling,
-    onExporting: onExporting,
-    onContentReady: onContentReady
-  }, React__default.createElement(DataGrid.Paging, {
-    enabled: true,
-    defaultPageSize: props.pageSize
-  }), enablePaging && React__default.createElement(DataGrid.Pager, {
-    visible: true,
-    displayMode: "full",
-    showPageSizeSelector: showPageSizeSelector,
-    showNavigationButtons: true,
-    showInfo: true
-  }), props.searchEnable && React__default.createElement(DataGrid.SearchPanel, {
-    visible: true
-  }), props.filterEnable && React__default.createElement(DataGrid.FilterRow, {
-    visible: true
-  }), props.headerFilterEnable && React__default.createElement(DataGrid.HeaderFilter, {
-    visible: true
-  }), React__default.createElement(DataGrid.ColumnChooser, {
-    enabled: true,
-    mode: "select"
-  }, React__default.createElement(DataGrid.Position, {
-    my: "right top",
-    at: "right bottom",
-    of: ".dx-datagrid-column-chooser-button"
-  }), React__default.createElement(DataGrid.ColumnChooserSearch, {
-    enabled: true,
-    editorOptions: searchEditorOptions
-  }), React__default.createElement(DataGrid.ColumnChooserSelection, {
-    allowSelectAll: true,
-    selectByClick: true,
-    recursive: true
-  })), props.selectEnable && React__default.createElement(DataGrid.Selection, {
-    mode: "multiple",
-    deferred: true
-  }), React__default.createElement(DataGrid.Scrolling, {
-    mode: props.scrollingMode
-  }), React__default.createElement(DataGrid.LoadPanel, {
-    enabled: loadPanelEnabled
-  }), props.editEnable === true && React__default.createElement(DataGrid.Editing, {
-    mode: props.edit.mode,
-    allowUpdating: props.edit.allowUpdating,
-    allowDeleting: props.edit.allowDeleting,
-    allowAdding: props.edit.allowAdding,
-    useIcons: true
-  }, props.edit.mode === "popup" && React__default.createElement(DataGrid.Popup, {
-    title: props.popupTitle,
-    showTitle: true,
-    width: 700,
-    height: 300,
-    showCloseButton: false
-  }), React__default.createElement(DataGrid.Form, null, props.formItems && props.formItems.map(function (formItem) {
-    return React__default.createElement(form.Item, {
-      itemType: formItem.itemType,
-      colCount: formItem.colCount,
-      colSpan: formItem.colSpan
-    }, formItem.items.map(function (subItem) {
-      return React__default.createElement(form.Item, {
-        key: subItem.dataField,
-        dataField: subItem.dataField
-      });
-    }));
-  }))), props.exportEnable === true && React__default.createElement(DataGrid.Export, {
-    enabled: true,
-    allowExportSelectedData: true,
-    formats: exportFormats$2
-  }), props.columns.map(function (col) {
-    return React__default.createElement(DataGrid.Column, Object.assign({
-      key: col.dataField
-    }, col, {
-      headerCellRender: headerCellRender,
-      cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender : ""
-    }), col.required && React__default.createElement(DataGrid.RequiredRule, {
-      message: col.requiredMessage
-    }), col.dataField === 'IsActive' && React__default.createElement(DataGrid.HeaderFilter, {
-      dataSource: [{
-        text: 'All',
-        value: null
-      }, {
-        text: 'Active',
-        value: true
-      }, {
-        text: 'Passive',
-        value: false
-      }]
-    }));
-  }), function () {
-    if (props.customPopup !== undefined) {
-      return React__default.createElement(DataGrid.Column, {
-        type: "buttons",
-        width: 110
-      }, props.edit.allowUpdating && React__default.createElement(DataGrid.Button, {
-        hint: "Edit",
-        visible: true,
-        disabled: false,
-        icon: "edit",
-        onClick: props.editButtonClick
-      }), props.edit.allowDeleting && React__default.createElement(DataGrid.Button, {
-        hint: "Delete",
-        visible: true,
-        disabled: false,
-        icon: "trash",
-        onClick: props.deleteButtonClick
-      }));
-    } else {
-      return React__default.createElement(DataGrid.Column, {
-        type: "buttons",
-        width: 110
-      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(DataGrid.Button, {
-        name: "edit"
-      }), props.edit.allowDeleting && React__default.createElement(DataGrid.Button, {
-        name: "delete"
-      })));
-    }
-  }(), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
-    location: "after"
-  }, React__default.createElement(DataGrid.Button, {
-    onClick: props.onAddButton
-  }, "Add New")), React__default.createElement(DataGrid.Item, {
-    location: "after"
-  }, React__default.createElement(devextremeReact.CheckBox, {
-    id: 'showPageSizes',
-    text: 'Show Page Size',
-    value: showPageSizeSelector,
-    onValueChanged: handleCheckboxChange
-  })), React__default.createElement(DataGrid.Item, {
-    location: "after"
-  }, React__default.createElement(devextremeReact.CheckBox, {
-    id: 'showPages',
-    text: 'Enable Paging',
-    value: enablePaging,
-    onValueChanged: onEnablePagingChange
-  })), React__default.createElement(DataGrid.Item, {
-    location: "after"
-  }, React__default.createElement(devextremeReact.Lookup, {
-    value: scrollingType,
-    dataSource: [{
-      value: "standard",
-      label: "standard"
-    }, {
-      value: "virtual",
-      label: "Active"
-    }, {
-      value: "infinite",
-      label: "infinite"
-    }],
-    onValueChange: handleScrollingTypeChange
-  })), React__default.createElement(DataGrid.Item, {
-    name: "columnChooserButton"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "searchPanel"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "exportButton"
-  }), React__default.createElement(DataGrid.Item, {
-    menuItemRender: renderMenuItem$1
-  })))));
-}
-
 var DxTreeList = function DxTreeList(props) {
   var _useState = React.useState(props.dataSource),
     dataSource = _useState[0];
@@ -1926,22 +1608,37 @@ var DxTreeView = function DxTreeView(props) {
   }));
 };
 
-var iconComponents = {
-  edit: outline.EditIcon,
-  "delete": outline.Trash1Icon,
-  copy: outline.CopyIcon,
-  discount: outline.DiscountIcon,
-  kebabMenu: outline.KebabMenuIcon,
-  refresh: outline.RefreshIcon
-};
-var DynamicIcon = function DynamicIcon(_ref) {
-  var iconName = _ref.iconName;
-  var IconComponent = iconComponents[iconName];
-  if (!IconComponent) {
-    return null;
-  }
-  return React__default.createElement(IconComponent, null);
-};
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
+// Asynchronously await a promise and pass the result to a finally continuation
+function _finallyRethrows(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer(true, e);
+	}
+	if (result && result.then) {
+		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+	}
+	return finalizer(false, result);
+}
 
 function l(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return "Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
 var p=Object.prototype.hasOwnProperty,fa=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ha={},ia={};
@@ -16157,314 +15854,6 @@ var server_browser = {
 	renderToReadableStream: renderToReadableStream$1
 };
 
-function OdsDataGridNew(props) {
-  var _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
-  var dataGridRef = React.useRef(null);
-  var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
-  var renderMenuItem = function renderMenuItem() {
-    return React__default.createElement(DataGrid.Export, {
-      enabled: true,
-      allowExportSelectedData: true,
-      formats: props.exportFormats !== undefined ? props.exportFormats : ['xlsx']
-    });
-  };
-  var onExporting = function onExporting(e) {
-    if (e.format === 'xlsx') {
-      var workbook = new exceljs.Workbook();
-      excel_exporter.exportDataGrid({
-        component: e.component,
-        worksheet: workbook.addWorksheet('Main sheet'),
-        autoFilterEnabled: true
-      }).then(function () {
-        workbook.xlsx.writeBuffer().then(function (buffer) {
-          fileSaverEs.saveAs(new Blob([buffer], {
-            type: 'application/octet-stream'
-          }), fileName + '.xlsx');
-        });
-      });
-    } else {
-      var doc = new jsPDF();
-      pdf_exporter.exportDataGrid({
-        jsPDFDocument: doc,
-        component: e.component,
-        indent: 5
-      }).then(function () {
-        doc.save(fileName + '.pdf');
-      });
-    }
-  };
-  var customLoad = function customLoad() {
-    var state = JSON.parse(localStorage.getItem(props.exportFileName + "Storage"));
-    if (localStorage.getItem(props.exportFileName + "Storage")) {
-      state.selectedRowKeys = [];
-      if (props.filterEnabledShow) state.filterPanel = {
-        filterEnabled: false
-      };else state.filterPanel = {
-        filterEnabled: true
-      };
-    }
-    return state;
-  };
-  var customSave = function customSave(state) {
-    state.selectedRowKeys = [];
-    if (props.filterEnabledShow) state.filterPanel = {
-      filterEnabled: false
-    };else state.filterPanel = {
-      filterEnabled: true
-    };
-    localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
-  };
-  React.useEffect(function () {
-    localization.locale(localStorage.getItem("locale"));
-    localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
-  }, []);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "odsDatagrid",
-    style: {
-      width: "100%",
-      overflowX: 'hidden',
-      overflowY: "hidden"
-    }
-  }, React__default.createElement(DataGrid.DataGrid, Object.assign({
-    dataSource: props.dataSource,
-    keyExpr: props.keyExpr,
-    allowColumnResizing: props.allowColumnResizing ? props.allowColumnResizing : true,
-    columnResizingMode: "nextColumn",
-    onContentReady: props.onContentReady,
-    onRowInserted: props.onRowInserted,
-    onRowUpdated: props.onRowUpdated,
-    onRowRemoved: props.onRowRemoved,
-    onEditorPreparing: props.onEditorPreparing,
-    onSaving: props.onSaving,
-    allowColumnReordering: props.allowColumnReordering ? props.allowColumnReordering : true,
-    showRowLines: props.showRowLines ? props.showRowLines : true,
-    showBorders: props.showBorders ? props.showBorders : true,
-    columnAutoWidth: props.columnAutoWidth == undefined ? false : props.columnAutoWidth,
-    focusedRowEnabled: props.focusedRowEnabled ? props.focusedRowEnabled : false,
-    wordWrapEnabled: props.wordWrapEnabled == undefined ? false : props.wordWrapEnabled,
-    onEditCanceling: props.onEditCanceling,
-    onExporting: onExporting,
-    filterSyncEnabled: props.filterSyncEnabled ? props.filterSyncEnabled : true,
-    scrolling: {
-      useNative: props.scrolUseNative == undefined ? false : props.scrolUseNative
-    },
-    height: props.height == undefined ? window.innerHeight - 164 : props.height,
-    repaintChangesOnly: props.repaintChangesOnly ? props.repaintChangesOnly : true,
-    remoteOperations: props.remoteOperations ? props.remoteOperations : false,
-    ref: dataGridRef,
-    selectedRowKeys: props.selectedRowKeys,
-    onSelectionChanged: props.onSelectionChanged
-  }, props), React__default.createElement(DataGrid.LoadPanel, {
-    enabled: true
-  }), React__default.createElement(DataGrid.Paging, {
-    defaultPageSize: props.pageSize
-  }), props.pagingEnable && React__default.createElement(DataGrid.Pager, {
-    visible: false,
-    displayMode: "full",
-    showPageSizeSelector: false,
-    showNavigationButtons: false,
-    showInfo: false
-  }), props.searchEnable && React__default.createElement(DataGrid.SearchPanel, {
-    visible: true
-  }), props.filterEnable && React__default.createElement(DataGrid.FilterRow, {
-    visible: true
-  }), React__default.createElement(DataGrid.FilterPanel, {
-    visible: true
-  }), props.headerFilterEnable && React__default.createElement(DataGrid.HeaderFilter, {
-    visible: true
-  }), React__default.createElement(DataGrid.ColumnChooser, {
-    enabled: true,
-    mode: "select"
-  }, !props.columnChooserPositionDisabled && React__default.createElement(DataGrid.Position, {
-    my: "right top",
-    at: "right bottom",
-    of: ".dx-datagrid-column-chooser-button"
-  }), React__default.createElement(DataGrid.ColumnChooserSearch, {
-    enabled: true
-  }), React__default.createElement(DataGrid.ColumnChooserSelection, {
-    allowSelectAll: true,
-    selectByClick: true,
-    recursive: true
-  })), props.editEnable === true && React__default.createElement(DataGrid.Editing, {
-    mode: props.edit.mode,
-    allowUpdating: props.edit.allowUpdating,
-    allowDeleting: props.edit.allowDeleting,
-    allowAdding: props.edit.allowAdding,
-    useIcons: true
-  }, props.edit.mode === "popup" && React__default.createElement(DataGrid.Popup, {
-    title: props.popupTitle,
-    showTitle: true,
-    width: 700,
-    height: 300,
-    showCloseButton: false
-  }), React__default.createElement(DataGrid.Form, null, props.formItems.map(function (formItem) {
-    return React__default.createElement(form.Item, {
-      itemType: formItem.itemType,
-      colCount: formItem.colCount,
-      colSpan: formItem.colSpan
-    }, formItem.items.map(function (subItem) {
-      return React__default.createElement(form.Item, {
-        key: subItem.dataField,
-        dataField: subItem.dataField
-      });
-    }));
-  }))), React__default.createElement(DataGrid.Scrolling, {
-    mode: props.scroll.mode,
-    showScrollbar: props.scroll.showScrollbar,
-    scrollByContent: props.scroll.scrollByContent,
-    scrollByThumb: props.scroll.scrollByThumb
-  }), ((_props$selectOptions = props.selectOptions) === null || _props$selectOptions === void 0 ? void 0 : _props$selectOptions.selectEnable) && React__default.createElement(DataGrid.Selection, {
-    mode: (_props$selectOptions$ = (_props$selectOptions2 = props.selectOptions) === null || _props$selectOptions2 === void 0 ? void 0 : _props$selectOptions2.mode) != null ? _props$selectOptions$ : "multiple",
-    deferred: (_props$selectOptions$2 = (_props$selectOptions3 = props.selectOptions) === null || _props$selectOptions3 === void 0 ? void 0 : _props$selectOptions3.deferred) != null ? _props$selectOptions$2 : true
-  }), props.exportEnable === true && React__default.createElement(DataGrid.Export, {
-    enabled: true,
-    allowExportSelectedData: true,
-    formats: props.exportFormats
-  }), props.columns.map(function (col) {
-    return React__default.createElement(DataGrid.Column, Object.assign({
-      key: col.dataField
-    }, col), col.required && React__default.createElement(DataGrid.RequiredRule, {
-      message: col.requiredMessage
-    }), col.dataField === 'IsActive' && React__default.createElement(DataGrid.HeaderFilter, {
-      dataSource: [{
-        text: 'All',
-        value: null
-      }, {
-        text: 'Active',
-        value: true
-      }, {
-        text: 'Passive',
-        value: false
-      }]
-    }));
-  }), React__default.createElement(DataGrid.Column, {
-    dataField: "Actions",
-    fixed: true,
-    allowSorting: false,
-    caption: props.actionColumnCaption,
-    type: "buttons",
-    showInColumnChooser: false
-  }, props.edit.allowUpdating && React__default.createElement(DataGrid.Button, {
-    hint: props.hintForEditButton,
-    visible: true,
-    disabled: props.actionPermission == undefined ? false : !props.actionPermission,
-    icon: "edit",
-    onClick: props.editButtonClick
-  }), props.edit.allowDeleting && React__default.createElement(DataGrid.Button, {
-    hint: props.hintForDeleteButton,
-    visible: true,
-    disabled: props.actionPermission == undefined ? false : !props.actionPermission,
-    icon: "trash",
-    onClick: props.deleteButtonClick
-  }), props.actionColumnEnable !== undefined && props.actionColumnEnable === true && React__default.createElement(DataGrid.Column, {
-    dataField: "Actions",
-    fixed: true,
-    allowSorting: false,
-    caption: props.actionColumnCaption,
-    type: "buttons",
-    showInColumnChooser: false
-  }, props.actionButtonGroup && Array.isArray(props.actionButtonGroup) && props.actionButtonGroup.map(function (buttonItem) {
-    return React__default.createElement(DataGrid.Button, {
-      hint: buttonItem.hint,
-      visible: buttonItem.visible,
-      disabled: buttonItem.actionPermission == undefined ? false : !buttonItem.actionPermission,
-      icon: server_browser.renderToString(React__default.createElement(DynamicIcon, {
-        iconName: buttonItem.icon
-      })),
-      onClick: buttonItem.onClick
-    });
-  }))), props.edit && React__default.createElement(DataGrid.Editing, {
-    mode: props.edit.mode,
-    allowUpdating: props.edit.allowUpdating,
-    allowDeleting: props.edit.allowDeleting,
-    allowAdding: props.edit.allowAdding,
-    useIcons: true
-  }, props.edit.mode === "popup" && React__default.createElement("div", null, React__default.createElement(DataGrid.Popup, {
-    showTitle: true,
-    width: 700,
-    height: 300,
-    showCloseButton: false
-  }), React__default.createElement(DataGrid.Form, null, props.edit.formItems && props.edit.formItems.map(function (formItem) {
-    return React__default.createElement(form.Item, {
-      itemType: formItem.itemType,
-      colCount: formItem.colCount,
-      colSpan: formItem.colSpan
-    }, formItem.items.map(function (subItem) {
-      return React__default.createElement(form.Item, {
-        key: subItem.dataField,
-        dataField: subItem.dataField
-      });
-    }));
-  })))), React__default.createElement(DataGrid.Toolbar, null, props.pageTitle && React__default.createElement(DataGrid.Item, {
-    location: "before"
-  }, React__default.createElement(antd.Typography.Title, {
-    level: 5,
-    style: {
-      display: "flex",
-      alignItems: "center",
-      gap: "4px",
-      alignSelf: "stretch"
-    }
-  }, props.pageTitle)), props.toolbarButtonGroup.map(function (buttonGroupItem) {
-    return React__default.createElement(DataGrid.Item, {
-      location: "before"
-    }, React__default.createElement(OdsButton, {
-      type: buttonGroupItem.type,
-      disabled: buttonGroupItem.actionPermission == undefined ? false : !buttonGroupItem.actionPermission,
-      onClick: buttonGroupItem.onclick
-    }, buttonGroupItem.label));
-  }), React__default.createElement(DataGrid.Item, {
-    name: "searchPanel"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "columnChooserButton"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "exportButton"
-  }), React__default.createElement(DataGrid.Item, {
-    menuItemRender: renderMenuItem
-  })), React__default.createElement(DataGrid.Summary, null, React__default.createElement(DataGrid.TotalItem, {
-    column: props.summaryTotalColumnName == undefined ? "Id" : props.summaryTotalColumnName,
-    summaryType: "count",
-    displayFormat: props.summaryTotalDataDisplayLabel + " : " + (props.summaryTotalDataCount == undefined ? "{0}" : props.summaryTotalDataCount + " / " + props.summaryTotalPagesize)
-  })), props.storeState && React__default.createElement(DataGrid.StateStoring, {
-    enabled: true,
-    type: "custom",
-    customLoad: customLoad,
-    customSave: customSave
-  }))));
-}
-
-// A type of promise-like that resolves synchronously and supports only one observer
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-// Asynchronously await a promise and pass the result to a finally continuation
-function _finallyRethrows(body, finalizer) {
-	try {
-		var result = body();
-	} catch (e) {
-		return finalizer(true, e);
-	}
-	if (result && result.then) {
-		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
-	}
-	return finalizer(false, result);
-}
-
 /**
  * Checks if `value` is the
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
@@ -17041,7 +16430,24 @@ function throttle(func, wait, options) {
 
 var throttle_1 = throttle;
 
-var exportFormats$3 = ['xlsx'];
+var iconComponents = {
+  edit: outline.EditIcon,
+  "delete": outline.Trash1Icon,
+  copy: outline.CopyIcon,
+  discount: outline.DiscountIcon,
+  kebabMenu: outline.KebabMenuIcon,
+  refresh: outline.RefreshIcon
+};
+var DynamicIcon = function DynamicIcon(_ref) {
+  var iconName = _ref.iconName;
+  var IconComponent = iconComponents[iconName];
+  if (!IconComponent) {
+    return null;
+  }
+  return React__default.createElement(IconComponent, null);
+};
+
+var exportFormats$2 = ['xlsx'];
 var totalPageCount = 1;
 var loadedPageCount = 1;
 var totalRecordCount = 0;
@@ -17176,7 +16582,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
                     loadedPageCount = 1;
                   } else if (totalPageCount >= loadedPageCount) {
                     setData(function (prevData) {
-                      return [].concat(prevData, newData.Data);
+                      var uniqueData = newData.Data.filter(function (newItem) {
+                        return !prevData.some(function (prevItem) {
+                          return prevItem.Id === newItem.Id;
+                        });
+                      });
+                      return [].concat(prevData, uniqueData);
                     });
                   }
                   totalPageCount = newData.PageCount;
@@ -17531,7 +16942,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }), React__default.createElement(DataGrid.Export, {
     enabled: true,
     allowExportSelectedData: true,
-    formats: exportFormats$3
+    formats: exportFormats$2
   }), ((_props$selectOptions = props.selectOptions) === null || _props$selectOptions === void 0 ? void 0 : _props$selectOptions.selectEnable) && React__default.createElement(DataGrid.Selection, {
     mode: (_props$selectOptions$ = (_props$selectOptions2 = props.selectOptions) === null || _props$selectOptions2 === void 0 ? void 0 : _props$selectOptions2.mode) != null ? _props$selectOptions$ : "multiple",
     deferred: (_props$selectOptions$2 = (_props$selectOptions3 = props.selectOptions) === null || _props$selectOptions3 === void 0 ? void 0 : _props$selectOptions3.deferred) != null ? _props$selectOptions$2 : true
@@ -17612,7 +17023,6 @@ exports.OdsCheckboxGroup = OdsCheckboxGroup;
 exports.OdsCollapse = OdsCollapse;
 exports.OdsCustomMultiSelect = OdsCustomMultiSelect;
 exports.OdsDataGrid = OdsDataGrid;
-exports.OdsDataGridNew = OdsDataGridNew;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDatepicker;
 exports.OdsDisplayGrid = OdsDisplayGrid;
@@ -17624,13 +17034,11 @@ exports.OdsInput = OdsInput;
 exports.OdsInputNumber = OdsInputNumber;
 exports.OdsLink = OdsLink;
 exports.OdsList = OdsList;
-exports.OdsLogin = OdsLogin;
 exports.OdsModal = OdsModal;
 exports.OdsNotification = OdsNotification;
 exports.OdsParagraph = OdsParagraph;
 exports.OdsPassword = OdsPassword;
 exports.OdsPhoneInput = OdsPhoneInput;
-exports.OdsProfDataGrid = OdsProfDataGrid;
 exports.OdsRadio = OdsRadio;
 exports.OdsRadioGroup = OdsRadioGroup;
 exports.OdsRangeTimepicker = OdsRangeTimepicker;