@topconsultnpm/sdkui-react-beta 6.14.49 → 6.14.51

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 (19) hide show
  1. package/lib/components/base/TMFileManager.js +2 -1
  2. package/lib/components/editors/TMMetadataEditor.d.ts +1 -0
  3. package/lib/components/editors/TMMetadataEditor.js +7 -7
  4. package/lib/components/editors/TMMetadataValues.js +1 -1
  5. package/lib/components/features/documents/TMDcmtForm.js +2 -2
  6. package/lib/components/features/documents/TMMasterDetailDcmts.js +1 -1
  7. package/lib/components/features/search/TMSearchResult.js +6 -15
  8. package/lib/components/features/search/TMTreeSelector.js +2 -7
  9. package/lib/components/features/workflow/TMWorkflowPopup.d.ts +3 -1
  10. package/lib/components/features/workflow/TMWorkflowPopup.js +3 -3
  11. package/lib/components/viewers/TMMidViewer.d.ts +6 -3
  12. package/lib/components/viewers/TMMidViewer.js +54 -44
  13. package/lib/components/viewers/TMTidViewer.d.ts +4 -2
  14. package/lib/components/viewers/TMTidViewer.js +23 -12
  15. package/lib/helper/TMIcons.d.ts +1 -0
  16. package/lib/helper/TMIcons.js +8 -1
  17. package/lib/utils/theme.d.ts +1 -0
  18. package/lib/utils/theme.js +1 -0
  19. package/package.json +2 -2
package/lib/components/base/TMFileManager.js CHANGED
@@ -14,6 +14,7 @@ import TMFileManagerThumbnailItems from './TMFileManagerThumbnailItems';
14
14
  import TMTooltip from './TMTooltip';
15
15
  import TMPanel from './TMPanel';
16
16
  import { findFileItems, setFolderTreeViewItems } from './TMFileManagerUtils';
17
+ import { TMColors } from '../../utils/theme';
17
18
  export var TMFileManagerPageSize;
18
19
  (function (TMFileManagerPageSize) {
19
20
  TMFileManagerPageSize[TMFileManagerPageSize["Small"] = 30] = "Small";
@@ -117,7 +118,7 @@ const TMFileManager = (props) => {
117
118
  const renderTreeViewItem = (itemData) => {
118
119
  const isSelected = selectedFolder && selectedFolder.id === itemData.id;
119
120
  const tooltipContent = _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "ID" }), ": ", itemData.id] });
120
- return (_jsxs("div", { style: { whiteSpace: "nowrap", display: "flex", alignItems: "center" }, className: isSelected ? 'treeview-selected-item-manager' : '', children: [_jsx(TMTooltip, { content: tooltipContent, children: _jsx(IconFolder, { style: { marginRight: 5, color: '#e6c200' } }) }), itemData.text, " (", itemData.subFileFolderCount, ")"] }));
121
+ return (_jsxs("div", { style: { whiteSpace: "nowrap", display: "flex", alignItems: "center" }, className: isSelected ? 'treeview-selected-item-manager' : '', children: [_jsx(TMTooltip, { content: tooltipContent, children: _jsx(IconFolder, { style: { marginRight: 5, color: TMColors.iconLight } }) }), itemData.text, " (", itemData.subFileFolderCount, ")"] }));
121
122
  };
122
123
  const handleTreeViewContextMenu = (e) => {
123
124
  if (!e)
package/lib/components/editors/TMMetadataEditor.d.ts CHANGED
@@ -4,6 +4,7 @@ import { DynDataListsToBeRefreshed, MIDsToBeUpdated } from '../choosers/TMDynDat
4
4
  interface ITMMetadataEditorProps {
5
5
  tid: number | undefined;
6
6
  mid?: number;
7
+ did?: number;
7
8
  value: string | undefined;
8
9
  queryParamsDynDataList?: string[];
9
10
  autoFocus?: boolean;
package/lib/components/editors/TMMetadataEditor.js CHANGED
@@ -10,8 +10,8 @@ import TMTextBox from './TMTextBox';
10
10
  import { TMMetadataIcon } from '../viewers/TMMidViewer';
11
11
  import TMTextArea from './TMTextArea';
12
12
  import { DateDisplayTypes } from '../../helper/Globalization';
13
- const renderMetadataIcon = (tid, md, layoutMode, isMetadataSelected) => {
14
- return (_jsx(TMMetadataIcon, { isMetadataSelected: isMetadataSelected, layoutMode: layoutMode, md: md, tid: tid }));
13
+ const renderMetadataIcon = (tid, md, layoutMode, isMetadataSelected, showLabel) => {
14
+ return (_jsx(TMMetadataIcon, { isMetadataSelected: isMetadataSelected, layoutMode: layoutMode, md: md, tid: tid, elementStyle: showLabel ? { position: 'relative', top: '4px' } : undefined }));
15
15
  };
16
16
  const getDateDisplayFormat = (format) => {
17
17
  format = format ?? MetadataFormats.None;
@@ -37,13 +37,13 @@ const getDateDisplayType = (format) => {
37
37
  default: return DateDisplayTypes.Date;
38
38
  }
39
39
  };
40
- const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexProt, layoutMode, queryOperator, isEditable, isModifiedWhen = false, tid, mid, value, queryParamsDynDataList, containerElement, autoFocus, validationItems = [], disabled = false, openChooserBySingleClick = true, onValueChanged, onValueChange, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }) => {
40
+ const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexProt, layoutMode, queryOperator, isEditable, isModifiedWhen = false, tid, mid, did, value, queryParamsDynDataList, containerElement, autoFocus, validationItems = [], disabled = false, openChooserBySingleClick = true, onValueChanged, onValueChange, onCascadeRefreshDynDataLists, onCascadeUpdateMIDs }) => {
41
41
  const [md, setMd] = useState();
42
42
  useEffect(() => {
43
- DcmtTypeListCacheService.GetAsync(tid).then((dtd) => {
43
+ DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, did).then((dtd) => {
44
44
  setMd(dtd?.metadata?.find(o => o.id == mid));
45
45
  });
46
- }, [tid, mid]);
46
+ }, [tid, mid, did]);
47
47
  const isReadOnlyInternal = () => {
48
48
  if (!md)
49
49
  return false;
@@ -57,7 +57,7 @@ const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexPr
57
57
  const isModifiedWhenInternal = () => { return isModifiedWhen && !md?.isSystem; };
58
58
  let operands = PlatformObjectValidator.GetNumberOfOperands(queryOperator);
59
59
  const showLabelTop = (layoutMode === LayoutModes.Update) || (layoutMode === LayoutModes.Ark);
60
- const showByTextarea = showLabelTop && md && md.length && md?.dataType === MetadataDataTypes.Varchar && md.length > 80;
60
+ const showByTextarea = showLabelTop && md && md?.dataType === MetadataDataTypes.Varchar && md.length && md.length > 80;
61
61
  const showAsText = operands == 11 || operands == 99;
62
62
  const showAsNumber = operands == 12;
63
63
  const multipleSelectionIsenabled = operands == 11;
@@ -65,7 +65,7 @@ const TMMetadataEditor = ({ isSelected = false, customLabel, isReadOnly, isLexPr
65
65
  if (layoutMode === LayoutModes.None && showAsText)
66
66
  maxLength = 1000;
67
67
  let isReadOnlyResult = isReadOnly ?? isReadOnlyInternal();
68
- let icon = renderMetadataIcon(tid, md, layoutMode, isSelected);
68
+ let icon = renderMetadataIcon(tid, md, layoutMode, isSelected, showLabelTop);
69
69
  if (value?.startsWith("{@QueryParam") || value == "{@UserName}" || value == "{@UserID}" || queryOperator == QueryOperators.Custom || isEditable)
70
70
  return _jsx(TMTextBox, { placeHolder: layoutMode === LayoutModes.Ark ? md?.defaultValue ?? '' : '', isModifiedWhen: isModifiedWhenInternal(), readOnly: isReadOnlyResult, label: (SDK_Globals.appModule !== AppModules.SURFER || showLabelTop) ? (customLabel ?? md?.nameLoc) : undefined, icon: showLabelTop ? icon : undefined, validationItems: validationItems, disabled: disabled, elementStyle: { width: '100%' }, type: 'text', maxLength: isEditable ? undefined : maxLength, autoFocus: autoFocus, value: value ?? '', onValueChanged: (e) => onValueChange?.(e.target.value), onBlur: (newValue) => onValueChanged?.(newValue) });
71
71
  if (md?.dataDomain == MetadataDataDomains.DynamicDataList)
package/lib/components/editors/TMMetadataValues.js CHANGED
@@ -67,7 +67,7 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
67
67
  }
68
68
  };
69
69
  useEffect(() => {
70
- DcmtTypeListCacheService.GetAsync(TID, true).then((resultDTD) => {
70
+ DcmtTypeListCacheService.GetWithNotGrantedAsync(TID, 0).then((resultDTD) => {
71
71
  setCurrentDTD(resultDTD);
72
72
  });
73
73
  }, [TID]);
package/lib/components/features/documents/TMDcmtForm.js CHANGED
@@ -72,7 +72,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
72
72
  const getDcmts = () => { return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }]; };
73
73
  const retrieveMetadataAsync = async () => {
74
74
  try {
75
- await DcmtTypeListCacheService.GetAsync(TID).then(async (dtd) => {
75
+ await DcmtTypeListCacheService.GetWithNotGrantedAsync(TID, DID).then(async (dtd) => {
76
76
  setFromDTD(dtd);
77
77
  let mdList = dtd?.metadata ?? [];
78
78
  if (layoutMode === LayoutModes.Update || (layoutMode === LayoutModes.Ark && DID)) {
@@ -565,7 +565,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
565
565
  value: FormulaHelper.addFormulaTag(newFormula.expression)
566
566
  }));
567
567
  } }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), (fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDetails && !isOpenMaster && layoutMode === LayoutModes.Update) &&
568
- _jsx(ToppyHelpCenter, { deviceType: deviceType, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true) }) }) }), isOpenDetails &&
568
+ _jsx(ToppyHelpCenter, { deviceType: deviceType, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: "Firma e approva", duration: 3000 }), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true) }) }) }), isOpenDetails &&
569
569
  _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 &&
