ods-component-lib 1.18.117 → 1.18.122

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/OdsServerSideDatagrid/OdsServerSideDatagrid.Types.d.ts

@@ -21,6 +21,7 @@ interface IExportProps {
     enabled: boolean;
     allowExportSelectedData?: boolean;
     fileName?: string;
+    selectedText?: string;
 }
 interface IToolbarButton {
     type: string;

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

@@ -25,7 +25,7 @@ var outline = require('ods-icon/react/24/outline');
 var devextremeReact = require('devextreme-react');
 var antdStyle = require('antd-style');
 require('devextreme/dist/css/dx.light.css');
-var saveAs = _interopDefault(require('file-saver'));
+var FileSaver = require('file-saver');
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -60,6 +60,37 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   strings.raw = raw;
   return strings;
 }
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 
 var _templateObject;
 var StyledAlert = styled__default(antd.Alert)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n //\n"])));
@@ -33859,10 +33890,11 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     };
   }, [data]);
   var onCustomSelectionChanged = React.useCallback(function (e) {
-    console.log('onCustomSelectionChanged: ', e);
-    gridRef.current.instance.getSelectedRowsData().then(function (selectedRowsData) {
-      setRowCount(selectedRowsData.length);
-    });
+    var selectedRows = gridRef.current.instance.getSelectedRowsData();
+    setRowCount(selectedRows.length);
+    if (props.onSelectionChanged) {
+      props.onSelectionChanged(e);
+    }
   }, []);
   var checkSortingPropertyForInitilaize = function checkSortingPropertyForInitilaize() {
     var onOptionChanged = props.onOptionChanged;
@@ -34386,9 +34418,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     var dataGridInstance = e.component;
     var filteredDataCount = dataGridInstance.totalCount();
     if (gridRef.current && gridRef.current.instance) {
-      gridRef.current.instance.getSelectedRowsData().then(function (selectedRowsData) {
-        setRowCount(selectedRowsData.length);
-      });
+      var selectedRows = gridRef.current.instance.getSelectedRowsData();
+      setRowCount(selectedRows.length);
     }
     if (filterApplied.current && filteredDataCount > 0) {
       setFilteredRowCount(filteredDataCount);
@@ -35070,71 +35101,6 @@ var useStyles$1 = antdStyle.createStyles(function (_ref) {
   };
 });
 
-var onExporting = function onExporting(e, baseFileName, getSummary) {
-  if (baseFileName === void 0) {
-    baseFileName = 'DataGrid';
-  }
-  var workbook = new exceljs.Workbook();
-  var worksheet = workbook.addWorksheet('Main sheet');
-  var rowCount = 0;
-  var lastProcessedRowData = null;
-  var now = new Date();
-  var datePart = ('0' + now.getDate()).slice(-2) + "." + ('0' + (now.getMonth() + 1)).slice(-2) + "." + now.getFullYear();
-  var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
-  var fullFileName = baseFileName + "-" + datePart + " / " + timePart + ".xlsx";
-  excel_exporter.exportDataGrid({
-    component: e.component,
-    worksheet: worksheet,
-    selectedRowsOnly: e.selectedRowsOnly,
-    customizeCell: function customizeCell(_ref) {
-      var gridCell = _ref.gridCell,
-        excelCell = _ref.excelCell;
-      if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
-        rowCount++;
-        lastProcessedRowData = gridCell.data;
-      }
-      if (gridCell.column.dataType === "datetime" && gridCell.value) {
-        var date = moment(gridCell.value);
-        var offsetMinutes = date.utcOffset();
-        var sign = offsetMinutes >= 0 ? "+" : "-";
-        var hours = Math.floor(Math.abs(offsetMinutes) / 60);
-        var minutes = Math.abs(offsetMinutes) % 60;
-        var formattedOffset = "UTC" + sign + hours.toString().padStart(2, "0") + ":" + minutes.toString().padStart(2, "0");
-        var formattedDate = date.format("DD.MM.YYYY HH:mm") + " " + formattedOffset;
-        excelCell.value = formattedDate;
-      } else {
-        excelCell.font = {
-          name: 'Arial',
-          size: 12
-        };
-        excelCell.alignment = {
-          horizontal: 'left'
-        };
-      }
-    }
-  }).then(function () {
-    var summaryResult = getSummary();
-    var summaryText = e.selectedRowsOnly ? summaryResult + " - " + rowCount + " Selected" : summaryResult;
-    if (summaryText) {
-      var lastRow = worksheet.addRow([summaryText]);
-      lastRow.font = {
-        name: 'Arial',
-        size: 10,
-        bold: true
-      };
-      lastRow.alignment = {
-        horizontal: 'left'
-      };
-    }
-    workbook.xlsx.writeBuffer().then(function (buffer) {
-      saveAs(new Blob([buffer], {
-        type: 'application/octet-stream'
-      }), fullFileName);
-    });
-  });
-  e.cancel = true;
-};
-
 var iconComponents = {
   edit: outline.EditIcon,
   "delete": outline.Trash1Icon,
@@ -35156,6 +35122,67 @@ var DynamicIcon = function DynamicIcon(_ref) {
   return React__default.createElement(IconComponent, null);
 };
 
+var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
+  var gridComponent = _ref.gridComponent,
+    baseFileName = _ref.baseFileName,
+    selectedText = _ref.selectedText,
+    getSummary = _ref.getSummary,
+    selectedRowsOnly = _ref.selectedRowsOnly;
+  var workbook = new exceljs.Workbook();
+  var worksheet = workbook.addWorksheet('Main Sheet');
+  var lastProcessedRowData = null;
+  var rowCount = 0;
+  excel_exporter.exportDataGrid({
+    component: gridComponent,
+    worksheet: worksheet,
+    selectedRowsOnly: selectedRowsOnly,
+    customizeCell: function customizeCell(options) {
+      var gridCell = options.gridCell,
+        excelCell = options.excelCell;
+      if (gridCell && excelCell) {
+        if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
+          rowCount++;
+          lastProcessedRowData = gridCell.data;
+        }
+        if (gridCell.column.dataType === "datetime" && gridCell.value) {
+          var date = moment(gridCell.value);
+          var formattedDate = date.format("DD.MM.YYYY HH:mm [UTC]Z");
+          excelCell.value = formattedDate;
+        } else {
+          excelCell.font = {
+            name: 'Arial',
+            size: 12
+          };
+          excelCell.alignment = {
+            horizontal: 'left'
+          };
+        }
+      }
+    }
+  }).then(function () {
+    var summaryResult = getSummary();
+    var summaryText = selectedRowsOnly ? summaryResult + " - " + rowCount + " " + selectedText : summaryResult;
+    var lastRow = worksheet.addRow([summaryText]);
+    lastRow.font = {
+      name: 'Arial',
+      size: 10,
+      bold: true
+    };
+    lastRow.alignment = {
+      horizontal: 'left'
+    };
+    workbook.xlsx.writeBuffer().then(function (buffer) {
+      var now = new Date();
+      var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
+      var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
+      var fullFileName = baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
+      FileSaver.saveAs(new Blob([buffer], {
+        type: 'application/octet-stream'
+      }), fullFileName);
+    });
+  });
+};
+
 var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var _props$columnResizing, _props$pagerProps$vis, _props$pagerProps, _props$pagerProps$sho, _props$pagerProps2, _props$pagerProps$sho2, _props$pagerProps3, _props$pagerProps$dis, _props$pagerProps4, _props$pagerProps$inf, _props$pagerProps5, _props$exportProps;
   var rowCount = React.useRef(0);
