@digital-ai/dot-components 4.1.1 → 4.3.0
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/index.esm.js +337 -144
- package/package.json +1 -1
- package/src/lib/components/analytics/dashboard-actions/DashboardActions.d.ts +2 -1
- package/src/lib/components/analytics/dashboard-actions/DashboardOptionsMenu.d.ts +2 -1
- package/src/lib/components/analytics/dashboard-dialog/DashboardDialog.d.ts +8 -1
- package/src/lib/components/analytics/dashboard-header/DashboardHeader.d.ts +1 -1
- package/src/lib/components/analytics/metadata-api/MetadataApiProvider.d.ts +1 -0
- package/src/lib/components/avatar-with-details/AvatarWithDetails.d.ts +20 -0
- package/src/lib/components/avatar-with-details/AvatarWithDetails.styles.d.ts +7 -0
- package/src/lib/components/index.d.ts +2 -0
package/package.json
CHANGED
|
@@ -13,11 +13,12 @@ interface DashboardActionsCommonProps {
|
|
|
13
13
|
onRevertChanges?: (dashboard: DashboardView) => void;
|
|
14
14
|
onStatusChanged?: (dashboard: DashboardView) => void;
|
|
15
15
|
onToggleFullscreen?: (newValue: boolean) => void;
|
|
16
|
+
onUpdatedProperties?: (dashboard: DashboardView, isReload: boolean) => void;
|
|
16
17
|
onViewMode?: (dashboard: DashboardView, mode: string) => void;
|
|
17
18
|
onViewOriginal?: (dashboard: DashboardView) => void;
|
|
18
19
|
}
|
|
19
20
|
interface DashboardActionsProps extends DashboardActionsCommonProps {
|
|
20
21
|
applications: ApplicationModel[];
|
|
21
22
|
}
|
|
22
|
-
declare function DotDashboardActions({ applications, dashboard, isEdit, canEdit, isFullscreen, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onToggleFullscreen, onViewMode, onViewOriginal, onRevertChanges, currentUser, }: DashboardActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function DotDashboardActions({ applications, dashboard, isEdit, canEdit, isFullscreen, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onToggleFullscreen, onUpdatedProperties, onViewMode, onViewOriginal, onRevertChanges, currentUser, }: DashboardActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
23
24
|
export { DashboardActionsCommonProps, DotDashboardActions, DashboardActionsProps, };
|
|
@@ -12,8 +12,9 @@ interface DashboardOptionsMenuProps {
|
|
|
12
12
|
onStartDuplicate?: (dashboard: DashboardView) => void;
|
|
13
13
|
onStartRevert?: (dashboard: DashboardView) => void;
|
|
14
14
|
onStartStatusChange?: (dashboard: DashboardView, status: DashboardView.lifecycle_state) => void;
|
|
15
|
+
onUpdatedProperties?: (dashboard: DashboardView, isDone: boolean) => void;
|
|
15
16
|
onViewMode?: (dashboard: DashboardView, mode: string) => void;
|
|
16
17
|
onViewOriginal?: (dashboard: DashboardView) => void;
|
|
17
18
|
}
|
|
18
|
-
export declare function DotDashboardOptionsMenu({ dashboard, currentUser, isEdit, menuPlacement, onStartDelete, onStartDuplicate, onStartStatusChange, onStartRevert, onViewOriginal, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare function DotDashboardOptionsMenu({ dashboard, currentUser, isEdit, menuPlacement, onStartDelete, onStartDuplicate, onStartStatusChange, onStartRevert, onUpdatedProperties, onViewOriginal, onViewMode, onDetails, }: DashboardOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -8,6 +8,9 @@ interface DashboardData {
|
|
|
8
8
|
}
|
|
9
9
|
export declare const DASHBOARD_NAME_MAX_LENGTH = 250;
|
|
10
10
|
export declare const DASHBOARD_DESCRIPTION_MAX_LENGTH = 250;
|
|
11
|
+
interface FieldConfig {
|
|
12
|
+
[key: string]: string;
|
|
13
|
+
}
|
|
11
14
|
interface DashboardDialogProps {
|
|
12
15
|
/** Categories for dashboard publishing **/
|
|
13
16
|
availableCategories: string[];
|
|
@@ -15,6 +18,10 @@ interface DashboardDialogProps {
|
|
|
15
18
|
copyDashboard?: DashboardView;
|
|
16
19
|
/** Dashboard to edit **/
|
|
17
20
|
editDashboard?: DashboardView;
|
|
21
|
+
/** config object which can be used to disable certain fields **/
|
|
22
|
+
fieldConfig?: FieldConfig;
|
|
23
|
+
/** An optional info messages **/
|
|
24
|
+
messages?: string[];
|
|
18
25
|
/** When the confirmation is closed (canceled, finished, or clicked away) this function is called **/
|
|
19
26
|
onClose: (returnToList?: boolean) => void;
|
|
20
27
|
/** When the form is submitted with no changes, this function is called **/
|
|
@@ -26,5 +33,5 @@ interface DashboardDialogProps {
|
|
|
26
33
|
/** Dialog title **/
|
|
27
34
|
title?: string;
|
|
28
35
|
}
|
|
29
|
-
declare function DotDashboardDialog({ availableCategories, copyDashboard, editDashboard, open, onClose, onSubmit, onContinue, title, }: Readonly<DashboardDialogProps>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function DotDashboardDialog({ availableCategories, copyDashboard, editDashboard, fieldConfig, messages, open, onClose, onSubmit, onContinue, title, }: Readonly<DashboardDialogProps>): import("react/jsx-runtime").JSX.Element;
|
|
30
37
|
export { DotDashboardDialog, DashboardData };
|
|
@@ -6,5 +6,5 @@ interface DashboardHeaderProps extends DashboardActionsCommonProps {
|
|
|
6
6
|
onBack?: (dashboardId?: string) => void;
|
|
7
7
|
showStatus?: boolean;
|
|
8
8
|
}
|
|
9
|
-
declare function DotDashboardHeader({ accountId, dashboard, currentUser, isEdit, canEdit, isFullscreen, onBack, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onRevertChanges, onViewOriginal, onToggleFullscreen, onViewMode, showStatus, modifiedAuthorUser, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function DotDashboardHeader({ accountId, dashboard, currentUser, isEdit, canEdit, isFullscreen, onBack, onClose, onFavorite, onStatusChanged, onDeleted, onDuplicated, onRevertChanges, onViewOriginal, onToggleFullscreen, onUpdatedProperties, onViewMode, showStatus, modifiedAuthorUser, }: DashboardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export { DashboardHeaderProps, DotDashboardHeader };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CommonProps } from '../CommonProps';
|
|
2
|
+
import { AvatarProps } from '../avatar/Avatar';
|
|
3
|
+
import { TypographyVariant } from '../typography/Typography';
|
|
4
|
+
export interface AvatarTitleProps {
|
|
5
|
+
/** If defined, determines the maximum number of lines (if text exceeds the lines, it is truncated and has a tooltip). */
|
|
6
|
+
maxLines?: number;
|
|
7
|
+
/** The text being shown. */
|
|
8
|
+
text: string;
|
|
9
|
+
/** Determines the typography variant. */
|
|
10
|
+
typographyVariant?: TypographyVariant;
|
|
11
|
+
}
|
|
12
|
+
export interface AvatarWithDetailsProps extends CommonProps {
|
|
13
|
+
/** The props for avatar component. */
|
|
14
|
+
avatar: AvatarProps;
|
|
15
|
+
/** The props for subtitle text component. If defined, it has typography variant `body2` by default. */
|
|
16
|
+
subtitle?: AvatarTitleProps;
|
|
17
|
+
/** The props for title text component. By default, it has typography variant `subtitle1`. */
|
|
18
|
+
title: AvatarTitleProps;
|
|
19
|
+
}
|
|
20
|
+
export declare const DotAvatarWithDetails: ({ ariaLabel, avatar, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, subtitle, title, }: AvatarWithDetailsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const rootClassName = "dot-avatar-with-details";
|
|
2
|
+
interface StyledAvatarWithDetailsProps {
|
|
3
|
+
$maxSubtitleLines?: number;
|
|
4
|
+
$maxTitleLines?: number;
|
|
5
|
+
}
|
|
6
|
+
export declare const StyledAvatarWithDetails: import("styled-components").StyledComponent<"div", any, StyledAvatarWithDetailsProps, never>;
|
|
7
|
+
export {};
|
|
@@ -3,6 +3,7 @@ export { ApiError } from './core-api/openapi/core/ApiError';
|
|
|
3
3
|
export type { AppToolbarProps } from './app-toolbar/AppToolbar';
|
|
4
4
|
export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, AutocompleteRenderGroupParams, AutocompleteRenderOptionState, FilterOptionsState, } from './auto-complete';
|
|
5
5
|
export type { AvatarProps } from './avatar/Avatar';
|
|
6
|
+
export type { AvatarTitleProps, AvatarWithDetailsProps, } from './avatar-with-details/AvatarWithDetails';
|
|
6
7
|
export type { BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
|
|
7
8
|
export type { ButtonProps, CopyButtonProps, IconButtonProps, IconButtonColor, IconButtonSize, } from './button';
|
|
8
9
|
export type { ButtonToggleProps, ButtonToggleValue, ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSingleValue, ButtonToggleSize, } from './button-toggle';
|
|
@@ -54,6 +55,7 @@ export { DotAppToolbar } from './app-toolbar/AppToolbar';
|
|
|
54
55
|
export { DotAutoComplete, parseAutoCompleteValue } from './auto-complete';
|
|
55
56
|
export { DotAvatar } from './avatar/Avatar';
|
|
56
57
|
export { DotAvatarGroup } from './avatar-group/AvatarGroup';
|
|
58
|
+
export { DotAvatarWithDetails } from './avatar-with-details/AvatarWithDetails';
|
|
57
59
|
export { DotBadge } from './badge';
|
|
58
60
|
export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
|
|
59
61
|
export { DotButton, DotCopyButton, DotIconButton } from './button';
|