570
570
  _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) => {
571
571
  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}`));
package/lib/components/features/documents/TMMasterDetailDcmts.js CHANGED
@@ -224,7 +224,7 @@ const TMMasterDetailDcmts = ({ deviceType, inputDcmts, isForMaster, showCurrentD
224
224
  return (!itemData ? _jsx(_Fragment, {}) :
225
225
  _jsxs("div", { style: { minWidth: '90px', width: '100%', display: 'flex', marginLeft: itemData.did ? '5px' : '0px', gap: itemData.did ? '15px' : '10px', alignItems: 'center', opacity: !itemData.isDcmt && (itemData.items?.length ?? 0) <= 0 ? 0.5 : 1 }, children: [itemData.did && showCurrentDcmtIndicator && itemData.did === inputDcmts?.[0].DID ? _jsx(IconBackhandIndexPointingRight, { fontSize: 22, overflow: 'visible' }) : _jsx(_Fragment, {}), itemData.did
226
226
  ? _jsx(TMDcmtIcon, { fileExtension: itemData.values?.FILEEXT?.value, fileCount: itemData.values?.FILECOUNT?.value, isLexProt: itemData.values?.IsLexProt?.value, isMail: itemData.values?.ISMAIL?.value, isShared: itemData.values?.ISSHARED?.value, isSigned: itemData.values?.ISSIGNED?.value })
227
- : itemData.dtd && _jsx(TMDcmtTypeTooltip, { dtd: itemData.dtd, children: _jsx("div", { style: { position: 'relative' }, children: _jsx(IconFolder, { color: itemData.isManyToMany ? '#ff8f44' : '#e6c200', fontSize: 28 }) }) }), itemData.did
227
+ : itemData.dtd && _jsx(TMDcmtTypeTooltip, { dtd: itemData.dtd, children: _jsx("div", { style: { position: 'relative' }, children: _jsx(IconFolder, { color: itemData.isManyToMany ? '#ff8f44' : TMColors.iconLight, fontSize: 24 }) }) }), itemData.did
228
228
  ?
229
229
  // <TMTooltip content={
230
230
  // <StyledTooltipContainer style={{ gap: '3px' }}>
package/lib/components/features/search/TMSearchResult.js CHANGED
@@ -34,6 +34,7 @@ import TMDcmtBlog from '../documents/TMDcmtBlog';
34
34
  import TMDcmtIcon from '../documents/TMDcmtIcon';
35
35
  import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
36
36
  import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
37
+ import ShowAlert from '../../base/TMAlert';
37
38
  //#region Internal Components
38
39
  const CommandsContextMenu = React.memo(({ target, menuItems, allowPin }) => {
39
40
  return (_jsx(ContextMenu, { showEvent: 'click', dataSource: menuItems, target: `${target}` }));
@@ -97,7 +98,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
97
98
  useEffect(() => {
98
99
  setFocusedItem(undefined);
99
100
  setSelectedItems([]);
100
- DcmtTypeListCacheService.GetAsync(selectedSearchResult?.fromTID).then((dtd) => {
101
+ DcmtTypeListCacheService.GetWithNotGrantedAsync(selectedSearchResult?.fromTID, Number(selectedSearchResult?.dtdResult?.rows?.[0]?.[1])).then((dtd) => {
101
102
  setFromDTD(dtd);
102
103
  });
103
104
  hasDetailRelations(selectedSearchResult?.fromTID).then((value) => setCurrentTIDHasDetailRelations(value));
@@ -133,20 +134,10 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
133
134
  if (item?.TID && item?.DID) {
134
135
  const fetchData = async () => {
135
136
  try {
136
- const dtd = await DcmtTypeListCacheService.GetAsync(item.TID);
137
+ const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(item.TID, item?.DID);
137
138
  if (dtd) {
138
139
  const isWorkItem = dtd?.templateTID === TemplateTIDs.WF_WIApprView;
139
140
  const name = `${dtd.name ?? '-'} (DID: ${item.DID})`;
140
- // let participantUsers: UserDescriptor[] | undefined = [];
141
- // if (isWorkItem) {
142
- // // Recupera info workflow
143
- // const wf = await WorkflowCacheService.GetWFInfoAsync(dtd.id);
144
- // // Recupera tutti gli utenti
145
- // const allUsers = await UserListCacheService.GetAllAsync();
146
- // // Filtra utenti partecipanti
147
- // const participantIds = wf?.participants?.map(p => p.userID);
148
- // participantUsers = allUsers.filter(u => participantIds?.includes(u.id) && u.id !== SDK_Globals.tmSession?.SessionDescr?.userID);
149
- // }
150
141
  onTaskCreateRequest?.(isWorkItem
151
142
  ? { workItem: { tid: item.TID, did: item.DID, name } }
152
143
  : { document: { tid: item.TID, did: item.DID, name } }, onTaskCreated);
@@ -361,14 +352,14 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
361
352
  }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), (isVisible && fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDcmtForm && !isOpenDetails && !isOpenMaster) &&
362
353
  _jsx(ToppyHelpCenter, { deviceType: deviceType,
363
354
  // onClick={() => isMobile ? openConfigureMode?.() : undefined}
364
- content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => {
355
+ content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: "Firma e approva", duration: 3000 }), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), onMoreInfo: () => {
365
356
  const vid = focusedItem ? focusedItem?.TID : selectedItems[0]?.TID;
366
357
  const did = focusedItem ? focusedItem?.DID : selectedItems[0]?.DID;
367
358
  openTaskFormHandler((task) => {
368
359
  SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(vid, did, task?.id ?? 0)
369
360
  .catch(err => TMExceptionBoxManager.show({ exception: err }));
370
361
  });
371
- }, approveDisable: disable, rejectDisable: disable, reassignDisable: disable, infoDisable: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length !== 1 }) }) })] }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {})] }), [
362
+ }, approveDisable: disable, signApproveDisable: disable, rejectDisable: disable, reassignDisable: disable, infoDisable: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length !== 1 }) }) })] }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {})] }), [
372
363
  searchResults,
373
364
  selectedSearchResult,
374
365
  lastUpdateSearchTime,
@@ -719,7 +710,7 @@ const TMSearchResultSelector = ({ searchResults = [], selectedTID, onSelectionCh
719
710
  return _jsx(CustomListViewHeader, { titleColor: TMColors.primaryColor, firstCounter: _jsx(TMTooltip, { content: 'Numero di tipi documento', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.primaryColor, children: searchResults.length > 1 && searchResults?.filter(data => data.category === category).length }) }), secondCounter: _jsx(TMTooltip, { content: 'Numero di tutti documenti', children: _jsx(StyledBadge, { style: { width: 'max-content' }, "$backgroundColor": TMColors.tertiary, children: resultDcmtCounter(category) }) }), headerIcon: getHeaderIcon(category), headerTitle: getHeaderTitle(category) });
720
711
  };
721
712
  const renderItemTemplate = (data) => {
722
- return (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: data.fromTID, showIcon: true }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: data.dcmtsReturned })] }));
713
+ return (_jsxs("div", { style: { width: '100%', padding: '5px', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, children: [_jsx(TMTidViewer, { tid: data.fromTID, did: Number(data.dtdResult?.rows?.[0]?.[1]), showIcon: true }), _jsx("div", { style: { padding: 3, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white', color: 'gray', borderRadius: 3 }, children: data.dcmtsReturned })] }));
723
714
  };
724
715
  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))) }));
725
716
  };
package/lib/components/features/search/TMTreeSelector.js CHANGED
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useState } from 'react';
3
3
  import { LayoutModes, SDK_Localizator, TreeCacheService, TreeItemTypes } from '@topconsultnpm/sdk-ts-beta';
4
4
  import { TreeList, Column, Scrolling, Selection } from 'devextreme-react/tree-list';
5
5
  import { DropDownBox } from 'devextreme-react';
6
- import { IconStarRemove, IconStar, SDKUI_Localizator, SDKUI_Globals } from '../../../helper';
6
+ import { IconStarRemove, IconStar, SDKUI_Localizator, SDKUI_Globals, IconFolder } from '../../../helper';
7
7
  import { StyledDivHorizontal } from '../../base/Styled';
8
8
  import TMButton from '../../base/TMButton';
9
9
  import TMDataGrid from '../../base/TMDataGrid';
@@ -62,7 +62,7 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
62
62
  if (treeItem.type == TreeItemTypes.DcmtType)
63
63
  return (_jsx(TMTidViewer, { tid: treeItem.tid, color: TMColors.primaryColor, showIcon: false }));
64
64
  else
65
- return (_jsxs(StyledDivHorizontal, { style: { gap: 5 }, children: [_jsx(IconFolder, { fontSize: 18, color: '#9fc6e7' }), _jsx("p", { style: { color: TMColors.primaryColor }, children: treeItem.nameLoc })] }));
65
+ return (_jsxs(StyledDivHorizontal, { style: { gap: 5 }, children: [_jsx(IconFolder, { fontSize: 24, color: TMColors.iconLight }), _jsx("p", { style: { color: TMColors.primaryColor }, children: treeItem.nameLoc })] }));
66
66
  };
67
67
  // Handles selection change in the data grid
68
68
  const onSelectionChanged = useCallback((e) => {
@@ -118,8 +118,3 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
118
118
  : _jsx("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', fontSize: '1.5rem' }, children: SDKUI_Localizator.TreesNoAvailable }) }));
119
119
  };
120
120
  export default TMTreeSelector;
121
- function IconFolder(props) {
122
- return (
123
- // <svg focusable="false" viewBox="0 0 24 24" height="24px" width="24px" {...props} fill="currentColor"><g><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path><path d="M0 0h24v24H0z" fill="none"></path></g></svg>
124
- _jsx("svg", { viewBox: "0 0 512 512", height: "1em", width: "1em", ...props, children: _jsx("g", { id: "Icon", children: _jsx("g", { id: "_10", children: _jsxs("g", { id: "Folder", children: [_jsx("path", { d: "m214.2 107-40.2-29.9c-9.5-7-20.9-10.8-32.7-10.8h-110.2c-16.6 0-30 13.4-30 30v349.5h404.1c15.2 0 27.4-12.3 27.4-27.4v-270.6c0-16.6-13.4-30-30-30h-155.6c-11.8 0-23.3-3.8-32.8-10.8z", fill: "#f6c012" }), _jsxs("g", { children: [_jsx("path", { d: "m76.9 143.7h300c8.3 0 15 6.7 15 15v200c0 8.3-6.7 15-15 15h-300c-8.3 0-15-6.7-15-15v-200c0-8.3 6.7-15 15-15z", fill: "#ffeac5" }), _jsx("path", { d: "m56.9 163.7h300c8.3 0 15 6.7 15 15v200c0 8.3-6.7 15-15 15h-300c-8.3 0-15-6.7-15-15v-200c0-8.3 6.7-15 15-15z", fill: "#fff7e6" })] }), _jsx("path", { d: "m85.2 220.1-84.1 225.6h410.8c12.5 0 23.7-7.8 28.1-19.5l69-185.2c7.3-19.6-7.2-40.5-28.1-40.5h-367.6c-12.5.1-23.7 7.8-28.1 19.6z", fill: "#fbd87c" })] }) }) }) }));
125
- }
package/lib/components/features/workflow/TMWorkflowPopup.d.ts CHANGED
@@ -1,16 +1,18 @@
1
1
  import { DeviceType } from "../../base/TMDeviceProvider";
2
2
  interface IWorkflowOperationButtonsProps {
3
3
  approveDisable?: boolean;
4
+ signApproveDisable?: boolean;
4
5
  rejectDisable?: boolean;
5
6
  reassignDisable?: boolean;
6
7
  infoDisable?: boolean;
7
8
  deviceType?: DeviceType;
8
9
  onApprove?: () => void;
10
+ onSignApprove?: () => void;
9
11
  onReject?: () => void;
10
12
  onReAssign?: () => void;
11
13
  onMoreInfo?: () => void;
12
14
  }
13
- export declare const WorkFlowOperationButtons: ({ deviceType, approveDisable, reassignDisable, rejectDisable, infoDisable, onApprove, onReAssign, onReject, onMoreInfo }: IWorkflowOperationButtonsProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const WorkFlowOperationButtons: ({ deviceType, approveDisable, signApproveDisable, reassignDisable, rejectDisable, infoDisable, onApprove, onSignApprove, onReAssign, onReject, onMoreInfo }: IWorkflowOperationButtonsProps) => import("react/jsx-runtime").JSX.Element;
14
16
  export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReject, selectedItems, onClose, onCompleted }: {
15
17
  TID?: number;
16
18
  DID?: number;
package/lib/components/features/workflow/TMWorkflowPopup.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from "react";
3
3
  import { SDK_Globals, UserListCacheService, WorkflowCacheService } from '@topconsultnpm/sdk-ts-beta';
4
4
  import styled from "styled-components";
5
- import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo } from "../../../helper";
5
+ import { SDKUI_Localizator, IconApply, IconCloseOutline, IconUser, IconInfo, IconSignature } from "../../../helper";
6
6
  import { TMColors } from "../../../utils/theme";
7
7
  import TMButton from "../../base/TMButton";
8
8
  import { DeviceType } from "../../base/TMDeviceProvider";
@@ -28,9 +28,9 @@ const StyledTextArea = styled.textarea `
28
28
  border-bottom: 4px solid ${props => props.$isValid ? TMColors.primaryColor : TMColors.error};
