@topconsultnpm/sdkui-react 6.20.0-dev1.14 → 6.20.0-dev1.15

package/lib/hooks/useInputDialog.d.ts

@@ -1,9 +0,0 @@
-import { FileDescriptor, FileFormats } from '@topconsultnpm/sdk-ts';
-export declare const useInputCvtFormatDialog: () => [() => Promise<FileFormats>, () => JSX.Element];
-export declare const useFileDialog: () => {
-    OpenFileDialog: () => Promise<File | undefined>;
-};
-export declare const useInputAttachmentsDialog: () => {
-    openConfirmAttachmentsDialog: (list: FileDescriptor[]) => Promise<string[] | undefined>;
-    ConfirmAttachmentsDialog: () => import("react/jsx-runtime").JSX.Element | null;
-};

package/lib/hooks/useInputDialog.js

@@ -1,105 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

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

package/lib/hooks/usePreventFileDrop.js

@@ -1,37 +0,0 @@
-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

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

package/lib/hooks/useQueryParametersDialog.js

@@ -1,71 +0,0 @@
-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

@@ -1,72 +0,0 @@
-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 {};