@topconsultnpm/sdkui-react 6.22.0-dev4.17 → 6.22.0-dev4.19
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.
- package/lib/components/NewComponents/ContextMenu/styles.d.ts +45 -43
- package/lib/components/NewComponents/FloatingMenuBar/styles.d.ts +67 -60
- package/lib/components/base/Styled.d.ts +93 -77
- package/lib/components/base/TMAlert.d.ts +2 -1
- package/lib/components/base/TMAlert.js +7 -6
- package/lib/components/base/TMCounterBar.d.ts +2 -2
- package/lib/components/base/TMCounterContainer.d.ts +2 -1
- package/lib/components/base/TMCustomButton.d.ts +1 -1
- package/lib/components/base/TMDataGrid.js +219 -219
- package/lib/components/base/TMDataGridExportForm.d.ts +2 -1
- package/lib/components/base/TMFileManager.d.ts +2 -1
- package/lib/components/base/TMFileManagerDataGridView.d.ts +2 -1
- package/lib/components/base/TMFileManagerThumbnailItems.d.ts +1 -1
- package/lib/components/base/TMFileManagerThumbnailsView.d.ts +1 -1
- package/lib/components/base/TMFileManagerUtils.d.ts +4 -6
- package/lib/components/base/TMLayout.d.ts +4 -4
- package/lib/components/base/TMList.d.ts +2 -1
- package/lib/components/base/TMListView.d.ts +1 -1
- package/lib/components/base/TMSpinner.d.ts +3 -2
- package/lib/components/base/TMTab.d.ts +4 -3
- package/lib/components/base/TMTabControl.js +208 -208
- package/lib/components/base/TMTooltip.d.ts +1 -1
- package/lib/components/base/TMTreeView.d.ts +14 -8
- package/lib/components/base/TMUserAvatar.d.ts +2 -1
- package/lib/components/base/TMVilViewer.d.ts +2 -1
- package/lib/components/base/TMWaitPanel.d.ts +3 -2
- package/lib/components/base/waitPanel/TMWaitPanelView.d.ts +2 -1
- package/lib/components/base/waitPanel/TMWaitPanelView.js +207 -207
- package/lib/components/choosers/TMDynDataListItemChooser.d.ts +1 -1
- package/lib/components/choosers/TMInvoiceRetrieveFormats.d.ts +2 -1
- package/lib/components/choosers/TMOrderRetrieveFormats.d.ts +2 -1
- package/lib/components/choosers/TMQuickSearchInfo.d.ts +2 -1
- package/lib/components/choosers/TMRelationChooser.d.ts +3 -3
- package/lib/components/choosers/TMUserChooser.d.ts +2 -2
- package/lib/components/editors/TMEditorStyled.d.ts +20 -42
- package/lib/components/editors/TMFormulaEditor.d.ts +1 -1
- package/lib/components/editors/TMHtmlContentDisplay.d.ts +2 -1
- package/lib/components/editors/TMHtmlEditor.d.ts +2 -1
- package/lib/components/editors/TMTreeDropDown.d.ts +1 -1
- package/lib/components/features/assistant/TMToppyDraggableHelpCenter.d.ts +1 -1
- package/lib/components/features/blog/TMBlogCommentForm.d.ts +2 -1
- package/lib/components/features/documents/TMDcmtForm.js +63 -35
- package/lib/components/features/documents/TMDcmtFormActionButtons.d.ts +1 -1
- package/lib/components/features/documents/TMDcmtIcon.d.ts +2 -1
- package/lib/components/features/documents/TMDcmtPreview.d.ts +10 -6
- package/lib/components/features/documents/TMDcmtPreview.js +16 -7
- package/lib/components/features/documents/TMDcmtTasks.d.ts +2 -1
- package/lib/components/features/documents/TMDragDropOverlay.d.ts +1 -1
- package/lib/components/features/documents/TMFileUploader.js +21 -21
- package/lib/components/features/documents/TMMasterInfoFields.d.ts +2 -1
- package/lib/components/features/documents/TMMergeToPdfForm.d.ts +2 -1
- package/lib/components/features/documents/TMMultiMasterDetailDcmtsForm.d.ts +2 -1
- package/lib/components/features/documents/TMMultiMasterDetailDcmtsUtils.d.ts +4 -4
- package/lib/components/features/search/TMDcmtCheckoutInfoForm.d.ts +2 -1
- package/lib/components/features/search/TMMetadataOutputForm.d.ts +2 -1
- package/lib/components/features/search/TMMetadataSorterForm.d.ts +2 -1
- package/lib/components/features/search/TMSavedQuerySelector.d.ts +2 -2
- package/lib/components/features/search/TMSearch.d.ts +2 -1
- package/lib/components/features/search/TMSearchQueryPanel.d.ts +9 -3
- package/lib/components/features/search/TMSearchResult.js +102 -82
- package/lib/components/features/search/TMSearchResultFloatingActionButton.d.ts +1 -1
- package/lib/components/features/search/TMSignatureInfoContent.d.ts +2 -1
- package/lib/components/features/search/TMViewHistoryDcmt.d.ts +2 -1
- package/lib/components/features/tasks/TMTaskForm.d.ts +1 -1
- package/lib/components/features/tasks/TMTaskFormUtils.d.ts +10 -10
- package/lib/components/features/tasks/TMTasksAgenda.d.ts +1 -1
- package/lib/components/features/tasks/TMTasksCalendar.d.ts +1 -1
- package/lib/components/features/tasks/TMTasksHeader.d.ts +1 -1
- package/lib/components/features/tasks/TMTasksPanelContent.d.ts +1 -1
- package/lib/components/features/tasks/TMTasksUtilsView.d.ts +5 -5
- package/lib/components/features/tasks/TMTasksView.d.ts +1 -1
- package/lib/components/features/wg/TMWGsCopyMoveForm.d.ts +3 -2
- package/lib/components/features/wg/TMWGsCopyMoveForm.js +9 -9
- package/lib/components/features/workflow/TMWorkflowPopup.d.ts +8 -7
- package/lib/components/features/workflow/diagram/WorkitemRecipientsEditor.d.ts +3 -1
- package/lib/components/forms/Login/ChangePasswordInputs.d.ts +3 -1
- package/lib/components/forms/Login/Chooser.d.ts +2 -2
- package/lib/components/forms/TMChooserForm.d.ts +2 -1
- package/lib/components/forms/TMSaveForm.d.ts +4 -4
- package/lib/components/grids/TMBlogAttachments.d.ts +2 -1
- package/lib/components/grids/TMBlogHeader.d.ts +1 -1
- package/lib/components/grids/TMBlogsPost.d.ts +1 -1
- package/lib/components/grids/TMBlogsPostUtils.d.ts +9 -9
- package/lib/components/grids/TMValidationItemsList.d.ts +2 -1
- package/lib/components/layout/panelManager/TMPanelManagerContainer.d.ts +2 -1
- package/lib/components/layout/panelManager/TMPanelManagerContainer.js +12 -12
- package/lib/components/layout/panelManager/TMPanelManagerContext.d.ts +2 -2
- package/lib/components/layout/panelManager/TMPanelManagerLoader.d.ts +2 -1
- package/lib/components/layout/panelManager/TMPanelManagerToolbar.d.ts +5 -6
- package/lib/components/layout/panelManager/TMPanelManagerWithPersistenceProvider.d.ts +2 -2
- package/lib/components/layout/panelManager/TMPanelWrapper.d.ts +2 -2
- package/lib/components/pages/TMPage.d.ts +1 -1
- package/lib/components/query/TMQueryEditor.d.ts +14 -10
- package/lib/components/settings/SettingsAppearance.d.ts +2 -1
- package/lib/components/sidebar/TMAboutApp.d.ts +2 -1
- package/lib/components/sidebar/TMCommandsPanel.d.ts +4 -4
- package/lib/components/sidebar/TMHeader.d.ts +3 -3
- package/lib/components/viewers/TMDataListItemViewer.d.ts +3 -2
- package/lib/components/viewers/TMDataUserIdItemViewer.d.ts +3 -2
- package/lib/components/viewers/TMMidViewer.d.ts +2 -2
- package/lib/components/viewers/TMTidViewer.d.ts +2 -2
- package/lib/helper/SDKUI_Globals.d.ts +1 -0
- package/lib/helper/SDKUI_Globals.js +1 -0
- package/lib/helper/SDKUI_Localizator.d.ts +3 -0
- package/lib/helper/SDKUI_Localizator.js +30 -0
- package/lib/helper/TMAppUpdatedModal.d.ts +2 -1
- package/lib/helper/TMAppUpdatedModal.js +93 -93
- package/lib/helper/TMCommandsContextMenu.d.ts +1 -1
- package/lib/helper/TMIcons.d.ts +282 -281
- package/lib/helper/TMIcons.js +4 -1
- package/lib/helper/TMPdfViewer.d.ts +2 -1
- package/lib/helper/TMToppyMessage.d.ts +2 -2
- package/lib/helper/TMUtils.d.ts +10 -4
- package/lib/helper/helpers.d.ts +1 -1
- package/lib/helper/queryHelper.d.ts +15 -2
- package/lib/helper/queryHelper.js +52 -1
- package/lib/hooks/useInputDialog.d.ts +2 -1
- package/lib/services/platform_services.d.ts +3 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, DossierDescriptor, HomeBlogPost, TID_DID, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
|
|
3
3
|
import { FileItem } from "../base/TMFileManagerUtils";
|
|
4
4
|
export declare const DRAFT_TYPE_TID = 6;
|
|
@@ -59,10 +59,10 @@ export declare const getCompactEllipsisStyle: (layoutMode: "compact" | "extended
|
|
|
59
59
|
display: string;
|
|
60
60
|
};
|
|
61
61
|
export declare const findFileItemByDraftID: (tree: FileItem | undefined, draftID: number | undefined) => FileItem | null;
|
|
62
|
-
export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string |
|
|
62
|
+
export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | React.JSX.Element)[];
|
|
63
63
|
export declare const lightenColor: (hex: string, amount: number) => string;
|
|
64
|
-
export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) =>
|
|
65
|
-
export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) =>
|
|
64
|
+
export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => React.JSX.Element;
|
|
65
|
+
export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) => React.JSX.Element;
|
|
66
66
|
export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs: FileItem | undefined, draftLatestInfoMap: Map<number, {
|
|
67
67
|
latestVersion: number;
|
|
68
68
|
folderId: number;
|
|
@@ -76,8 +76,8 @@ export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs:
|
|
|
76
76
|
fileSize: string;
|
|
77
77
|
}> | undefined, dcmtTypeDescriptors: Map<number, DcmtTypeDescriptor>, isSelected: boolean, searchText: string) => {
|
|
78
78
|
name: string;
|
|
79
|
-
nameElement:
|
|
80
|
-
tooltipContent:
|
|
79
|
+
nameElement: React.JSX.Element;
|
|
80
|
+
tooltipContent: React.JSX.Element;
|
|
81
81
|
folderId: number;
|
|
82
82
|
fileExt: string;
|
|
83
83
|
draftExist: boolean;
|
|
@@ -85,7 +85,7 @@ export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs:
|
|
|
85
85
|
isSigned: number;
|
|
86
86
|
};
|
|
87
87
|
export declare const getDcmtTypeDescriptor: (blogPosts: Array<BlogPost>) => Promise<Map<number, DcmtTypeDescriptor>>;
|
|
88
|
-
export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) =>
|
|
88
|
+
export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) => React.JSX.Element;
|
|
89
89
|
export declare const isHeaderFullyHidden: (header: {
|
|
90
90
|
showViewMode: boolean;
|
|
91
91
|
showFilters: boolean;
|
|
@@ -95,7 +95,7 @@ export declare const isHeaderFullyHidden: (header: {
|
|
|
95
95
|
interface NewBadgeProps {
|
|
96
96
|
layoutMode: "compact" | "extended";
|
|
97
97
|
}
|
|
98
|
-
export declare const NewBadge: ({ layoutMode }: NewBadgeProps) =>
|
|
98
|
+
export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => React.JSX.Element;
|
|
99
99
|
export declare const removeFileExtension: (filename: string) => string;
|
|
100
100
|
interface BlogPostTitleProps {
|
|
101
101
|
displayMode: "chat" | "stacked";
|
|
@@ -111,6 +111,6 @@ interface BlogPostTitleProps {
|
|
|
111
111
|
handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
|
|
112
112
|
handleNavigateToCaseflows?: (blogPost: BlogPost | HomeBlogPost) => void;
|
|
113
113
|
}
|
|
114
|
-
export declare const BlogPostTitle: (props: BlogPostTitleProps) =>
|
|
114
|
+
export declare const BlogPostTitle: (props: BlogPostTitleProps) => React.JSX.Element;
|
|
115
115
|
export declare const stripHtml: (html: string) => string;
|
|
116
116
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ValidationItem } from '@topconsultnpm/sdk-ts';
|
|
2
3
|
interface ITMValidationItemsList {
|
|
3
4
|
validationItems?: ValidationItem[];
|
|
4
5
|
}
|
|
5
|
-
declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) =>
|
|
6
|
+
declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) => React.JSX.Element;
|
|
6
7
|
export default TMValidationItemsList;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { TMPanelDefinition, TMPanelDirection } from './types';
|
|
2
3
|
interface TMPanelManagerContainerProps {
|
|
3
4
|
panels: Array<TMPanelDefinition>;
|
|
@@ -7,5 +8,5 @@ interface TMPanelManagerContainerProps {
|
|
|
7
8
|
minPanelSizePx?: number;
|
|
8
9
|
gutterSizePx?: number;
|
|
9
10
|
}
|
|
10
|
-
declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) =>
|
|
11
|
+
declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) => React.JSX.Element | null;
|
|
11
12
|
export default TMPanelManagerContainer;
|
|
@@ -10,20 +10,20 @@ import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
|
|
|
10
10
|
import { Gutters } from '../../../utils/theme';
|
|
11
11
|
import { AppModules, SDK_Globals } from '@topconsultnpm/sdk-ts';
|
|
12
12
|
// Styled Component per il contenitore principale di PanelContainer
|
|
13
|
-
const StyledPanelContainerWrapper = styled.div `
|
|
14
|
-
display: ${props => (props.$hasVisiblePanels ? 'flex' : 'none')};
|
|
15
|
-
flex-direction: ${props => (props.$direction === 'vertical' ? 'column' : 'row')};
|
|
16
|
-
height: 100%;
|
|
17
|
-
width: 100%;
|
|
18
|
-
// overflow: hidden;
|
|
13
|
+
const StyledPanelContainerWrapper = styled.div `
|
|
14
|
+
display: ${props => (props.$hasVisiblePanels ? 'flex' : 'none')};
|
|
15
|
+
flex-direction: ${props => (props.$direction === 'vertical' ? 'column' : 'row')};
|
|
16
|
+
height: 100%;
|
|
17
|
+
width: 100%;
|
|
18
|
+
// overflow: hidden;
|
|
19
19
|
`;
|
|
20
20
|
// Styled Component per il gutter (separatore)
|
|
21
|
-
const StyledResizerGutter = styled.div `
|
|
22
|
-
cursor: ${props => (!props.$canResize ? 'default' : props.$direction === 'horizontal' ? 'col-resize' : 'row-resize')};
|
|
23
|
-
${props => (props.$direction === 'horizontal' ? `width: ${props.$size}px;` : `height: ${props.$size}px;`)}
|
|
24
|
-
flex-shrink: 0;
|
|
25
|
-
background-color: "transparent";
|
|
26
|
-
z-index: 10;
|
|
21
|
+
const StyledResizerGutter = styled.div `
|
|
22
|
+
cursor: ${props => (!props.$canResize ? 'default' : props.$direction === 'horizontal' ? 'col-resize' : 'row-resize')};
|
|
23
|
+
${props => (props.$direction === 'horizontal' ? `width: ${props.$size}px;` : `height: ${props.$size}px;`)}
|
|
24
|
+
flex-shrink: 0;
|
|
25
|
+
background-color: "transparent";
|
|
26
|
+
z-index: 10;
|
|
27
27
|
`;
|
|
28
28
|
const TMPanelManagerContainer = (props) => {
|
|
29
29
|
const { panels, showToolbar, direction, parentId, minPanelSizePx = 150, gutterSizePx } = props;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import type { TMPanelDefinition, TMPanelDimensionsMap } from './types';
|
|
3
3
|
interface TMPanelManagerContextType {
|
|
4
4
|
panelVisibility: {
|
|
@@ -35,6 +35,6 @@ interface TMPanelManagerProviderProps {
|
|
|
35
35
|
initialMobilePanelId: string;
|
|
36
36
|
isPersistenceEnabled?: boolean;
|
|
37
37
|
}
|
|
38
|
-
export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) =>
|
|
38
|
+
export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) => React.JSX.Element;
|
|
39
39
|
export declare const useTMPanelManagerContext: () => TMPanelManagerContextType;
|
|
40
40
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
interface TMPanelManagerLoaderProps {
|
|
2
3
|
backgroundColor?: string;
|
|
3
4
|
}
|
|
4
|
-
declare const TMPanelManagerLoader: ({ backgroundColor }: TMPanelManagerLoaderProps) =>
|
|
5
|
+
declare const TMPanelManagerLoader: ({ backgroundColor }: TMPanelManagerLoaderProps) => React.JSX.Element;
|
|
5
6
|
export default TMPanelManagerLoader;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TMPanelDefinition } from './types';
|
|
3
|
-
export declare const StyledToolbarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
3
|
+
export declare const StyledToolbarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
|
|
4
|
+
style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
5
|
+
}, {
|
|
4
6
|
$isActive?: boolean;
|
|
5
7
|
$isDisabled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
$isActive?: boolean;
|
|
8
|
-
$isDisabled?: boolean;
|
|
9
|
-
}, never>>> & string;
|
|
8
|
+
}>> & string;
|
|
10
9
|
interface TMPanelManagerToolbarProps {
|
|
11
10
|
panels: Array<TMPanelDefinition>;
|
|
12
11
|
}
|
|
13
|
-
declare const TMPanelManagerToolbar: (props: TMPanelManagerToolbarProps) =>
|
|
12
|
+
declare const TMPanelManagerToolbar: (props: TMPanelManagerToolbarProps) => React.JSX.Element;
|
|
14
13
|
export default TMPanelManagerToolbar;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import type { TMPanelDefinition, TMPanelDimensionsMap } from './types';
|
|
3
3
|
interface TMPanelManagerWithPersistenceProps {
|
|
4
4
|
children: ReactNode;
|
|
@@ -17,5 +17,5 @@ interface TMPanelManagerWithPersistenceProps {
|
|
|
17
17
|
}>) => void;
|
|
18
18
|
persistedPanelStates?: Record<string, any>;
|
|
19
19
|
}
|
|
20
|
-
export declare const TMPanelManagerWithPersistenceProvider: (props: TMPanelManagerWithPersistenceProps) =>
|
|
20
|
+
export declare const TMPanelManagerWithPersistenceProvider: (props: TMPanelManagerWithPersistenceProps) => React.JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import { TMPanelDefinition } from './types';
|
|
3
3
|
interface TMPanelWrapperProps {
|
|
4
4
|
panel: TMPanelDefinition;
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
}
|
|
7
|
-
declare const TMPanelWrapper: (props: TMPanelWrapperProps) =>
|
|
7
|
+
declare const TMPanelWrapper: (props: TMPanelWrapperProps) => React.JSX.Element | null;
|
|
8
8
|
export default TMPanelWrapper;
|
|
@@ -34,5 +34,5 @@ interface ITMPage<T> {
|
|
|
34
34
|
/** Indica il cambiamento dei contatori della lista (totali, selezionati e visibili) */
|
|
35
35
|
onCountersChanged?: (totalItemsCount: number, selectedItemsCount: number, visibleItemsCount: number) => void;
|
|
36
36
|
}
|
|
37
|
-
declare const TMPage: <T>({ id, objClass, listDisabled, lastRefreshTime, objType, listInsteadOfContent, detailInsteadOfContent, routePage, customButtons, customColumns, searchText, detailForm, detailTitlePathKeys, deps, onSelectionChanged, onCountersChanged }: ITMPage<T>) =>
|
|
37
|
+
declare const TMPage: <T>({ id, objClass, listDisabled, lastRefreshTime, objType, listInsteadOfContent, detailInsteadOfContent, routePage, customButtons, customColumns, searchText, detailForm, detailTitlePathKeys, deps, onSelectionChanged, onCountersChanged }: ITMPage<T>) => React.JSX.Element;
|
|
38
38
|
export default TMPage;
|
|
@@ -2,18 +2,22 @@ import React from 'react';
|
|
|
2
2
|
import { QueryDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
|
|
3
3
|
import { ITMApplyFormProps, FormModes } from '../../ts';
|
|
4
4
|
import type { TMContextMenuItemProps } from '../NewComponents/ContextMenu/types';
|
|
5
|
-
export declare const StyledRowItem: import("styled-components/dist/types").IStyledComponentBase<"web",
|
|
6
|
-
|
|
5
|
+
export declare const StyledRowItem: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
6
|
+
style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
7
|
+
}> & string;
|
|
8
|
+
export declare const StyledItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
9
|
+
style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
10
|
+
}, {
|
|
7
11
|
$borderRadius?: string;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export declare const StyledAccordionItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
13
|
-
|
|
14
|
-
},
|
|
12
|
+
}>> & string;
|
|
13
|
+
export declare const StyledAccordionItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
14
|
+
style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
15
|
+
}> & string;
|
|
16
|
+
export declare const StyledAccordionItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
17
|
+
style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
18
|
+
}, {
|
|
15
19
|
$disabled?: boolean;
|
|
16
|
-
}
|
|
20
|
+
}>> & string;
|
|
17
21
|
export declare const colorValue = "rgba(224,224,224,.5)";
|
|
18
22
|
export declare const colorBrackets = "rgba(209,52,56,.3)";
|
|
19
23
|
export declare const colorOperator = "rgba(16,124,16,.3)";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const SettingsAppearance: ({ landingPagesOptions, permissions, showConfirmPopup }: {
|
|
2
3
|
landingPagesOptions?: {
|
|
3
4
|
display: string;
|
|
@@ -11,5 +12,5 @@ declare const SettingsAppearance: ({ landingPagesOptions, permissions, showConfi
|
|
|
11
12
|
workFlowLicense: boolean;
|
|
12
13
|
};
|
|
13
14
|
showConfirmPopup?: (title: string, onConfirm: () => void) => void;
|
|
14
|
-
}) =>
|
|
15
|
+
}) => React.JSX.Element;
|
|
15
16
|
export default SettingsAppearance;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
interface TMAboutAppProps {
|
|
2
3
|
app: boolean;
|
|
3
4
|
skdui: boolean;
|
|
4
5
|
sdk: boolean;
|
|
5
6
|
websdk: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare const TMAboutApp: (props: TMAboutAppProps) =>
|
|
8
|
+
export declare const TMAboutApp: (props: TMAboutAppProps) => React.JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
2
|
+
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"> & {
|
|
3
|
+
style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
|
|
4
|
+
}, {
|
|
3
5
|
$isMobile?: boolean;
|
|
4
|
-
}
|
|
5
|
-
$isMobile?: boolean;
|
|
6
|
-
}, never>>> & string;
|
|
6
|
+
}>> & string;
|
|
7
7
|
export interface TMCommandItemProps {
|
|
8
8
|
icon: React.ReactNode;
|
|
9
9
|
selected?: boolean;
|
|
@@ -37,8 +37,8 @@ export declare const TMSearchBar: ({ searchValue, onSearchValueChanged, maxWidth
|
|
|
37
37
|
marginLeft?: string;
|
|
38
38
|
searchValue: string;
|
|
39
39
|
onSearchValueChanged: (value: string) => void;
|
|
40
|
-
}) =>
|
|
40
|
+
}) => React.JSX.Element;
|
|
41
41
|
declare const TMHeader: React.FC<ITMHeader>;
|
|
42
42
|
export default TMHeader;
|
|
43
|
-
export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>):
|
|
44
|
-
export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>):
|
|
43
|
+
export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
|
|
44
|
+
export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { DataListViewModes } from '@topconsultnpm/sdk-ts';
|
|
2
3
|
import { DataGridTypes } from 'devextreme-react/data-grid';
|
|
3
4
|
interface ITMDataListItemViewerProps {
|
|
@@ -7,6 +8,6 @@ interface ITMDataListItemViewerProps {
|
|
|
7
8
|
showTooltip?: boolean;
|
|
8
9
|
width?: string;
|
|
9
10
|
}
|
|
10
|
-
declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) =>
|
|
11
|
+
declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => React.JSX.Element | null;
|
|
11
12
|
export default TMDataListItemViewer;
|
|
12
|
-
export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) =>
|
|
13
|
+
export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => React.JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { DataGridTypes } from 'devextreme-react/data-grid';
|
|
2
3
|
interface ITMDataUserIdItemViewerProps {
|
|
3
4
|
userId?: number;
|
|
4
5
|
showIcon?: boolean;
|
|
5
6
|
}
|
|
6
|
-
declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) =>
|
|
7
|
+
declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => React.JSX.Element | null;
|
|
7
8
|
export default TMDataUserIdItemViewer;
|
|
8
|
-
export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) =>
|
|
9
|
+
export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => React.JSX.Element;
|
|
@@ -22,7 +22,7 @@ interface ITMMetadataIcon {
|
|
|
22
22
|
isMetadataSelected?: boolean;
|
|
23
23
|
elementStyle?: React.CSSProperties;
|
|
24
24
|
}
|
|
25
|
-
export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) =>
|
|
25
|
+
export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => React.JSX.Element | null;
|
|
26
26
|
interface ITMMetadataTooltip {
|
|
27
27
|
tid: number | undefined;
|
|
28
28
|
md: MetadataDescriptor | undefined;
|
|
@@ -31,6 +31,6 @@ interface ITMMetadataTooltip {
|
|
|
31
31
|
layoutMode?: LayoutModes;
|
|
32
32
|
}
|
|
33
33
|
export declare const TMMetadataTooltip: React.FC<ITMMetadataTooltip>;
|
|
34
|
-
export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) =>
|
|
34
|
+
export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => React.JSX.Element;
|
|
35
35
|
export declare const getDisplayAlias: (dcmtTypeName: string | undefined, alias: string | undefined) => string | undefined;
|
|
36
36
|
export {};
|
|
@@ -252,5 +252,5 @@ export interface ITMTidViewerProps {
|
|
|
252
252
|
}
|
|
253
253
|
declare const TMTidViewer: React.FC<ITMTidViewerProps>;
|
|
254
254
|
export default TMTidViewer;
|
|
255
|
-
export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) =>
|
|
256
|
-
export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) =>
|
|
255
|
+
export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => React.JSX.Element;
|
|
256
|
+
export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => React.JSX.Element | null;
|
|
@@ -158,6 +158,7 @@ export class SearchSettings {
|
|
|
158
158
|
this.mruTIDs = [];
|
|
159
159
|
this.defaultTree = -1;
|
|
160
160
|
this.previewThreshold = DEFAULT_PREVIEW_THRESHOLD;
|
|
161
|
+
this.previewTracksShowFile = false; // Se attivo, l'anteprima aggiorna la tracciatura "Mostra file" del documento
|
|
161
162
|
this.pageSize = DEFAULT_PAGE_SIZE;
|
|
162
163
|
this.maxDcmtsToBeReturned = DEFAULT_MAX_DCMTS_TO_BE_RETURNED;
|
|
163
164
|
this.floatingMenuBar = new FloatingMenuBarSettings();
|
|
@@ -180,6 +180,9 @@ export declare class SDKUI_Localizator {
|
|
|
180
180
|
static get DcmtsDetail(): "Detail documents" | "Detail-Dokumente" | "Documenti dettaglio" | "Documentos detail" | "Documents detail";
|
|
181
181
|
static get DcmtsMaster(): "Documenti master" | "Documentos master" | "Documents master" | "Master documents" | "Master-Dokumente";
|
|
182
182
|
static get DcmtOutOfView(): "As alterações feitas no documento removeram-no da vista e já não é acessível.<br>Foi redireccionado para os resultados da pesquisa." | "Die am Dokument vorgenommenen Änderungen haben es aus der Ansicht entfernt und es ist nicht mehr zugänglich.<br>Sie wurden zur Suchergebnisliste weitergeleitet." | "Le modifiche apportate al documento lo hanno rimosso dalla vista e non è più possibile accedervi.<br>Sei stato reindirizzato al risultato della ricerca." | "Les modifications apportées au document l'ont supprimé de la vue et il n'est plus accessible.<br>Vous avez été redirigé vers les résultats de recherche." | "Los cambios realizados en el documento lo han eliminado de la vista y ya no es accesible.<br>Has sido redirigido al resultado de la búsqueda." | "The changes made to the document have removed it from view and it is no longer accessible.<br>You have been redirected to the search results.";
|
|
183
|
+
static get DcmtNoLongerAvailable(): "Document no longer available" | "Document plus disponible" | "Documento já não disponível" | "Documento non più disponibile" | "Documento ya no disponible" | "Dokument nicht mehr verfügbar";
|
|
184
|
+
static get DcmtNoLongerAvailable_MetadataNotUpdated(): "Impossibile aggiornare il metadato \"{{0}}\". Aggiornare la ricerca." | "Impossible de mettre à jour la métadonnée \"{{0}}\". Actualisez la recherche." | "Metadatum \"{{0}}\" konnte nicht aktualisiert werden. Aktualisieren Sie die Suche." | "No se puede actualizar el metadato \"{{0}}\". Actualice la búsqueda." | "Não é possível atualizar o metadado \"{{0}}\". Atualize a pesquisa." | "Unable to update the metadata \"{{0}}\". Refresh the search.";
|
|
185
|
+
static get DcmtNoLongerAvailable_MetadataNotUpdatedMulti(): "Impossibile aggiornare {{0}} metadati. Aggiornare la ricerca." | "Impossible de mettre à jour {{0}} métadonnées. Actualisez la recherche." | "No se pueden actualizar {{0}} metadatos. Actualice la búsqueda." | "Não é possível atualizar {{0}} metadados. Atualize a pesquisa." | "Unable to update {{0}} metadata. Refresh the search." | "{{0}} Metadaten konnten nicht aktualisiert werden. Aktualisieren Sie die Suche.";
|
|
183
186
|
static get DcmtType(): "Document type" | "Dokumententyp" | "Tipo de documento" | "Tipo documento" | "Type de document";
|
|
184
187
|
static get DcmtTypesSelected(): "Ausgewählte Dokumenttypen" | "Selected document types" | "Tipi documento selezionati" | "Tipos de documentos seleccionados" | "Tipos de documentos selecionados" | "Types de documents sélectionnés";
|
|
185
188
|
static get DcmtTypeSelect(): "Seleccione un tipo de documento" | "Selecione um tipo de documento" | "Select a document type" | "Selezionare un tipo documento" | "Sélectionnez un type de document" | "Wählen Sie einen Dokumenttyp aus";
|
|
@@ -1786,6 +1786,36 @@ export class SDKUI_Localizator {
|
|
|
1786
1786
|
default: return "Le modifiche apportate al documento lo hanno rimosso dalla vista e non è più possibile accedervi.<br>Sei stato reindirizzato al risultato della ricerca.";
|
|
1787
1787
|
}
|
|
1788
1788
|
}
|
|
1789
|
+
static get DcmtNoLongerAvailable() {
|
|
1790
|
+
switch (this._cultureID) {
|
|
1791
|
+
case CultureIDs.De_DE: return "Dokument nicht mehr verfügbar";
|
|
1792
|
+
case CultureIDs.En_US: return "Document no longer available";
|
|
1793
|
+
case CultureIDs.Es_ES: return "Documento ya no disponible";
|
|
1794
|
+
case CultureIDs.Fr_FR: return "Document plus disponible";
|
|
1795
|
+
case CultureIDs.Pt_PT: return "Documento já não disponível";
|
|
1796
|
+
default: return "Documento non più disponibile";
|
|
1797
|
+
}
|
|
1798
|
+
}
|
|
1799
|
+
static get DcmtNoLongerAvailable_MetadataNotUpdated() {
|
|
1800
|
+
switch (this._cultureID) {
|
|
1801
|
+
case CultureIDs.De_DE: return "Metadatum \"{{0}}\" konnte nicht aktualisiert werden. Aktualisieren Sie die Suche.";
|
|
1802
|
+
case CultureIDs.En_US: return "Unable to update the metadata \"{{0}}\". Refresh the search.";
|
|
1803
|
+
case CultureIDs.Es_ES: return "No se puede actualizar el metadato \"{{0}}\". Actualice la búsqueda.";
|
|
1804
|
+
case CultureIDs.Fr_FR: return "Impossible de mettre à jour la métadonnée \"{{0}}\". Actualisez la recherche.";
|
|
1805
|
+
case CultureIDs.Pt_PT: return "Não é possível atualizar o metadado \"{{0}}\". Atualize a pesquisa.";
|
|
1806
|
+
default: return "Impossibile aggiornare il metadato \"{{0}}\". Aggiornare la ricerca.";
|
|
1807
|
+
}
|
|
1808
|
+
}
|
|
1809
|
+
static get DcmtNoLongerAvailable_MetadataNotUpdatedMulti() {
|
|
1810
|
+
switch (this._cultureID) {
|
|
1811
|
+
case CultureIDs.De_DE: return "{{0}} Metadaten konnten nicht aktualisiert werden. Aktualisieren Sie die Suche.";
|
|
1812
|
+
case CultureIDs.En_US: return "Unable to update {{0}} metadata. Refresh the search.";
|
|
1813
|
+
case CultureIDs.Es_ES: return "No se pueden actualizar {{0}} metadatos. Actualice la búsqueda.";
|
|
1814
|
+
case CultureIDs.Fr_FR: return "Impossible de mettre à jour {{0}} métadonnées. Actualisez la recherche.";
|
|
1815
|
+
case CultureIDs.Pt_PT: return "Não é possível atualizar {{0}} metadados. Atualize a pesquisa.";
|
|
1816
|
+
default: return "Impossibile aggiornare {{0}} metadati. Aggiornare la ricerca.";
|
|
1817
|
+
}
|
|
1818
|
+
}
|
|
1789
1819
|
static get DcmtType() {
|
|
1790
1820
|
switch (this._cultureID) {
|
|
1791
1821
|
case CultureIDs.De_DE: return "Dokumententyp";
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const TMAppUpdatedModal: () => React.JSX.Element | null;
|
|
@@ -8,110 +8,110 @@ import { SDKUI_Globals } from './SDKUI_Globals';
|
|
|
8
8
|
import { SDKUI_Localizator } from './SDKUI_Localizator';
|
|
9
9
|
import { IconUpdate, IconOpenInNew } from './TMIcons';
|
|
10
10
|
import { getAppModuleButtonColors } from './TMUtils';
|
|
11
|
-
const Content = styled.div `
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
width: 100%;
|
|
15
|
-
background-color: #ffffff;
|
|
11
|
+
const Content = styled.div `
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
width: 100%;
|
|
15
|
+
background-color: #ffffff;
|
|
16
16
|
`;
|
|
17
|
-
const Header = styled.div `
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
align-items: center;
|
|
21
|
-
gap: 14px;
|
|
22
|
-
padding: 32px 30px 26px 30px;
|
|
23
|
-
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
24
|
-
color: #ffffff;
|
|
25
|
-
text-align: center;
|
|
17
|
+
const Header = styled.div `
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
align-items: center;
|
|
21
|
+
gap: 14px;
|
|
22
|
+
padding: 32px 30px 26px 30px;
|
|
23
|
+
background-color: ${({ $backgroundColor }) => $backgroundColor};
|
|
24
|
+
color: #ffffff;
|
|
25
|
+
text-align: center;
|
|
26
26
|
`;
|
|
27
|
-
const HeaderIcon = styled.div `
|
|
28
|
-
display: flex;
|
|
29
|
-
align-items: center;
|
|
30
|
-
justify-content: center;
|
|
31
|
-
width: 68px;
|
|
32
|
-
height: 68px;
|
|
33
|
-
border-radius: 50%;
|
|
34
|
-
background-color: rgba(255, 255, 255, 0.18);
|
|
35
|
-
border: 1px solid rgba(255, 255, 255, 0.35);
|
|
36
|
-
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
|
|
27
|
+
const HeaderIcon = styled.div `
|
|
28
|
+
display: flex;
|
|
29
|
+
align-items: center;
|
|
30
|
+
justify-content: center;
|
|
31
|
+
width: 68px;
|
|
32
|
+
height: 68px;
|
|
33
|
+
border-radius: 50%;
|
|
34
|
+
background-color: rgba(255, 255, 255, 0.18);
|
|
35
|
+
border: 1px solid rgba(255, 255, 255, 0.35);
|
|
36
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
|
|
37
37
|
`;
|
|
38
|
-
const HeaderTitle = styled.h2 `
|
|
39
|
-
margin: 0;
|
|
40
|
-
font-size: 22px;
|
|
41
|
-
font-weight: 600;
|
|
42
|
-
letter-spacing: 0.2px;
|
|
38
|
+
const HeaderTitle = styled.h2 `
|
|
39
|
+
margin: 0;
|
|
40
|
+
font-size: 22px;
|
|
41
|
+
font-weight: 600;
|
|
42
|
+
letter-spacing: 0.2px;
|
|
43
43
|
`;
|
|
44
|
-
const VersionBadge = styled.span `
|
|
45
|
-
display: inline-block;
|
|
46
|
-
padding: 4px 12px;
|
|
47
|
-
border-radius: 999px;
|
|
48
|
-
background-color: rgba(255, 255, 255, 0.22);
|
|
49
|
-
border: 1px solid rgba(255, 255, 255, 0.4);
|
|
50
|
-
font-size: 13px;
|
|
51
|
-
font-weight: 600;
|
|
52
|
-
letter-spacing: 0.3px;
|
|
44
|
+
const VersionBadge = styled.span `
|
|
45
|
+
display: inline-block;
|
|
46
|
+
padding: 4px 12px;
|
|
47
|
+
border-radius: 999px;
|
|
48
|
+
background-color: rgba(255, 255, 255, 0.22);
|
|
49
|
+
border: 1px solid rgba(255, 255, 255, 0.4);
|
|
50
|
+
font-size: 13px;
|
|
51
|
+
font-weight: 600;
|
|
52
|
+
letter-spacing: 0.3px;
|
|
53
53
|
`;
|
|
54
|
-
const Body = styled.div `
|
|
55
|
-
display: flex;
|
|
56
|
-
flex-direction: column;
|
|
57
|
-
gap: 10px;
|
|
58
|
-
padding: 26px 30px 22px 30px;
|
|
59
|
-
text-align: center;
|
|
54
|
+
const Body = styled.div `
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-direction: column;
|
|
57
|
+
gap: 10px;
|
|
58
|
+
padding: 26px 30px 22px 30px;
|
|
59
|
+
text-align: center;
|
|
60
60
|
`;
|
|
61
|
-
const Message = styled.p `
|
|
62
|
-
margin: 0;
|
|
63
|
-
font-size: 15px;
|
|
64
|
-
line-height: 1.6;
|
|
65
|
-
color: #242424;
|
|
61
|
+
const Message = styled.p `
|
|
62
|
+
margin: 0;
|
|
63
|
+
font-size: 15px;
|
|
64
|
+
line-height: 1.6;
|
|
65
|
+
color: #242424;
|
|
66
66
|
`;
|
|
67
|
-
const SubMessage = styled.p `
|
|
68
|
-
margin: 0;
|
|
69
|
-
font-size: 13px;
|
|
70
|
-
line-height: 1.6;
|
|
71
|
-
color: #6b6b6b;
|
|
67
|
+
const SubMessage = styled.p `
|
|
68
|
+
margin: 0;
|
|
69
|
+
font-size: 13px;
|
|
70
|
+
line-height: 1.6;
|
|
71
|
+
color: #6b6b6b;
|
|
72
72
|
`;
|
|
73
|
-
const Footer = styled.div `
|
|
74
|
-
display: flex;
|
|
75
|
-
flex-direction: row;
|
|
76
|
-
justify-content: center;
|
|
77
|
-
align-items: center;
|
|
78
|
-
flex-wrap: wrap;
|
|
79
|
-
gap: 12px;
|
|
80
|
-
padding: 0 30px 28px 30px;
|
|
73
|
+
const Footer = styled.div `
|
|
74
|
+
display: flex;
|
|
75
|
+
flex-direction: row;
|
|
76
|
+
justify-content: center;
|
|
77
|
+
align-items: center;
|
|
78
|
+
flex-wrap: wrap;
|
|
79
|
+
gap: 12px;
|
|
80
|
+
padding: 0 30px 28px 30px;
|
|
81
81
|
`;
|
|
82
|
-
const BaseButton = styled.button `
|
|
83
|
-
display: inline-flex;
|
|
84
|
-
align-items: center;
|
|
85
|
-
justify-content: center;
|
|
86
|
-
gap: 8px;
|
|
87
|
-
min-width: 150px;
|
|
88
|
-
padding: 10px 18px;
|
|
89
|
-
border-radius: 8px;
|
|
90
|
-
font-size: 14px;
|
|
91
|
-
font-weight: 600;
|
|
92
|
-
cursor: pointer;
|
|
93
|
-
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
|
|
82
|
+
const BaseButton = styled.button `
|
|
83
|
+
display: inline-flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
gap: 8px;
|
|
87
|
+
min-width: 150px;
|
|
88
|
+
padding: 10px 18px;
|
|
89
|
+
border-radius: 8px;
|
|
90
|
+
font-size: 14px;
|
|
91
|
+
font-weight: 600;
|
|
92
|
+
cursor: pointer;
|
|
93
|
+
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
|
|
94
94
|
`;
|
|
95
|
-
const PrimaryButton = styled(BaseButton) `
|
|
96
|
-
border: 1px solid ${({ $base }) => $base};
|
|
97
|
-
background-color: ${({ $base }) => $base};
|
|
98
|
-
color: #ffffff;
|
|
99
|
-
|
|
100
|
-
&:hover {
|
|
101
|
-
background-color: ${({ $hover }) => $hover};
|
|
102
|
-
border-color: ${({ $hover }) => $hover};
|
|
103
|
-
box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
|
|
104
|
-
}
|
|
95
|
+
const PrimaryButton = styled(BaseButton) `
|
|
96
|
+
border: 1px solid ${({ $base }) => $base};
|
|
97
|
+
background-color: ${({ $base }) => $base};
|
|
98
|
+
color: #ffffff;
|
|
99
|
+
|
|
100
|
+
&:hover {
|
|
101
|
+
background-color: ${({ $hover }) => $hover};
|
|
102
|
+
border-color: ${({ $hover }) => $hover};
|
|
103
|
+
box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
|
|
104
|
+
}
|
|
105
105
|
`;
|
|
106
|
-
const SecondaryButton = styled(BaseButton) `
|
|
107
|
-
border: 1px solid #d5d5d5;
|
|
108
|
-
background-color: #ffffff;
|
|
109
|
-
color: #444444;
|
|
110
|
-
|
|
111
|
-
&:hover {
|
|
112
|
-
background-color: #f3f3f3;
|
|
113
|
-
border-color: #bdbdbd;
|
|
114
|
-
}
|
|
106
|
+
const SecondaryButton = styled(BaseButton) `
|
|
107
|
+
border: 1px solid #d5d5d5;
|
|
108
|
+
background-color: #ffffff;
|
|
109
|
+
color: #444444;
|
|
110
|
+
|
|
111
|
+
&:hover {
|
|
112
|
+
background-color: #f3f3f3;
|
|
113
|
+
border-color: #bdbdbd;
|
|
114
|
+
}
|
|
115
115
|
`;
|
|
116
116
|
export const TMAppUpdatedModal = () => {
|
|
117
117
|
const deviceType = useDeviceType();
|
|
@@ -12,5 +12,5 @@ interface TMCommandsContextMenuProps {
|
|
|
12
12
|
trigger?: 'right' | 'left';
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
}
|
|
15
|
-
export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) =>
|
|
15
|
+
export declare const TMCommandsContextMenu: React.MemoExoticComponent<({ target, menuItems, id, showEvent, onHiding, trigger, children }: TMCommandsContextMenuProps) => React.JSX.Element>;
|
|
16
16
|
export {};
|