ods-component-lib 1.18.185 → 1.18.188

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const App: React.FC;
+export default App;

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

@@ -1,8 +1,11 @@
+import type { UploadProps } from "antd";
 import React from "react";
 declare type FileUploadProps = {
     image: any | null;
     title: string;
     uploadTitle?: string;
+    defaultFileList?: UploadProps["defaultFileList"];
+    showUploadList?: UploadProps["showUploadList"];
     sendDataToParent: (obj: any) => void;
     allowDocumentUpload?: boolean;
     multipleDoc?: boolean;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/ContentHandlers.d.ts

@@ -0,0 +1,14 @@
+import { ContentReadyEvent } from "devextreme/ui/data_grid";
+import { IColumnConfig } from "../types";
+/**
+ * Custom hook to handle content ready events for the data grid.
+ * @param {React.MutableRefObject<any>} lastPageIndexRef - Reference to the last page index.
+ * @param {boolean} contentReady - Boolean indicating if the content is ready.
+ * @param {Function} setRowCount - Function to set the row count state
+ * @param {Function} setContentReady - Function to set the content ready state.
+ * @param {Function} setCurrentPage - Function to set the current page state.
+ * @param {Function} setCurrentPageSize - Function to set the current page size state.
+ * @param {Function} [callback] - Optional callback function.
+ * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.
+ */
+export declare const useContentHandlers: (lastPageIndexRef: React.MutableRefObject<any>, contentReady: boolean, columns: IColumnConfig[], setRowCount: Function, setContentReady: Function, setCurrentPage: Function, setCurrentPageSize: Function, setHeaderFilterData: Function, callback?: Function) => (e: ContentReadyEvent<any, any>) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/EditorPreparedHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook that returns a callback function to handle the "editorPrepared" event of a DevExtreme component.
+ * This callback function is responsible for customizing the editor's behavior based on specific conditions.
+ *
+ * @returns {Function} The callback function to handle the "editorPrepared" event.
+ */
+export declare const useEditorPreparedHandlers: () => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnExportingHandlers.d.ts

@@ -0,0 +1,19 @@
+interface IOnExportingProps {
+    gridComponent: any;
+    baseFileName?: string;
+    selectedText?: string;
+    getSummary: () => string;
+    selectedRowsOnly: boolean;
+}
+/**
+ * Handles the exporting of data from the grid component.
+ *
+ * @param {IOnExportingProps} params - The parameters for exporting the data.
+ * @param {React.RefObject<Grid>} params.gridComponent - The reference to the grid component.
+ * @param {string} params.baseFileName - The base file name for the exported file.
+ * @param {string} params.selectedText - The text to be displayed for selected rows.
+ * @param {Function} params.getSummary - The function to get the summary of the exported data.
+ * @param {boolean} params.selectedRowsOnly - Indicates whether to export only selected rows.
+ */
+export declare const onExporting: ({ gridComponent, baseFileName, selectedText, getSummary, selectedRowsOnly, }: IOnExportingProps) => void;
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OptionHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook to handle option change events for the data grid.
+ * @param {Object} dataGridRef - The dataGridRef property passed to the hook.
+ * @param {Function} setFilterApplied - Function to set the filter applied state.
+ * @returns {Function} - Handler function for option changed event.
+ */
+export declare const useOptionHandlers: (dataGridRef: any, setFilterApplied: any) => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/SummaryHandlers.d.ts

@@ -0,0 +1,21 @@
+import type { ISummaryRowOptions } from "../types";
+interface IUseSummaryHandlersProps {
+    customSummary?: ISummaryRowOptions;
+    totalRecordCount: number;
+    currentPageSize: number;
+    currentPage: number;
+    filterApplied: boolean;
+    rowCount: number;
+    filteredRowCount: number;
+    isServerSide?: boolean;
+}
+/**
+ * Custom hook that provides summary handlers for a data grid.
+ *
+ * @param {IUseSummaryHandlersProps} props - The props object containing necessary parameters.
+ * @returns {Object} - An object containing the renderTotal function.
+ */
+export declare const useSummaryHandlers: ({ customSummary, totalRecordCount, currentPageSize, currentPage, filterApplied, rowCount, filteredRowCount, }: IUseSummaryHandlersProps) => {
+    renderTotal: () => string | null;
+};
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/ActionCellRender.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { IVirtualDataGridProps } from "../types";
+interface ActionCellRenderProps {
+    cellData: any;
+    actionButtons: IVirtualDataGridProps["actionButtonGroup"];
+    edit?: IVirtualDataGridProps["edit"];
+    actionButtonGroup?: IVirtualDataGridProps["actionButtonGroup"];
+}
+/**
+ * Renders the action buttons for a cell in the OdsInlineEditDataGrid component.
+ * @param {ActionCellRenderProps} props - The props for the ActionCellRender component.
+ * @returns {ReactNode} - The rendered action buttons.
+ */
+declare const ActionCellRender: FC<ActionCellRenderProps>;
+export default ActionCellRender;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/EditingPartial.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IEditingOptions } from "../types";
+/**
+ * Component that handles editing functionalities within the data grid.
+ * @param {IEditingOptions} props - The properties passed to the component.
+ * @returns {JSX.Element} - The JSX element representing the editing handlers.
+ */
+declare const EditingPartial: React.FC<IEditingOptions>;
+export default EditingPartial;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/PageTitle.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IToolbarButton } from "../types";
+interface PageTitleAndToolbarProps {
+    pageTitle?: string;
+    toolbarButtonGroup?: IToolbarButton[];
+}
+declare const MemoizedPageTitleAndToolbar: React.NamedExoticComponent<PageTitleAndToolbarProps>;
+export default MemoizedPageTitleAndToolbar;

