@topconsultnpm/sdkui-react-beta 6.13.45 → 6.13.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/components/features/documents/TMBatchUpdateForm.d.ts +4 -0
  2. package/lib/components/features/documents/TMBatchUpdateForm.js +37 -31
  3. package/lib/components/features/documents/TMDcmtForm.d.ts +2 -1
  4. package/lib/components/features/documents/TMDcmtForm.js +21 -19
  5. package/lib/components/features/documents/TMMasterDetailDcmts.js +84 -107
  6. package/lib/components/features/search/TMSavedQuerySelector.js +10 -1
  7. package/lib/components/features/search/TMSearchQueryPanel.js +2 -2
  8. package/lib/components/features/search/TMSearchResult.d.ts +2 -0
  9. package/lib/components/features/search/TMSearchResult.js +140 -131
  10. package/lib/components/grids/TMRecentsManager.js +13 -2
  11. package/package.json +1 -1
package/lib/components/features/documents/TMBatchUpdateForm.d.ts CHANGED
@@ -5,6 +5,10 @@ interface ITMBatchUpdateFormProps {
5
5
  TID: number | undefined;
6
6
  DID: number | undefined;
7
7
  isExpertMode?: boolean;
8
+ isModal?: boolean;
9
+ titleModal?: string;
10
+ widthModal?: string;
11
+ heightModal?: string;
8
12
  onBack?: () => void;
9
13
  onSavedCallbackAsync?: () => Promise<void>;
10
14
  onStatusChanged?: (isModified: boolean, isValid: boolean) => void;
package/lib/components/features/documents/TMBatchUpdateForm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from 'react';
3
3
  import { AccessLevels, DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, ResultTypes, SDK_Globals, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
4
4
  import { searchResultToMetadataValues, getSystemMetadata, calcIsModified, getListMaxItems, SDKUI_Localizator, SDKUI_Globals } from '../../../helper';
@@ -17,7 +17,8 @@ import { useMetadataEditableList } from '../../editors/TMMetadataEditor';
17
17
  import TMMetadataValues, { ShowCheckBoxesMode, AdvancedMenuButtons } from '../../editors/TMMetadataValues';
18
18
  import { TMSaveFormButtonSave, TMSaveFormButtonUndo } from '../../forms/TMSaveForm';
19
19
  import TMPanel from '../../base/TMPanel';
20
- const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, onSavedCallbackAsync, onBack, onStatusChanged }) => {
20
+ import TMModal from '../../base/TMModal';
21
+ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", onSavedCallbackAsync, onBack, onStatusChanged }) => {
21
22
  const [metadataValues, setMetadataValues] = useState([]);
22
23
  const [metadataValuesOrig, setMetadataValuesOrig] = useState([]);
23
24
  const [validationItems, setValidationItems] = useState([]);
@@ -112,35 +113,40 @@ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.
112
113
  const totalItems = metadataValues.filter(o => o.mid && o.mid > 100).length;
113
114
  const metadataValuesSource = metadataValues.filter(o => o.mid && o.mid > 100).slice(0, showAll ? metadataValues.filter(o => o.mid && o.mid > 100).length : listMaxItems);
114
115
  const metadataValuesSourceOrig = metadataValuesOrig.filter(o => o.mid && o.mid > 100).slice(0, showAll ? metadataValuesOrig.filter(o => o.mid && o.mid > 100).length : listMaxItems);
115
- return (_jsx(TMLayoutWaitingContainer, { showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorColor: 'transparent', showSeparator: showFormulaEditor, start: showFormulaEditor ? ['50%', '50%'] : ['100%', '0%'], min: ['0', '0'], children: [_jsx(TMPanel, { title: `${SDKUI_Localizator.BatchUpdate} (${inputDcmts.length} documenti selezionati)`, onBack: deviceType === DeviceType.MOBILE ? onBack : undefined, onClose: deviceType !== DeviceType.MOBILE ? onBack : undefined, children: _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, isExpertMode: isExpertMode, showCheckBoxes: ShowCheckBoxesMode.Always, showNullValueCheckBoxes: true, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => { setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
116
- setMetadataValues((prevItems) => prevItems.map((item) => {
117
- const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
118
- return newItem ? { ...item, ...newItem } : item;
116
+ const renderContent = () => {
117
+ return (_jsx(TMLayoutWaitingContainer, { showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorColor: 'transparent', showSeparator: showFormulaEditor, start: showFormulaEditor ? ['50%', '50%'] : ['100%', '0%'], min: ['0', '0'], children: [_jsx(TMPanel, { title: `${SDKUI_Localizator.BatchUpdate} (${inputDcmts.length} documenti selezionati)`, onBack: deviceType === DeviceType.MOBILE ? onBack : undefined, onClose: deviceType !== DeviceType.MOBILE ? onBack : undefined, children: _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, isExpertMode: isExpertMode, showCheckBoxes: ShowCheckBoxesMode.Always, showNullValueCheckBoxes: true, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => { setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
118
+ setMetadataValues((prevItems) => prevItems.map((item) => {
119
+ const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
120
+ return newItem ? { ...item, ...newItem } : item;
121
+ }));
122
+ }, onAdvancedMenuClick: (e) => {
123
+ switch (e.button) {
124
+ case AdvancedMenuButtons.DistinctValues:
125
+ setShowDistinctValuesPanel(!showDistinctValuesPanel);
126
+ break;
127
+ case AdvancedMenuButtons.FormulaEditor:
128
+ setShowFormulaEditor(!showFormulaEditor);
129
+ break;
130
+ }
131
+ } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: [_jsx(TMSaveFormButtonSave, { showTooltip: false, btnStyle: 'advanced', advancedColor: '#f09c0a', isModified: errors.length <= 0 && isModified, formMode: FormModes.Update, errorsCount: errors.length, onSaveAsync: onSavedAsync }), _jsx(TMSaveFormButtonUndo, { btnStyle: 'toolbar', showTooltip: true, color: 'primary', isModified: isModified, formMode: FormModes.Update, onUndo: onUndoHandler })] }) }), totalItems > listMaxItems && _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] })] }) }), showDistinctValuesPanel && focusedMetadataValue &&
132
+ _jsx(TMDistinctValues, { isModal: true, tid: TID, mid: focusedMetadataValue?.mid, separator: ', ', allowAppendMode: false, onClosePanelCallback: () => setShowDistinctValuesPanel(false), onSelectionChanged: (e) => {
133
+ if (!e)
134
+ return;
135
+ setMetadataValues((prevItems) => prevItems.map((item) => item.tid == e.tid && item.mid === e.mid ? { ...item, value: e.newValue, isSelected: true } : item));
136
+ } }), showFormulaEditor && focusedMetadataValue &&
137
+ _jsx(TMPanel, { title: SDKUI_Localizator.FormulaEditorTitle + (focusedMetadataValue?.md?.nameLoc ? ` (${focusedMetadataValue?.md?.nameLoc})` : ''), onClose: () => setShowFormulaEditor(false), children: _jsx(TMFormulaEditor, { isModal: false, formMode: FormModes.Update, inputData: getFormula(), showBack: false, onClose: () => setShowFormulaEditor(false), onApplied: (newFormula) => {
138
+ setMetadataValues((prevItems) => prevItems.map((item) => item.tid == newFormula.tid && item.mid === newFormula.mid ? { ...item, value: FormulaHelper.addFormulaTag(newFormula.expression), isSelected: true, isEditable: true } : item));
139
+ setFocusedMetadataValue(prevState => ({
140
+ ...prevState,
141
+ isSelected: true,
142
+ isEditable: true,
143
+ value: FormulaHelper.addFormulaTag(newFormula.expression)
119
144
  }));
120
- }, onAdvancedMenuClick: (e) => {
121
- switch (e.button) {
122
- case AdvancedMenuButtons.DistinctValues:
123
- setShowDistinctValuesPanel(!showDistinctValuesPanel);
124
- break;
125
- case AdvancedMenuButtons.FormulaEditor:
126
- setShowFormulaEditor(!showFormulaEditor);
127
- break;
128
- }
129
- } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: [_jsx(TMSaveFormButtonSave, { showTooltip: false, btnStyle: 'advanced', advancedColor: '#f09c0a', isModified: errors.length <= 0 && isModified, formMode: FormModes.Update, errorsCount: errors.length, onSaveAsync: onSavedAsync }), _jsx(TMSaveFormButtonUndo, { btnStyle: 'toolbar', showTooltip: true, color: 'primary', isModified: isModified, formMode: FormModes.Update, onUndo: onUndoHandler })] }) }), totalItems > listMaxItems && _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] })] }) }), showDistinctValuesPanel && focusedMetadataValue &&
130
- _jsx(TMDistinctValues, { isModal: true, tid: TID, mid: focusedMetadataValue?.mid, separator: ', ', allowAppendMode: false, onClosePanelCallback: () => setShowDistinctValuesPanel(false), onSelectionChanged: (e) => {
131
- if (!e)
132
- return;
133
- setMetadataValues((prevItems) => prevItems.map((item) => item.tid == e.tid && item.mid === e.mid ? { ...item, value: e.newValue, isSelected: true } : item));
134
- } }), showFormulaEditor && focusedMetadataValue &&
135
- _jsx(TMPanel, { title: SDKUI_Localizator.FormulaEditorTitle + (focusedMetadataValue?.md?.nameLoc ? ` (${focusedMetadataValue?.md?.nameLoc})` : ''), onClose: () => setShowFormulaEditor(false), children: _jsx(TMFormulaEditor, { isModal: false, formMode: FormModes.Update, inputData: getFormula(), showBack: false, onClose: () => setShowFormulaEditor(false), onApplied: (newFormula) => {
136
- setMetadataValues((prevItems) => prevItems.map((item) => item.tid == newFormula.tid && item.mid === newFormula.mid ? { ...item, value: FormulaHelper.addFormulaTag(newFormula.expression), isSelected: true, isEditable: true } : item));
137
- setFocusedMetadataValue(prevState => ({
138
- ...prevState,
139
- isSelected: true,
140
- isEditable: true,
141
- value: FormulaHelper.addFormulaTag(newFormula.expression)
142
- }));
143
- addOrRemoveEditableList(newFormula.mid);
144
- } }) })] }) }));
145
+ addOrRemoveEditableList(newFormula.mid);
146
+ } }) })] }) }));
147
+ };
148
+ return (_jsx(_Fragment, { children: (isModal && onBack)
149
+ ? _jsx(TMModal, { title: titleModal, onClose: onBack, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px" }, children: renderContent() }) })
150
+ : renderContent() }));
145
151
  };
146
152
  export default TMBatchUpdateForm;
package/lib/components/features/documents/TMDcmtForm.d.ts CHANGED
@@ -38,8 +38,9 @@ interface ITMDcmtFormProps {
38
38
  }
39
39
  declare const TMDcmtForm: React.FC<ITMDcmtFormProps>;
40
40
  export default TMDcmtForm;
41
- export declare const ToppyHelpCenter: ({ content, onClick, deviceType }: {
41
+ export declare const ToppyHelpCenter: ({ content, onClick, deviceType, top }: {
42
42
  content?: any;
43
43
  onClick?: () => void;
44
44
  deviceType?: DeviceType;
45
+ top?: number;
45
46
  }) => import("react/jsx-runtime").JSX.Element;
package/lib/components/features/documents/TMDcmtForm.js CHANGED
@@ -9,7 +9,7 @@ import { DownloadTypes, FormModes } from '../../../ts';
9
9
  import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
10
10
  import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
11
11
  import { handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
12
- import { genUniqueId, IconShow, SDKUI_Localizator, IconBoard, IconDcmtTypeSys, IconDetailDcmts, svgToString, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconRoundFileUpload, IconArrowLeft } from '../../../helper';
12
+ import { genUniqueId, IconShow, SDKUI_Localizator, IconBoard, IconDcmtTypeSys, IconDetailDcmts, svgToString, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconRoundFileUpload, IconArrowLeft, IconPreview } from '../../../helper';
13
13
  import { hasDetailRelations, hasMasterRelations, isXMLFileExt } from '../../../helper/dcmtsHelper';
14
14
  import { TMColors } from '../../../utils/theme';
15
15
  import { StyledFormButtonsContainer, StyledModalContainer, StyledToolbarCardContainer } from '../../base/Styled';
@@ -454,22 +454,23 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
454
454
  gap: SDKUI_Globals.userSettings.themeSettings.gutters,
455
455
  width: '100%',
456
456
  height: '100%',
457
- }, children: [_jsx("div", { style: { flex: 1, minWidth: 0, height: '100%' }, children: _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, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorColor: 'transparent', showSeparator: (isOpenPreview || isOpenMiddlePanel()) && deviceType !== DeviceType.MOBILE && isOpenDcmtForm, start: getPrimarySplitterStartLayout(), min: deviceType !== DeviceType.MOBILE && isOpenDcmtForm ? ['150px', '0'] : ['0', '0'], children: [_jsx(TMLayoutItem, { children: _jsx(TMPanel, { showHeader: showHeader, title: fromDTD?.nameLoc, toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {}), onBack: (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose, onClose: isClosable ? handleClose : undefined, children: metadataValuesSource.length > 0 && _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
458
- setFormData((prevItems) => prevItems.map((item) => {
459
- const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
460
- return newItem ? { ...item, ...newItem } : item;
461
- }));
462
- }, onAdvancedMenuClick: (e) => {
463
- switch (e.button) {
464
- case AdvancedMenuButtons.DistinctValues:
465
- setIsOpenDistinctValues(!isOpenDistinctValues);
466
- break;
467
- case AdvancedMenuButtons.FormulaEditor:
468
- setIsOpenFormulaEditor(!isOpenFormulaEditor);
469
- break;
470
- }
471
- } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _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 })] }) :
472
- _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) }), _jsx(ConfirmAttachmentsDialog, {})] }) }) }), isOpenPreview || isOpenMiddlePanel() ?
457
+ }, children: [_jsx("div", { style: { flex: 1, minWidth: 0, height: '100%' }, children: _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, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorColor: 'transparent', showSeparator: (isOpenPreview || isOpenMiddlePanel()) && deviceType !== DeviceType.MOBILE && isOpenDcmtForm, start: getPrimarySplitterStartLayout(), min: deviceType !== DeviceType.MOBILE && isOpenDcmtForm ? ['150px', '0'] : ['0', '0'], children: [_jsx(TMLayoutItem, { children: _jsx(TMPanel, { showHeader: showHeader, title: fromDTD?.nameLoc, toolbar: allowNavigation ? formToolbar : _jsx(_Fragment, {}), onBack: (isClosable && deviceType !== DeviceType.MOBILE) ? undefined : handleClose, onClose: isClosable ? () => setIsOpenDcmtForm(false) : undefined, children: metadataValuesSource.length > 0 &&
458
+ _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
459
+ setFormData((prevItems) => prevItems.map((item) => {
460
+ const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
461
+ return newItem ? { ...item, ...newItem } : item;
462
+ }));
463
+ }, onAdvancedMenuClick: (e) => {
464
+ switch (e.button) {
465
+ case AdvancedMenuButtons.DistinctValues:
466
+ setIsOpenDistinctValues(!isOpenDistinctValues);
467
+ break;
468
+ case AdvancedMenuButtons.FormulaEditor:
469
+ setIsOpenFormulaEditor(!isOpenFormulaEditor);
470
+ break;
471
+ }
472
+ } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _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 })] }) :
473
+ _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) }), _jsx(ConfirmAttachmentsDialog, {})] }) }) }), isOpenPreview || isOpenMiddlePanel() ?
473
474
  _jsx(TMLayoutItem, { children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, showSeparator: deviceType !== DeviceType.MOBILE && (isOpenPreview && isOpenMiddlePanel()), start: getSecondarySplitterStartLayout(), min: ['0', '0'], separatorColor: 'transparent', children: [isOpenMiddlePanel()
474
475
  ? _jsx(TMLayoutItem, { children: _jsxs(TMPanel, { showHeader: !(isOpenDetails && layoutMode === LayoutModes.Update), title: titleText(), onClose: () => { closeMiddlePanel(); }, children: [isOpenBoard && layoutMode === LayoutModes.Update &&
475
476
  _jsx(TMDcmtBlog, { tid: TID, did: DID }), isOpenSysMetadata && layoutMode === LayoutModes.Update &&
@@ -499,6 +500,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
499
500
  ] : []),
500
501
  ...(layoutMode !== LayoutModes.Ark ? [
501
502
  ...(deviceType === DeviceType.MOBILE ? [{ icon: _jsx(IconArrowLeft, {}), onClick: isClosable ? undefined : handleClose }] : []),
503
+ { icon: _jsx(IconPreview, {}), selected: isOpenDcmtForm, onClick: () => { setIsOpenDcmtForm(!isOpenDcmtForm); } },
502
504
  { icon: _jsx(IconShow, {}), selected: isOpenPreview, disabled: isPreviewDisabled, onClick: () => { if (!isPreviewDisabled)
503
505
  setIsOpenPreview(!isOpenPreview); } },
504
506
  { icon: _jsx(IconBoard, {}), selected: isOpenBoard, disabled: isBoardDisabled, onClick: () => { if (!isBoardDisabled) {
@@ -602,6 +604,6 @@ const ToppyImage = styled.img `
602
604
  height: ${props => props.$isMobile ? '140px' : '200px'};
603
605
  cursor: ${props => props.$isMobile ? 'pointer' : 'default'};
604
606
  `;
605
- export const ToppyHelpCenter = ({ content, onClick, deviceType }) => {
606
- return (_jsxs(ToppyContainer, { children: [_jsx(ToppyImage, { "$isMobile": deviceType === DeviceType.MOBILE, onClick: onClick, src: toppy, alt: "Toppy" }), _jsx("div", { style: { top: deviceType === DeviceType.MOBILE ? -180 : -200, right: deviceType === DeviceType.MOBILE ? 20 : 1, transform: 'rotate(20deg)', position: 'absolute', width: 'max-content', height: 'max-content' }, children: content })] }));
607
+ export const ToppyHelpCenter = ({ content, onClick, deviceType, top = -200 }) => {
608
+ return (_jsxs(ToppyContainer, { children: [_jsx(ToppyImage, { "$isMobile": deviceType === DeviceType.MOBILE, onClick: onClick, src: toppy, alt: "Toppy" }), _jsx("div", { style: { top: deviceType === DeviceType.MOBILE ? -180 : top, right: deviceType === DeviceType.MOBILE ? 20 : 1, transform: 'rotate(20deg)', position: 'absolute', width: 'max-content', height: 'max-content' }, children: content })] }));
607
609
  };
package/lib/components/features/documents/TMMasterDetailDcmts.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useCallback, useEffect, useMemo, useState } from 'react';
2
+ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
3
3
  import { DataColumnTypes, DcmtTypeListCacheService, MetadataDataDomains, MetadataFormats, RelationCacheService, RelationTypes, ResultTypes, SDK_Globals, SystemMIDs } from '@topconsultnpm/sdk-ts-beta';
4
4
  import { ContextMenu } from 'devextreme-react';
5
5
  import { TMNothingToShow } from './TMDcmtPreview';
6
6
  import TMDcmtForm from './TMDcmtForm';
7
7
  import TMSearchResult from '../search/TMSearchResult';
8
- import { genUniqueId, getExceptionMessage, IconFolder, IconShow, IconBoard, IconDcmtTypeSys, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, svgToString, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMultipleSelection, IconMenuVertical, IconSearchCheck, IconDataList } from '../../../helper';
8
+ import { genUniqueId, getExceptionMessage, IconFolder, IconDetailDcmts, SDKUI_Localizator, svgToString, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMultipleSelection, IconMenuVertical, IconSearchCheck, IconDataList, SDKUI_Globals, IconInfo } from '../../../helper';
9
9
  import { hasDetailRelations } from '../../../helper/dcmtsHelper';
10
10
  import { FormModes, SearchResultContext } from '../../../ts';
11
11
  import { TMColors } from '../../../utils/theme';
@@ -23,7 +23,10 @@ import TMDataListItemViewer from '../../viewers/TMDataListItemViewer';
23
23
  import { TMDcmtTypeTooltip } from '../../viewers/TMTidViewer';
24
24
  import TMTreeView from '../../base/TMTreeView';
25
25
  import TMDcmtIcon from './TMDcmtIcon';
26
- import TMPanelManager from '../../base/TMPanelManager';
26
+ import { TMPanelManagerContextProvider, useTMPanelContext } from '../../layout/panel/TMPanelContext';
27
+ import { useResizablePanels } from '../../layout/panel/useResizablePanels';
28
+ import { TMPanelToolbar } from '../../layout/panel/TMPanelToolbar';
29
+ import TMPanel from '../../base/TMPanel';
27
30
  let abortController = new AbortController();
28
31
  const TMMasterDetailDcmts = ({ deviceType, inputDcmts, isForMaster, showCurrentDcmtIndicator = true, allowNavigation, canNext, canPrev, onNext, onPrev, onBack, appendMasterDcmts, onTaskCreateRequest }) => {
29
32
  const [id, setID] = useState('');
@@ -378,7 +381,7 @@ const TMMasterDetailDcmts = ({ deviceType, inputDcmts, isForMaster, showCurrentD
378
381
  const toolbar = _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowMultipleSelection && _jsx("p", { style: { color: TMColors.colorHeader, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${selectedItems.length} selezionati` }), _jsx(TMButton, { btnStyle: 'icon', caption: 'Selezione multipla', icon: _jsx(IconMultipleSelection, { fontSize: 16, color: allowMultipleSelection ? TMColors.tertiary : 'white' }), onClick: () => setAllowMultipleSelection(!allowMultipleSelection) }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(IconMenuVertical, { id: `commands-detail-${id}`, color: 'white', cursor: 'pointer' }), _jsx(ContextMenu, { showEvent: 'click', dataSource: commandsMenuItems, target: `#commands-detail-${id}` })] });
379
382
  const getTitle = () => isForMaster ? `${SDKUI_Localizator.DcmtsMaster} - ${dtdMaster?.nameLoc}` : SDKUI_Localizator.DcmtsDetail;
380
383
  const isMobile = deviceType === DeviceType.MOBILE;
381
- const renderTMTreeView = (handleTogglePanel) => _jsx(_Fragment, { children: isLoading ? _jsx(_Fragment, {}) :
384
+ const renderTMTreeView = (handleTogglePanel) => _jsx(TMPanel, { title: getTitle(), onBack: onBack, toolbar: toolbar, allowMaximize: !isMobile, children: isLoading ? _jsx(_Fragment, {}) :
382
385
  data.length <= 0
383
386
  ?
384
387
  _jsx(TMNothingToShow, { text: getTitle(), secondText: SDKUI_Localizator.NoDataToDisplay, icon: isForMaster ? _jsx(IconDetailDcmts, { fontSize: 96, transform: 'scale(-1, 1)' }) : _jsx(IconDetailDcmts, { fontSize: 96 }) })
@@ -387,129 +390,46 @@ const TMMasterDetailDcmts = ({ deviceType, inputDcmts, isForMaster, showCurrentD
387
390
  const renderTMFormOrResult = useMemo(() => (handleTogglePanel) => {
388
391
  return (_jsx(_Fragment, { children: focusedItem?.isDcmt ?
389
392
  _jsx(TMDcmtForm, { TID: focusedItem?.tid, DID: focusedItem.did, isClosable: deviceType !== DeviceType.MOBILE, allowNavigation: false, allowRelations: deviceType !== DeviceType.MOBILE, showDcmtFormSidebar: deviceType === DeviceType.MOBILE, showPreview: showPreview, showBoard: showBoard, showSysMetadata: showSysMetadata, showDcmtForm: showDcmtForm, onClose: () => { setShowDcmtForm(false); }, onClosePreviewPanel: () => { setShowPreview(false); } }) :
390
- _jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, searchResults: focusedItem?.searchResult ?? [], showPreview: showPreview, showBoard: showBoard, showSysMetadata: showSysMetadata, showSearchResultSidebar: false, onClose: () => { setShowDcmtForm(false); }, onClosePreviewPanel: () => {
393
+ _jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, allowRelations: false, openDcmtFormAsModal: true, searchResults: focusedItem?.searchResult ?? [],
394
+ // showPreview={showPreview}
395
+ // showBoard={showBoard}
396
+ // showSysMetadata={showSysMetadata}
397
+ showSearchResultSidebar: false, onClose: () => { setShowDcmtForm(false); }, onClosePreviewPanel: () => {
391
398
  setShowPreview(false);
392
399
  handleTogglePanel("commandPreview");
393
400
  }, onTaskCreateRequest: onTaskCreateRequest }) }));
394
401
  }, [focusedItem, showPreview, showBoard, showSysMetadata, showDcmtForm, deviceType]);
395
- const panelsConfig = [
402
+ const panels = [
396
403
  {
397
404
  id: 'TMTreeView',
398
405
  name: getTitle(),
399
- toolbarOptions: { icon: _jsx(IconDataList, { fontSize: 24 }), visible: true, isActive: true, orderNumber: 1 },
400
- type: 'content',
406
+ children: [],
401
407
  contentOptions: {
402
- visible: true,
408
+ width: '50%',
403
409
  height: '100%',
404
- width: '20%',
405
- content: renderTMTreeView,
406
- panelContainer: {
407
- title: getTitle(),
408
- allowMaximize: !isMobile,
409
- onBack: onBack,
410
- toolbar: toolbar
411
- },
412
410
  },
411
+ toolbarOptions: {
412
+ icon: _jsx(IconDataList, { fontSize: 24 }),
413
+ visible: true,
414
+ isActive: true
415
+ }
413
416
  },
414
417
  {
415
418
  id: 'TMFormOrResult',
416
419
  name: focusedItem?.isDcmt ? "Form del documento" : SDKUI_Localizator.SearchResult,
417
- toolbarOptions: { icon: _jsx(IconSearchCheck, { fontSize: 24 }), visible: true, isActive: true, orderNumber: 2 },
418
- type: 'content',
420
+ children: [],
419
421
  contentOptions: {
420
- visible: true,
422
+ width: '50%',
421
423
  height: '100%',
422
- width: '20%',
423
- content: renderTMFormOrResult,
424
- },
425
- },
426
- {
427
- id: 'commandPreview',
428
- name: SDKUI_Localizator.PreviewDocument,
429
- toolbarOptions: {
430
- icon: _jsx(IconShow, { fontSize: 24 }),
431
- visible: true,
432
- disabled: !focusedItem,
433
- isActive: showPreview,
434
- orderNumber: 3,
435
424
  },
436
- type: 'button',
437
- buttonOptions: {
438
- onClick: () => {
439
- setShowPreview(prev => !prev);
440
- },
441
- },
442
- },
443
- {
444
- id: 'commandSysMetadata',
445
- name: SDKUI_Localizator.MetadataSystem,
446
- toolbarOptions: {
447
- icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }),
448
- visible: true,
449
- disabled: !focusedItem,
450
- isActive: showSysMetadata,
451
- orderNumber: 3,
452
- },
453
- type: 'button',
454
- buttonOptions: {
455
- onClick: () => {
456
- setShowSysMetadata(prev => !prev);
457
- },
458
- },
459
- },
460
- {
461
- id: 'commandBoard',
462
- name: SDKUI_Localizator.BlogCase,
463
425
  toolbarOptions: {
464
- icon: _jsx(IconBoard, { fontSize: 24 }),
465
- disabled: !focusedItem,
426
+ icon: _jsx(IconSearchCheck, { fontSize: 24 }),
466
427
  visible: true,
467
- isActive: showBoard,
468
- orderNumber: 3,
469
- },
470
- type: 'button',
471
- buttonOptions: {
472
- onClick: () => {
473
- setShowBoard(prev => !prev);
474
- },
475
- },
476
- },
477
- {
478
- id: 'commandZeroDcmts',
479
- name: "Consenti dettagli con 0 documenti",
480
- toolbarOptions: {
481
- icon: _jsx(IconCheckFile, { fontSize: 24 }),
482
- visible: true,
483
- isActive: showZeroDcmts,
484
- orderNumber: 3,
485
- beginGroup: true,
486
- },
487
- type: 'button',
488
- buttonOptions: {
489
- onClick: () => {
490
- setShowZeroDcmts(prev => !prev);
491
- },
492
- },
493
- },
494
- {
495
- id: 'commandMasterDcmts',
496
- name: SDKUI_Localizator.DcmtsMaster,
497
- toolbarOptions: {
498
- icon: _jsx(IconDetailDcmts, { transform: 'scale(-1, 1)', fontSize: 24 }),
499
- disabled: !focusedItem?.isDcmt,
500
- visible: true,
501
- isActive: false,
502
- orderNumber: 3,
503
- },
504
- type: 'button',
505
- buttonOptions: {
506
- onClick: () => {
507
- appendMasterDcmts?.(focusedItem?.tid, focusedItem?.did);
508
- },
509
- },
510
- },
428
+ isActive: true
429
+ }
430
+ }
511
431
  ];
512
- return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsx(TMPanelManager, { panels: panelsConfig, initialMobilePanelId: 'TMTreeView', toolbarMode: 1 }) }));
432
+ return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsx(TMPanelManagerContextProvider, { panels: panels, initialMobilePanelId: "TMTreeView", children: _jsx(TMMasterDetailPanelContent, { isMobile: isMobile, panelTMTreeView: renderTMTreeView, panelTMFormOrResult: renderTMFormOrResult }) }) }));
513
433
  };
514
434
  export default TMMasterDetailDcmts;
515
435
  function getMetadataKeys(obj) {
@@ -589,3 +509,60 @@ const getDisplayValueByColumn = (col, value) => {
589
509
  export function IconBackhandIndexPointingRight(props) {
590
510
  return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", width: "1em", height: "1em", ...props, children: [_jsx("path", { fill: "#E0BB95", d: "M58.7 41.1c10.8.1 53.3.4 54.9.4c12.8.3 12.7 16.7.7 16.9c-1.5 0-25 1.1-32.2 1.3c5.2 2 7.5 11.9-3.1 14.9c5 2.6 6.4 12.9-4.2 14.7c3.8 2.5 4.3 10.9-6 14.2c-8.4 2.7-28.2 2-40.3-2.3c-9.1-3.3-8.4-5.8-16.7-5.6c-1.4 0-2.1-1.1-2.4-2.4c-1.3-5.9-1.9-26.3-.3-33.8c.4-1.6 1.7-1.8 2.2-1.9c2.1-.4 4.2-2.5 5-4.3c3.2-6.4 12.8-12.8 23.4-18.2c5.5-2.8 9.2-8.8 10.4-18.3c.8-6.3 8.6-7.7 11.8-2.5c2.2 3.6 2.9 7 2.9 10.4c.2 6.2-1.6 10.1-6.1 16.5" }), _jsx("defs", { children: _jsx("path", { id: "notoBackhandIndexPointingRightMediumLightSkinTone0", d: "M58.7 41.1c10.8.1 53.3.4 54.9.4c12.8.3 12.7 16.7.7 16.9c-1.5 0-25 1.1-32.2 1.3c5.2 2 7.5 11.9-3.1 14.9c5 2.6 6.4 12.9-4.2 14.7c3.8 2.5 4.3 10.9-6 14.2c-8.4 2.7-28.2 2-40.3-2.3c-9.1-3.3-8.4-5.8-16.7-5.6c-1.4 0-2.1-1.1-2.4-2.4c-1.3-5.9-1.9-26.3-.3-33.8c.4-1.6 1.7-1.8 2.2-1.9c2.1-.4 4.2-2.5 5-4.3c3.2-6.4 12.8-12.8 23.4-18.2c5.5-2.8 9.2-8.8 10.4-18.3c.8-6.3 8.6-7.7 11.8-2.5c2.2 3.6 2.9 7 2.9 10.4c.2 6.2-1.6 10.1-6.1 16.5" }) }), _jsx("clipPath", { id: "notoBackhandIndexPointingRightMediumLightSkinTone1", children: _jsx("use", { href: "#notoBackhandIndexPointingRightMediumLightSkinTone0" }) }), _jsx("g", { fill: "#D19661", clipPath: "url(#notoBackhandIndexPointingRightMediumLightSkinTone1)", children: _jsx("path", { d: "M73.3 59.5c.1 1.6 2.8 2.9 2.8 6.4c0 3.7-3 4.7-3.1 7.5c-.1 2.7 2 3.8 1.5 7.7c-.6 4.5-4.1 4-4.2 7.1c0 2.7 1.8 3.2 1.8 6.6c0 3.1-3 5.8-5.5 7s-1.2 3.4 0 3.4s11.9-1.3 14.5-8.2c3-8 11-29.6 8.8-36.9c-7.1-1-11.5-1.6-13.7-1.8c-.7-.1-2.9-.6-2.9 1.2M60.1 40.7c0 .9.1 1.5 1 1.5c1 0 43.6 2.1 51.6 2.3c9.2.2 8.7 7.6 5.9 10.1c-1.9 1.7.6 4 2.2 2.6s4.4-3.4 4.3-8.4s-4.4-8.6-8.4-8.9c-3.8-.3-56.6.8-56.6.8m-51.9 21c15.9 0 14.1-11.7 25.2-18.9c15.4-10.1 16.3-11.1 19.7-25.2c1.2-4.9 5.7-4.4 7.7-2.1s4.9-1.3 3.6-2.7s-7.8-7.7-14.8-1.1s-42 46.2-42 46.2z" }) }), _jsx("defs", { children: _jsx("use", { href: "#notoBackhandIndexPointingRightMediumLightSkinTone0", id: "notoBackhandIndexPointingRightMediumLightSkinTone2" }) }), _jsx("clipPath", { id: "notoBackhandIndexPointingRightMediumLightSkinTone3", children: _jsx("use", { href: "#notoBackhandIndexPointingRightMediumLightSkinTone2" }) }), _jsx("g", { fill: "#8D542E", clipPath: "url(#notoBackhandIndexPointingRightMediumLightSkinTone3)", children: _jsx("path", { d: "M58.7 41.1h-1.9c-.4 0-.8-.4-.2-1.3s5.8-8 5.8-15c0-3.2-.5-7.7-3.4-12.4c-.6-.9.2-1.4.9-1c.7.5 6.4 3.2 6.5 13.4s-7.7 16.3-7.7 16.3m65.1 8.8c-.5 0-1.1-.2-1.7 1c-.7 1.5-3.1 4.4-8.4 4.7s-38.1 2.5-38.9 2.5c-1.1 0-1.2 1.9.1 1.8c1.7-.1 7.2-.2 7.2-.2s30.9 1.8 36.9-.6c6.1-2.4 4.8-9.2 4.8-9.2M86.6 68.5c-.3-.1-.7-.1-1 .3c-1.5 2-4.6 3.5-10.6 3.3c-1.4 0-1.6 2.7.1 2.7c.7 0 4-.1 4-.1l6.6-.2zm-3.6 15c-.3-.1-.7-.1-1.1.4c-1.5 2-3.5 2.8-9.7 3c-1.5.1-1.4 2.6.2 2.6c1.1 0 2.4-.1 2.4-.1l7-.6zm-5.4 12.7c-.3-.1-.8-.2-1.2.4c-.8 1.1-2.9 3-7.5 4.4c-3.7 1.1-21.3 1.9-32.5-.7c-2.3-.5-9.9-3-13.6-5.3s-7.3-1.6-8.3-1.4s-6.3.7-6.3.7l2.5 3.7l27 8.6l38.5-.6z" }) })] }));
591
511
  }
512
+ const TMMasterDetailPanelContent = ({ isMobile, panelTMTreeView, panelTMFormOrResult }) => {
513
+ const gutters = SDKUI_Globals.userSettings.themeSettings.gutters;
514
+ const { visibility, maximizedPanelId, getPanelDimensions, togglePanel, toggleMaximizePanel, setPanelDisabledById, setPanelVisibility, hasVisiblePanels } = useTMPanelContext();
515
+ const containerRef = useRef(null);
516
+ const { onMouseDown } = useResizablePanels(containerRef);
517
+ const { width: widthPanel1, height: heightPanel1 } = getPanelDimensions('TMTreeView');
518
+ const { width: widthPanel2, height: heightPanel2 } = getPanelDimensions('TMFormOrResult');
519
+ return (_jsxs("div", { style: { display: 'flex', height: '100%', width: '100%', flexDirection: isMobile ? 'column' : 'row', gap: gutters }, children: [_jsx("div", { style: {
520
+ display: 'flex',
521
+ flexGrow: 1,
522
+ width: `calc(100% - ${isMobile ? 0 : 70}px)`,
523
+ height: `calc(100% - ${isMobile ? 55 : 0}px)`,
524
+ flexDirection: 'row'
525
+ }, children: _jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsxs("div", { ref: containerRef, style: {
526
+ display: hasVisiblePanels() ? 'flex' : 'none',
527
+ width: '100%',
528
+ height: '100%',
529
+ }, children: [_jsx("div", { style: {
530
+ display: visibility.TMTreeView ? 'block' : 'none',
531
+ width: widthPanel1,
532
+ height: heightPanel1,
533
+ overflow: 'hidden',
534
+ }, children: panelTMTreeView() }), visibility.TMTreeView && visibility.TMFormOrResult && maximizedPanelId === null && (_jsx("div", { style: {
535
+ background: 'transparent',
536
+ cursor: 'col-resize',
537
+ width: `${gutters}px`,
538
+ height: '100%',
539
+ userSelect: 'none',
540
+ }, onMouseDown: (e) => onMouseDown(e, 'TMTreeView', 'TMFormOrResult', true) })), _jsx("div", { style: {
541
+ display: visibility.TMFormOrResult ? 'block' : 'none',
542
+ width: widthPanel2,
543
+ height: heightPanel2,
544
+ overflow: 'hidden',
545
+ }, children: panelTMFormOrResult() })] }), _jsxs("div", { style: {
546
+ display: hasVisiblePanels() ? 'none' : 'flex',
547
+ flexDirection: 'column',
548
+ width: '100%',
549
+ height: '100%',
550
+ justifyContent: 'center',
551
+ alignItems: 'center',
552
+ fontSize: '1.5rem',
553
+ fontWeight: 'bold',
554
+ color: '#888',
555
+ backgroundColor: '#fff',
556
+ borderRadius: '10px'
557
+ }, children: [_jsx(IconInfo, { style: { fontSize: 50 } }), _jsx("div", { children: SDKUI_Localizator.NoPanelSelected })] })] }) }), _jsx("div", { style: {
558
+ display: 'flex',
559
+ flexDirection: isMobile ? 'row' : 'column',
560
+ alignItems: 'center',
561
+ width: isMobile ? '100%' : '50px',
562
+ height: isMobile ? '50px' : 'max-content',
563
+ background: 'transparent linear-gradient(90deg, #CCE0F4 0%, #7EC1E7 14%, #39A6DB 28%, #1E9CD7 35%, #0075BE 78%, #005B97 99%) 0% 0% no-repeat padding-box',
564
+ borderRadius: isMobile ? '10px' : '10px 0px 0px 10px',
565
+ padding: '10px',
566
+ gap: '10px'
567
+ }, children: _jsx(TMPanelToolbar, {}) })] }));
568
+ };
package/lib/components/features/search/TMSavedQuerySelector.js CHANGED
@@ -24,7 +24,7 @@ const StyledSqdItem = styled.div `
24
24
  position: relative;
25
25
  white-space: nowrap;
26
26
  text-overflow: ellipsis;
27
- border-bottom: 1px solid #00A99D; // separator line
27
+ /* border-bottom: 1px solid #00A99D; // separator line */
28
28
 
29
29
  &:hover {
30
30
  cursor: pointer;
@@ -44,6 +44,15 @@ const StyledSqdItem = styled.div `
44
44
  `}
45
45
  }
46
46
 
47
+ &::after {
48
+ content: '';
49
+ display: block;
50
+ width: 90%;
51
+ margin: 0 auto;
52
+ border-bottom: 1px solid #00A99D;
53
+ margin-top: 8px;
54
+ }
55
+
47
56
  &:hover .info-icon {
48
57
  opacity: 1;
49
58
  pointer-events: auto;
package/lib/components/features/search/TMSearchQueryPanel.js CHANGED
@@ -279,7 +279,7 @@ export const refreshLastSearch = async (qd) => {
279
279
  export const StyledToppyTextContainer = styled.div `
280
280
  padding: 30px 50px;
281
281
  max-width: 345px;
282
- border: 1px solid #8D2F88;
282
+ border: 1px solid #2559A5;
283
283
  border-radius: 30px;
284
284
  display: flex;
285
285
  align-items: center;
@@ -287,7 +287,7 @@ export const StyledToppyTextContainer = styled.div `
287
287
  `;
288
288
  export const StyledToppyText = styled.p `
289
289
  text-align: center;
290
- color: #8d2f88;
290
+ color: #2559A5;
291
291
  font-size: 30px;
292
292
  user-select: none;
293
293
  `;
package/lib/components/features/search/TMSearchResult.d.ts CHANGED
@@ -6,8 +6,10 @@ interface ITMSearchResultProps {
6
6
  title?: string;
7
7
  searchResults: SearchResultDescriptor[] | undefined;
8
8
  allowFloatingBar?: boolean;
9
+ allowRelations?: boolean;
9
10
  isClosable?: boolean;
10
11
  isVisible?: boolean;
12
+ openDcmtFormAsModal?: boolean;
11
13
  showDcmtForm?: boolean;
12
14
  showPreview?: boolean;
13
15
  showBoard?: boolean;
package/lib/components/features/search/TMSearchResult.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useCallback, useEffect, useMemo, useState } from 'react';
2
+ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
3
3
  import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, MetadataFormats, LayoutModes, TemplateTIDs, DcmtTypeListCacheService, AccessLevels, SystemMIDsAsNumber, ArchiveConstraints } from '@topconsultnpm/sdk-ts-beta';
4
4
  import styled from 'styled-components';
5
5
  import { getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
6
6
  import { ContextMenu } from 'devextreme-react';
7
- import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, IconSignature, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, IconArchive, IconActivityLog, IconStar, IconFreeSearch, IconChevronDown, searchResultToMetadataValues, SDKUI_Globals, IconSearchCheck, IconBatchUpdate } from '../../../helper';
7
+ import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, IconSignature, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, IconArchive, IconActivityLog, IconStar, IconFreeSearch, IconChevronDown, searchResultToMetadataValues, SDKUI_Globals, IconSearchCheck, IconInfo } from '../../../helper';
8
8
  import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
9
9
  import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
10
10
  import { DcmtOperationTypes, FormModes, SearchResultContext, DownloadTypes } from '../../../ts';
@@ -33,7 +33,10 @@ import TMBatchUpdateForm from '../../features/documents/TMBatchUpdateForm';
33
33
  import TMDcmtForm, { ToppyHelpCenter } from '../documents/TMDcmtForm';
34
34
  import TMDcmtBlog from '../documents/TMDcmtBlog';
35
35
  import TMDcmtIcon from '../documents/TMDcmtIcon';
36
- import TMPanelManager from '../../base/TMPanelManager';
36
+ import { TMPanelManagerContextProvider, useTMPanelContext } from '../../layout/panel/TMPanelContext';
37
+ import { useResizablePanels } from '../../layout/panel/useResizablePanels';
38
+ import TMPanel from '../../base/TMPanel';
39
+ import { TMPanelToolbar } from '../../layout/panel/TMPanelToolbar';
37
40
  //#region Internal Components
38
41
  const CommandsContextMenu = React.memo(({ target, menuItems, allowPin }) => {
39
42
  return (_jsx(ContextMenu, { showEvent: 'click', dataSource: menuItems, target: `${target}` }));
@@ -48,7 +51,7 @@ const orderByName = (array) => {
48
51
  return 1;
49
52
  } return 0; });
50
53
  };
51
- const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisible = true, searchResults = [], showSearchResultSidebar = true, showSelector = false, onClosePreviewPanel, showDcmtForm = false, showBoard = false, showPreview = false, title, showSysMetadata = false, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync, onSelectedTIDChanged, onUpdate, onClose, onTaskCreateRequest }) => {
54
+ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisible = true, allowRelations = true, openDcmtFormAsModal = false, searchResults = [], showSearchResultSidebar = true, showSelector = false, onClosePreviewPanel, showDcmtForm = false, showBoard = false, showPreview = false, title, showSysMetadata = false, isClosable = false, allowFloatingBar = true, showToolbarHeader = true, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync, onSelectedTIDChanged, onUpdate, onClose, onTaskCreateRequest }) => {
52
55
  const [id, setID] = useState('');
53
56
  const [showApprovePopup, setShowApprovePopup] = useState(false);
54
57
  const [showRejectPopup, setShowRejectPopup] = useState(false);
@@ -338,167 +341,92 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
338
341
  if (!searchResults || searchResults.length <= 0)
339
342
  return _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%' }, children: [_jsx(IconBoard, { fontSize: 96 }), _jsx("div", { style: { fontSize: "15px", marginTop: "10px" }, children: SDKUI_Localizator.NoDcmtFound })] });
340
343
  const isMobile = deviceType === DeviceType.MOBILE;
341
- const renderTMSearchResult = (handleTogglePanel) => _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['25%', '75%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
342
- _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, onSelectionChanged: onSearchResultSelectionChanged }) })
343
- :
344
- _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid
345
- // allowMultipleSelection={allowMultipleSelection}
346
- , {
344
+ const renderTMSearchResult = (handleTogglePanel) => _jsx(TMPanel, { title: getTitleHeader(), showHeader: showToolbarHeader, allowMaximize: !isMobile, onBack: (!isClosable && context === SearchResultContext.METADATA_SEARCH) ? onBack : undefined, onClose: isClosable ? onBack : undefined, toolbar: searchResutlToolbar, children: _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['25%', '75%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
345
+ _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, onSelectionChanged: onSearchResultSelectionChanged }) })
346
+ :
347
+ _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid
347
348
  // allowMultipleSelection={allowMultipleSelection}
348
- inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
349
- _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt); } }), _jsx(TMButton, { btnStyle: 'icon', caption: 'Firma e marca', icon: _jsx(IconSignature, { color: 'white' }), onClick: () => { ShowAlert({ message: "TODO Firma e marca ", mode: 'info', title: `${"TODO"}`, duration: 3000 }); } }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler) })] })] })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onUpdate: onUpdate, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), op: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onUpdate: onUpdate, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), op: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onUpdate: onUpdate, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster) &&
350
- _jsx(ToppyHelpCenter, { deviceType: deviceType,
351
- // onClick={() => isMobile ? openConfigureMode?.() : undefined}
352
- content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), approveDisable: disable, rejectDisable: disable, reassignDisable: disable, infoDisable: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length !== 1 }) }) })] }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {})] });
349
+ , {
350
+ // allowMultipleSelection={allowMultipleSelection}
351
+ inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
352
+ _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt); } }), _jsx(TMButton, { btnStyle: 'icon', caption: 'Firma e marca', icon: _jsx(IconSignature, { color: 'white' }), onClick: () => { ShowAlert({ message: "TODO Firma e marca ", mode: 'info', title: `${"TODO"}`, duration: 3000 }); } }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler) })] })] })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onUpdate: onUpdate, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), op: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onUpdate: onUpdate, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), op: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onUpdate: onUpdate, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: SDKUI_Localizator.BatchUpdate, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
353
+ setIsOpenBatchUpdate(false);
354
+ }, onSavedCallbackAsync: async () => {
355
+ setIsOpenBatchUpdate(false);
356
+ setIsModifiedBatchUpdate(false);
357
+ await refreshSelectionDataRowsAsync();
358
+ }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster) &&
359
+ _jsx(ToppyHelpCenter, { deviceType: deviceType,
360
+ // onClick={() => isMobile ? openConfigureMode?.() : undefined}
361
+ content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), approveDisable: disable, rejectDisable: disable, reassignDisable: disable, infoDisable: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length !== 1 }) }) }), (!isOpenDcmtForm && allowRelations && (currentTIDHasDetailRelations || currentTIDHasMasterRelations)) &&
362
+ _jsx(ToppyHelpCenter, { deviceType: deviceType, top: -100, content: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: [currentTIDHasDetailRelations && _jsx(TMButton, { btnStyle: 'advanced', disabled: !focusedItem?.DID, showTooltip: false, width: '180px', icon: _jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true), advancedColor: TMColors.primaryColor, color: 'success' }), currentTIDHasMasterRelations && _jsx(TMButton, { btnStyle: 'advanced', disabled: !focusedItem?.DID, showTooltip: false, width: '180px', icon: _jsx(IconDetailDcmts, {}), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true), advancedColor: TMColors.primaryColor, color: 'error' })] }) })] }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {})] }) });
353
363
  const renderTMBlog = (handleTogglePanel) => _jsx(TMDcmtBlog, { tid: focusedItem?.TID, did: focusedItem?.DID });
