ods-component-lib 1.18.99 → 1.18.102

package/dist/components/antd/fileUpload/OdsFileUpload.d.ts

@@ -1,12 +1,11 @@
 import React from "react";
 declare type FileUploadProps = {
     image: any | null;
-    setFile?: (file: any) => void;
     title: string;
     sendDataToParent: (obj: any) => void;
     allowDocumentUpload?: boolean;
     multipleDoc?: boolean;
     removeFile?: (file: any) => void;
 };
-declare const OdsFileUpload: (props: FileUploadProps) => React.JSX.Element;
+declare function OdsFileUpload(props: FileUploadProps): React.JSX.Element;
 export default OdsFileUpload;

package/dist/components/antd/form/OdsBasicForm.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormProps, ButtonProps } from 'antd';
+export interface IFormItemRuleProps {
+    required?: boolean;
+    message?: string;
+}
+export interface IFormItemProps {
+    label?: string;
+    name?: string;
+    formItemType: string;
+    rules?: IFormItemRuleProps[];
+}
+export interface IFormProps extends FormProps {
+    formItems: IFormItemProps[];
+    formButtons: ButtonProps[];
+}
+declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
+export default OdsBasicForm;

package/dist/components/antd/icon/OdsIcon.d.ts

@@ -0,0 +1,10 @@
+import { IconBaseProps } from "@ant-design/icons/lib/components/Icon";
+import React from "react";
+export interface IconProps extends IconBaseProps {
+    type: string;
+    twoToneColor?: string;
+    iconComponent?: string;
+    iconSVCName?: string;
+}
+declare function OdsIcon(props: IconProps): React.JSX.Element;
+export default OdsIcon;

package/dist/components/antd/modal/OdsAdvanceModal.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from "antd";
+import React from "react";
+export interface ICustomModalProps extends ModalProps {
+    content: React.ReactNode;
+}
+declare const OdsAdvanceModal: React.FC<ICustomModalProps>;
+export default OdsAdvanceModal;

package/dist/components/antd/select/OdsCustomMultiSelect.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectProps } from "antd";
+export interface ISelectProps extends SelectProps {
+    buttonLabel: string;
+}
+declare function OdsCustomMultiSelect(props: ISelectProps): React.JSX.Element;
+export default OdsCustomMultiSelect;

package/dist/components/antd/select/OdsMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SelectProps } from "antd";
+import { IOdsSelectOption } from "./OdsSelect.styled";
+export interface OdsMultiSelectProps extends SelectProps {
+    selectAllText?: string | undefined;
+    dataSource: IOdsSelectOption[];
+}
+declare const OdsMultiSelect: (props: OdsMultiSelectProps) => React.JSX.Element;
+export default OdsMultiSelect;

package/dist/components/custom/OdsLogin.d.ts

@@ -0,0 +1,8 @@
+import { FormProps } from "antd";
+import React from "react";
+export interface IFormProps extends FormProps {
+    items: any[];
+    loading: boolean;
+}
+declare function OdsLogin(props: IFormProps): React.JSX.Element;
+export default OdsLogin;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

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

@@ -0,0 +1,56 @@
+import React from "react";
+import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
+import { ButtonType } from "antd/es/button/buttonHelpers";
+interface IButtonGroup extends IButtonProps {
+    type?: ButtonType;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
+}
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
+}
+interface IOdsDataGridProps extends IDataGridOptions {
+    actionButtonGroup?: IButtonGroup[];
+    toolbarButtonGroup?: IButtonGroup[];
+    exportFileName?: string;
+    summaryTotalColumnName?: string;
+    storeState?: boolean;
+    summaryTotalDataCount?: number;
+    summaryTotalDataDisplayLabel?: string;
+    summaryTotalPagesize?: number;
+    editHintLabel?: string;
+    editButtonClick?: any;
+    deleteButtonClick?: any;
+    pageTitle?: string;
+    pageSize?: number;
+    pagingEnable?: boolean;
+    searchEnable?: boolean;
+    filterEnable?: boolean;
+    headerFilterEnable?: boolean;
+    columnChooserPositionDisabled?: boolean;
+    editEnable?: boolean;
+    popupTitle?: string;
+    scroll?: any;
+    exportEnable?: boolean;
+    customPopup?: boolean;
+    onExportingCustom?: any;
+    filterEnabledShow?: boolean;
+    scrolUseNative?: boolean;
+    formItems?: any[];
+    hintForDeleteButton?: string;
+    hintForEditButton?: string;
+    exportFormats?: string[];
+    actionPermission?: boolean;
+    columns: any[];
+    actionColumnEnable?: boolean;
+    edit?: IEditingoptions;
+    selectOptions?: ISelectOptions;
+    actionColumnCaption?: string;
+}
+declare function OdsDataGridNew(props: IOdsDataGridProps): React.JSX.Element;
+export default OdsDataGridNew;

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsProfDataGrid(props: any): React.JSX.Element;
+export default OdsProfDataGrid;

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

