@topconsultnpm/sdkui-react-beta 6.6.26 → 6.6.28

package/lib/components/choosers/TMMetadataChooser.js

@@ -12,16 +12,16 @@ import TMButton from '../base/TMButton';
 import TMSummary from '../editors/TMSummary';
 import TMChooserForm from '../forms/TMChooserForm';
 import TMSpinner from '../base/TMSpinner';
-const TMMetadataChooser = ({ tmSession, dataSource, buttons = [], inputDcmtTypesList, disabled, validationItems, getColorIndex, showCompleteMetadataName, qdShowOnlySelectItems, borderRadius = '4px', fontSize = FontSize.defaultFontSize, backgroundColor, openEditorOnSummaryClick, showBorder = true, showId = false, elementStyle, allowMultipleSelection, allowSysMetadata, value, values, isModifiedWhen, tids, label, width, height, onValueChanged, showClearButton, qd, placeHolder }) => {
+const TMMetadataChooser = ({ tmSession, dataSource, buttons = [], inputDcmtTypesList, disabled, validationItems, getColorIndex, showCompleteMetadataName, qdShowOnlySelectItems, borderRadius = '4px', fontSize = FontSize.defaultFontSize, backgroundColor, openEditorOnSummaryClick, showBorder = true, showId = false, elementStyle, allowMultipleSelection, allowSysMetadata, value, values, isModifiedWhen, tids, label, width, height, onValueChanged, showClearButton, qd, placeHolder, onRefreshCache }) => {
     const [showChooser, setShowChooser] = useState(false);
     const renderTemplate = () => {
         return (_jsxs(StyledDivHorizontal, { style: { width: 'max-content', height: '100%' }, children: [values && _jsx(TMMidViewer, { tmSession: tmSession, tid_mid: values[0], showIcon: true, showId: showId, showCompleteName: showCompleteMetadataName }), values && values.length > 1 && _jsx("p", { style: { marginLeft: '10px' }, children: `(+${values.length - 1} ${values.length == 2 ? 'altro' : 'altri'})` }), (values == undefined || values.length == 0) && _jsx("p", { children: placeHolder })] }));
     };
     return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { label: label, width: width, height: showBorder ? height : '24px', validationItems: validationItems, backgroundColor: backgroundColor, buttons: buttons, placeHolder: placeHolder, fontSize: fontSize, showBorder: showBorder, borderRadius: borderRadius, hasValue: values && values.length > 0, showClearButton: showClearButton, iconEditButton: _jsx(IconSearch, { fontSize: 16 }), openEditorOnSummaryClick: openEditorOnSummaryClick, onEditorClick: () => !disabled && setShowChooser(true), elementStyle: elementStyle, isModifiedWhen: isModifiedWhen, template: renderTemplate(), onClearClick: showClearButton ? () => { onValueChanged?.([]); } : undefined }), showChooser &&
-                _jsx(TMMetadataChooserForm, { tmSession: tmSession, allowMultipleSelection: allowMultipleSelection, height: '500px', width: '600px', allowSysMetadata: allowSysMetadata, getColorIndex: getColorIndex, dataSource: dataSource, inputDcmtTypesList: inputDcmtTypesList, tids: tids, qd: qd, qdShowOnlySelectItems: qdShowOnlySelectItems, selectedIDs: values, onClose: () => setShowChooser(false), onChoose: (tid_mids) => { onValueChanged?.(tid_mids); } })] }));
+                _jsx(TMMetadataChooserForm, { tmSession: tmSession, allowMultipleSelection: allowMultipleSelection, height: '500px', width: '600px', allowSysMetadata: allowSysMetadata, getColorIndex: getColorIndex, dataSource: dataSource, inputDcmtTypesList: inputDcmtTypesList, tids: tids, qd: qd, qdShowOnlySelectItems: qdShowOnlySelectItems, selectedIDs: values, onRefreshCache: onRefreshCache, onClose: () => setShowChooser(false), onChoose: (tid_mids) => { onValueChanged?.(tid_mids); } })] }));
 };
 export default TMMetadataChooser;