354
364
  const renderTMSysMetadata = (handleTogglePanel) => _jsx(TMMetadataValues, { layoutMode: LayoutModes.Update, openChooserBySingleClick: true, TID: focusedItem?.TID, isReadOnly: true, deviceType: deviceType, metadataValues: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: currentMetadataValues.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] });
355
365
  const renderTMDcmtPreview = (handleTogglePanel) => _jsx(TMDcmtPreview, { onClose: () => {
356
- handleTogglePanel("TMDcmtPreview");
366
+ // handleTogglePanel("TMDcmtPreview");
357
367
  onClosePreviewPanel?.();
358
368
  }, dcmtData: currentDcmt });
359
- const renderTMBatchUpdate = (handleTogglePanel) => _jsx(TMBatchUpdateForm, { inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => { handleTogglePanel("TMBatchUpdate"); }, onSavedCallbackAsync: async () => {
360
- setIsOpenBatchUpdate(false);
361
- setIsModifiedBatchUpdate(false);
362
- await refreshSelectionDataRowsAsync();
363
- }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } });
364
- const panelsConfig = [
369
+ const panels = [
365
370
  {
366
371
  id: 'TMSearchResult',
367
372
  name: SDKUI_Localizator.SearchResult,
368
- toolbarOptions: { icon: _jsx(IconSearchCheck, { fontSize: 24 }), visible: true, isActive: true, orderNumber: 1 },
369
- type: 'content',
373
+ children: [],
370
374
  contentOptions: {
371
- visible: true,
375
+ width: '25%',
372
376
  height: '100%',
373
- width: '20%',
374
- content: renderTMSearchResult,
375
- panelContainer: {
376
- title: getTitleHeader(),
377
- showHeader: showToolbarHeader,
378
- allowMaximize: !isMobile,
379
- onBack: (!isClosable && context === SearchResultContext.METADATA_SEARCH) ? onBack : undefined,
380
- onClose: isClosable ? onBack : undefined,
381
- toolbar: searchResutlToolbar
382
- },
383
377
  },
378
+ toolbarOptions: {
379
+ icon: _jsx(IconSearchCheck, { fontSize: 24 }),
380
+ visible: true,
381
+ isActive: true
382
+ }
384
383
  },
385
384
  {
386
385
  id: 'TMBlog',
387
386
  name: SDKUI_Localizator.BlogCase,
388
- toolbarOptions: {
389
- icon: _jsx(IconBoard, { fontSize: 24 }),
390
- disabled: !focusedItem?.DID,
391
- visible: true,
392
- isActive: showBoard,
393
- orderNumber: 2
394
- },
395
- type: 'content',
387
+ children: [],
396
388
  contentOptions: {
397
- visible: true,
389
+ width: '25%',
398
390
  height: '100%',
399
- width: '20%',
400
- content: renderTMBlog,
401
- panelContainer: {
402
- title: SDKUI_Localizator.BlogCase,
403
- allowMaximize: !isMobile,
404
- toolbar: middlePanelToolbar
405
- },
406
391
  },
392
+ toolbarOptions: {
393
+ icon: _jsx(IconBoard, { fontSize: 24 }),
394
+ // disabled: !focusedItem?.DID,
395
+ visible: true,
396
+ isActive: false,
397
+ }
407
398
  },
408
399
  {
409
400
  id: 'TMSysMetadata',
410
401
  name: SDKUI_Localizator.MetadataSystem,
411
- toolbarOptions: {
412
- icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }),
413
- visible: true,
414
- disabled: !focusedItem?.DID,
415
- isActive: showSysMetadata,
416
- orderNumber: 3
417
- },
418
- type: 'content',
402
+ children: [],
419
403
  contentOptions: {
420
- visible: true,
404
+ width: '25%',
421
405
  height: '100%',
422
- width: '20%',
423
- content: renderTMSysMetadata,
424
- panelContainer: {
425
- title: SDKUI_Localizator.MetadataSystem,
426
- allowMaximize: !isMobile,
427
- toolbar: middlePanelToolbar
428
- },
429
406
  },
430
- },
431
- {
432
- id: 'TMDcmtPreview',
433
- name: SDKUI_Localizator.PreviewDocument,
434
407
  toolbarOptions: {
435
- icon: _jsx(IconShow, { fontSize: 24 }),
436
- disabled: !focusedItem?.DID && fromDTD?.archiveConstraint === ArchiveConstraints.OnlyMetadata,
437
- visible: true,
438
- isActive: showPreview,
439
- orderNumber: 4
440
- },
441
- type: 'content',
442
- contentOptions: {
408
+ icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }),
443
409
  visible: true,