@@ -35172,8 +35199,13 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     filterApplied = _useState4[0],
     setFilterApplied = _useState4[1];
   var filteredRowCount = React.useRef(0);
-  var filterOptions = React.useRef({});
   var lastPageIndexRef = React.useRef(null);
+  var _useState5 = React.useState({}),
+    filterOptions = _useState5[0],
+    setFilterOptions = _useState5[1];
+  var _useState6 = React.useState([]),
+    headerFilterData = _useState6[0],
+    setHeaderFilterData = _useState6[1];
   var _useStyles = useStyles$1(),
     gridStyle = _useStyles.styles;
   var renderTotal = React.useCallback(function () {
@@ -35190,6 +35222,45 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     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([]);
+  }, []);
   var handleContentReady = React.useCallback(function (e) {
     var _dataGridInstance$get;
     var dataGridInstance = e.component;
@@ -35198,6 +35269,32 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     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) {
+        var uniqueValuesByColumn = {};
+        props.columns.forEach(function (col) {
+          uniqueValuesByColumn[col.dataField] = new Set(prevData.map(function (item) {
+            return item[col.dataField];
+          }).filter(function (val) {
+            return val !== null && val !== "";
+          }));
+        });
+        var newItems = [];
+        newData.forEach(function (item) {
+          var addItem = {};
+          props.columns.forEach(function (col) {
+            var _item$col$dataField;
+            var colValue = (_item$col$dataField = item[col.dataField]) === null || _item$col$dataField === void 0 ? void 0 : _item$col$dataField.toString();
+            if (colValue && !uniqueValuesByColumn[col.dataField].has(colValue)) {
+              uniqueValuesByColumn[col.dataField].add(colValue);
+              addItem[col.dataField] = colValue;
+            }
+          });
+          if (Object.keys(addItem).length > 0) {
+            newItems.push(addItem);
+          }
+        });
+        return [].concat(prevData, newItems);
+      });
       lastPageIndexRef.current = currentPageIndex;
       if (!contentReady) setContentReady(true);
     }
