@topconsultnpm/sdkui-react-beta 6.6.71 → 6.6.73

package/lib/components/sidebar/TMSidebar.js

@@ -1,27 +1,35 @@
 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 { ApplicationThemeColor } from '@topconsultnpm/sdkui-react-beta/lib/components/sidebar/TMSidebarItem';
+import { ScrollView } from 'devextreme-react';
 const StyledTMSidebarContainer = styled.div `
-    top: ${props => props.$top ? props.$top : '53px'};
-    left: ${props => props.$left ? props.$left : '0px'};
-    width: ${props => props.$width ? props.$width : '50px'};
-    height: ${props => props.$height ? props.$height : 'calc(100% - 88px)'};
+    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`};
     box-shadow: 0px 3px 6px #00000029;
     border-radius: 0;
     opacity: 1;
     display: flex;
     flex-direction: column;
-    justify-content: flex-start;
+    justify-content: space-between;
     align-items: center;
-    padding: 10px 0px 0px 0px;
+    padding: 10px 0px;
     position: absolute;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
-    /* z-index: 20000001; */
+    overflow: hidden;
+`;
+const FixedBottomContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+    bottom: 10px;
 `;
 const TMSidebar = ({ items, height, borderRightRadius, left, top, width }) => {
-    return (_jsxs(StyledTMSidebarContainer, { "$borderRightRadius": borderRightRadius, "$left": left, "$top": top, "$width": width, "$appName": SDK_Globals.appModule, "$height": height, children: [items.filter(item => item.props.type !== 'app'), _jsx("div", { style: { position: 'absolute', bottom: '10px', display: 'flex', flexDirection: 'column' }, children: items.filter(item => item.props.type === 'app') })] }));
+    return (_jsxs(StyledTMSidebarContainer, { "$borderRightRadius": borderRightRadius, "$left": left, "$top": top, "$width": width, "$appName": SDK_Globals.appModule, "$height": height, children: [_jsx(ScrollView, { height: "100%", width: "100%", style: { padding: "5px 0 0 5px" }, useNative: true, children: items.filter(item => item.props.type !== 'app') }), _jsx(FixedBottomContainer, { children: items.filter(item => item.props.type === 'app') })] }));
 };
 export default TMSidebar;

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 | undefined;
-    value?: string | undefined;
-    viewMode?: DataListViewModes | undefined;
+    dataListId?: number;
+    value?: string;
+    viewMode?: DataListViewModes;
 }) => 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 | undefined;
+    tmSession?: ITopMediaSession;
     tid_mid: TID_MID | undefined;
-    showCompleteName?: boolean | undefined;
-    showIcon?: boolean | undefined;
-    showId?: boolean | undefined;
-    noneSelectionText?: string | undefined;
+    showCompleteName?: boolean;
+    showIcon?: boolean;
+    showId?: boolean;
+    noneSelectionText?: string;
 }) => 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 | undefined;
-    tid?: number | undefined;
-    showIcon?: boolean | undefined;
-    showId?: boolean | undefined;
-    noneSelectionText?: string | undefined;
+    tmSession?: ITopMediaSession;
+    tid?: number;
+    showIcon?: boolean;
+    showId?: boolean;
+    noneSelectionText?: string;
 }) => 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

@@ -3,7 +3,7 @@ import { AppModules, DataColumnDescriptor, ITopMediaSession, QueryDescriptor, Se
 import { FormModes } from "../ts";
 declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
-declare const calcResponsiveDirection: (currentWidth: number, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
+declare const calcResponsiveDirection: (currentWidth: number, 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: (currentWidth: number, desktopSize: string, tabletSize: string, mobileSize: string) => string;

package/lib/hooks/useForm.d.ts

@@ -1,4 +1,3 @@
-/// <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,3 +1,2 @@
-/// <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.6.71",
+    "version": "6.6.73",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -28,7 +28,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "^6.6.17",
+        "@topconsultnpm/sdk-ts-beta": "^6.6.18",
         "buffer": "^6.0.3",
         "devextreme": "24.1.6",
         "devextreme-react": "24.1.6",