package/dist/components/devextreme/OdsInlineEditDataGrid/utils.d.ts

@@ -0,0 +1,19 @@
+interface IConcatFilteredLabelProps {
+    result: string;
+    totalLoaded: number;
+    filteredRowCount: number;
+    filterApplied: boolean;
+    summaryFilteredDataLabel: string;
+}
+/**
+ * Concatenates the filtered label with the result string.
+ *
+ * @param {IConcatFilteredLabelProps} props - The object containing the necessary properties.
+ * @returns {string} - The concatenated result string.
+ */
+export declare const concatFilteredLabel: ({ result, totalLoaded, filteredRowCount, filterApplied, summaryFilteredDataLabel, }: IConcatFilteredLabelProps) => string;
+export {};
+/**
+ * This file contains utility functions related to the OdsInlineEditDataGrid component.
+ * These utility functions are used for handling filtering and data manipulation.
+ */

package/dist/index.js

@@ -1460,7 +1460,7 @@ function OdsDataGrid(props) {
   }))));
 }
 
-var exportFormats$1 = ['xlsx'];
+var exportFormats$1 = ["xlsx"];
 function OdsDisplayGrid(props) {
   return grid(props);
 }
@@ -1479,17 +1479,17 @@ function grid(props) {
   };
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var onExporting = function onExporting(e) {
-    if (e.format === 'xlsx') {
+    if (e.format === "xlsx") {
       var workbook = new exceljs.Workbook();
       excel_exporter.exportDataGrid({
         component: e.component,
-        worksheet: workbook.addWorksheet('Main sheet'),
+        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');
+            type: "application/octet-stream"
+          }), fileName + ".xlsx");
         });
       });
     } else {
@@ -1499,7 +1499,7 @@ function grid(props) {
         component: e.component,
         indent: 5
       }).then(function () {
-        doc.save(fileName + '.pdf');
+        doc.save(fileName + ".pdf");
       });
     }
   };