@@ -35228,6 +35325,21 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
       return [];
     }
   }, [props.actionButtonGroup]);
+  var onEditorPrepared = React.useCallback(function (info) {
+    if (info.parentType === "filterRow" && info.editorName === "dxSelectBox" && info.dataField === "IsActive") {
+      if (info.dataSource != null && info.dataSource.length > 0) {
+        info.showAllText = info.dataSource.find(function (i) {
+          return i.value === null;
+        }).label;
+        info.trueText = info.dataSource.find(function (i) {
+          return i.value === true;
+        }).label;
+        info.falseText = info.dataSource.find(function (i) {
+          return i.value === false;
+        }).label;
+      }
+    }
+  }, []);
   function actionCellRender(cellData, props) {
     var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length >= 2 && !props.edit ? props.actionButtonGroup.slice(2).map(function (button) {
       return {
@@ -35354,6 +35466,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
       enabled: true
     },
     focusedRowEnabled: false,
+    onEditorPrepared: onEditorPrepared,
     onCellClick: function onCellClick(e) {
       e.cellElement.style.backgroundColor = "transparent";
     },
@@ -35371,8 +35484,14 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   }, props.sortingProps, {
     "export": props.exportProps,
     className: gridStyle.grid,
-    onExporting: function onExporting$1(e) {
-      return onExporting(e, props.exportProps.fileName, renderTotal);
+    onExporting: function onExporting(e) {
+      return ExportDataGridToExcel({
+        gridComponent: e.component,
+        baseFileName: props.exportProps.fileName,
+        selectedText: props.exportProps.selectedText,
+        getSummary: renderTotal,
+        selectedRowsOnly: e.selectedRowsOnly
+      });
     },
     onContentReady: handleContentReady,
     onOptionChanged: handleOptionChanged,
@@ -35409,7 +35528,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
       dataSource: [{
         text: "(Blanks)",
         value: null
-      }].concat(filterOptions.current[col.dataField] || [])
+      }].concat(filterOptions[col.dataField] || [])
     }), col.multiLevelColumns && col.multiLevelColumns.map(function (multiLevelColItem) {
       return React__default.createElement(DataGrid.Column, {
         dataField: multiLevelColItem.dataField,