444
- height: '100%',
445
- width: '20%',
446
- content: renderTMDcmtPreview,
447
- },
410
+ // disabled: !focusedItem?.DID,
411
+ isActive: false,
412
+ }
448
413
  },
449
414
  {
450
- id: 'TMBatchUpdate',
451
- name: SDKUI_Localizator.BatchUpdate,
452
- toolbarOptions: { icon: _jsx(IconBatchUpdate, { fontSize: 24 }), visible: true, isActive: false, orderNumber: 5 },
453
- type: 'content',
415
+ id: 'TMDcmtPreview',
416
+ name: SDKUI_Localizator.PreviewDocument,
417
+ children: [],
454
418
  contentOptions: {
455
- visible: true,
419
+ width: '25%',
456
420
  height: '100%',
457
- width: '20%',
458
- content: renderTMBatchUpdate,
459
421
  },
460
- },
461
- {
462
- id: 'commandMaster',
463
- name: SDKUI_Localizator.DcmtsMaster,
464
422
  toolbarOptions: {
465
- icon: _jsx(IconDetailDcmts, { fontSize: 24 }),
466
- visible: !!currentTIDHasMasterRelations,
467
- disabled: (!focusedItem?.DID && selectedItems.length <= 0),
468
- isActive: !!currentTIDHasMasterRelations,
469
- orderNumber: 6,
470
- beginGroup: true
471
- },
472
- type: 'button',
473
- buttonOptions: {
474
- onClick: () => { setIsOpenMaster(true); },
475
- },
476
- },
477
- {
478
- id: 'commandDetails',
479
- name: SDKUI_Localizator.DcmtsDetail,
480
- toolbarOptions: {
481
- icon: _jsx(IconDetailDcmts, { transform: 'scale(-1, 1)', fontSize: 24 }),
482
- visible: !!currentTIDHasDetailRelations,
483
- disabled: !focusedItem?.DID,
484
- isActive: !!currentTIDHasDetailRelations,
485
- orderNumber: 7,
486
- },
487
- type: 'button',
488
- buttonOptions: {
489
- onClick: () => { setIsOpenDetails(true); },
490
- },
423
+ icon: _jsx(IconShow, { fontSize: 24 }),
424
+ disabled: !focusedItem?.DID && fromDTD?.archiveConstraint === ArchiveConstraints.OnlyMetadata,
425
+ visible: true,
426
+ isActive: false,
427
+ }
491
428
  },