-export const TMMetadataChooserForm = ({ tmSession, tids, inputDcmtTypesList, qd, qdShowOnlySelectItems, selectedIDs, dataSource, allowMultipleSelection, allowSysMetadata = true, width, height, getColorIndex, onClose, onChoose }) => {
+export const TMMetadataChooserForm = ({ tmSession, tids, inputDcmtTypesList, qd, qdShowOnlySelectItems, selectedIDs, dataSource, allowMultipleSelection, allowSysMetadata = true, width, height, getColorIndex, onClose, onChoose, onRefreshCache }) => {
     const [showSysMetadata, setShowSysMetadata] = useState(false);
     const [hasSysMetadata, setHasSysMetadata] = useState(false);
     const [dcmtTypes, setDcmtTypes] = useState([]);
@@ -119,5 +119,5 @@ export const TMMetadataChooserForm = ({ tmSession, tids, inputDcmtTypesList, qd,
     };
     const convertID = (md) => { return { tid: md.customData1, mid: md.id, aliasTID: md.customData2 }; };
     const customFilter = (items) => { return showSysMetadata ? items : items.filter(o => o.isSystem != 1); };
-    return (_jsx(TMChooserForm, { title: SDK_Localizator.Metadatas, allowMultipleSelection: allowMultipleSelection, allowSorting: false, allowGrouping: dcmtTypes.length > 1, width: width, height: height, selectedIDs: selectedIDs?.map((item) => item.mid), convertID: convertID, customFilter: customFilter, cellRenderIcon: cellRenderIcon, cellRenderNameAndDesc: (data) => { return _jsx("p", { style: { textAlign: 'left', color: data.data.isRequired == 1 ? 'red' : '' }, children: data.value }); }, dataSource: dataSource, getItems: getItems, customButtons: renderCustomButtons(), columns: renderDataGridColumns, summaryItems: renderSummaryItems, onClose: onClose, onChoose: (IDs) => onChoose?.(IDs) }));
+    return (_jsx(TMChooserForm, { title: SDK_Localizator.Metadatas, allowMultipleSelection: allowMultipleSelection, allowSorting: false, allowGrouping: dcmtTypes.length > 1, width: width, height: height, selectedIDs: selectedIDs?.map((item) => item.mid), convertID: convertID, customFilter: customFilter, cellRenderIcon: cellRenderIcon, cellRenderNameAndDesc: (data) => { return _jsx("p", { style: { textAlign: 'left', color: data.data.isRequired == 1 ? 'red' : '' }, children: data.value }); }, dataSource: dataSource, getItems: getItems, customButtons: renderCustomButtons(), columns: renderDataGridColumns, summaryItems: renderSummaryItems, onRefreshCache: onRefreshCache, onClose: onClose, onChoose: (IDs) => onChoose?.(IDs) }));
 };

package/lib/components/choosers/TMUserChooser.js

@@ -73,10 +73,10 @@ const getCompleteUserName = (domain, name) => {
 };
 const getUserIcon = (userLevel) => {
     switch (userLevel) {
-        case UserLevels.Member: return _jsx(IconUserLevelMember, {});
-        case UserLevels.Administrator: return _jsx(IconUserLevelAdministrator, {});
-        case UserLevels.SystemAdministrator: return _jsx(IconUserLevelSystemAdministrator, {});
-        case UserLevels.AutonomousAdministrator: return _jsx(IconUserLevelAutonomousAdministrator, {});
-        default: return null;
+        case UserLevels.Member: return _jsx(IconUserLevelMember, { fontSize: 16 });
+        case UserLevels.Administrator: return _jsx(IconUserLevelAdministrator, { fontSize: 16 });
+        case UserLevels.SystemAdministrator: return _jsx(IconUserLevelSystemAdministrator, { fontSize: 16 });
+        case UserLevels.AutonomousAdministrator: return _jsx(IconUserLevelAutonomousAdministrator, { fontSize: 16 });
+        default: return _jsx(IconUserLevelMember, { fontSize: 16 });
     }
 };

package/lib/components/forms/TMChooserForm.d.ts

@@ -1,3 +1,3 @@
 import { ITMChooserFormProps } from '../../ts';
-declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, keyName, customButtons, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, keyName, customButtons, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged, onRefreshCache }: ITMChooserFormProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TMChooserForm;

package/lib/components/forms/TMChooserForm.js

@@ -7,7 +7,7 @@ import { IconApply, IconHide, IconRefresh, IconShow, SDKUI_Globals, SDKUI_Locali
 import TMButton from '../base/TMButton';
 import TMToggleButton from '../base/TMToggleButton';
 import TMModal from '../base/TMModal';
-const TMChooserForm = ({ children, title, allowMultipleSelection, hasShowOnlySelectedItems = false, allowGrouping, allowSorting = true, width, height, dataSource, selectedIDs, manageUseLocalizedName = true, hasShowId = true, keyName = "id", customButtons, showDefaultColumns = true, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }) => {
+const TMChooserForm = ({ children, title, allowMultipleSelection, hasShowOnlySelectedItems = false, allowGrouping, allowSorting = true, width, height, dataSource, selectedIDs, manageUseLocalizedName = true, hasShowId = true, keyName = "id", customButtons, showDefaultColumns = true, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged, onRefreshCache }) => {
     const [showId, setShowId] = useState(false);
     const [showOnlySelectedItems, setShowOnlySelectedItems] = useState(selectedIDs != undefined && selectedIDs.length > 0);
     const [selectedItems, setSelectedItems] = useState([]);
@@ -19,11 +19,15 @@ const TMChooserForm = ({ children, title, allowMultipleSelection, hasShowOnlySel
     const renderTitle = () => { return title ? `${title} (${selectedItems.length} / ${customFilter ? customFilter(items).length : items.length})` : SDKUI_Localizator.Select; };
     const doGetItems = (refreshCache) => {
         if (dataSource) {
-            setItems(dataSource);
-            setSelectedItems(dataSource.filter((o) => selectedIDs?.includes(o[keyName])));
+            if (refreshCache)
+                onRefreshCache?.();
+            else {
+                setItems(dataSource);
+                setSelectedItems(dataSource.filter((o) => selectedIDs?.includes(o[keyName])));
+            }
             return;
         }
-        getItems && getItems(refreshCache).then((result) => {
+        getItems?.(refreshCache).then((result) => {
             setItems(result);
             if (!refreshCache) {
                 setSelectedItems(result.filter((o) => selectedIDs?.includes(o[keyName])));

package/lib/components/sidebar/TMHeader.js

@@ -7,6 +7,7 @@ import { SDK_Globals, AuthenticationModes } from '@topconsultnpm/sdk-ts-beta';
 import { FontSize, TMColors } from '../../utils/theme';
 import { ButtonNames, TMMessageBoxManager } from '../base/TMPopUp';
 import Logo from '../../assets/Toppy-generico.png';
+import { ApplicationThemeColor } from './TMSidebarItem';
 export var TMSearchContext;
 (function (TMSearchContext) {
     TMSearchContext["JOBS"] = "jobs";
@@ -16,7 +17,7 @@ export var TMSearchContext;
     TMSearchContext["PLATFORM"] = "OrchestrationPlatform";
     TMSearchContext["QE"] = "QueryEditor";
 })(TMSearchContext || (TMSearchContext = {}));
-const StyledHeaderContainer = styled.div ` width: 100%; height: 50px; /* background: #E85C36 0% 0% no-repeat padding-box; */ background: ${props => props.$appName === 'ORCHESTRATOR' ? 'linear-gradient(90deg, #f0f4fa, #135596)' : props.$appName === 'SURFER' ? 'linear-gradient(90deg, #f0f4fa, #0e7418)' : 'linear-gradient(90deg, #f0f4fa, #b51678)'}; opacity: 1; display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; `;
+const StyledHeaderContainer = styled.div ` width: 100%; height: 50px; /* background: #E85C36 0% 0% no-repeat padding-box; */ background: ${props => props.$appName === 'ORCHESTRATOR' ? `linear-gradient(90deg, #f0f4fa, ${ApplicationThemeColor.ORCHESTRATOR})` : props.$appName === 'SURFER' ? `linear-gradient(90deg, #f0f4fa, ${ApplicationThemeColor.SURFER})` : `linear-gradient(90deg, #f0f4fa, ${ApplicationThemeColor.DESIGNER})`}; opacity: 1; display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; `;
 const StyledMenu = styled.div ` position: absolute; top: 50px; right: 0px; width: fit-content; height: fit-content; padding: 10px 20px; border: 1px solid #2459A420; background: #E2E9EF 0% 0% no-repeat padding-box; z-index: 20000022; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; border: 1px solid #c9c9c9; border-top: none; `;
 const StyledMenuItem = styled.p ` font-size: ${props => props.$fontSize}; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 2px; cursor: pointer; color: gray; &:hover{ color: ${TMColors.primary}; transition: color 100ms ease; } `;
 const StyledHeaderIcon = styled.div ` width: 50px; height: 50px; margin-left: 10px; display: flex; align-items: center; justify-content: center; color: ${props => props.$isSelected ? '#135596' : '#ffffff'}; transition: color ease 100ms; background-color: ${props => props.$isSelected && '#ffffff'}; cursor: pointer; &:hover { color: #ffffff; background-color: #0d3862; transition: color ease 100ms; } `;

package/lib/ts/types.d.ts

@@ -137,6 +137,7 @@ export interface ITMChooserFormProps<T> {
     onChoose?: (selectedobjects?: any) => void;
     onClose?: () => void;
     onShowIdChanged?: () => void;
+    onRefreshCache?: () => void;
 }
 export interface ITMChooserProps extends ITMEditorBase {
     allowMultipleSelection?: boolean;
@@ -149,4 +150,5 @@ export interface ITMChooserProps extends ITMEditorBase {
     tmSession?: ITopMediaSession;
     valueName?: any;
     onValueChanged?: (value: any) => void;
+    onRefreshCache?: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.6.26",
+    "version": "6.6.28",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",