29
29
  }
30
30
  `;
31
- export const WorkFlowOperationButtons = ({ deviceType = DeviceType.DESKTOP, approveDisable = false, reassignDisable = false, rejectDisable = false, infoDisable = false, onApprove, onReAssign, onReject, onMoreInfo }) => {
31
+ export const WorkFlowOperationButtons = ({ deviceType = DeviceType.DESKTOP, approveDisable = false, signApproveDisable = false, reassignDisable = false, rejectDisable = false, infoDisable = false, onApprove, onSignApprove, onReAssign, onReject, onMoreInfo }) => {
32
32
  const isMobile = deviceType === DeviceType.MOBILE;
33
- return (_jsxs(StyledWorkFlowOperationButtonsContainer, { "$isMobile": isMobile, children: [_jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconApply, {}), caption: SDKUI_Localizator.Approve, disabled: approveDisable, onClick: () => !approveDisable && onApprove?.(), advancedColor: TMColors.success, color: 'success' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: rejectDisable, onClick: () => !rejectDisable && onReject?.(), advancedColor: TMColors.error, color: 'error' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: reassignDisable, onClick: () => !reassignDisable && onReAssign?.(), advancedColor: TMColors.tertiary, color: 'tertiary' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconInfo, { fontSize: 16 }), caption: SDKUI_Localizator.MoreInformation, width: '180px', disabled: infoDisable, onClick: () => !infoDisable && onMoreInfo?.(), advancedColor: TMColors.info, color: 'info' })] }));
33
+ return (_jsxs(StyledWorkFlowOperationButtonsContainer, { "$isMobile": isMobile, children: [_jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconApply, {}), caption: SDKUI_Localizator.Approve, disabled: approveDisable, onClick: () => !approveDisable && onApprove?.(), advancedColor: TMColors.success, color: 'success' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconSignature, {}), caption: "Firma e approva", width: '160px', disabled: approveDisable, onClick: () => !signApproveDisable && onSignApprove?.(), advancedColor: TMColors.success, color: 'success' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconCloseOutline, {}), caption: SDKUI_Localizator.Reject, disabled: rejectDisable, onClick: () => !rejectDisable && onReject?.(), advancedColor: TMColors.error, color: 'error' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconUser, { fontSize: 16 }), caption: SDKUI_Localizator.Reassign, disabled: reassignDisable, onClick: () => !reassignDisable && onReAssign?.(), advancedColor: TMColors.tertiary, color: 'tertiary' }), _jsx(TMButton, { btnStyle: isMobile ? 'toolbar' : 'advanced', showTooltip: isMobile, icon: _jsx(IconInfo, { fontSize: 16 }), caption: SDKUI_Localizator.MoreInformation, width: '180px', disabled: infoDisable, onClick: () => !infoDisable && onMoreInfo?.(), advancedColor: TMColors.info, color: 'info' })] }));
34
34
  };
35
35
  export const WorkFlowApproveRejectPopUp = ({ TID = 0, DID = 0, deviceType = DeviceType.DESKTOP, isReject, selectedItems = [], onClose, onCompleted }) => {
36
36
  const [commentValue, setCommentValue] = useState('');
package/lib/components/viewers/TMMidViewer.d.ts CHANGED
@@ -2,24 +2,27 @@ import React from 'react';
2
2
  import { ITopMediaSession, LayoutModes, MetadataDescriptor } from '@topconsultnpm/sdk-ts-beta';
3
3
  import { TID_MID } from '../../ts';
4
4
  import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
5
- export declare const TMMidViewer: ({ isMetadataSelected, color, tmSession, tid_mid, showCompleteName, showIcon, showId, noneSelectionText }: {
5
+ export interface ITMMidViewerProps {
6
6
  tmSession?: ITopMediaSession;
7
7
  tid_mid: TID_MID | undefined;
8
+ inputMd?: MetadataDescriptor;
8
9
  color?: string;
9
10
  showCompleteName?: boolean;
10
11
  showIcon?: boolean;
11
12
  showId?: boolean;
12
13
  noneSelectionText?: string;
13
14
  isMetadataSelected?: boolean;
14
- }) => import("react/jsx-runtime").JSX.Element;
15
+ }
16
+ export declare const TMMidViewer: React.FC<ITMMidViewerProps>;
15
17
  interface ITMMetadataIcon {
16
18
  tid: number | undefined;
17
19
  md: MetadataDescriptor | undefined;
18
20
  color?: string;
19
21
  layoutMode?: LayoutModes;
20
22
  isMetadataSelected?: boolean;
23
+ elementStyle?: React.CSSProperties;
21
24
  }
22
- export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
25
+ export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
23
26
  interface ITMMetadataTooltip {
24
27
  tid: number | undefined;
25
28
  md: MetadataDescriptor | undefined;
package/lib/components/viewers/TMMidViewer.js CHANGED
@@ -1,24 +1,28 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from 'react';
3
- import { IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, LocalizeMetadataFormats, SDKUI_Localizator, getCompleteMetadataName, getTIDByMID } from '../../helper';
4
- import { DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, MetadataFormats, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
3
+ import { IconLocked, IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, LocalizeMetadataFormats, SDKUI_Localizator, getCompleteMetadataName, getTIDByMID } from '../../helper';
4
+ import { DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, MetadataFormats, ObjectClasses, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
5
5
  import { StyledDivHorizontal, StyledTooltipContainer, StyledTooltipItem, StyledTooltipSeparatorItem } from '../base/Styled';
6
6
  import TMTooltip from '../base/TMTooltip';
7
7
  import { TMColors } from '../../utils/theme';
8
- export const TMMidViewer = ({ isMetadataSelected = false, color, tmSession, tid_mid, showCompleteName, showIcon = false, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
8
+ export const TMMidViewer = ({ isMetadataSelected = false, color, tmSession, tid_mid, inputMd, showCompleteName, showIcon = false, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
9
9
  const [md, setMd] = useState();
10
10
  const [dcmtTypeName, setDcmtTypeName] = useState();
11
11
  useEffect(() => {
12
- if (!tid_mid || !tid_mid.tid || tid_mid.tid <= 0) {
12
+ if (inputMd) {
13
+ setMd(inputMd);
14
+ return;
15
+ }
16
+ if (!tid_mid?.tid || tid_mid.tid <= 0) {
13
17
  setMd(undefined);
14
18
  return;
15
19
  }
16
- DcmtTypeListCacheService.GetAsync(tid_mid.tid, true, tmSession).then((dtd) => {
20
+ DcmtTypeListCacheService.GetWithNotGrantedAsync(tid_mid.tid, 0, tmSession).then((dtd) => {
17
21
  setDcmtTypeName(getDisplayAlias(SDK_Globals.useLocalizedName ? dtd?.nameLoc : dtd?.name, tid_mid.aliasTID));
18
22
  let md = dtd?.metadata?.find(o => o.id == tid_mid.mid);
19
23
  setMd(md);
20
24
  });
21
- }, [tid_mid]);
25
+ }, [tid_mid, inputMd]);
22
26
  const displayName = () => {
23
27
  if (!md)
24
28
  return noneSelectionText;
@@ -39,50 +43,56 @@ export const TMMidViewer = ({ isMetadataSelected = false, color, tmSession, tid_
39
43
  textOverflow: 'ellipsis'
40
44
  }, children: displayName() }), showId && _jsx("p", { style: { padding: '0px 3px' }, children: `(MID: ${tid_mid?.mid})` })] }));
41
45
  };
42
- export const TMMetadataIcon = ({ tid, md, color, layoutMode = LayoutModes.Update, isMetadataSelected = false }) => {
46
+ export const TMMetadataIcon = ({ tid, md, color, layoutMode = LayoutModes.Update, isMetadataSelected = false, elementStyle }) => {
43
47
  let selectedMetadataStyle = { borderBottom: isMetadataSelected ? `thick solid ${TMColors.text_normal}` : 'none', height: 'max-content' };
44
48
  if (!md)
45
49
  return null;
46
50
  let isNumeratorInArk = md.dataDomain === MetadataDataDomains.Numerator && layoutMode === LayoutModes.Ark;
47
51
  let iconColor = md.isRequired === 1 && !isNumeratorInArk ? TMColors.error : (color ?? TMColors.text_normal);
48
52
  let icon = null;
49
- switch (md.dataDomain) {
50
- case MetadataDataDomains.Computed:
51
- icon = _jsx(IconMetadata_Computed, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
52
- break;
53
- case MetadataDataDomains.DataList:
54
- icon = _jsx(IconMetadata_DataList, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
55
- break;
56
- case MetadataDataDomains.DynamicDataList:
57
- icon = _jsx(IconMetadata_DynamicDataList, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
58
- break;
59
- case MetadataDataDomains.Numerator:
60
- icon = _jsx(IconMetadata_Numerator, { style: selectedMetadataStyle, fontSize: 16, color: TMColors.primaryColor });
61
- break;
62
- case MetadataDataDomains.Special:
63
- icon = _jsx(IconMetadata_Special, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
64
- break;
65
- case MetadataDataDomains.UserID:
66
- icon = _jsx(IconMetadata_User, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
67
- break;
68
- default:
69
- switch (md.dataType) {
70
- case MetadataDataTypes.Varchar:
71
- icon = _jsx(IconMetadata_Text, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
72
- break;
73
- case MetadataDataTypes.Number:
74
- icon = _jsx(IconMetadata_Numeric, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
75
- break;
76
- case MetadataDataTypes.DateTime:
77
- icon = _jsx(IconMetadata_Date, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
78
- break;
79
- default:
80
- icon = _jsx(_Fragment, {});
81
- break;
82
- }
83
- break;
53
+ if (md.objectClass === ObjectClasses.Permission)
54
+ icon = _jsx(IconLocked, { fontSize: 18, color: 'red' });
55
+ else {
56
+ switch (md.dataDomain) {
57
+ case MetadataDataDomains.Computed:
58
+ icon = _jsx(IconMetadata_Computed, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
59
+ break;
60
+ case MetadataDataDomains.DataList:
61
+ icon = _jsx(IconMetadata_DataList, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
62
+ break;
63
+ case MetadataDataDomains.DynamicDataList:
64
+ icon = _jsx(IconMetadata_DynamicDataList, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
65
+ break;
66
+ case MetadataDataDomains.Numerator:
67
+ icon = _jsx(IconMetadata_Numerator, { style: selectedMetadataStyle, fontSize: 16, color: TMColors.primaryColor });
68
+ break;
69
+ case MetadataDataDomains.Special:
70
+ icon = _jsx(IconMetadata_Special, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
71
+ break;
72
+ case MetadataDataDomains.UserID:
73
+ icon = _jsx(IconMetadata_User, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
74
+ break;
75
+ default:
76
+ switch (md.dataType) {
77
+ case MetadataDataTypes.Varchar:
78
+ icon = _jsx(IconMetadata_Text, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
79
+ break;
80
+ case MetadataDataTypes.Number:
81
+ icon = _jsx(IconMetadata_Numeric, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
82
+ break;
83
+ case MetadataDataTypes.DateTime:
84
+ icon = _jsx(IconMetadata_Date, { style: selectedMetadataStyle, fontSize: 16, color: iconColor });
85
+ break;
86
+ default:
87
+ icon = _jsx(_Fragment, {});
88
+ break;
89
+ }
90
+ break;
91
+ }
84
92
  }
85
- return (_jsx(_Fragment, { children: icon ? _jsx(TMMetadataTooltip, { tid: tid, md: md, layoutMode: layoutMode, color: color, children: icon }) : null }));
93
+ return (_jsx(_Fragment, { children: icon
94
+ ? _jsx(TMMetadataTooltip, { tid: tid, md: md, layoutMode: layoutMode, color: color, children: icon })
95
+ : null }));
86
96
  };
87
97
  export const TMMetadataTooltip = ({ tid, md, color, children, layoutMode = LayoutModes.Update }) => {
88
98
  const _setDefaultValueForUI = (defaultValue) => {
@@ -95,7 +105,7 @@ export const TMMetadataTooltip = ({ tid, md, color, children, layoutMode = Layou
95
105
  let isNumeratorInArk = md?.dataDomain === MetadataDataDomains.Numerator && layoutMode === LayoutModes.Ark;
96
106
  const renderTooltipContent = (tid, md) => {
97
107
  return (!md ? null
98
- : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { "$color": color, children: `${SDK_Globals.useLocalizedName ? md.nameLoc : md.name} (TID: ${tid}, MID: ${md.id})` }), md.description && _jsx(StyledTooltipItem, { "$color": color, children: md.description }), _jsx(StyledTooltipSeparatorItem, { color: color }), _jsxs(StyledTooltipItem, { "$color": color, children: [md.dataType, " ", md.dataType == MetadataDataTypes.Varchar ? `(${md.length ?? 0})` : md.dataType == MetadataDataTypes.Number ? `(${md.length ?? 0},${md.scale ?? 0})` : '', md.isPrimaryKey === 1 ? ' (PK)' : ''] }), _jsx(StyledTooltipItem, { style: { color: md.isRequired === 1 && !isNumeratorInArk ? TMColors.error : color }, children: md.isRequired === 1 && !isNumeratorInArk ? SDKUI_Localizator.Required : SDKUI_Localizator.RequiredNOT }), md.dataDomain && _jsx(StyledTooltipItem, { "$color": color, children: md.dataDomain }), md.isLexProt == 1 && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), md.isLexProt == 2 && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.MetadataFlag}` }), md.isLexProt == 3 && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes} (${SDKUI_Localizator.MetadataFlag})` }), md.isFreeSearchInput && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), md.isSpecialSearchOutput && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Search_Special}: ${SDKUI_Localizator.Yes}` }), md.format?.format && md.format.format != MetadataFormats.None && _jsx(StyledTooltipItem, { color: color, children: `${SDKUI_Localizator.Format}: ${LocalizeMetadataFormats(md.format.format)}` }), md.defaultValue && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Default}: ${_setDefaultValueForUI(md.defaultValue)}` }), md.fromTID && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.MetadataRoot}: ${md.isRootMID == 1 ? SDKUI_Localizator.Yes : SDKUI_Localizator.No}` }), md.templateMID && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Template}: ${md.templateMID}` }), md.perm && _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, { color: color }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Archive}: ${md.perm.canArchive ?? SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.View_Metadato}: ${md.perm.canView ?? SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Search}: ${md.perm.canSearch ?? SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Update}: ${md.perm.canUpdate ?? SDKUI_Localizator.No}` })] })] }));
108
+ : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { "$color": color, children: `${SDK_Globals.useLocalizedName ? md.nameLoc : md.name} (TID: ${tid}, MID: ${md.id})` }), md.description && _jsx(StyledTooltipItem, { "$color": color, children: md.description }), _jsx(StyledTooltipSeparatorItem, { color: color }), md.objectClass === ObjectClasses.Permission && _jsx(StyledTooltipItem, { style: { fontWeight: 600 }, children: 'Tipo documento NON autorizzato' }), _jsx(StyledTooltipSeparatorItem, { color: color }), _jsxs(StyledTooltipItem, { "$color": color, children: [md.dataType, " ", md.dataType == MetadataDataTypes.Varchar ? `(${md.length ?? 0})` : md.dataType == MetadataDataTypes.Number ? `(${md.length ?? 0},${md.scale ?? 0})` : '', md.isPrimaryKey === 1 ? ' (PK)' : ''] }), _jsx(StyledTooltipItem, { style: { color: md.isRequired === 1 && !isNumeratorInArk ? TMColors.error : color }, children: md.isRequired === 1 && !isNumeratorInArk ? SDKUI_Localizator.Required : SDKUI_Localizator.RequiredNOT }), md.dataDomain && _jsx(StyledTooltipItem, { "$color": color, children: md.dataDomain }), md.isLexProt == 1 && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), md.isLexProt == 2 && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.MetadataFlag}` }), md.isLexProt == 3 && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes} (${SDKUI_Localizator.MetadataFlag})` }), md.isFreeSearchInput && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), md.isSpecialSearchOutput && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Search_Special}: ${SDKUI_Localizator.Yes}` }), md.format?.format && md.format.format != MetadataFormats.None && _jsx(StyledTooltipItem, { color: color, children: `${SDKUI_Localizator.Format}: ${LocalizeMetadataFormats(md.format.format)}` }), md.defaultValue && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Default}: ${_setDefaultValueForUI(md.defaultValue)}` }), md.fromTID && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.MetadataRoot}: ${md.isRootMID == 1 ? SDKUI_Localizator.Yes : SDKUI_Localizator.No}` }), md.templateMID && _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Template}: ${md.templateMID}` }), md.perm && _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, { color: color }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Archive}: ${md.perm.canArchive ?? SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.View_Metadato}: ${md.perm.canView ?? SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Search}: ${md.perm.canSearch ?? SDKUI_Localizator.No}` }), _jsx(StyledTooltipItem, { "$color": color, children: `${SDKUI_Localizator.Update}: ${md.perm.canUpdate ?? SDKUI_Localizator.No}` })] })] }));
99
109
  };
100
110
  return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderTooltipContent(tid, md), children: children }) }));
101
111
  };
package/lib/components/viewers/TMTidViewer.d.ts CHANGED
@@ -241,14 +241,16 @@ interface ITMDcmtTypeTooltip {
241
241
  children?: React.ReactNode;
242
242
  }
243
243
  export declare const TMDcmtTypeTooltip: React.FC<ITMDcmtTypeTooltip>;
244
- declare const TMTidViewer: ({ tmSession, tid, showIcon, color, showId, noneSelectionText }: {
244
+ export interface ITMTidViewerProps {
245
245
  tmSession?: ITopMediaSession;
246
246
  tid?: number;
247
+ did?: number;
247
248
  color?: string;
248
249
  showIcon?: boolean;
249
250
  showId?: boolean;
250
251
  noneSelectionText?: string;
251
- }) => import("react/jsx-runtime").JSX.Element;
252
+ }
253
+ declare const TMTidViewer: React.FC<ITMTidViewerProps>;
252
254
  export default TMTidViewer;
253
255
  export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;
254
256
  export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;
package/lib/components/viewers/TMTidViewer.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from 'react';
3
- import { IconDcmtType, IconDcmtTypeOnlyMetadata, LocalizeArchiveConstraints, LocalizeParametricFilterTypes, SDKUI_Localizator, TMImageLibrary } from '../../helper';
3
+ import { IconDcmtType, IconDcmtTypeOnlyMetadata, IconLocked, LocalizeArchiveConstraints, LocalizeParametricFilterTypes, SDKUI_Localizator, TMImageLibrary } from '../../helper';
4
4
  import { ArchiveConstraints, DcmtTypeListCacheService, OwnershipLevels, ParametricFilterTypes, SDK_Globals, SDK_Localizator, TemplateTIDs } from '@topconsultnpm/sdk-ts-beta';
5
5
  import TMSpinner from '../base/TMSpinner';
6
6
  import { StyledDivHorizontal, StyledTooltipContainer, StyledTooltipItem, StyledTooltipSeparatorItem } from '../base/Styled';
@@ -241,7 +241,9 @@ export const TMDcmtTypeIcon = ({ dtd }) => {
241
241
  if (!dtd)
242
242
  return null;
243
243
  let icon = null;
244
- if (dtd.imageID && dtd.imageID.length > 0)
244
+ if (dtd.customData2 === "NOTGRANTED")
245
+ icon = _jsx(IconLocked, { fontSize: 18, color: 'red' });
246
+ else if (dtd.imageID && dtd.imageID.length > 0)
245
247
  icon = _jsx(TMImageLibrary, { imageID: dtd.imageID });
246
248
  if (icon == null) {
247
249
  switch (dtd.archiveConstraint) {
@@ -258,9 +260,9 @@ export const TMDcmtTypeIcon = ({ dtd }) => {
258
260
  export const TMDcmtTypeTooltip = ({ dtd, children }) => {
259
261
  return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderDTDTooltipContent(dtd), children: children }) }));
260
262
  };
261
- const TMTidViewer = ({ tmSession, tid, showIcon = false, color, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
263
+ const TMTidViewer = ({ tmSession, tid, did, showIcon = false, color, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
262
264
  const [dtd, setDtd] = useState();
263
- useEffect(() => {
265
+ const fetchData = async (tid, did) => {
264
266
  if (!tid || tid <= 0) {
265
267
  setDtd(undefined);
266
268
  return;
@@ -268,12 +270,18 @@ const TMTidViewer = ({ tmSession, tid, showIcon = false, color, showId = false,
268
270
  let count = DcmtTypeListCacheService.CacheCount(true, tmSession);
269
271
  if (count <= 0)
270
272
  TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.ListDcmtTypeOrView} ...` });