492
429
  ];
493
- const getPanelMobile = () => {
494
- if (showPreview)
495
- return 'TMDcmtPreview';
496
- if (showBoard)
497
- return 'TMBlog';
498
- if (showSysMetadata)
499
- return 'TMSysMetadata';
500
- return 'TMSearchResult';
501
- };
502
430
  return (_jsxs(StyledMultiViewPanel, { "$isVisible": isVisible, children: [_jsx(StyledMultiViewPanel, { "$isVisible": !isOpenDcmtForm && !isOpenDetails && !isOpenMaster, style: {
503
431
  display: 'flex',
504
432
  flexDirection: isMobile ? 'column' : 'row',
@@ -506,9 +434,9 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
506
434
  gap: SDKUI_Globals.userSettings.themeSettings.gutters,
507
435
  width: '100%',
508
436
  height: '100%',
509
- }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanelManager, { panels: panelsConfig, initialMobilePanelId: getPanelMobile(), showToolbar: showSearchResultSidebar, toolbarMode: 1 }) }) }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenDetails(false) }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
437
+ }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx(TMPanelManagerContextProvider, { panels: panels, initialMobilePanelId: "TMSearchResult", children: _jsx(TMSearchResultPanelContent, { showSearchResultSidebar: showSearchResultSidebar, isMobile: isMobile, panelTMSearchResult: renderTMSearchResult, panelTMBlog: renderTMBlog, panelTMSysMetadata: renderTMSysMetadata, panelTMDcmtPreview: renderTMDcmtPreview }) }) }) }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenDetails(false) }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: focusedItem && selectedItems.length <= 0, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
510
438
  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}`));
511
- })] }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDcmtForm, children: isOpenDcmtForm && _jsx(TMDcmtForm, { TID: focusedItem?.TID, DID: focusedItem?.DID, layoutMode: dcmtFormLayoutMode, showPreview: deviceType !== DeviceType.MOBILE, count: visibleItems.length, itemIndex: visibleItems.findIndex(o => o.rowIndex === focusedItem?.rowIndex) + 1, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onClose: () => { setIsOpenDcmtForm(false); }, onSavedAsyncCallback: async (tid, did) => { await refreshFocusedDataRowAsync(tid, did, true); } }) })] }));
439
+ })] }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDcmtForm, children: isOpenDcmtForm && _jsx(TMDcmtForm, { isModal: openDcmtFormAsModal, titleModal: fromDTD?.name ?? '', TID: focusedItem?.TID, DID: focusedItem?.DID, layoutMode: dcmtFormLayoutMode, showPreview: deviceType !== DeviceType.MOBILE, count: visibleItems.length, itemIndex: visibleItems.findIndex(o => o.rowIndex === focusedItem?.rowIndex) + 1, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), onClose: () => { setIsOpenDcmtForm(false); }, onSavedAsyncCallback: async (tid, did) => { await refreshFocusedDataRowAsync(tid, did, true); } }) })] }));
512
440
  };
513
441
  export default TMSearchResult;
514
442
  const renderDcmtIcon = (cellData) => _jsx(TMDcmtIcon, { fileExtension: cellData.data.FILEEXT, fileCount: cellData.data.FILECOUNT, isLexProt: cellData.data.IsLexProt, isMail: cellData.data.ISMAIL, isShared: cellData.data.ISSHARED, isSigned: cellData.data.ISSIGNED });
@@ -772,3 +700,84 @@ const TMSearchResultSelector = ({ searchResults = [], onSelectionChanged }) => {
772
700
  };
773
701
  return (_jsx("div", { style: { height: '100%', width: '100%', overflow: 'auto' }, children: sortedCategories.map((category) => (_jsxs("div", { children: [_jsxs(StyledGroupTemplate, { onClick: () => toggleCategory(category), children: [activeCategories.includes(category) ? _jsx(IconChevronDown, {}) : _jsx(IconChevronDown, { transform: 'scale(-1, 1)' }), renderGroupTemplate(category)] }, category), activeCategories.includes(category) && (_jsx("div", { style: { padding: '5px' }, children: groupedResults[category].map((result, index) => (_jsx(StyledItemTemplate, { "$isSelected": selectedResult === result, onClick: () => handleSelect(result), children: renderItemTemplate(result) }, index))) }))] }, category))) }));
774
702
  };
703
+ const TMSearchResultPanelContent = ({ isMobile, showSearchResultSidebar, panelTMSearchResult, panelTMBlog, panelTMSysMetadata, panelTMDcmtPreview }) => {
704
+ const gutters = SDKUI_Globals.userSettings.themeSettings.gutters;
705
+ const { visibility, maximizedPanelId, getPanelDimensions, togglePanel, toggleMaximizePanel, setPanelDisabledById, setPanelVisibility, hasVisiblePanels } = useTMPanelContext();
706
+ const containerRef = useRef(null);
707
+ const { onMouseDown } = useResizablePanels(containerRef);
708
+ const { width: widthPanel1, height: heightPanel1 } = getPanelDimensions('TMSearchResult');
709
+ const { width: widthPanel2, height: heightPanel2 } = getPanelDimensions('TMBlog');
710
+ const { width: widthPanel3, height: heightPanel3 } = getPanelDimensions('TMSysMetadata');
711
+ const { width: widthPanel4, height: heightPanel4 } = getPanelDimensions('TMDcmtPreview');
712
+ return (_jsxs("div", { style: { display: 'flex', height: '100%', width: '100%', flexDirection: isMobile ? 'column' : 'row', gap: gutters }, children: [_jsx("div", { style: {
713
+ display: 'flex',
714
+ flexGrow: 1,
715
+ width: `calc(100% - ${isMobile ? 0 : 70}px)`,
716
+ height: `calc(100% - ${isMobile ? 55 : 0}px)`,
717
+ flexDirection: 'row'
718
+ }, children: _jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsxs("div", { ref: containerRef, style: {
719
+ display: hasVisiblePanels() ? 'flex' : 'none',
720
+ width: '100%',
721
+ height: '100%',
722
+ }, children: [_jsx("div", { style: {
723
+ display: visibility.TMSearchResult ? 'block' : 'none',
724
+ width: widthPanel1,
725
+ height: heightPanel1,
726
+ overflow: 'hidden',
727
+ }, children: panelTMSearchResult() }), visibility.TMSearchResult && visibility.TMBlog && maximizedPanelId === null && (_jsx("div", { style: {
728
+ background: 'transparent',
729
+ cursor: 'col-resize',
730
+ width: `${gutters}px`,
731
+ height: '100%',
732
+ userSelect: 'none',
733
+ }, onMouseDown: (e) => onMouseDown(e, 'TMSearchResult', 'TMBlog', true) })), _jsx("div", { style: {
734
+ display: visibility.TMBlog ? 'block' : 'none',
735
+ width: widthPanel2,
736
+ height: heightPanel2,
737
+ overflow: 'hidden',
738
+ }, children: _jsx(TMPanel, { title: SDKUI_Localizator.BlogCase, onClose: () => togglePanel('TMBlog'), onMaximize: () => toggleMaximizePanel('TMBlog'), onHeaderDoubleClick: () => toggleMaximizePanel('TMBlog'), allowMaximize: !isMobile, children: panelTMBlog() }) }), visibility.TMBlog && visibility.TMSysMetadata && maximizedPanelId === null && (_jsx("div", { style: {
739
+ background: 'transparent',
740
+ cursor: 'col-resize',
741
+ width: `${gutters}px`,
742
+ height: '100%',
743
+ userSelect: 'none',
744
+ }, onMouseDown: (e) => onMouseDown(e, 'TMBlog', 'TMSysMetadata', true) })), _jsx("div", { style: {
745
+ display: visibility.TMSysMetadata ? 'block' : 'none',
746
+ width: widthPanel3,
747
+ height: heightPanel3,
748
+ overflow: 'hidden',
749
+ }, children: _jsx(TMPanel, { title: SDKUI_Localizator.MetadataSystem, onClose: () => togglePanel('TMSysMetadata'), onMaximize: () => toggleMaximizePanel('TMSysMetadata'), onHeaderDoubleClick: () => toggleMaximizePanel('TMSysMetadata'), allowMaximize: !isMobile, children: panelTMSysMetadata() }) }), visibility.TMSysMetadata && visibility.TMDcmtPreview && maximizedPanelId === null && (_jsx("div", { style: {
750
+ background: 'transparent',
751
+ cursor: 'col-resize',
752
+ width: `${gutters}px`,
753
+ height: '100%',
754
+ userSelect: 'none',
755
+ }, onMouseDown: (e) => onMouseDown(e, 'TMSysMetadata', 'TMDcmtPreview', true) })), _jsx("div", { style: {
756
+ display: visibility.TMDcmtPreview ? 'block' : 'none',
757
+ width: widthPanel4,
758
+ height: heightPanel4,
759
+ overflow: 'hidden',
760
+ }, children: panelTMDcmtPreview(() => togglePanel('TMDcmtPreview')) })] }), _jsxs("div", { style: {
761
+ display: hasVisiblePanels() ? 'none' : 'flex',
762
+ flexDirection: 'column',
763
+ width: '100%',
764
+ height: '100%',
765
+ justifyContent: 'center',
766
+ alignItems: 'center',
767
+ fontSize: '1.5rem',
768
+ fontWeight: 'bold',
769
+ color: '#888',
770
+ backgroundColor: '#fff',
771
+ borderRadius: '10px'
772
+ }, children: [_jsx(IconInfo, { style: { fontSize: 50 } }), _jsx("div", { children: SDKUI_Localizator.NoPanelSelected })] })] }) }), showSearchResultSidebar && _jsx("div", { style: {
773
+ display: 'flex',
774
+ flexDirection: isMobile ? 'row' : 'column',
775
+ alignItems: 'center',
776
+ width: isMobile ? '100%' : '50px',
777
+ height: isMobile ? '50px' : 'max-content',
778
+ background: 'transparent linear-gradient(90deg, #CCE0F4 0%, #7EC1E7 14%, #39A6DB 28%, #1E9CD7 35%, #0075BE 78%, #005B97 99%) 0% 0% no-repeat padding-box',
779
+ borderRadius: isMobile ? '10px' : '10px 0px 0px 10px',
780
+ padding: '10px',
781
+ gap: '10px'
782
+ }, children: _jsx(TMPanelToolbar, {}) })] }));
783
+ };
package/lib/components/grids/TMRecentsManager.js CHANGED
@@ -18,7 +18,7 @@ const StyledRecentTidItem = styled.div `
18
18
  min-width: 0;
