@topconsultnpm/sdkui-react 6.17.0-test9

package/lib/hooks/useInputDialog.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { FileFormats } from '@topconsultnpm/sdk-ts';
+import { TMModal, TMRadioButton, TMButton, TMChooserForm } from "../components";
+import { SDKUI_Localizator, IconApply, IconCloseOutline } from "../helper";
+import { TMColors } from "../utils/theme";
+const formats = [
+    { value: FileFormats.PDF, display: FileFormats.PDF.toString() },
+    { value: FileFormats.PDFA_1A, display: FileFormats.PDFA_1A.toString() },
+    { value: FileFormats.PDFA_1B, display: FileFormats.PDFA_1B.toString() }
+];
+export const useInputCvtFormatDialog = () => {
+    const [promise, setPromise] = useState(null);
+    const [open, setOpen] = useState(false);
+    const handleClose = () => {
+        setOpen(false);
+        setPromise(null);
+    };
+    const handleConfirm = (format) => {
+        promise?.resolve(format);
+        handleClose();
+    };
+    const handleCancel = () => {
+        promise?.resolve(FileFormats.None);
+        handleClose();
+    };
+    const ConfirmFormatDialog = () => {
+        const [format, setFormat] = useState(FileFormats.PDF);
+        return (open ?
+            _jsx(TMModal, { title: SDKUI_Localizator.Format, height: "max-content", width: "260px", onClose: handleClose, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '5px', padding: '10px', height: '100%' }, children: [_jsx(TMRadioButton, { dataSource: formats, direction: 'column', value: format, onValueChanged: (newValue) => { setFormat(newValue); } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px', paddingTop: '10px', justifyContent: 'center', alignItems: 'center', height: '50px' }, children: [_jsx(TMButton, { btnStyle: "advanced", showTooltip: false, icon: _jsx(IconApply, {}), caption: "OK", advancedColor: TMColors.tertiary, onClick: () => handleConfirm(format) }), _jsx(TMButton, { btnStyle: "advanced", showTooltip: false, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Cancel, onClick: handleCancel })] })] }) })
+            : _jsx(_Fragment, {}));
+    };
+    const confirmFormat = () => new Promise((resolve, reject) => {
+        setOpen(true);
+        setPromise({ resolve });
+    });
+    return [confirmFormat, ConfirmFormatDialog];
+};
+export const useFileDialog = () => {
+    const [promise, setPromise] = useState(null);
+    useEffect(() => {
+        if (!promise)
+            return;
+        const input = document.createElement('input');
+        input.type = 'file';
+        // input.multiple = _options.multiple as boolean;
+        // input.accept = _options.accept as string;
+        input.onchange = (e) => {
+            const file = e.target?.files?.[0];
+            if (!file) {
+                handleCancel();
+                return;
+            }
+            handleConfirm(file);
+        };
+        input.click();
+    }, [promise]);
+    const handleClose = () => {
+        setPromise(null);
+    };
+    const handleConfirm = (file) => {
+        promise?.resolve(file);
+        handleClose();
+    };
+    const handleCancel = () => {
+        promise?.resolve(undefined);
+        handleClose();
+    };
+    const OpenFileDialog = () => new Promise((resolve, reject) => {
+        setPromise({ resolve });
+    });
+    return { OpenFileDialog };
+};
+export const useInputAttachmentsDialog = () => {
+    const [promise, setPromise] = useState(null);
+    const [open, setOpen] = useState(false);
+    const [inputList, setInputList] = useState([]);
+    const handleClose = () => {
+        setOpen(false);
+        setPromise(null);
+    };
+    const handleConfirm = (selectedValues) => {
+        promise?.resolve(selectedValues);
+        handleClose();
+    };
+    const handleCancel = () => {
+        promise?.resolve(undefined);
+        handleClose();
+    };
+    const ConfirmAttachmentsDialog = () => {
+        return (open ? (_jsx(TMChooserForm, { title: "Seleziona allegati", dataSource: inputList, allowMultipleSelection: true, hasShowId: false, hideRefresh: true, showDefaultColumns: false, keyName: "name", width: "650px", height: "400px", columns: [
+                { dataField: "name", caption: SDKUI_Localizator.Name },
+                { dataField: "ext", caption: SDKUI_Localizator.Extension },
+                { dataField: "size", caption: SDKUI_Localizator.Size },
+            ], onClose: handleCancel, onChoose: handleConfirm })) : null);
+    };
+    const openConfirmAttachmentsDialog = (list) => {
+        setInputList(list);
+        setOpen(true);
+        return new Promise((resolve) => {
+            setPromise({ resolve });
+        });
+    };
+    return { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog };
+};

package/lib/hooks/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+export declare const useOutsideClick: (callback: (escPressed?: boolean) => void) => import("react").RefObject<HTMLDivElement>;
+export declare const useEscapeKeyPress: (callback: () => void) => import("react").RefObject<HTMLDivElement>;

package/lib/hooks/useOutsideClick.js

@@ -0,0 +1,38 @@
+import { useEffect, useRef } from 'react';
+export const useOutsideClick = (callback) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                callback();
+            }
+        };
+        const handleEsc = (event) => {
+            if (event.key === "Escape") {
+                callback(true);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener("keydown", handleEsc, true);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener("keydown", handleEsc, true);
+        };
+    }, [callback]);
+    return ref;
+};
+export const useEscapeKeyPress = (callback) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const handleEsc = (event) => {
+            if (event.key === "Escape") {
+                callback();
+            }
+        };
+        document.addEventListener("keydown", handleEsc, true);
+        return () => {
+            document.removeEventListener("keydown", handleEsc, true);
+        };
+    }, [callback]);
+    return ref;
+};