@@ -6,6 +6,6 @@ export declare const addNewFieldForFastUpdate: (data: any[]) => any[];
 export declare const getRequestHeaders: (props: any) => Headers;
 export declare const concatFilteredLabel: (result: string, totalloaded: number, filteredRowCount: number, filterApplied: boolean, props: any) => string;
 export declare const showSummaryItems: (props: IOdsDataGridProps) => boolean;
-export declare const getSummaryItems: (props: IOdsDataGridProps, columns: any[], grid: any) => ReactElement[];
-export declare const getSummaryItem: (col: any, visibleIndex: number, summaryType: SummaryTypes, label?: string) => ReactElement;
+export declare const getSummaryItems: (props: IOdsDataGridProps, columns: any[], grid: any, isMultiLevelColumn?: boolean) => ReactElement[];
+export declare const getSummaryItem: (col: any, visibleIndex: number, summaryType: SummaryTypes, isMultiLevelColumn: boolean, label?: string) => ReactElement;
 export declare const getMultiLevelColumns: (col: any) => any;

package/dist/components/devextreme/treeview/DxTreeView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DxTreeView: (props: any) => React.JSX.Element;
+export default DxTreeView;

package/dist/index.d.ts

@@ -49,6 +49,7 @@ import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
 import OdsModal from "./components/antd/modal/OdsModal";
 import OdsFilter from "./components/filter/OdsFilter";
 import OdsFilterTagView from "./components/filter/OdsFilterTagView";
+import OdsFileUpload from "./components/antd/fileUpload/OdsFileUpload";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };
@@ -98,6 +99,7 @@ export { OdsBadgeRibbon };
 export { OdsModal };
 export { OdsFilter };
 export { OdsFilterTagView };
+export { OdsFileUpload };
 export { OdsDataGrid };
 export { OdsDisplayGrid };
 export { OdsRemoteDataGrid } from "./components/devextreme/index";

package/dist/index.js

@@ -1718,6 +1718,228 @@ var OdsFilter = function OdsFilter(props) {
   }, props.buttonApplyName))))));
 };
 