19
19
  padding: 10px;
20
20
  position: relative;
21
- border-bottom: 1px solid #00A99D; // separator line
21
+ /* border-bottom: 1px solid #00A99D; // separator line */
22
22
 
23
23
  &:hover {
24
24
  cursor: pointer;
@@ -38,6 +38,15 @@ const StyledRecentTidItem = styled.div `
38
38
  `}
39
39
  }
40
40
 
41
+ &::after {
42
+ content: '';
43
+ display: block;
44
+ width: 90%;
45
+ margin: 0 auto;
46
+ border-bottom: 1px solid #00A99D;
47
+ margin-top: 8px;
48
+ }
49
+
41
50
  &:hover .info-icon {
42
51
  opacity: 1;
43
52
  pointer-events: auto;
@@ -55,7 +64,9 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, o
55
64
  const [infoDTD, setInfoDTD] = useState();
56
65
  useEffect(() => {
57
66
  DcmtTypeListCacheService.GetAllWithoutMetadataAsync().then((allTypes) => {
58
- const filtered = allTypes.filter(dt => mruTIDs.includes(dt.id));
67
+ const filtered = allTypes
68
+ .filter(dt => mruTIDs.includes(dt.id))
69
+ .sort((a, b) => mruTIDs.indexOf(b.id) - mruTIDs.indexOf(a.id));
59
70
  setRecentDcmtTypes(filtered);
60
71
  });
61
72
  }, [mruTIDs]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@topconsultnpm/sdkui-react-beta",
3
- "version": "6.13.45",
3
+ "version": "6.13.47",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",