package/lib/hooks/usePreventFileDrop.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+declare const usePreventFileDrop: (allowedDropZones: RefObject<HTMLElement>[]) => void;
+export default usePreventFileDrop;

package/lib/hooks/usePreventFileDrop.js

@@ -0,0 +1,37 @@
+import { useEffect } from "react";
+const usePreventFileDrop = (allowedDropZones) => {
+    useEffect(() => {
+        const isOverAllowedZone = (event) => allowedDropZones.some((ref) => ref.current?.contains(event.target));
+        const handleDragOver = (event) => {
+            if (!isOverAllowedZone(event)) {
+                event.preventDefault();
+                event.dataTransfer.dropEffect = "none";
+            }
+        };
+        const handleDragEnter = (event) => {
+            if (!isOverAllowedZone(event)) {
+                document.body.style.cursor = "not-allowed";
+            }
+        };
+        const handleDragLeave = () => {
+            document.body.style.cursor = "default";
+        };
+        const handleDrop = (event) => {
+            if (!isOverAllowedZone(event)) {
+                event.preventDefault();
+                document.body.style.cursor = "default";
+            }
+        };
+        document.addEventListener("dragover", handleDragOver);
+        document.addEventListener("dragenter", handleDragEnter);
+        document.addEventListener("dragleave", handleDragLeave);
+        document.addEventListener("drop", handleDrop);
+        return () => {
+            document.removeEventListener("dragover", handleDragOver);
+            document.removeEventListener("dragenter", handleDragEnter);
+            document.removeEventListener("dragleave", handleDragLeave);
+            document.removeEventListener("drop", handleDrop);
+        };
+    }, [allowedDropZones]);
+};
+export default usePreventFileDrop;

package/lib/hooks/useQueryParametersDialog.d.ts

@@ -0,0 +1,2 @@
+import { QueryDescriptor, QueryParameterDescriptor } from '@topconsultnpm/sdk-ts';
+export declare const useQueryParametersDialog: () => [(inputQd: QueryDescriptor, lastQdParams?: QueryParameterDescriptor[]) => Promise<QueryParameterDescriptor[]>, () => JSX.Element];