+var Title$1 = antd.Typography.Title;
+function OdsFileUpload(props) {
+  var image = props.image,
+    removeFile = props.removeFile,
+    title = props.title,
+    sendDataToParent = props.sendDataToParent,
+    _props$allowDocumentU = props.allowDocumentUpload,
+    allowDocumentUpload = _props$allowDocumentU === void 0 ? false : _props$allowDocumentU,
+    _props$multipleDoc = props.multipleDoc,
+    multipleDoc = _props$multipleDoc === void 0 ? false : _props$multipleDoc;
+  var _useState = React.useState(false),
+    previewOpen = _useState[0],
+    setPreviewOpen = _useState[1];
+  var _useState2 = React.useState(null),
+    previewImage = _useState2[0],
+    setPreviewImage = _useState2[1];
+  var _useState3 = React.useState([]),
+    fileList = _useState3[0],
+    setFileList = _useState3[1];
+  var _useState4 = React.useState(""),
+    previewFileName = _useState4[0],
+    setPreviewFileName = _useState4[1];
+  var getBase64 = function getBase64(img, callback) {
+    var reader = new FileReader();
+    reader.addEventListener('load', function () {
+      return callback(reader.result);
+    });
+    if (img !== undefined) {
+      reader.readAsDataURL(img);
+      if (!multipleDoc) setPreviewFileName(img.name);
+    }
+  };
+  var uploadProps = {
+    name: 'file',
+    accept: allowDocumentUpload ? "image/png,image/jpg,image/jpeg,image/svg+xml,application/pdf,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" : "image/png,image/jpg,image/jpeg,image/svg+xml",
+    multiple: multipleDoc,
+    maxCount: multipleDoc ? 10 : 1,
+    listType: 'picture-card',
+    type: "select",
+    onPreview: function onPreview(file) {
+      if (multipleDoc) {
+        var fileExtension = file.name != "" ? file.name.split('.').pop().toLowerCase() : file.url.split('.').pop().toLowerCase();
+        if (fileExtension === "docx" || fileExtension === "xlsx") {
+          downloadFile(file.url, file.thumbUrl, file.name);
+          setPreviewOpen(false);
+          return;
+        }
+        setPreviewFileName(file.name);
+      }
+      setPreviewImage(file.url || file.thumbUrl || '');
+      handlePreview();
+    },
+    showUploadList: {
+      showPreviewIcon: true,
+      showRemoveIcon: true,
+      showDownloadIcon: true
+    },
+    beforeUpload: function (file) {
+      try {
+        var fileType = allowDocumentUpload ? ["image/png", "image/jpg", "image/jpeg", "image/svg+xml", "application/pdf", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"] : ["image/png", "image/jpg", "image/jpeg", "image/svg+xml"];
+        var isFileSizeOk = file.size / (1024 * 1024) <= 1;
+        var checkType = fileType.includes(file.type);
+        if (!checkType) {
+          return Promise.resolve(antd.Upload.LIST_IGNORE);
+        }
+        if (!isFileSizeOk) {
+          return Promise.resolve(antd.Upload.LIST_IGNORE);
+        }
+        return Promise.resolve(false);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
+    onChange: function onChange(info) {
+      if (info.fileList) {
+        var updatedFileList = info.fileList.map(function (file) {
+          if (file.originFileObj) {
+            getBase64(file.originFileObj, function (url) {
+              sendDataToParent({
+                base64: url,
+                fileName: file.name,
+                plainTextBase64: splitAtFirstComma(url)[1],
+                id: file.uid
+              });
+            });
+          }
+          return file;
+        });
+        setFileList(updatedFileList);
+      }
+    },
+    onRemove: function onRemove(file) {
+      if (!multipleDoc) {
+        setFileList(null);
+        sendDataToParent({
+          base64: null,
+          fileName: null,
+          plainTextBase64: null,
+          id: null
+        });
+        return;
+      }
+      var updatedFileList = fileList.filter(function (item) {
+        return item.uid !== file.uid;
+      });
+      setFileList(updatedFileList);
+      removeFile(updatedFileList.map(function (file) {
+        return file.uid;
+      }));
+    },
+    onDownload: function onDownload(file) {
+      downloadFile(file.url, file.thumbUrl, file.name);
+    },
+    fileList: fileList
+  };
+  function splitAtFirstComma(input) {
+    var index = input.indexOf(',');
+    if (index !== -1) {
+      var firstPart = input.substring(0, index).trim();
+      var secondPart = input.substring(index + 1).trim();
+      return [firstPart, secondPart];
+    } else {
+      return [input, ''];
+    }
+  }
+  var handleCancel = function handleCancel() {
+    return setPreviewOpen(false);
+  };
+  var handlePreview = function handlePreview() {
+    setPreviewOpen(true);
+  };
+  React.useEffect(function () {
+    if (image) {
+      var formattedFiles = multipleDoc ? image.map(function (file) {
+        return {
+          uid: file.uid,
+          name: file.filename,
+          status: 'done',
+          url: file.url
+        };
+      }) : [{
+        uid: "1",
+        name: "file",
+        status: 'done',
+        url: image
+      }];
+      setFileList(formattedFiles);
+    }
+  }, [image]);
+  var renderPreviewContent = function renderPreviewContent(fileName, previewSrc) {
+    if (previewSrc === null) {
+      return "";
+    }
+    if (!multipleDoc) {
+      return React__default.createElement("img", {
+        alt: fileName == "" ? "file" : fileName,
+        style: {
+          width: '100%'
+        },
+        src: previewSrc
+      });
+    } else {
+      var fileExtension = fileName != "" ? fileName.split('.').pop().toLowerCase() : previewSrc.split('.').pop().toLowerCase();
+      if (fileExtension === "png" || fileExtension === "jpg" || fileExtension === "jpeg" || fileExtension === "svg") {
+        return React__default.createElement("img", {
+          alt: fileName == "" ? "file" : fileName,
+          style: {
+            width: '100%'
+          },
+          src: previewSrc
+        });
+      } else if (fileExtension === "pdf") {
+        return React__default.createElement("embed", {
+          src: previewSrc,
+          type: "application/pdf",
+          width: "100%",
+          height: "800px"
+        });
+      } else {
+        setPreviewOpen(false);
+        return "";
+      }
+    }
+  };
+  function downloadFile(url, thumbUrl, name) {
+    var base64 = url || thumbUrl;
+    var extension = name ? name.split('.').pop() : url.split('.').pop();
+    var fileName = name || "download." + extension;
+    fetch(base64).then(function (res) {
+      return res.blob();
+    }).then(function (blob) {
+      var blobURL = window.URL.createObjectURL(blob);
+      var link = document.createElement('a');
+      link.href = blobURL;
+      link.setAttribute('download', fileName);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(blobURL);
+    })["catch"](function (err) {
+      return console.error('Failed to download file:', err);
+    });
+  }
+  return React__default.createElement("div", null, React__default.createElement(Title$1, {
+    level: 5
+  }, title), React__default.createElement(antd.Upload, Object.assign({}, uploadProps), (fileList === null || fileList === void 0 ? void 0 : fileList.length) < 10 && React__default.createElement("div", null, React__default.createElement(icons.PlusOutlined, null), React__default.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, "Upload"))), React__default.createElement(antd.Modal, {
+    open: previewOpen,
+    title: null,
+    footer: null,
+    onCancel: handleCancel,
+    width: "100%"
+  }, React__default.createElement("div", {
+    style: {
+      padding: '25px'
+    }
+  }, renderPreviewContent(previewFileName, previewImage))));
+}
+
 // 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";
@@ -33477,21 +33699,32 @@ var showSummaryItems = function showSummaryItems(props) {
   var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4, _props$customSummary5;
   return ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.showAvgInSummary) || ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.showCountInSummary) || ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.showMaxInSummary) || ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.showMinInSummary) || ((_props$customSummary5 = props.customSummary) === null || _props$customSummary5 === void 0 ? void 0 : _props$customSummary5.showSumInSummary);
 };
