@topconsultnpm/sdkui-react 6.22.0-dev4.15 → 6.22.0-dev4.17

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

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isMobile"> & {
     $isMobile?: boolean;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isMobile"> & {
+    $isMobile?: boolean;
+}, never>>> & string;
 export interface TMCommandItemProps {
     icon: React.ReactNode;
     selected?: boolean;

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

@@ -37,8 +37,8 @@ export declare const TMSearchBar: ({ searchValue, onSearchValueChanged, maxWidth
     marginLeft?: string;
     searchValue: string;
     onSearchValueChanged: (value: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const TMHeader: React.FC<ITMHeader>;
 export default TMHeader;
-export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
-export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
+export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
+export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DataListViewModes } from '@topconsultnpm/sdk-ts';
 import { DataGridTypes } from 'devextreme-react/data-grid';
 interface ITMDataListItemViewerProps {
@@ -8,6 +7,6 @@ interface ITMDataListItemViewerProps {
     showTooltip?: boolean;
     width?: string;
 }
-declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => React.JSX.Element | null;
+declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataListItemViewer;
-export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => React.JSX.Element;
+export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import { DataGridTypes } from 'devextreme-react/data-grid';
 interface ITMDataUserIdItemViewerProps {
     userId?: number;
     showIcon?: boolean;
 }
-declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => React.JSX.Element | null;
+declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataUserIdItemViewer;
-export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => React.JSX.Element;
+export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => import("react/jsx-runtime").JSX.Element;

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

@@ -22,7 +22,7 @@ interface ITMMetadataIcon {
     isMetadataSelected?: boolean;
     elementStyle?: React.CSSProperties;
 }
-export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => React.JSX.Element | null;
+export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
 interface ITMMetadataTooltip {
     tid: number | undefined;
     md: MetadataDescriptor | undefined;
@@ -31,6 +31,6 @@ interface ITMMetadataTooltip {
     layoutMode?: LayoutModes;
 }
 export declare const TMMetadataTooltip: React.FC<ITMMetadataTooltip>;
-export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => React.JSX.Element;
+export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => import("react/jsx-runtime").JSX.Element;
 export declare const getDisplayAlias: (dcmtTypeName: string | undefined, alias: string | undefined) => string | undefined;
 export {};

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

@@ -252,5 +252,5 @@ export interface ITMTidViewerProps {
 }
 declare const TMTidViewer: React.FC<ITMTidViewerProps>;
 export default TMTidViewer;
-export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => React.JSX.Element;
-export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => React.JSX.Element | null;
+export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;

package/lib/helper/TMAppUpdatedModal.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const TMAppUpdatedModal: () => React.JSX.Element | null;
+export declare const TMAppUpdatedModal: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/helper/TMAppUpdatedModal.js

@@ -8,110 +8,110 @@ import { SDKUI_Globals } from './SDKUI_Globals';
 import { SDKUI_Localizator } from './SDKUI_Localizator';
 import { IconUpdate, IconOpenInNew } from './TMIcons';
 import { getAppModuleButtonColors } from './TMUtils';
-const Content = styled.div `
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    background-color: #ffffff;
+const Content = styled.div `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    background-color: #ffffff;
 `;
-const Header = styled.div `
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 14px;
-    padding: 32px 30px 26px 30px;
-    background-color: ${({ $backgroundColor }) => $backgroundColor};
-    color: #ffffff;
-    text-align: center;
+const Header = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 14px;
+    padding: 32px 30px 26px 30px;
+    background-color: ${({ $backgroundColor }) => $backgroundColor};
+    color: #ffffff;
+    text-align: center;
 `;
-const HeaderIcon = styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 68px;
-    height: 68px;
-    border-radius: 50%;
-    background-color: rgba(255, 255, 255, 0.18);
-    border: 1px solid rgba(255, 255, 255, 0.35);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
+const HeaderIcon = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 68px;
+    height: 68px;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.18);
+    border: 1px solid rgba(255, 255, 255, 0.35);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
 `;
-const HeaderTitle = styled.h2 `
-    margin: 0;
-    font-size: 22px;
-    font-weight: 600;
-    letter-spacing: 0.2px;
+const HeaderTitle = styled.h2 `
+    margin: 0;
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
 `;
-const VersionBadge = styled.span `
-    display: inline-block;
-    padding: 4px 12px;
-    border-radius: 999px;
-    background-color: rgba(255, 255, 255, 0.22);
-    border: 1px solid rgba(255, 255, 255, 0.4);
-    font-size: 13px;
-    font-weight: 600;
-    letter-spacing: 0.3px;
+const VersionBadge = styled.span `
+    display: inline-block;
+    padding: 4px 12px;
+    border-radius: 999px;
+    background-color: rgba(255, 255, 255, 0.22);
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: 0.3px;
 `;
-const Body = styled.div `
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    padding: 26px 30px 22px 30px;
-    text-align: center;
+const Body = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 26px 30px 22px 30px;
+    text-align: center;
 `;
-const Message = styled.p `
-    margin: 0;
-    font-size: 15px;
-    line-height: 1.6;
-    color: #242424;
+const Message = styled.p `
+    margin: 0;
+    font-size: 15px;
+    line-height: 1.6;
+    color: #242424;
 `;
-const SubMessage = styled.p `
-    margin: 0;
-    font-size: 13px;
-    line-height: 1.6;
-    color: #6b6b6b;
+const SubMessage = styled.p `
+    margin: 0;
+    font-size: 13px;
+    line-height: 1.6;
+    color: #6b6b6b;
 `;
-const Footer = styled.div `
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 12px;
-    padding: 0 30px 28px 30px;
+const Footer = styled.div `
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 12px;
+    padding: 0 30px 28px 30px;
 `;
-const BaseButton = styled.button `
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    min-width: 150px;
-    padding: 10px 18px;
-    border-radius: 8px;
-    font-size: 14px;
-    font-weight: 600;
-    cursor: pointer;
-    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+const BaseButton = styled.button `
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    min-width: 150px;
+    padding: 10px 18px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
 `;
-const PrimaryButton = styled(BaseButton) `
-    border: 1px solid ${({ $base }) => $base};
-    background-color: ${({ $base }) => $base};
-    color: #ffffff;
-
-    &:hover {
-        background-color: ${({ $hover }) => $hover};
-        border-color: ${({ $hover }) => $hover};
-        box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
-    }
+const PrimaryButton = styled(BaseButton) `
+    border: 1px solid ${({ $base }) => $base};
+    background-color: ${({ $base }) => $base};
+    color: #ffffff;
+
+    &:hover {
+        background-color: ${({ $hover }) => $hover};
+        border-color: ${({ $hover }) => $hover};
+        box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
+    }
 `;
-const SecondaryButton = styled(BaseButton) `
-    border: 1px solid #d5d5d5;
-    background-color: #ffffff;
-    color: #444444;
-
-    &:hover {
-        background-color: #f3f3f3;
-        border-color: #bdbdbd;
-    }
+const SecondaryButton = styled(BaseButton) `
+    border: 1px solid #d5d5d5;
+    background-color: #ffffff;
+    color: #444444;
+
+    &:hover {
+        background-color: #f3f3f3;
+        border-color: #bdbdbd;
+    }
 `;
 export const TMAppUpdatedModal = () => {
     const deviceType = useDeviceType();

package/lib/helper/TMCommandsContextMenu.d.ts

@@ -12,5 +12,5 @@ interface TMCommandsContextMenuProps {
     trigger?: 'right' | 'left';
     children?: React.ReactNode;
 }
-export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) => React.JSX.Element>;
+export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) => import("react/jsx-runtime").JSX.Element>;
 export {};