@@ -1518,7 +1518,8 @@ function grid(props) {
     showBorders: true,
     onExporting: onExporting,
     onSelectionChanged: props.onSelectionChanged,
-    width: "100%"
+    width: "100%",
+    height: props.height ? props.height : null
   }, React__default.createElement(DataGrid.Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1757,6 +1758,7 @@ function OdsFileUpload(props) {
     RemoveTitle = props.RemoveTitle,
     RemoveOkText = props.RemoveOkText,
     RemoveCancelText = props.RemoveCancelText;
+  var confirm = antd.Modal.confirm;
   var _useState = React.useState(false),
     previewOpen = _useState[0],
     setPreviewOpen = _useState[1];
@@ -1769,10 +1771,17 @@ function OdsFileUpload(props) {
   var _useState4 = React.useState(""),
     previewFileName = _useState4[0],
     setPreviewFileName = _useState4[1];
-  var confirm = antd.Modal.confirm;
+  React.useEffect(function () {
+    var _props$defaultFileLis;
+    if (((_props$defaultFileLis = props.defaultFileList) === null || _props$defaultFileLis === void 0 ? void 0 : _props$defaultFileLis.length) > 0) {
+      setFileList(function (prev) {
+        return [].concat(props.defaultFileList, prev);
+      });
+    }
+  }, [props.defaultFileList, setFileList]);
   var getBase64 = function getBase64(img, callback) {
     var reader = new FileReader();
-    reader.addEventListener('load', function () {
+    reader.addEventListener("load", function () {
       return callback(reader.result);
     });
     if (img !== undefined) {
@@ -1781,15 +1790,15 @@ function OdsFileUpload(props) {
     }
   };
   var uploadProps = {
-    name: 'file',
+    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',
+    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();
+        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);
@@ -1797,13 +1806,13 @@ function OdsFileUpload(props) {
         }
         setPreviewFileName(file.name);
       }
-      setPreviewImage(file.url || file.thumbUrl || '');
+      setPreviewImage(file.url || file.thumbUrl || "");
       handlePreview();
     },
-    showUploadList: {
-      showPreviewIcon: true,
+    showUploadList: props.showUploadList || {
       showRemoveIcon: true,
-      showDownloadIcon: true
+      showDownloadIcon: true,
+      showPreviewIcon: true
     },
     beforeUpload: function (file) {
       try {
@@ -1885,13 +1894,13 @@ function OdsFileUpload(props) {
     fileList: fileList
   };
   function splitAtFirstComma(input) {
-    var index = input.indexOf(',');
+    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, ''];
+      return [input, ""];
     }
   }
   var handleCancel = function handleCancel() {
@@ -1906,13 +1915,13 @@ function OdsFileUpload(props) {
         return {
           uid: file.uid,
           name: file.filename,
-          status: 'done',
+          status: "done",
           url: file.url
         };
       }) : [{
         uid: "1",
         name: "file",
-        status: 'done',
+        status: "done",
         url: image
       }];
       setFileList(formattedFiles);
@@ -1926,17 +1935,17 @@ function OdsFileUpload(props) {
       return React__default.createElement("img", {
         alt: fileName == "" ? "file" : fileName,
         style: {
-          width: '100%'
+          width: "100%"
         },
         src: previewSrc
       });
     } else {
-      var fileExtension = fileName != "" ? fileName.split('.').pop().toLowerCase() : previewSrc.split('.').pop().toLowerCase();
+      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%'
+            width: "100%"
           },
           src: previewSrc
         });
@@ -1955,21 +1964,21 @@ function OdsFileUpload(props) {
   };
   function downloadFile(url, thumbUrl, name) {
     var base64 = url || thumbUrl;
-    var extension = name ? name.split('.').pop() : url.split('.').pop();
+    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');
+      var link = document.createElement("a");
       link.href = blobURL;
-      link.setAttribute('download', fileName);
+      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 console.error("Failed to download file:", err);
     });
   }
   return React__default.createElement("div", null, React__default.createElement(Text, {
@@ -1988,7 +1997,7 @@ function OdsFileUpload(props) {
     width: "100%"
   }, React__default.createElement("div", {
     style: {
-      padding: '25px'
+      padding: "25px"
     }
   }, renderPreviewContent(previewFileName, previewImage))));
 }