package/lib/hooks/useQueryParametersDialog.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { QueryParameterDescriptor } from '@topconsultnpm/sdk-ts';
+import { TMModal, TMTextBox, TMButton } from "../components";
+import { IconApply, IconCloseOutline, SDKUI_Localizator } from "../helper";
+import { TMColors } from "../utils/theme";
+const paramPrefix = "{@QueryParam";
+export const useQueryParametersDialog = () => {
+    const [promise, setPromise] = useState(null);
+    const [open, setOpen] = useState(false);
+    const [qdParams, setQdParams] = useState([]);
+    let qdParamsOut = [];
+    useEffect(() => {
+        for (const qdp of qdParams) {
+            qdParamsOut.push(qdp);
+        }
+    }, [qdParams]);
+    const confirmQueryParams = (inputQd, lastQdParams) => new Promise((resolve, reject) => {
+        if (inputQd.where) {
+            let newQueryParams = [];
+            let id = 1;
+            for (const wi of inputQd.where) {
+                if (wi.value1?.startsWith(paramPrefix)) {
+                    let qpd = new QueryParameterDescriptor();
+                    qpd.id = id++;
+                    qpd.name = wi.value1;
+                    qpd.value = lastQdParams?.find(o => o.id == qpd.id)?.value;
+                    if (newQueryParams.findIndex(o => o.name == wi.value1) < 0)
+                        newQueryParams.push(qpd);
+                }
+                if (wi.value2?.startsWith(paramPrefix)) {
+                    let qpd = new QueryParameterDescriptor();
+                    qpd.id = id++;
+                    qpd.name = wi.value2;
+                    qpd.value = lastQdParams?.find(o => o.id == qpd.id)?.value;
+                    if (newQueryParams.findIndex(o => o.name == wi.value2) < 0)
+                        newQueryParams.push(qpd);
+                }
+            }
+            setQdParams(newQueryParams);
+        }
+        setOpen(true);
+        setPromise({ resolve });
+    });
+    const handleClose = () => {
+        setOpen(false);
+        setPromise(null);
+    };
+    const handleConfirm = () => {
+        promise?.resolve(qdParamsOut);
+        handleClose();
+    };
+    const handleCancel = () => {
+        promise?.resolve([]);
+        handleClose();
+    };
+    const ConfirmQueryParamsDialog = () => {
+        return (open ?
+            _jsx(TMModal, { title: SDKUI_Localizator.QueryParamBind, height: "max-content", width: "400px", onClose: handleClose, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '5px', padding: '10px', height: '100%' }, children: [qdParams.map((qdp, index) => {
+                            return (_jsx(TMTextBox, { placeHolder: `${SDKUI_Localizator.EnterValue} ...`, label: qdp.name, autoFocus: index == 0, value: qdp.value ?? '', onValueChanged: (e) => {
+                                    let newQdp = qdParamsOut.find(o => o.id == qdp.id);
+                                    if (newQdp)
+                                        newQdp.value = e.target.value;
+                                    else
+                                        qdParamsOut.push({ id: qdp.id, name: qdp.name, value: e.target.value });
+                                } }, qdp.id));
+                        }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px', paddingTop: '10px', justifyContent: 'flex-end', alignItems: 'center', height: '50px' }, children: [_jsx(TMButton, { btnStyle: "advanced", showTooltip: false, icon: _jsx(IconApply, {}), caption: "OK", advancedColor: TMColors.tertiary, onClick: handleConfirm }), _jsx(TMButton, { btnStyle: "advanced", showTooltip: false, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Cancel, onClick: handleCancel })] })] }) })
+            : _jsx(_Fragment, {}));
+    };
+    return [confirmQueryParams, ConfirmQueryParamsDialog];
+};

package/lib/hooks/useRelatedDocuments.d.ts

@@ -0,0 +1,72 @@
+import { SearchResultDescriptor, RelationDescriptor } from '@topconsultnpm/sdk-ts';
+import { TMSearchResultFloatingActionConfig } from '../components/features/search/TMSearchResultFloatingActionButton';
+interface UseRelatedDocumentsProps {
+    selectedSearchResult: SearchResultDescriptor | undefined;
+    currentSearchResults: SearchResultDescriptor[];
+    focusedItem: any;
+}
+interface UseRelatedDocumentsReturn {
+    relatedDcmts: RelationDescriptor[] | undefined;
+    showRelatedDcmtsChooser: boolean;
+    archiveType?: 'detail' | 'master';
+    isOpenDetails: boolean;
+    isOpenMaster: boolean;
+    isOpenArchiveRelationForm: boolean;
+    archiveRelatedDcmtFormTID: number | undefined;
+    archiveRelatedDcmtFormMids: Array<{
+        mid: number;
+        value: string;
+    }>;
+    relatedDcmtsChooserDataSource: Array<{
+        id: number | undefined;
+        name: string | undefined;
+    }> | undefined;
+    showPairDcmtsModal: boolean;
+    isPairingManyToMany: boolean;
+    pairedSearchResults: SearchResultDescriptor[] | undefined;
+    manyToManyRelations: RelationDescriptor[] | undefined;
+    selectedManyToManyRelation: RelationDescriptor | undefined;
+    showManyToManyChooser: boolean;
+    manyToManyChooserDataSource: Array<{
+        id: number | undefined;
+        name: string | undefined;
+    }> | undefined;
+    showPairSearchModal: boolean;
+    pairSearchModalTargetTID: number | undefined;
+    pairSearchModalParentTID: number | undefined;
+    pairSearchModalParentDID: number | undefined;
+    pairSearchModalRelation: RelationDescriptor | undefined;
+    pairSearchModalInputMids: Array<{
+        mid: number;
+        value: string;
+    }> | undefined;
+    currentTIDHasDetailRelations: boolean | undefined;
+    currentTIDHasMasterRelations: boolean | undefined;
+    canArchiveMasterRelation: boolean;
+    canArchiveDetailRelation: boolean;
+    hasManyToManyRelation: boolean;
+    setIsOpenDetails: (value: boolean) => void;
+    setIsOpenMaster: (value: boolean) => void;
+    setShowRelatedDcmtsChooser: (value: boolean) => void;
+    setShowManyToManyChooser: (value: boolean) => void;
+    setShowPairDcmtsModal: (value: boolean) => void;
+    setShowPairSearchModal: (value: boolean) => void;
+    setIsOpenArchiveRelationForm: (value: boolean) => void;
+    setArchiveType: (value: 'detail' | 'master' | undefined) => void;
+    setArchiveRelatedDcmtFormTID: (value: number | undefined) => void;
+    setArchiveRelatedDcmtFormMids: (value: Array<{
+        mid: number;
+        value: string;
+    }>) => void;
+    pairFloatingActionConfig: TMSearchResultFloatingActionConfig;
+    pairSearchModalFloatingActionConfig: TMSearchResultFloatingActionConfig;
+    archiveMasterDocuments: (tid: number) => Promise<void>;
+    archiveDetailDocuments: (tid: number) => Promise<void>;
+    pairManyToMany: (isPairing: boolean) => Promise<void>;
+    checkRelatedDcmtsArchiveCapability: () => Promise<void>;
+    checkManyToManyCapability: () => Promise<void>;
+    archiveRelatedDcmtHandler: (relation: RelationDescriptor, type: 'detail' | 'master') => Promise<void>;
+    executeManyToManyPairing: (relation: RelationDescriptor, isPairing: boolean) => Promise<void>;
+}
+export declare const useRelatedDocuments: ({ selectedSearchResult, focusedItem, currentSearchResults }: UseRelatedDocumentsProps) => UseRelatedDocumentsReturn;
+export {};