ods-component-lib 1.18.125 → 1.18.127

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

@@ -6,6 +6,11 @@ declare type FileUploadProps = {
     allowDocumentUpload?: boolean;
     multipleDoc?: boolean;
     removeFile?: (file: any) => void;
+    customValidationMessages: IValidationMessageOptions;
 };
+interface IValidationMessageOptions {
+    sizeValidationFailMessage?: string;
+    typeValidationFailMessage?: string;
+}
 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/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.js

@@ -1761,7 +1761,8 @@ function OdsFileUpload(props) {
     _props$allowDocumentU = props.allowDocumentUpload,
     allowDocumentUpload = _props$allowDocumentU === void 0 ? false : _props$allowDocumentU,
     _props$multipleDoc = props.multipleDoc,
-    multipleDoc = _props$multipleDoc === void 0 ? false : _props$multipleDoc;
+    multipleDoc = _props$multipleDoc === void 0 ? false : _props$multipleDoc,
+    customValidationMessages = props.customValidationMessages;
   var _useState = React.useState(false),
     previewOpen = _useState[0],
     setPreviewOpen = _useState[1];
@@ -1815,9 +1816,21 @@ function OdsFileUpload(props) {
         var isFileSizeOk = file.size / (1024 * 1024) <= 1;
         var checkType = fileType.includes(file.type);
         if (!checkType) {
+          OdsNotification({
+            title: "",
+            content: customValidationMessages.typeValidationFailMessage,
+            type: "warning",
+            placement: "bottom"
+          });
           return Promise.resolve(antd.Upload.LIST_IGNORE);
         }
         if (!isFileSizeOk) {
+          OdsNotification({
+            title: "",
+            content: customValidationMessages.sizeValidationFailMessage,
+            type: "warning",
+            placement: "bottom"
+          });
           return Promise.resolve(antd.Upload.LIST_IGNORE);
         }
         return Promise.resolve(false);
@@ -33488,39 +33501,33 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   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 _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 _useState7 = React.useState([]),
-    selectedCells = _useState7[0],
-    setSelectedCells = _useState7[1];
+    hoveredCells = _useState7[0],
+    setHoveredCells = _useState7[1];
   var _useState8 = React.useState([]),
-    hoveredCells = _useState8[0],
-    setHoveredCells = _useState8[1];
-  var _useState9 = React.useState([]),
-    ctrlSelectedCells = _useState9[0],
-    setCtrlSelectedCells = _useState9[1];
+    ctrlSelectedCells = _useState8[0],
+    setCtrlSelectedCells = _useState8[1];
+  var _useState9 = React.useState(false),
+    ctrlSelection = _useState9[0],
+    setCtrlSelection = _useState9[1];
   var _useState10 = React.useState(false),
-    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];
-  var _useState13 = React.useState(0),
-    rowCount = _useState13[0],
-    setRowCount = _useState13[1];
+    contentReady = _useState10[0],
+    setContentReady = _useState10[1];
+  var _useState11 = React.useState(0),
+    scrollPosition = _useState11[0],
+    setScrollPosition = _useState11[1];
   var _useStyles = useStyles(),
     gridStyle = _useStyles.styles;
   React.useEffect(function () {
@@ -33529,7 +33536,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     constants.totalRecordCount = 0;
   }, [props.dataGridPageName]);
   React.useEffect(function () {
-    console.log(rowCount);
     if (props.columns !== undefined && props.columns.length > 0) {
       var newColumns = props.columns.map(function (colItem) {
         if (colItem.tooltip !== undefined && colItem.tooltip.enable) {
@@ -33593,15 +33599,12 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     var dataGridInstance = gridRef.current.instance;
     dataGridInstance.on("dataChanged", checkData);
     checkData();
-    setLoading(false);
     return function () {
       document.head.removeChild(styleSheet);
       dataGridInstance.off("dataChanged", checkData);
     };
   }, [data]);
   var onCustomSelectionChanged = React.useCallback(function (e) {
-    var selectedRows = gridRef.current.instance.getSelectedRowsData();
-    setRowCount(selectedRows.length);
     if (props.onSelectionChanged) {
       props.onSelectionChanged(e);
     }
@@ -33954,10 +33957,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var handleContentReady = function handleContentReady(e) {
     var dataGridInstance = e.component;
     var filteredDataCount = dataGridInstance.totalCount();
-    if (gridRef.current && gridRef.current.instance) {
-      var selectedRows = gridRef.current.instance.getSelectedRowsData();
-      setRowCount(selectedRows.length);
-    }
     if (filterApplied.current && filteredDataCount > 0) {
       setFilteredRowCount(filteredDataCount);
     } else {
@@ -34275,9 +34274,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     showInfo: false
   }), React__default.createElement(DataGrid.Scrolling, {
     mode: "infinite"
-  }), loading && React__default.createElement(DataGrid.LoadPanel, {
-    enabled: true,
-    shadingColor: "rgba(0,0,0,0.4)"
   }), React__default.createElement(DataGrid.SearchPanel, {
     visible: true
   }), React__default.createElement(DataGrid.FilterRow, {
@@ -35001,16 +34997,17 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var _useState = React.useState(50),
     currentPageSize = _useState[0],
     setCurrentPageSize = _useState[1];
-  var _useState2 = React.useState(false),
-    contentReady = _useState2[0],
-    setContentReady = _useState2[1];
-  var _useState3 = React.useState(0),
-    currentPage = _useState3[0],
-    setCurrentPage = _useState3[1];
+  var _useState2 = React.useState(0),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  var _useState3 = React.useState(false),
+    filterApplied = _useState3[0],
+    setFilterApplied = _useState3[1];
+  var totalUnfilteredCount = React.useRef(0);
+  var totalFilteredCount = React.useRef(0);
   var _useState4 = React.useState(false),
-    filterApplied = _useState4[0],
-    setFilterApplied = _useState4[1];
-  var filteredRowCount = React.useRef(0);
+    updateTrigger = _useState4[0],
+    setUpdateTrigger = _useState4[1];
   var lastPageIndexRef = React.useRef(null);
   var _useState5 = React.useState({}),
     filterOptions = _useState5[0],
@@ -35022,63 +35019,23 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     gridStyle = _useStyles.styles;
   var renderTotal = React.useCallback(function () {
     var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4;
-    var totalLoaded = rowCount.current;
+    var totalLoaded = filterApplied ? totalFilteredCount.current : totalUnfilteredCount.current;
     var loadedPage = currentPage + 1;
     var totalRecords = props.totalRecordCount;
     var totalPageCount = Math.ceil(totalRecords / currentPageSize);
-    if (totalLoaded === 0) {
+    if (totalLoaded === 0 || totalLoaded === -1) {
       return "";
     }
     var displayText = filterApplied ? totalLoaded + " " + ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.summaryFilteredDataLabel) + " - " : totalLoaded + " " + ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.summaryLoadedDataLabel) + " - ";
     var result = "" + displayText + totalRecords + " " + ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.summaryTotalDataLabel);
     result += " - " + ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.summaryTotalPageCountLabel) + " " + loadedPage + " / " + totalPageCount;
     return result;
-  }, [props.totalRecordCount, currentPageSize, props.customSummary, currentPage, filteredRowCount.current, filterApplied]);
-  React.useEffect(function () {
-    var loadFilterData = function loadFilterData() {
-      try {
-        var newFilterOptions = {};
-        var _loop = function _loop() {
-          var col = _step.value;
-          try {
-            if (headerFilterData.length > 0) {
-              var newData = headerFilterData.filter(function (item) {
-                return item[col.dataField] != null && item[col.dataField] !== "";
-              }).map(function (item) {
-                return item[col.dataField].toString();
-              });
-              var values = newData.map(function (group) {
-                return {
-                  text: group,
-                  value: group
-                };
-              });
-              newFilterOptions[col.dataField] = values;
-            }
-          } catch (error) {
-            console.error('Error loading data for header filter:', error);
-          }
-        };
-        for (var _iterator = _createForOfIteratorHelperLoose(props.columns), _step; !(_step = _iterator()).done;) {
-          _loop();
-        }
-        setFilterOptions(newFilterOptions);
-        return Promise.resolve();
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-    loadFilterData();
-  }, [headerFilterData]);
-  React.useEffect(function () {
-    setHeaderFilterData([]);
-  }, []);
+  }, [currentPage, currentPageSize, filterApplied, props.customSummary, props.totalRecordCount]);
   var handleContentReady = React.useCallback(function (e) {
     var _dataGridInstance$get;
     var dataGridInstance = e.component;
     var currentPageIndex = dataGridInstance.pageIndex();
     var currentTotalCount = dataGridInstance.totalCount();
-    var currentPageSizeValue = dataGridInstance.pageSize();
     var newData = dataGridInstance === null || dataGridInstance === void 0 ? void 0 : (_dataGridInstance$get = dataGridInstance.getDataSource()) === null || _dataGridInstance$get === void 0 ? void 0 : _dataGridInstance$get.items();
     if (lastPageIndexRef.current !== currentPageIndex && newData && newData.length > 0) {
       setHeaderFilterData(function (prevData) {
@@ -35107,24 +35064,94 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
         });
         return [].concat(prevData, newItems);
       });
+      setCurrentPage(currentPageIndex);
+      setCurrentPageSize(dataGridInstance.pageSize());
+      rowCount.current = currentTotalCount;
+      if (filterApplied) {
+        totalFilteredCount.current = currentTotalCount;
+      } else {
+        totalUnfilteredCount.current = currentTotalCount;
+      }
+      if (!filterApplied && totalFilteredCount.current === 0) {
+        totalFilteredCount.current = totalUnfilteredCount.current;
+      }
+      setUpdateTrigger(function (prev) {
+        return !prev;
+      });
       lastPageIndexRef.current = currentPageIndex;
-      if (!contentReady) setContentReady(true);
     }
-    setCurrentPage(currentPageIndex);
-    setCurrentPageSize(currentPageSizeValue);
-    rowCount.current = currentTotalCount > -1 ? currentTotalCount : rowCount.current;
-  }, []);
+  }, [props.columns, filterApplied]);
   var handleOptionChanged = React.useCallback(function (e) {
+    var dataGrid = props.dataGridRef.current.instance;
+    var updateFilterStatus = function updateFilterStatus(value) {
+      var active = value !== "" && value !== null && value !== undefined && !(Array.isArray(value) && value.length === 0);
+      setFilterApplied(active);
+      return active;
+    };
     if (e.fullName.includes("sortOrder")) {
-      props.dataGridRef.current.instance.getScrollable().scrollTo(0);
+      dataGrid.getScrollable().scrollTo(0);
     }
+    var filterActive = false;
     if (e.name === "filterValue") {
-      setFilterApplied(!!(e.value && e.value.length > 0));
+      filterActive = updateFilterStatus(e.value);
     } else if (e.name === "columns" && e.fullName.includes("filterValue")) {
-      setFilterApplied(!!e.value);
-    } else if (e.name === "filterPanel" && e.fullName === "filterPanel.filterEnabled") {
+      filterActive = updateFilterStatus(e.value);
+    } else if (e.name === "filterPanel" && e.fullName.includes("filterPanel.filterEnabled")) {
       setFilterApplied(e.value);
+      filterActive = e.value;
+    } else if (e.fullName.includes("searchPanel.text")) {
+      filterActive = updateFilterStatus(e.value);
+    }
+    if (filterActive) {
+      setTimeout(function () {
+        dataGrid.refresh().done(function () {
+          totalFilteredCount.current = dataGrid.totalCount();
+          setUpdateTrigger(function (prev) {
+            return !prev;
+          });
+        });
+      }, 0);
     }
+  }, [props.dataGridRef]);
+  React.useEffect(function () {}, [updateTrigger]);
+  React.useEffect(function () {
+    var loadFilterData = function loadFilterData() {
+      try {
+        var newFilterOptions = {};
+        var _loop = function _loop() {
+          var col = _step.value;
+          try {
+            if (headerFilterData.length > 0) {
+              var newData = headerFilterData.filter(function (item) {
+                return item[col.dataField] != null && item[col.dataField] !== "";
+              }).map(function (item) {
+                return item[col.dataField].toString();
+              });
+              var values = newData.map(function (group) {
+                return {
+                  text: group,
+                  value: group
+                };
+              });
+              newFilterOptions[col.dataField] = values;
+            }
+          } catch (error) {
+            console.error('Error loading data for header filter:', error);
+          }
+        };
+        for (var _iterator = _createForOfIteratorHelperLoose(props.columns), _step; !(_step = _iterator()).done;) {
+          _loop();
+        }
+        setFilterOptions(newFilterOptions);
+        return Promise.resolve();
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    loadFilterData();
+  }, [headerFilterData, props.columns]);
+  React.useEffect(function () {
+    setHeaderFilterData([]);
   }, []);
   var actionButtons = React.useMemo(function () {
     if (props.actionButtonGroup) {