@topconsultnpm/sdkui-react-beta 6.12.36 → 6.12.38

package/lib/components/query/TMDcmtForm.js

@@ -0,0 +1,544 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+import TMDcmtPreview from './TMDcmtPreview';
+import { ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, LocalStorageService, MetadataDataTypes, ResultTypes, SDK_Globals, SystemMIDsAsNumber, TemplateTIDs, UpdateEngineByID, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
+import { ContextMenu } from 'devextreme-react';
+import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from './TMWorkflowPopup';
+import { FormModes } from '../../ts';
+import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
+import { useDcmtOperations } from '../../hooks/useDcmtOperations';
+import { handleArchiveVisibility, searchResultToMetadataValues } from '../../helper/queryHelper';
+import { genUniqueId, IconCloseCircle, IconShow, SDKUI_Localizator, IconBoard, IconDcmtTypeSys, IconDataList, IconDetailDcmts, svgToString, IconDownload, IconHide, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo } from '../../helper';
+import { hasDetailRelations, hasMasterRelations } from '../../helper/dcmtsHelper';
+import { TMColors } from '../../utils/theme';
+import { StyledFormButtonsContainer, StyledModalContainer, StyledToolbarCardContainer } from '../base/Styled';
+import ShowAlert from '../base/TMAlert';
+import TMButton from '../base/TMButton';
+import { TMSplitterLayout, TMLayoutItem } from '../base/TMLayout';
+import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../base/TMPopUp';
+import TMSpinner from '../base/TMSpinner';
+import TMToolbarCard from '../base/TMToolbarCard';
+import { TMLayoutWaitingContainer } from '../base/TMWaitPanel';
+import TMDistinctValues from '../choosers/TMDistinctValues';
+import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../editors/TMFormulaEditor';
+import TMMetadataValues, { AdvancedMenuButtons } from '../editors/TMMetadataValues';
+import { TMSaveFormButtonPrevious, TMSaveFormButtonNext, TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../forms/TMSaveForm';
+import TMShowAllOrMaxItemsButton from '../base/TMShowAllOrMaxItemsButton';
+import TMFileUploader from './TMFileUploader';
+import TMMasterDetailDcmts from './TMMasterDetailDcmts';
+import TMDcmtBlog from './TMDcmtBlog';
+let abortControllerLocal = new AbortController();
+//#endregion
+const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, customRightSidebarItems = [], allowNavigation = true, allowRelations = true, isClosable = false, showDcmtForm = true, showDcmtFormSidebar = true, showPreview = false, showBoard = false, showSysMetadata = false, onClosePreview }) => {
+    const mruTIDs = LocalStorageService.getItem(`ARCHIVEPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`);
+    const [id, setID] = useState('');
+    const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
+    const [waitPanelTitleLocal, setWaitPanelTitleLocal] = useState('');
+    const [showPrimaryLocal, setShowPrimaryLocal] = useState(false);
+    const [waitPanelTextPrimaryLocal, setWaitPanelTextPrimaryLocal] = useState('');
+    const [waitPanelValuePrimaryLocal, setWaitPanelValuePrimaryLocal] = useState(0);
+    const [waitPanelMaxValuePrimaryLocal, setWaitPanelMaxValuePrimaryLocal] = useState(0);
+    const [showSecondaryLocal, setShowSecondaryLocal] = useState(false);
+    const [waitPanelTextSecondaryLocal, setWaitPanelTextSecondaryLocal] = useState('');
+    const [waitPanelValueSecondaryLocal, setWaitPanelValueSecondaryLocal] = useState(0);
+    const [waitPanelMaxValueSecondaryLocal, setWaitPanelMaxValueSecondaryLocal] = useState(0);
+    const [useWaitPanelLocalState, setUseWaitPanelLocalState] = useState(false);
+    const [formData, setFormData] = useState([]);
+    const [formDataOrig, setFormDataOrig] = useState([]);
+    const [validationItems, setValidationItems] = useState([]);
+    const [changedMetadata, setChangedMetadata] = useState([]);
+    const [fromDTD, setFromDTD] = useState();
+    const [showAdvancedMenu, setShowAdvancedMenu] = useState(false);
+    const [showApprovePopup, setShowApprovePopup] = useState(false);
+    const [showRejectPopup, setShowRejectPopup] = useState(false);
+    const [showReAssignPopup, setShowReAssignPopup] = useState(false);
+    const [isOpenDetails, setIsOpenDetails] = useState(false);
+    const [isOpenMaster, setIsOpenMaster] = useState(false);
+    const [secondaryMasterDcmts, setSecondaryMasterDcmts] = useState([]);
+    const [isOpenDcmtForm, setIsOpenDcmtForm] = useState(false);
+    const [isOpenPreview, setIsOpenPreview] = useState(false);
+    const [isOpenSysMetadata, setIsOpenSysMetadata] = useState(false);
+    const [isOpenBoard, setIsOpenBoard] = useState(false);
+    const [isOpenDistinctValues, setIsOpenDistinctValues] = useState(false);
+    const [isOpenFormulaEditor, setIsOpenFormulaEditor] = useState(false);
+    const [isOpenTags, setIsOpenTags] = useState(false);
+    const [currentTIDHasDetailRelations, setCurrentTIDHasDetailRelations] = useState();
+    const [currentTIDHasMasterRelations, setCurrentTIDHasMasterRelations] = useState();
+    const [currentDcmt, setCurrentDcmt] = useState();
+    const [dcmtFile, setDcmtFile] = useState(null);
+    const [focusedMetadataValue, setFocusedMetadataValue] = useState();
+    const [showAll, setShowAll] = useState(false);
+    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
+    const deviceType = useDeviceType();
+    const isOpenMiddlePanel = () => isOpenSysMetadata || isOpenBoard || isOpenTags || isOpenDistinctValues || isOpenFormulaEditor;
+    const retrieveMetadataAsync = async () => {
+        try {
+            await DcmtTypeListCacheService.GetAsync(TID).then(async (dtd) => {
+                setFromDTD(dtd);
+                let mdList = dtd?.metadata ?? [];
+                if (layoutMode === LayoutModes.Update || (layoutMode === LayoutModes.Ark && DID)) {
+                    await setMetadataListAsync(mdList);
+                }
+                else {
+                    const renderedMetadata = dtd?.metadata?.filter((metadata) => handleArchiveVisibility(metadata)) ?? [];
+                    const metadataList = searchResultToMetadataValues(dtd?.id, undefined, [], [], renderedMetadata, layoutMode);
+                    setFormDataOrig(structuredClone(metadataList));
+                    setFormData(structuredClone(metadataList));
+                }
+                layoutMode === LayoutModes.Ark && resetHandler();
+            });
+        }
+        catch (e) {
+            let err = e;
+            TMExceptionBoxManager.show({ exception: err });
+        }
+    };
+    useEffect(() => { setID(genUniqueId()); }, []);
+    useEffect(() => {
+        retrieveMetadataAsync();
+    }, [TID, DID]);
+    useEffect(() => {
+        if (formData.length > 0) {
+            setValidationItems(validateMetadataList(formData));
+            let changes = getSpecificChangedKeysWithValues(formDataOrig, formData);
+            setChangedMetadata(changes);
+            const newDcmt = {
+                tid: formData.find(o => o.mid == SystemMIDsAsNumber.TID)?.value,
+                did: formData.find(o => o.mid == SystemMIDsAsNumber.DID)?.value,
+                fileCount: formData.find(o => o.mid == SystemMIDsAsNumber.FileCount)?.value,
+                fileSize: formData.find(o => o.mid == SystemMIDsAsNumber.FileSize)?.value,
+                fileExt: formData.find(o => o.mid == SystemMIDsAsNumber.FileExt)?.value
+            };
+            if (!currentDcmt ||
+                currentDcmt.tid !== newDcmt.tid ||
+                currentDcmt.did !== newDcmt.did ||
+                currentDcmt.fileExt !== newDcmt.fileExt ||
+                currentDcmt.fileSize !== newDcmt.fileSize ||
+                currentDcmt.fileCount !== newDcmt.fileCount) {
+                setCurrentDcmt(newDcmt);
+            }
+        }
+    }, [formData]);
+    useEffect(() => { setIsOpenBoard(showBoard); }, [showBoard]);
+    useEffect(() => { setIsOpenSysMetadata(showSysMetadata); }, [showSysMetadata]);
+    useEffect(() => { setIsOpenDcmtForm(showDcmtForm); }, [showDcmtForm]);
+    useEffect(() => { setIsOpenPreview(showPreview); }, [showPreview]);
+    useEffect(() => {
+        hasDetailRelations(TID).then((value) => setCurrentTIDHasDetailRelations(value));
+        hasMasterRelations(TID).then((value) => setCurrentTIDHasMasterRelations(value));
+    }, [TID]);
+    useEffect(() => {
+        if (layoutMode !== LayoutModes.Ark)
+            return;
+        setFocusedMetadataValue(undefined);
+    }, [fromDTD, layoutMode]);
+    const fileIsNotValid = (fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && !dcmtFile);
+    const sideBarItems = useMemo(() => {
+        let fixedItems = [
+            { icon: (layoutMode === LayoutModes.Ark && fileIsNotValid) ? _jsx(IconCloseCircle, { color: TMColors.error }) : _jsx(IconShow, {}), id: 'Preview', visibleName: (layoutMode === LayoutModes.Ark && fileIsNotValid) ? SDKUI_Localizator.RequiredField : 'Anteprima', isActive: isOpenPreview, onClick: () => { setIsOpenPreview(!isOpenPreview); }, disabled: layoutMode === LayoutModes.Ark && fromDTD?.archiveConstraint === ArchiveConstraints.OnlyMetadata },
+            { icon: _jsx(IconBoard, {}), id: 'Board', visibleName: 'Bacheca', disabled: layoutMode !== LayoutModes.Update, beginGroup: true, isActive: isOpenBoard, visible: layoutMode !== LayoutModes.Ark, onClick: () => { closeMiddlePanel(); setIsOpenBoard(!isOpenBoard); } },
+            { icon: _jsx(IconDcmtTypeSys, {}), id: 'SystemMetadata', visibleName: 'Metadati di sistema', disabled: layoutMode !== LayoutModes.Update, isActive: isOpenSysMetadata, visible: layoutMode !== LayoutModes.Ark, onClick: () => { closeMiddlePanel(); setIsOpenSysMetadata(!isOpenSysMetadata); } },
+            { icon: _jsx(IconDataList, {}), id: 'DistinctValues', disabled: !focusedMetadataValue, visibleName: 'Valori distiniti', isActive: isOpenDistinctValues, onClick: () => { closeMiddlePanel(); setIsOpenDistinctValues(!isOpenDistinctValues); } },
+            { icon: _jsx(IconDetailDcmts, { fontSize: 20, transform: 'scale(-1, 1)' }), id: 'Master', beginGroup: true, visible: layoutMode !== LayoutModes.Ark && allowRelations && currentTIDHasMasterRelations, visibleName: SDKUI_Localizator.DcmtsMaster, disabled: layoutMode !== LayoutModes.Update || !DID, isActive: isOpenMaster, onClick: () => { setIsOpenMaster(!isOpenMaster); } },
+            { icon: _jsx(IconDetailDcmts, { fontSize: 20 }), id: 'Details', visibleName: SDKUI_Localizator.DcmtsDetail, disabled: layoutMode !== LayoutModes.Update || !DID, isActive: isOpenDetails, visible: layoutMode !== LayoutModes.Ark && allowRelations && currentTIDHasDetailRelations, onClick: () => { setIsOpenDetails(!isOpenDetails); } },
+        ];
+        return customRightSidebarItems.length === 0
+            ? fixedItems
+            : [...fixedItems.filter(item => item.id !== 'DistinctValues'), ...customRightSidebarItems, ...fixedItems.filter(item => item.id === 'DistinctValues')];
+    }, [customRightSidebarItems, layoutMode, isOpenDistinctValues, isOpenPreview, focusedMetadataValue]);
+    const closeMiddlePanel = () => {
+        setIsOpenBoard(false);
+        setIsOpenSysMetadata(false);
+        setIsOpenTags(false);
+        setIsOpenDistinctValues(false);
+        setIsOpenFormulaEditor(false);
+    };
+    const titleText = () => {
+        if (isOpenTags)
+            return 'Tags';
+        if (isOpenSysMetadata)
+            return 'Metadati di sistema';
+        if (isOpenBoard)
+            return 'Bacheca';
+        if (isOpenDistinctValues)
+            return `${SDKUI_Localizator.DistinctValues} (${focusedMetadataValue?.md?.nameLoc})`;
+        if (isOpenFormulaEditor)
+            return `${SDKUI_Localizator.FormulaEditorTitle} (${focusedMetadataValue?.md?.nameLoc})`;
+        return '';
+    };
+    const middlePanelToolbar = _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [layoutMode === LayoutModes.Update && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: () => onPrev?.() }), layoutMode === LayoutModes.Update && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: () => onNext?.() })] });
+    const getPrimarySplitterStartLayout = () => {
+        let size = isOpenDcmtForm ? ['100%', '0'] : ['0%', '100%'];
+        if (deviceType !== DeviceType.MOBILE) {
+            if (isOpenPreview || isOpenMiddlePanel()) {
+                if (layoutMode === LayoutModes.Ark) {
+                    size = ['50%', '50%'];
+                }
+                else if (isOpenDcmtForm) {
+                    size = ['50%', '50%'];
+                }
+                else
+                    size = ['0%', '100%'];
+            }
+        }
+        else {
+            size = (isOpenPreview || isOpenMiddlePanel()) ? ['0', '100%'] : ['100%', '0'];
+        }
+        return size;
+    };
+    const getSecondarySplitterStartLayout = () => {
+        if (isOpenPreview && !isOpenMiddlePanel()) {
+            return ['0', '100%'];
+        }
+        if (!isOpenPreview && isOpenMiddlePanel()) {
+            return ['100%', '0'];
+        }
+        return ['40%', '60%'];
+    };
+    const getSelectionDcmtInfo = () => {
+        let dcmts = [];
+        dcmts.push({ TID: TID ?? 0, DID: DID ?? 0 });
+        return dcmts;
+    };
+    const handleAddItem = (tid, did) => {
+        let newItem = { TID: tid ?? 0, DID: did ?? 0 };
+        setSecondaryMasterDcmts((prevItems) => [...prevItems, newItem]);
+    };
+    const handleRemoveItem = (tid, did) => {
+        setSecondaryMasterDcmts((prevItems) => prevItems.filter(item => item.TID !== tid && item.DID !== did));
+    };
+    const getDcmts = () => { return [{ TID: TID, DID: DID }]; };
+    const commandsMenuItems = [
+        { icon: svgToString(_jsx(IconDownload, {})), operationType: 'singleRow', text: "Download file", onClick: async () => await downloadDcmtsAsync(getDcmts()) },
+        { icon: svgToString(showAdvancedMenu ? _jsx(IconHide, {}) : _jsx(IconShow, {})), operationType: 'singleRow', text: showAdvancedMenu ? SDKUI_Localizator.StandardMode : SDKUI_Localizator.ExpertMode, onClick: () => setShowAdvancedMenu(!showAdvancedMenu) },
+    ];
+    const formToolbar = _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [canPrev != undefined && _jsx("p", { style: { backgroundColor: `white`, color: TMColors.primaryColor, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${itemIndex}/${count}` }), canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: calcIsModified(formData, formDataOrig), formMode: formMode, canPrev: canPrev, onPrev: onPrev }), canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: calcIsModified(formData, formDataOrig), formMode: formMode, canNext: canNext, onNext: onNext }), layoutMode === LayoutModes.Update && _jsx(IconMenuVertical, { id: `commands-detail-${id}`, color: 'white', cursor: 'pointer' }), layoutMode === LayoutModes.Update && _jsx(ContextMenu, { showEvent: 'click', dataSource: commandsMenuItems, target: `#commands-detail-${id}` })] });
+    function createChange(mid, metadataType, modifiedValue) {
+        return { mid, metadataType, modifiedValue };
+    }
+    function getSpecificChangedKeysWithValues(originalList, modifiedList) {
+        const changes = [];
+        if (!originalList || !modifiedList)
+            return changes;
+        const originalMap = new Map(originalList.map(item => [item.mid, item]));
+        for (const modified of modifiedList) {
+            if (modified.mid === undefined)
+                continue;
+            const original = originalMap.get(modified.mid);
+            if (!original)
+                continue;
+            if (original.value !== modified.value) {
+                changes.push(createChange(modified.mid, modified.md?.dataType ?? MetadataDataTypes.Varchar, modified.value));
+            }
+        }
+        return changes;
+    }
+    const setMetadataListAsync = async (mdList, archived = false, currentDID) => {
+        try {
+            let did = currentDID ?? DID;
+            if (!did)
+                return;
+            TMSpinner.show({ description: 'Loading Metadata...' });
+            let res = await SDK_Globals.tmSession?.NewSearchEngine().GetMetadataAsync(TID, did, true);
+            let dtd = res?.dtdResult;
+            let rows = dtd.rows ? dtd.rows[0] : [];
+            let mids = res?.selectMIDs;
+            let metadataList = searchResultToMetadataValues(TID, dtd, rows, mids, mdList, layoutMode);
+            if (archived) {
+                let tempMetadataList = [];
+                for (let md of metadataList) {
+                    if (md.value === null) {
+                        if (formDataOrig.find(metadata => metadata.mid === md.mid)?.value === '') {
+                            tempMetadataList.push({ ...md, value: '' });
+                        }
+                        if (formDataOrig.find(metadata => metadata.mid === md.mid)?.value === undefined) {
+                            tempMetadataList.push({ ...md, value: undefined });
+                        }
+                        if (formDataOrig.find(metadata => metadata.mid === md.mid)?.value === null) {
+                            tempMetadataList.push(md);
+                        }
+                    }
+                    else {
+                        tempMetadataList.push(md);
+                    }
+                }
+                setFormData(tempMetadataList);
+                return;
+            }
+            setFormDataOrig(structuredClone(metadataList));
+            setFormData(structuredClone(metadataList));
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            TMSpinner.hide();
+        }
+    };
+    const onUndoHandler = () => {
+        setFormData(structuredClone(formDataOrig));
+    };
+    const confirmActionPopup = async () => {
+        TMMessageBoxManager.show({
+            buttons: [ButtonNames.YES, ButtonNames.NO],
+            message: layoutMode === LayoutModes.Update ? SDKUI_Localizator.SaveQuestion : 'Sei sicuro di voler archiviare questo documento?',
+            onButtonClick(e) {
+                if (e !== ButtonNames.YES)
+                    return;
+                layoutMode === LayoutModes.Update ? onSavedAsync() : onArchiveAsync();
+            },
+        });
+    };
+    const onSavedAsync = async () => {
+        const ue = new UpdateEngineByID(SDK_Globals.tmSession);
+        ue.DID = DID;
+        ue.TID = TID;
+        ue.Metadata_ClearAll();
+        try {
+            TMSpinner.show({ description: 'Aggiornamento in corso...' });
+            for (let metadata of changedMetadata) {
+                if (!metadata.modifiedValue)
+                    ue.Metadata_AddNull(metadata.mid);
+                else {
+                    switch (metadata.metadataType) {
+                        case MetadataDataTypes.DateTime:
+                            ue.Metadata_AddDateTime(metadata.mid, new Date(metadata.modifiedValue));
+                            break;
+                        case MetadataDataTypes.Number:
+                            ue.Metadata_AddNumber(metadata.mid, metadata.modifiedValue);
+                            break;
+                        case MetadataDataTypes.Varchar:
+                            ue.Metadata_AddString(metadata.mid, metadata.modifiedValue);
+                            break;
+                        default: ue.Metadata_AddNull(metadata.mid);
+                    }
+                }
+            }
+            await ue.UpdateAsync();
+            await onSavedAsyncCallback?.(TID, DID);
+            await setMetadataListAsync(fromDTD?.metadata);
+            ShowAlert({ mode: 'success', title: 'Form di documento', message: 'Le modifiche sono state salvate con successo', duration: 3000 });
+        }
+        catch (e) {
+            TMExceptionBoxManager.show({ exception: e });
+        }
+        finally {
+            TMSpinner.hide();
+        }
+    };
+    const resetHandler = () => {
+        setDcmtFile(null);
+    };
+    let firstBlock = true;
+    let maxFileSize = 0;
+    const onArchiveAsync = async () => {
+        let operationTitle = 'Archiviazione';
+        setUseWaitPanelLocalState(true);
+        setShowWaitPanelLocal(true);
+        setShowPrimaryLocal(false);
+        setShowSecondaryLocal(true);
+        setWaitPanelTitleLocal(operationTitle);
+        abortControllerLocal = new AbortController();
+        const ae = new ArchiveEngineByID(SDK_Globals.tmSession);
+        ae.TID = TID;
+        ae.Metadata_ClearAll();
+        try {
+            for (let metadata of formData) {
+                if (!metadata.value)
+                    continue;
+                switch (metadata.md?.dataType) {
+                    case MetadataDataTypes.DateTime:
+                        ae.Metadata_AddDateTime(metadata.mid, new Date(metadata.value));
+                        break;
+                    case MetadataDataTypes.Number:
+                        ae.Metadata_AddNumber(metadata.mid, parseFloat(metadata.value));
+                        break;
+                    case MetadataDataTypes.Varchar:
+                        ae.Metadata_AddString(metadata.mid, metadata.value);
+                        break;
+                    default: ae.Metadata_AddNull(metadata.mid);
+                }
+            }
+            ae.ArchivingFile = dcmtFile;
+            let res = await ae.ArchiveAsync(abortControllerLocal.signal, (pd) => {
+                if (firstBlock) {
+                    maxFileSize = pd.ProgressBarMaximum ?? 0;
+                    setWaitPanelMaxValueSecondaryLocal(maxFileSize);
+                    firstBlock = false;
+                }
+                setWaitPanelValueSecondaryLocal(pd.ProgressBarValue);
+                setWaitPanelTextSecondaryLocal(`Archiviazione... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`);
+                if (pd.ProgressBarValue === pd.ProgressBarMaximum) {
+                    setWaitPanelMaxValueSecondaryLocal(0);
+                    setWaitPanelValueSecondaryLocal(0);
+                    setWaitPanelTextSecondaryLocal('');
+                    firstBlock = true;
+                }
+            });
+            await setMetadataListAsync(fromDTD?.metadata ?? [], true, res);
+            resetHandler();
+            let newMruTIDS = mruTIDs ? mruTIDs.slice() : [];
+            let index = newMruTIDS.findIndex((o) => o == TID);
+            if (index >= 0)
+                newMruTIDS.splice(index, 1);
+            if (newMruTIDS.length >= 10)
+                newMruTIDS.splice(0, 1);
+            newMruTIDS.push(TID);
+            LocalStorageService.setItem(`ARCHIVEPAGE_MRU_TIDS_${SDK_Globals.tmSession?.SessionDescr?.archiveID}_${SDK_Globals.tmSession?.SessionDescr?.userID}`, newMruTIDS.filter((tid) => tid != undefined && tid != null));
+            onSaveRecents?.(newMruTIDS);
+            ShowAlert({ mode: 'success', title: 'Archiviazione', message: 'Il documento è stato archiviato con successo', duration: 3000 });
+        }
+        catch (err) {
+            TMExceptionBoxManager.show({ exception: err });
+        }
+        finally {
+            setWaitPanelTextPrimaryLocal('');
+            setWaitPanelMaxValuePrimaryLocal(0);
+            setWaitPanelValuePrimaryLocal(0);
+            setWaitPanelTextSecondaryLocal('');
+            setWaitPanelMaxValueSecondaryLocal(0);
+            setWaitPanelValueSecondaryLocal(0);
+            setShowWaitPanelLocal(false);
+            setUseWaitPanelLocalState(false);
+        }
+    };
+    const clearFormHandler = () => {
+        let data = structuredClone(formData);
+        if (!data || data.length === 0)
+            return;
+        for (let md of data) {
+            if (!md.mid)
+                continue;
+            if (md.mid > 99) {
+                if (formDataOrig.find(metadata => metadata.mid === md.mid)?.value === undefined) {
+                    if (md.value)
+                        md.value = undefined;
+                }
+                else if (md.value && md.value.length > 0)
+                    md.value = '';
+            }
+        }
+        setFormData(data);
+    };
+    const handleClose = () => {
+        if (!isModified) {
+            onClose?.();
+            return;
+        }
+        TMMessageBoxManager.show({
+            message: SDKUI_Localizator.SaveQuestion, buttons: [ButtonNames.YES, ButtonNames.NO, ButtonNames.CANCEL],
+            onButtonClick: async (e) => {
+                try {
+                    if (e == ButtonNames.CANCEL)
+                        return;
+                    if (e == ButtonNames.YES)
+                        await onSavedAsync?.();
+                    onClose?.();
+                }
+                catch (ex) {
+                    TMExceptionBoxManager.show({ exception: ex });
+                }
+            }
+        });
+    };
+    const isModified = calcIsModified(formData, formDataOrig);
+    const clearFormBtnDisabled = formData.filter(md => md.mid && md.value && md.mid > 99 && md.value.length > 0).length > 0;
+    const archiveBtnDisabled = layoutMode === LayoutModes.Update || (fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && !dcmtFile) || validationItems.length > 0;
+    const undoBtnDisabled = layoutMode === LayoutModes.Update || !calcIsModified(formData, formDataOrig);
+    const listMaxItems = getListMaxItems(deviceType ?? DeviceType.DESKTOP);
+    const totalItems = formData.filter(o => o.mid && o.mid > 100).length;
+    const metadataValuesSource = useMemo(() => {
+        return showAll ? formData.filter(o => o.mid && o.mid > 100) : formData.filter(o => o.mid && o.mid > 100).slice(0, listMaxItems);
+    }, [showAll, formData]);
+    const metadataValuesSourceOrig = useMemo(() => {
+        return showAll ? formDataOrig.filter(o => o.mid && o.mid > 100) : formDataOrig.filter(o => o.mid && o.mid > 100).slice(0, listMaxItems);
+    }, [showAll, formDataOrig]);
+    const getFormula = () => {
+        let fd = new FormulaDescriptor();
+        fd.expression = FormulaHelper.isFormula(focusedMetadataValue?.value) ? FormulaHelper.removeFormulaTag(focusedMetadataValue?.value) : undefined;
+        fd.formulaTarget = FormulaTargets.BatchUpdate;
+        fd.items = FormulaHelper.TreeViewList(TID ?? 0, getSystemMetadata(true), undefined, FormulaTargets.BatchUpdate, SDK_Globals.dbBrand);
+        fd.mid = focusedMetadataValue?.mid ?? 0;
+        fd.tid = TID;
+        return fd;
+    };
+    return (_jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: useWaitPanelLocalState ? showWaitPanelLocal : showWaitPanel, showWaitPanelPrimary: useWaitPanelLocalState ? showPrimaryLocal : showPrimary, showWaitPanelSecondary: useWaitPanelLocalState ? showSecondaryLocal : showSecondary, waitPanelTitle: useWaitPanelLocalState ? waitPanelTitleLocal : waitPanelTitle, waitPanelTextPrimary: useWaitPanelLocalState ? waitPanelTextPrimaryLocal : waitPanelTextPrimary, waitPanelValuePrimary: useWaitPanelLocalState ? waitPanelValuePrimaryLocal : waitPanelValuePrimary, waitPanelMaxValuePrimary: useWaitPanelLocalState ? waitPanelMaxValuePrimaryLocal : waitPanelMaxValuePrimary, waitPanelTextSecondary: useWaitPanelLocalState ? waitPanelTextSecondaryLocal : waitPanelTextSecondary, waitPanelValueSecondary: useWaitPanelLocalState ? waitPanelValueSecondaryLocal : waitPanelValueSecondary, waitPanelMaxValueSecondary: useWaitPanelLocalState ? waitPanelMaxValueSecondaryLocal : waitPanelMaxValueSecondary, isCancelable: useWaitPanelLocalState ? dcmtFile ? dcmtFile.size >= 1000000 : false : true, abortController: useWaitPanelLocalState ? abortControllerLocal : abortController, children: [_jsxs(TMSplitterLayout, { separatorSize: 5, separatorColor: 'transparent', showSeparator: (isOpenPreview || isOpenMiddlePanel()) && deviceType !== DeviceType.MOBILE && isOpenDcmtForm, start: getPrimarySplitterStartLayout(), min: deviceType !== DeviceType.MOBILE && isOpenDcmtForm ? ['150px', '0'] : ['0', '0'], direction: 'horizontal', children: [_jsx(TMLayoutItem, { children: _jsx(TMToolbarCard, { showHeader: showHeader, title: fromDTD?.nameLoc, toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {}), items: showDcmtFormSidebar ? sideBarItems : undefined, onBack: isClosable ? undefined : handleClose, onClose: isClosable ? handleClose : undefined, children: metadataValuesSource.length > 0 && _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, showAdvancedMenu: showAdvancedMenu, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
+                                            setFormData((prevItems) => prevItems.map((item) => {
+                                                const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
+                                                return newItem ? { ...item, ...newItem } : item;
+                                            }));
+                                        }, onAdvancedMenuClick: (e) => {
+                                            switch (e.button) {
+                                                case AdvancedMenuButtons.DistinctValues:
+                                                    setIsOpenDistinctValues(!isOpenDistinctValues);
+                                                    break;
+                                                case AdvancedMenuButtons.FormulaEditor:
+                                                    setIsOpenFormulaEditor(!isOpenFormulaEditor);
+                                                    break;
+                                            }
+                                        } }), _jsxs(StyledFormButtonsContainer, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: [fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && _jsx(WorkFlowOperationButtons, { onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), isInDcmtForm: true }), _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: layoutMode === LayoutModes.Update ? _jsxs(_Fragment, { children: [_jsx(TMSaveFormButtonSave, { showTooltip: false, btnStyle: 'advanced', advancedColor: '#f09c0a', isModified: isModified, formMode: formMode, errorsCount: validationItems.filter(o => o.ResultType == ResultTypes.ERROR).length, onSaveAsync: confirmActionPopup }), _jsx(TMSaveFormButtonUndo, { btnStyle: 'toolbar', showTooltip: true, color: 'primary', isModified: isModified, formMode: formMode, onUndo: onUndoHandler })] }) :
+                                                            _jsxs(_Fragment, { children: [_jsx(TMButton, { disabled: archiveBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconBoxArchiveIn, {}), showTooltip: false, caption: 'Archivia', advancedColor: TMColors.success, onClick: confirmActionPopup }), _jsx(TMButton, { disabled: !clearFormBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconClear, {}), showTooltip: false, caption: 'Pulisci', advancedColor: TMColors.tertiary, onClick: clearFormHandler }), DID && _jsx(TMButton, { disabled: undoBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconUndo, {}), width: '150px', showTooltip: false, caption: 'Annulla modifiche', advancedColor: TMColors.tertiary, onClick: onUndoHandler })] }) })] }), totalItems > listMaxItems && _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, TID: TID, DID: DID, op: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, TID: TID, DID: DID, op: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, TID: TID, DID: DID, onClose: () => setShowReAssignPopup(false) })] }) }) }), isOpenPreview || isOpenMiddlePanel() ?
+                        _jsx(TMLayoutItem, { children: _jsxs(TMSplitterLayout, { separatorSize: 5, direction: 'horizontal', showSeparator: deviceType !== DeviceType.MOBILE && (isOpenPreview && isOpenMiddlePanel()), start: getSecondarySplitterStartLayout(), min: ['0', '0'], separatorColor: 'transparent', children: [isOpenMiddlePanel()
+                                        ? _jsx(TMLayoutItem, { children: _jsx(TMToolbarCard, { padding: '0', showHeader: !(isOpenDetails && layoutMode === LayoutModes.Update), color: TMColors.primaryColor, backgroundColor: `${TMColors.primaryColor}25`, title: titleText(), toolbar: middlePanelToolbar, onClose: () => { closeMiddlePanel(); }, children: _jsx(StyledToolbarCardContainer, { children: _jsx(StyledSectionContainer, { children: _jsxs(StyledSidebarItemsContentContainer, { children: [isOpenBoard && layoutMode === LayoutModes.Update &&
+                                                                    _jsx(TMDcmtBlog, { tid: TID, did: DID }), isOpenSysMetadata && layoutMode === LayoutModes.Update &&
+                                                                    _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), isOpenDistinctValues &&
+                                                                    _jsx(TMDistinctValues, { tid: TID, mid: focusedMetadataValue?.mid, showHeader: false, layoutMode: layoutMode, onSelectionChanged: (e) => {
+                                                                            if (!e)
+                                                                                return;
+                                                                            setFormData((prevItems) => prevItems.map((item) => item.tid == e.tid && item.mid === e.mid ? { ...item, value: e.newValue } : item));
+                                                                        } }), isOpenFormulaEditor &&
+                                                                    _jsx(TMFormulaEditor, { isModal: false, formMode: FormModes.Update, inputData: getFormula(), showBack: false, onClose: () => setIsOpenFormulaEditor(false), onApplied: (newFormula) => {
+                                                                            setFormData((prevItems) => prevItems.map((item) => item.tid == newFormula.tid && item.mid === newFormula.mid ? { ...item, value: FormulaHelper.addFormulaTag(newFormula.expression), isSelected: true, isEditable: true } : item));
+                                                                            setFocusedMetadataValue(prevState => ({
+                                                                                ...prevState,
+                                                                                isSelected: true,
+                                                                                isEditable: true,
+                                                                                value: FormulaHelper.addFormulaTag(newFormula.expression)
+                                                                            }));
+                                                                        } })] }) }) }) }) })
+                                        : _jsx(_Fragment, {}), isOpenPreview
+                                        ? _jsxs(TMLayoutItem, { children: [layoutMode === LayoutModes.Update ?
+                                                    _jsx(TMDcmtPreview, { onClose: () => { setIsOpenPreview(false); onClosePreview?.(); }, dcmtData: currentDcmt, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev }) :
+                                                    _jsx(TMFileUploader, { onFileUpload: (file) => setDcmtFile(file), onClose: () => setIsOpenPreview(false), isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType }), " "] })
+                                        : _jsx(_Fragment, {})] }) }) : _jsx(_Fragment, {})] }), isOpenDetails &&
+                _jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenDetails(false) }) }), isOpenMaster &&
+                _jsxs(StyledModalContainer, { style: { backgroundColor: 'white' }, children: [_jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
+                            return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem }) }, `${index}-${dcmt.DID}`));
+                        })] })] }));
+};
+export default TMDcmtForm;
+//#region  Styled Components
+const StyledSectionContainer = styled.div ` width:  100%; height: 100%; display:flex; flex-direction: column; `;
+const StyledSidebarItemsContentContainer = styled.div `width: 100%; height: 100%; overflow:auto;`;
+//#endregion Styled Components
+//#region Validaion
+const validateMetadataList = (mvdList = []) => {
+    if (!Array.isArray(mvdList)) {
+        throw new TypeError("metadataList must be an array of ITMMetadataProps.");
+    }
+    return mvdList.reduce((validationItems, md) => {
+        const value = md.value?.toString() ?? "";
+        if (isValidForValidation(md)) {
+            validateRequiredField(md, value, validationItems);
+            validateMaxLength(md, value, validationItems);
+        }
+        return validationItems;
+    }, []);
+};
+const isValidForValidation = (mvd) => { return mvd.mid > 99; };
+const validateRequiredField = (mvd, value, validationItems) => {
+    if (mvd.isRequired === '1' && !value.trim()) {
+        const message = SDKUI_Localizator.RequiredField;
+        validationItems.push(new ValidationItem(ResultTypes.ERROR, mvd.md?.nameLoc ?? "", message));
+    }
+};
+const validateMaxLength = (mvd, value, validationItems) => {
+    const regex = /[!?[\],./*-+'<>:";]/g;
+    const maxLength = mvd.md?.length ?? 0;
+    const isTextOrNumber = mvd.md?.dataType === MetadataDataTypes.Varchar || mvd.md?.dataType === MetadataDataTypes.Number;
+    if (isTextOrNumber && mvd.md?.length && value.replace(regex, '').length > maxLength) {
+        const message = `"${mvd.md.nameLoc ?? "no-name"}" ha superata massimo lunghezza di ${maxLength} caratteri.`;
+        validationItems.push(new ValidationItem(ResultTypes.ERROR, mvd.md.nameLoc ?? "", message));
+    }
+};

package/lib/components/query/TMDcmtIcon.d.ts

@@ -0,0 +1,10 @@
+interface ITMDcmtIconProps {
+    fileExtension: string | undefined;
+    fileCount: number | undefined;
+    isLexProt: number | undefined;
+    isSigned: number | undefined;
+    isMail: number | undefined;
+    isShared: number | undefined;
+}
+declare const TMDcmtIcon: ({ fileExtension, fileCount, isLexProt, isSigned, isMail, isShared }: ITMDcmtIconProps) => import("react/jsx-runtime").JSX.Element;
+export default TMDcmtIcon;

package/lib/components/query/TMDcmtIcon.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { getFileIcon } from '../../helper';
+import TMTooltip from '../base/TMTooltip';
+const StyledCellRenderDcmtIcon = styled.div `
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    overflow: visible;
+    position: relative;
+`;
+const TMDcmtIcon = ({ fileExtension, fileCount, isLexProt, isSigned, isMail, isShared }) => {
+    return (_jsxs(StyledCellRenderDcmtIcon, { children: [getFileIcon(isMail == 2 ? "PEC" : fileExtension, fileCount), isLexProt == 1 && _jsx("div", { style: { position: 'absolute', left: '-7px', top: isShared ? undefined : '2px' }, children: _jsx(TMTooltip, { content: "Protezione LEX", children: _jsx(IconLexProtLock, { color: 'blue', fontSize: 13 }) }) }), isShared == 1 && _jsx("div", { style: { position: 'absolute', top: '-7px', left: '-5px' }, children: _jsx(TMTooltip, { content: "Documento condiviso", children: _jsx(IconShared, { fontSize: 16 }) }) }), isSigned == 1 && _jsx("div", { style: { position: 'absolute', bottom: '-4px', right: '-7px' }, children: _jsx(TMTooltip, { content: "Documento firmato", children: _jsx(IconSignature, { fontSize: 28 }) }) })] }));
+};
+export default TMDcmtIcon;
+function IconLexProtLock(props) {
+    return (_jsxs("svg", { viewBox: "0 0 512 512", height: "1em", width: "1em", ...props, children: [_jsx("path", { fill: "#455A64", d: "M256,0c-76.544,0.094-138.573,62.122-138.667,138.667V224c0,5.891,4.776,10.667,10.667,10.667h42.667\r\n        c5.891,0,10.667-4.776,10.667-10.667v-85.333C181.333,97.429,214.763,64,256,64s74.667,33.429,74.667,74.667V224\r\n        c0,5.891,4.776,10.667,10.667,10.667H384c5.891,0,10.667-4.776,10.667-10.667v-85.333C394.573,62.122,332.544,0.094,256,0z" }), _jsx("path", { fill: "#FFC107", d: "M128,213.333h256c29.455,0,53.333,23.878,53.333,53.333v192C437.333,488.122,413.455,512,384,512H128\r\n        c-29.455,0-53.333-23.878-53.333-53.333v-192C74.667,237.211,98.545,213.333,128,213.333z" }), _jsx("path", { fill: "#455A64", d: "M309.333,330.667c0.124-29.455-23.653-53.434-53.108-53.558\r\n        c-29.455-0.124-53.434,23.653-53.558,53.108c-0.086,20.36,11.427,38.992,29.674,48.023l-8.235,57.6\r\n        c-0.825,5.833,3.235,11.23,9.068,12.055c0.494,0.07,0.993,0.105,1.492,0.105h42.667c5.891,0.06,10.715-4.667,10.774-10.558\r\n        c0.005-0.543-0.03-1.086-0.108-1.623l-8.235-57.6C297.788,369.199,309.216,350.82,309.333,330.667z" }), _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " }), " ", _jsx("g", { children: " " })] })
+    // <svg
+    //     viewBox="0 0 24 24"
+    //     fill="currentColor"
+    //     height="1em"
+    //     width="1em"
+    //     {...props}
+    // >
+    //     <path d="M12 2C9.243 2 7 4.243 7 7v3H6a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7zm4 10.723V20h-2v-2.277a1.993 1.993 0 01.567-3.677A2.001 2.001 0 0114 16a1.99 1.99 0 01-1 1.723z" />
+    // </svg>
+    );
+}
+function IconShared(props) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: _jsx("path", { d: "M11 9V5l7 7-7 7v-4.1c-5 0-8.5 1.6-11 5.1 1-5 4-10 11-11m6-1V5l7 7-7 7v-3l4-4-4-4z" }) }));
+}
+function IconSignature(props) {
+    return (
+    // <svg viewBox="0 0 128 128" fill="currentColor"
+    //     height="1em"
+    //     width="1em"
+    //     {...props}>
+    //     <g><path d="m128 82.7c0-.3-.1-.6-.2-.8l-6.4-10.9c-2.2-3.7-4.8-7.1-7.9-10.2l-39.8-39.8c-2.7-2.7-7-2.7-9.7 0s-2.7 7 0 9.7l39.8 39.8c3.1 3.1 6.5 5.7 10.2 7.9l8.3 4.8c-.3.2-.7.5-1 .7-1.4 1-2.9 2-4.3 3.1-1.2.9-2.3 1.9-3.3 2.9-2.5 2.2-4.8 4.3-7.8 5.6-3.5 1.5-8.9 2.2-12.6-.9-.7-.6-1.4-1.4-2.2-2.2-2-2.2-4.3-4.7-7.8-4.6-2.9.1-4.9 2-6.7 3.7-.8.8-1.6 1.5-2.4 2-1 .6-2.1.9-3.2.9 1.9-3.5 2.5-7.1 1.7-10.5-.6-2.4-3.1-8.7-7.7-8.5-1.8.1-3.3 1-4.3 2.6-2.2 3.5-1.4 9.7-.4 12.2 1 2.4 2.6 4.4 4.5 5.9-3.9 4.3-9.6 7.4-15.9 8.6-6.4 1.2-12.9-.7-18.2-4.8 4.7-2 9.1-5.2 12.7-9.4 5.7-6.8 8-14.5 6.1-21.1-1.2-4.1-3.8-7.2-7.8-8.9-4.7-2-10.7-1.6-15.6 1.1-11.1 6.1-12.2 20.3-6.8 30.6 1.1 2.1 2.3 4 3.7 5.7-.5.1-1 .1-1.4.1-4.5.1-8.3-1.4-11.4-4.7-9.8-10.2-7-27.9 1.1-38.5 8.4-11 23.5-14.9 35.1-9.1 1 .5 2.2.1 2.7-.9s.1-2.2-.9-2.7c-13.2-6.6-30.4-2.2-40 10.2-9.2 12-12.2 32-.9 43.7 3.9 4 8.9 6.1 14.4 5.9 1.5 0 3-.3 4.5-.6 5.3 4.9 11.9 7.7 18.7 7.7 1.5 0 3-.1 4.6-.4 7.7-1.4 14.4-5.2 18.9-10.6 2.7.8 5.4.4 7.8-1.1 1.1-.7 2.1-1.6 3-2.5 1.4-1.4 2.7-2.5 4-2.6 1.6 0 2.8 1.2 4.7 3.3.8.9 1.6 1.8 2.6 2.6 4.2 3.5 10.8 4.1 16.8 1.5 3.6-1.6 6.3-4 8.9-6.3 1-.9 2.1-1.9 3.2-2.7 1.3-1 2.6-1.9 4-2.9 1.2-.8 2.5-1.7 3.7-2.6.7-.6 1-1.3.9-2zm-12-7.8c-3.4-2-6.5-4.4-9.4-7.2l-39.8-39.8c-1.1-1.1-1.1-2.9 0-4 .6-.6 1.3-.8 2-.8s1.5.3 2 .8l39.8 39.8c2.8 2.8 5.3 6 7.2 9.4l2.7 4.6zm-93.1 15.4c-4.5-8.5-3.8-20.3 5.2-25.2 2.2-1.2 4.8-1.8 7.3-1.8 1.7 0 3.4.3 4.9.9 1.9.8 4.4 2.6 5.5 6.3 2.1 7.6-3 14.7-5.3 17.4-3.5 4.2-8.2 7.4-12.9 9-1.9-2-3.4-4.2-4.7-6.6zm44.3 2.6c-1.4-1-2.5-2.5-3.2-4.2-.7-1.8-1.2-6.5.1-8.6.3-.5.6-.7 1.1-.7 1.2 0 3 3 3.5 5.4.8 3.2-.3 6.1-1.5 8.1z"></path></g>
+    // </svg>
+    _jsx("svg", { height: "1em", viewBox: "0 0 450 450", width: "1em", fill: "currentColor", ...props, children: _jsx("g", { children: _jsx("g", { children: _jsxs("g", { clipRule: "evenodd", fill: "rgb(0,0,0)", fillRule: "evenodd", children: [_jsx("path", { d: "m366.6 67.8 1.1-4c.4-1.5.6-3 .6-4.5 0-8.1-5.5-15.2-13.3-17.3-9.5-2.5-19.3 3.2-21.8 12.8l-20.4 77.9 34.6 9z" }), _jsx("path", { d: "m234.9 198.9h148.6v35.7h-148.6z", transform: "matrix(.253 -.968 .968 .253 21.311 461.088)" }), _jsx("path", { d: "m292.8 316 8.4 2.2 4.5-17.3-34.6-9.1-4.5 17.4 8.3 2.2z" }), _jsx("path", { d: "m275.3 319.7-12.7 14.7 5.4 40.3 24.4-32.5-3.9-19.1zm6.5 23.3c-.8 2.9-3.7 4.6-6.6 3.9s-4.6-3.7-3.9-6.6 3.7-4.6 6.6-3.9 4.6 3.7 3.9 6.6z" }), _jsx("path", { d: "m395.6 71.5-20.3-5.5-2 7.7 16.5 4.4-24.8 95c-.6 2.1.7 4.3 2.8 4.8.3.1.7.1 1 .1 1.8 0 3.4-1.2 3.8-3l25.8-98.8c.6-2-.7-4.2-2.8-4.7z" }), _jsx("path", { d: "" }), _jsx("path", { d: "m243.4 379.8c-1.8-1.2-4.3-.8-5.5 1.1-9.6 14.1-29.9 19.6-45.3 12.2-.5-.2-.9-.5-1.4-.7-3.5-1.8-7.9-4-12.8-2.7-2.7.7-4.7 2.3-6.5 3.6-1.5 1.2-2.8 2.2-3.9 2.2-2 .1-4-3-5-5.9-.2-.5-.4-1-.5-1.5-1.4-4.1-3.1-9.1-7.8-11.8-5.8-3.3-12.9-.9-17.4 3-2.4 2-4.2 4.4-6 6.7-1.2 1.5-2.3 2.9-3.4 4.1-7.5 7.9-20.3 10-30.2 5.6 7.6-6.9 13-15.5 15.4-24.9s1-21.1-7.8-25.8c-4.5-2.4-9.9-2.4-15.2.2-4.4 2.2-8.4 5.9-10.9 10.3-3.9 7-5.1 15.4-3.3 23.8 1.4 6.3 4.3 12 8.4 16.5-8.4 4.9-18.2 7.3-27.8 6.1-2.2-.3-4.2 1.2-4.5 3.4s1.2 4.2 3.4 4.5c2.1.3 4.1.4 6.2.4 10 0 20.1-3.1 29.1-9 6.1 3.7 13.5 5.4 21.1 4.7 8.5-.8 16.3-4.4 21.8-10.2 1.5-1.5 2.7-3.1 3.9-4.7 1.6-2.1 3.1-4 4.9-5.6 2.4-2 6-3.4 8.3-2.1 2.1 1.2 3.1 4.2 4.2 7.5.2.5.4 1.1.6 1.6 2.5 7 7.1 11.1 12.4 11.1h.6c3.6-.2 6.2-2.2 8.3-3.9 1.3-1 2.5-2 3.6-2.2 2-.5 4.5.8 7.2 2.1.5.3 1 .5 1.5.7 5.7 2.7 11.9 4 18.2 4 14.4 0 29-6.9 37.1-18.9 1.3-1.8.9-4.3-1-5.5zm-152.6 11.3c-8.1-8-10.4-21.8-4.8-31.7 2.5-4.5 7.5-8.2 12-8.2 1.2 0 2.3.3 3.4.8 5 2.7 5.5 10.6 3.9 16.8-2.2 8.7-7.5 16.5-14.5 22.3z" })] }) }) }) })
+    // <svg
+    //     viewBox="0 0 24 24"
+    //     fill="currentColor"
+    //     height="1em"
+    //     width="1em"
+    //     {...props}
+    // >
+    //     <path d="M22 22H2v-2h20v2M2.26 16.83L5.09 14l-2.83-2.83 1.41-1.41 2.83 2.83 2.83-2.83 1.41 1.41L7.91 14l2.83 2.83-1.41 1.41-2.83-2.83-2.83 2.83-1.41-1.41z" />
+    // </svg>
+    );
+}