-var getSummaryItems = function getSummaryItems(props, columns, grid) {
+var getSummaryItems = function getSummaryItems(props, columns, grid, isMultiLevelColumn) {
+  if (isMultiLevelColumn === void 0) {
+    isMultiLevelColumn = false;
+  }
   var totalItems = [];
   columns.map(function (col, _index) {
-    var _props$customSummary6, _props$customSummary7, _props$customSummary8, _props$customSummary9, _props$customSummary10, _props$customSummary11, _props$customSummary12, _props$customSummary13, _props$customSummary14, _props$customSummary15;
-    var colOption = grid.columnOption(col.dataField);
-    ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "avg", (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
-    ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "count", (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
-    ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "max", (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
-    ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "min", (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
-    ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "sum", (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
+    if (col.multiLevelColumns && col.multiLevelColumns.length > 0) {
+      totalItems = [].concat(totalItems, getSummaryItems(props, col.multiLevelColumns, grid, true));
+    } else {
+      var _props$customSummary6, _props$customSummary7, _props$customSummary8, _props$customSummary9, _props$customSummary10, _props$customSummary11, _props$customSummary12, _props$customSummary13, _props$customSummary14, _props$customSummary15;
+      var colOption = grid.columnOption(col.dataField);
+      if (!colOption) {
+        return col;
+      }
+      ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "avg", isMultiLevelColumn, (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
+      ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "count", isMultiLevelColumn, (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
+      ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "max", isMultiLevelColumn, (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
+      ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "min", isMultiLevelColumn, (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
+      ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "sum", isMultiLevelColumn, (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
+    }
+    return col;
   });
   return totalItems;
 };
-var getSummaryItem = function getSummaryItem(col, visibleIndex, summaryType, label) {
-  if (visibleIndex == 0) {
+var getSummaryItem = function getSummaryItem(col, visibleIndex, summaryType, isMultiLevelColumn, label) {
+  if (!isMultiLevelColumn && visibleIndex == 0) {
     return React__default.createElement(DataGrid.TotalItem, {
       column: col.dataField,
       summaryType: "custom",
@@ -33560,39 +33793,42 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var filterApplied = React.useRef(false);
   var pkName = keyExpr && keyExpr.toString();
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
-  var _useState = React.useState(props.columns),
-    gridColumns = _useState[0],
-    setGridColumns = _useState[1];
-  var _useState2 = React.useState(false),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = React.useState([]),
-    data = _useState3[0],
-    setData = _useState3[1];
-  var _useState4 = React.useState(0),
-    filteredRowCount = _useState4[0],
-    setFilteredRowCount = _useState4[1];
-  var _useState5 = React.useState(false),
-    isFastUpdateModalOpen = _useState5[0],
-    setIsFastUpdateModalOpen = _useState5[1];
-  var _useState6 = React.useState([]),
-    selectedCells = _useState6[0],
-    setSelectedCells = _useState6[1];
+  var _useState = React.useState(false),
+    render = _useState[0],
+    rerender = _useState[1];
+  var _useState2 = React.useState(props.columns),
+    gridColumns = _useState2[0],
+    setGridColumns = _useState2[1];
+  var _useState3 = React.useState(false),
+    loading = _useState3[0],
+    setLoading = _useState3[1];
+  var _useState4 = React.useState([]),
+    data = _useState4[0],
+    setData = _useState4[1];
+  var _useState5 = React.useState(0),
+    filteredRowCount = _useState5[0],
+    setFilteredRowCount = _useState5[1];
+  var _useState6 = React.useState(false),
+    isFastUpdateModalOpen = _useState6[0],
+    setIsFastUpdateModalOpen = _useState6[1];
   var _useState7 = React.useState([]),
-    hoveredCells = _useState7[0],
-    setHoveredCells = _useState7[1];
+    selectedCells = _useState7[0],
+    setSelectedCells = _useState7[1];
   var _useState8 = React.useState([]),
-    ctrlSelectedCells = _useState8[0],
-    setCtrlSelectedCells = _useState8[1];
-  var _useState9 = React.useState(false),
-    ctrlSelection = _useState9[0],
-    setCtrlSelection = _useState9[1];
+    hoveredCells = _useState8[0],
+    setHoveredCells = _useState8[1];
+  var _useState9 = React.useState([]),
+    ctrlSelectedCells = _useState9[0],
+    setCtrlSelectedCells = _useState9[1];
   var _useState10 = React.useState(false),
-    contentReady = _useState10[0],
-    setContentReady = _useState10[1];
-  var _useState11 = React.useState(0),
-    scrollPosition = _useState11[0],
-    setScrollPosition = _useState11[1];
+    ctrlSelection = _useState10[0],
+    setCtrlSelection = _useState10[1];
+  var _useState11 = React.useState(false),
+    contentReady = _useState11[0],
+    setContentReady = _useState11[1];
+  var _useState12 = React.useState(0),
+    scrollPosition = _useState12[0],
+    setScrollPosition = _useState12[1];
   React.useEffect(function () {
     constants.totalPageCount = 1;
     constants.loadedPageCount = 1;
@@ -33629,6 +33865,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       setGridColumns(newColumns);
     }
   }, [props.columns]);
+  React.useEffect(function () {
+    rerender(!render);
+  }, [gridColumns]);
   React.useEffect(function () {
     if (Array.isArray(props.dataSource)) {
       setData(props.dataSource);
@@ -34587,6 +34826,7 @@ exports.OdsDisplayGrid = OdsDisplayGrid;
 exports.OdsDivider = OdsDivider;
 exports.OdsDropdown = OdsDropdown;
 exports.OdsDropdownButton = OdsDropdownButton;
+exports.OdsFileUpload = OdsFileUpload;
 exports.OdsFilter = OdsFilter;
 exports.OdsFilterTagView = OdsFilterTagView;
 exports.OdsImage = OdsImage;