271
- DcmtTypeListCacheService.GetAsync(tid, false, tmSession).then((dtd) => {
273
+ try {
274
+ const dtd = await DcmtTypeListCacheService.GetWithNotGrantedAsync(tid, did, tmSession);
272
275
  setDtd(dtd);
276
+ }
277
+ finally {
273
278
  if (count <= 0)
274
279
  TMSpinner.hide();
275
- });
276
- }, [tid]);
280
+ }
281
+ };
282
+ useEffect(() => {
283
+ fetchData(tid, did);
284
+ }, [tid, did]);
277
285
  const displayName = () => {
278
286
  if (!dtd)
279
287
  return noneSelectionText;
@@ -299,9 +307,12 @@ export const cellRenderTID = (data, noneSelectionText) => {
299
307
  };
300
308
  export const renderDTDTooltipContent = (dtd) => {
301
309
  return (!dtd ? null
302
- : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ArchiveConstraint}: ${LocalizeArchiveConstraints(dtd.archiveConstraint)}` }), dtd.isView && dtd.parametricFilterType != ParametricFilterTypes.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ParametricFilter}: ${LocalizeParametricFilterTypes(dtd.parametricFilterType)}` }), dtd.isView && dtd.withCheckOption && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ViewWithCheckOption}: ${SDKUI_Localizator.Yes}` }), dtd.isLexProt && dtd.isLexProt > 0 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), dtd.isFreeSearchable && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), dtd.templateTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${dtd.templateTID}` }), dtd.traceTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Tracing}: ${SDKUI_Localizator.Yes} - ${dtd.templateTID == TemplateTIDs.Trace_DcmtType ? SDKUI_Localizator.Destination : SDKUI_Localizator.Source} ${dtd.traceTID < 0 ? SDKUI_Localizator.Disabled : ''}` }), dtd.wfAppr && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.WorkflowApproval}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.BlogCase}: ${SDKUI_Localizator.Yes}` }), dtd.cico && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), dtd.perm ?
303
- _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${dtd.perm.canArchive}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${dtd.perm.canView}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${dtd.perm.canSearch}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${dtd.perm.canUpdate}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${dtd.perm.canRetrieveFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${dtd.perm.canSubstFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${dtd.perm.canLogicalDelete}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${dtd.perm.canPhysicalDelete}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${dtd.perm.canReadBlog}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${dtd.perm.canWriteBlog}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${dtd.perm.canCICO}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${dtd.perm.canDelChron}` })] })
304
- : dtd.ownershipLevel == OwnershipLevels.DirectOwner || dtd.ownershipLevel == OwnershipLevels.IndirectOwner ?
305
- _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${SDKUI_Localizator.Yes}` })] })
306
- : _jsx(_Fragment, {})] }));
310
+ : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), dtd.customData2 === "NOTGRANTED"
311
+ ? _jsx(StyledTooltipItem, { style: { fontWeight: 600 }, children: 'Tipo documento NON autorizzato' })
312
+ :
313
+ _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ArchiveConstraint}: ${LocalizeArchiveConstraints(dtd.archiveConstraint)}` }), dtd.isView && dtd.parametricFilterType != ParametricFilterTypes.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ParametricFilter}: ${LocalizeParametricFilterTypes(dtd.parametricFilterType)}` }), dtd.isView && dtd.withCheckOption && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ViewWithCheckOption}: ${SDKUI_Localizator.Yes}` }), dtd.isLexProt && dtd.isLexProt > 0 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), dtd.isFreeSearchable && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), dtd.templateTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${dtd.templateTID}` }), dtd.traceTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Tracing}: ${SDKUI_Localizator.Yes} - ${dtd.templateTID == TemplateTIDs.Trace_DcmtType ? SDKUI_Localizator.Destination : SDKUI_Localizator.Source} ${dtd.traceTID < 0 ? SDKUI_Localizator.Disabled : ''}` }), dtd.wfAppr && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.WorkflowApproval}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.BlogCase}: ${SDKUI_Localizator.Yes}` }), dtd.cico && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), dtd.perm ?
314
+ _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${dtd.perm.canArchive}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${dtd.perm.canView}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${dtd.perm.canSearch}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${dtd.perm.canUpdate}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${dtd.perm.canRetrieveFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${dtd.perm.canSubstFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${dtd.perm.canLogicalDelete}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${dtd.perm.canPhysicalDelete}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${dtd.perm.canReadBlog}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${dtd.perm.canWriteBlog}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${dtd.perm.canCICO}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${dtd.perm.canDelChron}` })] })
315
+ : dtd.ownershipLevel == OwnershipLevels.DirectOwner || dtd.ownershipLevel == OwnershipLevels.IndirectOwner ?
316
+ _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${SDKUI_Localizator.Yes}` })] })
317
+ : _jsx(_Fragment, {})] })] }));
307
318
  };
