@topconsultnpm/sdkui-react-beta 6.7.33 → 6.7.34

package/lib/components/sidebar/TMHeader.js

@@ -7,7 +7,6 @@ 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';
 import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
 import { moduleTypes } from '../../ts/types';
 export var TMSearchContext;
@@ -19,7 +18,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, ${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 StyledHeaderContainer = styled.div ` width: 100%; height: 50px; /* background: #E85C36 0% 0% no-repeat padding-box; */ background: linear-gradient(90deg, #f0f4fa, ${() => TMColors.primaryColor}) ; 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/components/sidebar/TMSidebar.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-import { ApplicationThemeColor } from './TMSidebarItem';
 import { ScrollView } from 'devextreme-react';
+import { TMColors } from '../../utils/theme';
 const StyledTMSidebarContainer = styled.div `
     top: ${props => props.$top || '53px'};
     left: ${props => props.$left || '0px'};
     width: ${props => props.$width || '50px'};
     height: ${props => props.$height || 'calc(100% - 88px)'};
-    background: ${props => props.$appName === 'ORCHESTRATOR' ? `${ApplicationThemeColor.ORCHESTRATOR} 0% 0% no-repeat padding-box` : props.$appName === 'SURFER' ? `${ApplicationThemeColor.SURFER} 0% 0% no-repeat padding-box` : `${ApplicationThemeColor.DESIGNER} 0% 0% no-repeat padding-box`};
+    background: ${() => TMColors.primaryColor} 0% 0% no-repeat padding-box;
     box-shadow: 0px 3px 6px #00000029;
     border-radius: 0;
     opacity: 1;

package/lib/components/sidebar/TMSidebarItem.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
 import { AppRouteType } from './TMSidebar';
-export declare enum ApplicationThemeColor {
-    SURFER = "#0e7418",
-    ORCHESTRATOR = "#135596",
-    DESIGNER = "#b51678"
-}
 export interface ITMSidebarItem {
     name: string;
     path: string;

package/lib/components/sidebar/TMSidebarItem.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import TMTooltip from '../base/TMTooltip';
-import { AppModules, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-export var ApplicationThemeColor;
+import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+import { TMColors } from '../../utils/theme';
+var ApplicationThemeColor;
 (function (ApplicationThemeColor) {
     ApplicationThemeColor["SURFER"] = "#0e7418";
     ApplicationThemeColor["ORCHESTRATOR"] = "#135596";
@@ -15,7 +16,7 @@ const StyledTMSidebarItemContainer = styled.div `
     transition: all 200ms ease;
     user-select: none;
     cursor: pointer;
-    color:  ${(props) => props.$isSelected ? props.$app === AppModules.SURFER ? ApplicationThemeColor.SURFER : props.$app === AppModules.ORCHESTRATOR ? ApplicationThemeColor.ORCHESTRATOR : ApplicationThemeColor.DESIGNER : '#fff'};
+    color:  ${(props) => props.$isSelected ? TMColors.primaryColor : '#fff'};
     background-color: ${props => props.$isSelected ? 'white' : 'transparent'} ;
     border-radius: 3px;
     width: 32px;
@@ -27,7 +28,7 @@ const StyledTMSidebarItemContainer = styled.div `
 
     &:hover {
         background-color: ${props => !props.$isApp && 'white'};
-        color: ${props => !props.$isApp && props.$app === AppModules.SURFER ? ApplicationThemeColor.SURFER : props.$app === AppModules.ORCHESTRATOR ? ApplicationThemeColor.ORCHESTRATOR : ApplicationThemeColor.DESIGNER};
+        color: ${props => !props.$isApp && TMColors.primaryColor};
     }
 `;
 const TMSidebarItem = (props) => {

package/lib/components/viewers/TMDataListItemViewer.d.ts

@@ -1,9 +1,9 @@
 import { DataListViewModes } from '@topconsultnpm/sdk-ts-beta';
 import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
 declare const TMDataListItemViewer: ({ dataListId, value, viewMode }: {
-    dataListId?: number;
-    value?: string;
-    viewMode?: DataListViewModes;
+    dataListId?: number | undefined;
+    value?: string | undefined;
+    viewMode?: DataListViewModes | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMDataListItemViewer;
 export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMMidViewer.d.ts

@@ -3,12 +3,12 @@ import { ITopMediaSession, MetadataDescriptor } from '@topconsultnpm/sdk-ts-beta
 import { TID_MID } from '../../ts';
 import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
 export declare const TMMidViewer: ({ tmSession, tid_mid, showCompleteName, showIcon, showId, noneSelectionText }: {
-    tmSession?: ITopMediaSession;
+    tmSession?: ITopMediaSession | undefined;
     tid_mid: TID_MID | undefined;
-    showCompleteName?: boolean;
-    showIcon?: boolean;
-    showId?: boolean;
-    noneSelectionText?: string;
+    showCompleteName?: boolean | undefined;
+    showIcon?: boolean | undefined;
+    showId?: boolean | undefined;
+    noneSelectionText?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 interface ITMMetadataIcon {
     tid: number | undefined;

package/lib/components/viewers/TMTidViewer.d.ts

@@ -11,11 +11,11 @@ interface ITMDcmtTypeTooltip {
 }
 export declare const TMDcmtTypeTooltip: React.FC<ITMDcmtTypeTooltip>;
 declare const TMTidViewer: ({ tmSession, tid, showIcon, showId, noneSelectionText }: {
-    tmSession?: ITopMediaSession;
-    tid?: number;
-    showIcon?: boolean;
-    showId?: boolean;
-    noneSelectionText?: string;
+    tmSession?: ITopMediaSession | undefined;
+    tid?: number | undefined;
+    showIcon?: boolean | undefined;
+    showId?: boolean | undefined;
+    noneSelectionText?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMTidViewer;
 export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;

package/lib/helper/helpers.d.ts

@@ -4,7 +4,7 @@ import { AppModules, DataColumnDescriptor, ITopMediaSession, QueryDescriptor, Se
 import { FormModes, moduleTypes } from "../ts";
 declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
-declare const calcResponsiveDirection: (deviceType: DeviceType, desktopDir: "horizontal" | "vertical", tabletDir: "horizontal" | "vertical", mobileDir: "horizontal" | "vertical") => "horizontal" | "vertical";
+declare const calcResponsiveDirection: (deviceType: DeviceType, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
 declare const openApps: (appModule: AppModules, tmSession: ITopMediaSession, appRoutes?: any[]) => Promise<void>;
 export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession>;
 declare const calcResponsiveSizes: (deviceType: DeviceType | undefined, desktopSize: string, tabletSize: string, mobileSize: string) => string;

package/lib/hooks/useForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormModes } from "../ts";
 import { JobTypes, ObjectClasses, ValidationItem } from "@topconsultnpm/sdk-ts-beta";
 export declare class SaveFormOptions {

package/lib/hooks/useOutsideClick.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const useOutsideClick: (callback: (escPressed?: boolean) => void) => import("react").RefObject<HTMLDivElement>;
 export declare const useEscapeKeyPress: (callback: () => void) => import("react").RefObject<HTMLDivElement>;

package/package.json

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