package/lib/helper/TMIcons.d.ts CHANGED
@@ -234,6 +234,7 @@ declare function IconPrintOutline(props: React.SVGProps<SVGSVGElement>): import(
234
234
  export declare function IconAppAdvancedSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
235
235
  declare function IconMenuCAWorkingGroups(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
236
236
  declare function IconCADossier(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
237
+ export declare function IconLocked(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
237
238
  declare function IconMenuCACaseflow(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
238
239
  export declare function IconMenuCAArchive(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
239
240
  declare function IconMenuDashboard(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
package/lib/helper/TMIcons.js CHANGED
@@ -472,7 +472,11 @@ function IconList(props) { return (_jsxs("svg", { fontSize: props.fontSize ? pro
472
472
  function IconLock(props) { return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 448 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M144 144v48h160v-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zm-64 48v-48C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64v192c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64h16z" }), " "] })); }
473
473
  function IconLockClosed(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props?.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M7 10V7a5 5 0 1110 0v3h2a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2v-8c0-1.1.9-2 2-2h2zm2 0h6V7a3 3 0 00-6 0v3zm-4 2v8h14v-8H5zm7 2a1 1 0 011 1v2a1 1 0 01-2 0v-2a1 1 0 011-1z" }), " "] })); }
474
474
  function IconBxLock(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M12 2C9.243 2 7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v2H9V7zm9.002 13H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z" }), " "] })); }
475
- function IconFolder(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props?.fontSize : FONTSIZE, viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32z" }), " "] })); }
475
+ function IconFolder(props) {
476
+ return (
477
+ // <svg fontSize={props?.fontSize ? props?.fontSize : FONTSIZE} viewBox="0 0 1024 1024" fill="currentColor" height="1em" width="1em" {...props} > <path d="M880 298.4H521L403.7 186.2a8.15 8.15 0 00-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32z" /> </svg>
478
+ _jsx("svg", { focusable: "false", viewBox: "0 0 24 24", height: "1em", width: "1em", ...props, fill: "currentColor", children: _jsxs("g", { children: [_jsx("path", { d: "M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z" }), _jsx("path", { d: "M0 0h24v24H0z", fill: "none" })] }) }));
479
+ }
476
480
  function IconFolderOpen(props) { return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 00-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zm-180 0H238c-13 0-24.8 7.9-29.7 20L136 643.2V256h188.5l119.6 114.4H748V444z" }), " "] })); }
477
481
  function IconTag(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 448 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M0 80v149.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0l133.5-133.5c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 96c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z" }), " "] })); }
478
482
  function IconFolderZip(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2m-2 6h-2v2h2v2h-2v2h-2v-2h2v-2h-2v-2h2v-2h-2V8h2v2h2v2z" }), " "] })); }
@@ -565,6 +569,9 @@ function IconMenuCAWorkingGroups(props) {
565
569
  function IconCADossier(props) {
566
570
  return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", width: "1em", height: "1em", fill: "none", ...props, children: _jsxs("g", { children: [_jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m37.51,36.63H12.48c-1.45,0-2.63-1.18-2.63-2.63v-10.17c0-.17.14-.31.31-.31h9.43c.17,0,.31.14.31.31,0,2.81,2.28,5.08,5.09,5.08.04,0,.07,0,.11,0,2.83.08,5.19-2.14,5.27-4.97,0-.04,0-.07,0-.11,0-.17.14-.31.31-.31h9.14c.17,0,.31.14.31.31v10.17c0,1.45-1.18,2.63-2.63,2.63m-27.04-12.49v9.86c0,1.1.9,2,2,2h25.03c1.1,0,2-.9,2-2v-9.86h-8.52c-.08,1.42-.69,2.76-1.73,3.74-1.12,1.07-2.62,1.66-4.17,1.65-3.07.06-5.65-2.32-5.82-5.39h-8.81Z" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m40.14,24.61h-.63v-.71l-4.03-8.74c-.33-.71-1.04-1.16-1.82-1.16h-17.33c-.78,0-1.49.46-1.82,1.16l-4.03,8.74v.29h-.63v-.42l4.09-8.87c.43-.93,1.37-1.52,2.39-1.52h17.33c1.03,0,1.96.6,2.39,1.53l4.09,8.86v.84Z" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m35.46,23.83h-.63v-3.59H15.16v3.59h-.63v-3.9c0-.17.14-.31.31-.31h20.3c.17,0,.31.14.31.31v3.9Z" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m33.9,19.93h-.63v-2.81h-16.54v2.81h-.63v-3.12c0-.17.14-.31.31-.31h17.17c.17,0,.31.14.31.31h0s0,3.12,0,3.12Z" })] }) }));
567
571
  }
572
+ export function IconLocked(props) {
573
+ return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 36 36", width: "1em", height: "1em", ...props, fontSize: props?.fontSize ?? FONTSIZE, children: [_jsx("path", { fill: "#AAB8C2", d: "M18 3C12.477 3 8 7.477 8 13v10h4V13a6 6 0 0 1 12 0v10h4V13c0-5.523-4.477-10-10-10" }), _jsx("path", { fill: "#9fc6e7", d: "M31 32a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4V20a4 4 0 0 1 4-4h18a4 4 0 0 1 4 4z" })] }));
574
+ }
568
575
  function IconMenuCACaseflow(props) {
569
576
  return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", width: "1em", height: "1em", fill: "none", ...props, children: _jsx("g", { children: _jsx("g", { style: { clipPath: 'url(#clippath)' }, children: _jsxs("g", { children: [_jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m37.77,37.16H12.23c-1.49,0-2.7-1.21-2.7-2.7V15.54c0-1.49,1.21-2.7,2.7-2.7h5.92c.6,0,1.19.2,1.66.58l4.73,3.71c.36.28.81.44,1.27.44,2.85,0,12.12,0,12.22,0,.18,0,.32.14,.32.32,0,.18-.14.32-.32.32h0c-.09,0-9.36-.01-12.22,0-.61,0-1.19-.2-1.67-.58l-4.73-3.71c-.36-.28-.81-.44-1.27-.44h-5.92c-1.14,0-2.06.92-2.06,2.05v18.92c0,1.14.92,2.06,2.05,2.06h25.55c1.14,0,2.06-.92,2.06-2.06,0,0,0,0,0,0v-17.63c0-1.05-.85-1.91-1.91-1.91h-12.92c-.18,0-.32-.14-.32-.32,0-.18.14-.32.32-.32h12.92c1.41,0,2.55,1.14,2.55,2.55v17.64c0,1.49-1.21,2.7-2.7,2.7" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m22.08,27.7c-1.09,0-1.97-.88-1.97-1.97s.88-1.97,1.97-1.97,1.97.88,1.97,1.97h0c0,1.09-.88,1.97-1.97,1.97m0-3.31c-.74,0-1.33.6-1.33,1.33s.6,1.33,1.33,1.33,1.33-.6,1.33-1.33h0c0-.74-.6-1.33-1.33-1.33" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m16.39,32.09c-1.09,0-1.97-.88-1.98-1.97s.88-1.97,1.97-1.98c1.09,0,1.97.88,1.98,1.97h0c0,1.09-.88,1.97-1.97,1.98m0-3.31c-.74,0-1.33.6-1.33,1.33s.6,1.33,1.33,1.33,1.33-.6,1.33-1.33c0-.74-.6-1.33-1.33-1.33" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m27.77,32.09c-1.09,0-1.97-.88-1.97-1.97,0-1.09.88-1.97,1.97-1.97s1.97.88,1.97,1.97c0,1.09-.88,1.97-1.97,1.97m0-3.31c-.74,0-1.33.6-1.33,1.33s.6,1.33,1.33,1.33c.74,0,1.33-.6,1.33-1.33,0-.74-.6-1.33-1.33-1.33" }), _jsx("path", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", d: "m33.62,26.6c-1.09,0-1.97-.88-1.97-1.97s.88-1.97,1.97-1.97,1.97.88,1.97,1.97h0c0,1.09-.88,1.97-1.97,1.97m0-3.31c-.74,0-1.33.6-1.33,1.33,0,.74.6,1.33,1.33,1.33s1.33-.6,1.33-1.33c0-.74-.6-1.33-1.33-1.33" }), _jsx("rect", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".2px", style: { strokeMiterlimit: 4 }, x: "17.28", y: "27.59", width: "3.88", height: ".64", transform: "translate(-13.02 17.48) rotate(-37.52)" }), _jsx("rect", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", style: { strokeMiterlimit: 4 }, x: "24.62", y: "25.96", width: ".64", height: "3.88", transform: "translate(-12.38 30.67) rotate(-52.45)" }), _jsx("rect", { fill: "currentColor", stroke: "currentColor", strokeWidth: ".5px", style: { strokeMiterlimit: 4 }, x: "28.52", y: "27.24", width: "4.78", height: ".64", transform: "translate(-10.48 26.12) rotate(-39.73)" })] }) }) }) }));
570
577
  }
package/lib/utils/theme.d.ts CHANGED
@@ -49,6 +49,7 @@ declare class TMColors {
49
49
  static set colorHeader(theColorHeader: string | undefined);
50
50
  static separator: string;
51
51
  static button_primary: string;
52
+ static iconLight: string;
52
53
  }
53
54
  declare class FontSize {
54
55
  static defaultFontSize: string;
package/lib/utils/theme.js CHANGED
@@ -49,6 +49,7 @@ TMColors._backgroundColorHeader = "#CAD9EB";
49
49
  TMColors._colorHeader = "black";
50
50
  TMColors.separator = "#00A99D";
51
51
  TMColors.button_primary = '#4A96D2';
52
+ TMColors.iconLight = "#9fc6e7";
52
53
  class FontSize {
53
54
  }
54
55
  FontSize.defaultFontSize = '1rem';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@topconsultnpm/sdkui-react-beta",
3
- "version": "6.14.49",
3
+ "version": "6.14.51",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -42,7 +42,7 @@
42
42
  "lib"
43
43
  ],
44
44
  "dependencies": {
45
- "@topconsultnpm/sdk-ts-beta": "6.14.11",
45
+ "@topconsultnpm/sdk-ts-beta": "6.14.12",
46
46
  "buffer": "^6.0.3",
47
47
  "devextreme": "24.2.6",
48
48
  "devextreme-react": "24.2.6",