@commercetools-frontend/application-components 22.17.2 → 22.19.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/dist/commercetools-frontend-application-components.cjs.dev.js +339 -171
- package/dist/commercetools-frontend-application-components.cjs.prod.js +274 -124
- package/dist/commercetools-frontend-application-components.esm.js +336 -173
- package/dist/declarations/src/components/dialogs/confirmation-dialog/confirmation-dialog.d.ts +8 -4
- package/dist/declarations/src/components/dialogs/confirmation-dialog/index.d.ts +1 -1
- package/dist/declarations/src/components/dialogs/form-dialog/form-dialog.d.ts +8 -4
- package/dist/declarations/src/components/dialogs/form-dialog/index.d.ts +1 -1
- package/dist/declarations/src/components/dialogs/info-dialog/index.d.ts +1 -1
- package/dist/declarations/src/components/dialogs/info-dialog/info-dialog.d.ts +7 -3
- package/dist/declarations/src/components/dialogs/internals/dialog-container.d.ts +2 -1
- package/dist/declarations/src/components/dialogs/internals/dialog-header.d.ts +6 -2
- package/dist/declarations/src/components/project-stamp/messages.d.ts +19 -0
- package/dist/declarations/src/components/project-stamp/project-stamp.d.ts +9 -0
- package/dist/declarations/src/index.d.ts +1 -0
- package/dist/declarations/src/theming.d.ts +36 -1
- package/package.json +27 -26
package/dist/declarations/src/components/dialogs/confirmation-dialog/confirmation-dialog.d.ts
CHANGED
|
@@ -5,10 +5,11 @@ type MessageDescriptor = {
|
|
|
5
5
|
defaultMessage?: string;
|
|
6
6
|
};
|
|
7
7
|
type Label = string | MessageDescriptor;
|
|
8
|
-
type
|
|
8
|
+
export type TConfirmationDialogProps = {
|
|
9
9
|
isOpen: boolean;
|
|
10
10
|
onClose?: (event: SyntheticEvent) => void;
|
|
11
|
-
title:
|
|
11
|
+
title: ReactNode;
|
|
12
|
+
'aria-label'?: string;
|
|
12
13
|
size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
|
|
13
14
|
zIndex?: number;
|
|
14
15
|
children: ReactNode;
|
|
@@ -26,9 +27,9 @@ type Props = {
|
|
|
26
27
|
getParentSelector?: () => HTMLElement;
|
|
27
28
|
};
|
|
28
29
|
declare const ConfirmationDialog: {
|
|
29
|
-
(props:
|
|
30
|
+
(props: TConfirmationDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
30
31
|
displayName: string;
|
|
31
|
-
defaultProps: Pick<
|
|
32
|
+
defaultProps: Pick<TConfirmationDialogProps, "labelSecondary" | "labelPrimary">;
|
|
32
33
|
Intl: {
|
|
33
34
|
cancel: {
|
|
34
35
|
id: string;
|
|
@@ -103,5 +104,8 @@ declare const ConfirmationDialog: {
|
|
|
103
104
|
defaultMessage: string;
|
|
104
105
|
};
|
|
105
106
|
};
|
|
107
|
+
TextTitle: (props: {
|
|
108
|
+
title: string;
|
|
109
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
106
110
|
};
|
|
107
111
|
export default ConfirmationDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './confirmation-dialog';
|
|
1
|
+
export { default, type TConfirmationDialogProps } from './confirmation-dialog';
|
|
@@ -5,10 +5,11 @@ type MessageDescriptor = {
|
|
|
5
5
|
defaultMessage?: string;
|
|
6
6
|
};
|
|
7
7
|
type Label = string | MessageDescriptor;
|
|
8
|
-
type
|
|
8
|
+
export type TFormDialogProps = {
|
|
9
9
|
isOpen: boolean;
|
|
10
10
|
onClose?: (event: SyntheticEvent) => void;
|
|
11
|
-
title:
|
|
11
|
+
title: ReactNode;
|
|
12
|
+
'aria-label'?: string;
|
|
12
13
|
size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
|
|
13
14
|
zIndex?: number;
|
|
14
15
|
children: ReactNode;
|
|
@@ -27,9 +28,9 @@ type Props = {
|
|
|
27
28
|
iconLeftSecondaryButton?: ReactElement;
|
|
28
29
|
};
|
|
29
30
|
declare const FormDialog: {
|
|
30
|
-
(props:
|
|
31
|
+
(props: TFormDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
31
32
|
displayName: string;
|
|
32
|
-
defaultProps: Pick<
|
|
33
|
+
defaultProps: Pick<TFormDialogProps, "labelSecondary" | "labelPrimary">;
|
|
33
34
|
Intl: {
|
|
34
35
|
cancel: {
|
|
35
36
|
id: string;
|
|
@@ -104,5 +105,8 @@ declare const FormDialog: {
|
|
|
104
105
|
defaultMessage: string;
|
|
105
106
|
};
|
|
106
107
|
};
|
|
108
|
+
TextTitle: (props: {
|
|
109
|
+
title: string;
|
|
110
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
107
111
|
};
|
|
108
112
|
export default FormDialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './form-dialog';
|
|
1
|
+
export { default, type TFormDialogProps } from './form-dialog';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './info-dialog';
|
|
1
|
+
export { default, type TInfoDialogProps } from './info-dialog';
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { SyntheticEvent, ReactNode } from 'react';
|
|
2
|
-
type
|
|
2
|
+
export type TInfoDialogProps = {
|
|
3
3
|
isOpen: boolean;
|
|
4
4
|
onClose?: (event: SyntheticEvent) => void;
|
|
5
5
|
size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
|
|
6
6
|
zIndex?: number;
|
|
7
|
-
title:
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
'aria-label'?: string;
|
|
8
9
|
children: ReactNode;
|
|
9
10
|
getParentSelector?: () => HTMLElement;
|
|
10
11
|
};
|
|
11
12
|
declare const InfoDialog: {
|
|
12
|
-
(props:
|
|
13
|
+
(props: TInfoDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
13
14
|
displayName: string;
|
|
15
|
+
TextTitle: (props: {
|
|
16
|
+
title: string;
|
|
17
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
14
18
|
};
|
|
15
19
|
export default InfoDialog;
|
|
@@ -5,7 +5,8 @@ type Props = {
|
|
|
5
5
|
onClose?: (event: SyntheticEvent) => void;
|
|
6
6
|
size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
|
|
7
7
|
zIndex?: number;
|
|
8
|
-
title:
|
|
8
|
+
title: ReactNode;
|
|
9
|
+
'aria-label'?: string;
|
|
9
10
|
children: ReactNode;
|
|
10
11
|
getParentSelector: typeof getDefaultParentSelector;
|
|
11
12
|
};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import type { SyntheticEvent } from 'react';
|
|
1
|
+
import type { ReactNode, SyntheticEvent } from 'react';
|
|
2
2
|
type Props = {
|
|
3
|
-
title:
|
|
3
|
+
title: ReactNode;
|
|
4
4
|
onClose?: (event: SyntheticEvent) => void;
|
|
5
5
|
children?: never;
|
|
6
6
|
};
|
|
7
|
+
type TTextTitleProps = {
|
|
8
|
+
title: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const TextTitle: (props: TTextTitleProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
7
11
|
declare const DialogHeader: {
|
|
8
12
|
(props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
9
13
|
displayName: string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
ProjectProduction: {
|
|
3
|
+
id: string;
|
|
4
|
+
defaultMessage: string;
|
|
5
|
+
};
|
|
6
|
+
ProjectSuspended: {
|
|
7
|
+
id: string;
|
|
8
|
+
defaultMessage: string;
|
|
9
|
+
};
|
|
10
|
+
ProjectExpired: {
|
|
11
|
+
id: string;
|
|
12
|
+
defaultMessage: string;
|
|
13
|
+
};
|
|
14
|
+
ProjectWillExpire: {
|
|
15
|
+
id: string;
|
|
16
|
+
defaultMessage: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const ProjectStamp: {
|
|
2
|
+
IsProduction: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
3
|
+
IsSuspended: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
4
|
+
IsExpired: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
5
|
+
WillExpire: (props: {
|
|
6
|
+
daysLeft: number;
|
|
7
|
+
}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
8
|
+
};
|
|
9
|
+
export default ProjectStamp;
|
|
@@ -29,6 +29,7 @@ export type { TPageContentFull } from './components/page-content-containers/page
|
|
|
29
29
|
export { default as Drawer } from './components/drawer';
|
|
30
30
|
export { default as CustomViewLoader } from './components/custom-views/custom-view-loader';
|
|
31
31
|
export { default as CustomViewsSelector } from './components/custom-views/custom-views-selector';
|
|
32
|
+
export { default as ProjectStamp } from './components/project-stamp/project-stamp';
|
|
32
33
|
export { default as PortalsContainer } from './components/portals-container';
|
|
33
34
|
export { default as useModalState } from './hooks/use-modal-state';
|
|
34
35
|
export * from './theming';
|
|
@@ -5,6 +5,41 @@ export declare const themesOverrides: {
|
|
|
5
5
|
paddingForDetailPageHeader: string;
|
|
6
6
|
paddingForMainPageHeader: string;
|
|
7
7
|
paddingForTabularPageHeader: string;
|
|
8
|
+
backgroundColorForNavbar: "var(--color-primary, hsl(175, 55%, 45%))";
|
|
9
|
+
backgroundColorForNavbarExpander: string;
|
|
10
|
+
backgroundColorForNavbarExpanderWhenHovered: "var(--color-primary-40, hsl(175, 55%, 40%))";
|
|
11
|
+
backgroundColorForNavbarHeader: "var(--color-accent-10, hsl(195, 35.2941176471%, 10%))";
|
|
12
|
+
backgroundColorForNavbarMenuItemWhenActive: "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))";
|
|
13
|
+
backgroundColorForNavbarSubmenuItemWhenActive: "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))";
|
|
14
|
+
backgroundColorForNavbarMenuItemWhenHovered: "var(--color-primary-40, hsl(175, 55%, 40%))";
|
|
15
|
+
backgroundColorForNavbarSkeleton: string;
|
|
16
|
+
backgroundColorForNavbarSkeletonFooter: string;
|
|
17
|
+
borderColorForNotificationWhenSuccess: "var(--color-primary-85, hsl(175, 70%, 85%))";
|
|
18
|
+
fontColorForNotificationWhenSuccess: "var(--color-primary, hsl(175, 55%, 45%))";
|
|
19
|
+
fontColorForNotificationWhenWarning: "var(--color-warning, #f16d0e)";
|
|
20
|
+
fontColorForTabLabelWhenActive: "var(--color-solid, #1a1a1a)";
|
|
21
|
+
visibilityForNavbarFaded: string;
|
|
22
|
+
};
|
|
23
|
+
recolouring: {
|
|
24
|
+
marginForCustomViewsSelectorAsTabular: string;
|
|
25
|
+
marginForPageContent: string;
|
|
26
|
+
paddingForDetailPageHeader: string;
|
|
27
|
+
paddingForMainPageHeader: string;
|
|
28
|
+
paddingForTabularPageHeader: string;
|
|
29
|
+
backgroundColorForNavbar: "var(--color-primary-10, hsl(240, 66%, 19%))";
|
|
30
|
+
backgroundColorForNavbarExpander: "var(--color-primary-10, hsl(240, 66%, 19%))";
|
|
31
|
+
backgroundColorForNavbarExpanderWhenHovered: "var(--color-primary-10, hsl(240, 66%, 19%))";
|
|
32
|
+
backgroundColorForNavbarHeader: "var(--color-primary-10, hsl(240, 66%, 19%))";
|
|
33
|
+
backgroundColorForNavbarMenuItemWhenActive: "var(--color-primary-25, hsl(175, 55%, 25%))";
|
|
34
|
+
backgroundColorForNavbarSubmenuItemWhenActive: "var(--color-primary-40, hsl(175, 55%, 40%))";
|
|
35
|
+
backgroundColorForNavbarMenuItemWhenHovered: "var(--color-primary-20, hsl(175, 55%, 20%))";
|
|
36
|
+
backgroundColorForNavbarSkeleton: "var(--color-primary-10, hsl(240, 66%, 19%))";
|
|
37
|
+
backgroundColorForNavbarSkeletonFooter: "var(--color-primary-10, hsl(240, 66%, 19%))";
|
|
38
|
+
borderColorForNotificationWhenSuccess: "var(--color-success-85, hsl(144, 69%, 80%))";
|
|
39
|
+
fontColorForNotificationWhenSuccess: "var(--color-success, hsl(152, 77%, 39%))";
|
|
40
|
+
fontColorForNotificationWhenWarning: "var(--color-warning-60, hsl(35, 90%, 55%))";
|
|
41
|
+
fontColorForTabLabelWhenActive: "var(--color-primary, hsl(175, 55%, 45%))";
|
|
42
|
+
visibilityForNavbarFaded: string;
|
|
8
43
|
};
|
|
9
44
|
};
|
|
10
|
-
export declare const designTokens: Record<"marginForCustomViewsSelectorAsTabular" | "marginForPageContent" | "paddingForDetailPageHeader" | "paddingForMainPageHeader" | "paddingForTabularPageHeader", string>;
|
|
45
|
+
export declare const designTokens: Record<"marginForCustomViewsSelectorAsTabular" | "marginForPageContent" | "paddingForDetailPageHeader" | "paddingForMainPageHeader" | "paddingForTabularPageHeader" | "backgroundColorForNavbar" | "backgroundColorForNavbarExpander" | "backgroundColorForNavbarExpanderWhenHovered" | "backgroundColorForNavbarHeader" | "backgroundColorForNavbarMenuItemWhenActive" | "backgroundColorForNavbarSubmenuItemWhenActive" | "backgroundColorForNavbarMenuItemWhenHovered" | "backgroundColorForNavbarSkeleton" | "backgroundColorForNavbarSkeletonFooter" | "borderColorForNotificationWhenSuccess" | "fontColorForNotificationWhenSuccess" | "fontColorForNotificationWhenWarning" | "fontColorForTabLabelWhenActive" | "visibilityForNavbarFaded", string>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/application-components",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.19.0",
|
|
4
4
|
"description": "Generic components for building Merchant Center applications",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -36,33 +36,34 @@
|
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@babel/runtime": "^7.22.15",
|
|
38
38
|
"@babel/runtime-corejs3": "^7.22.15",
|
|
39
|
-
"@commercetools-frontend/actions-global": "22.
|
|
40
|
-
"@commercetools-frontend/application-config": "22.
|
|
41
|
-
"@commercetools-frontend/application-shell-connectors": "22.
|
|
42
|
-
"@commercetools-frontend/assets": "22.
|
|
43
|
-
"@commercetools-frontend/constants": "22.
|
|
44
|
-
"@commercetools-frontend/i18n": "22.
|
|
45
|
-
"@commercetools-frontend/l10n": "22.
|
|
46
|
-
"@commercetools-frontend/sentry": "22.
|
|
47
|
-
"@commercetools-uikit/accessible-button": "^18.
|
|
48
|
-
"@commercetools-uikit/card": "^18.
|
|
49
|
-
"@commercetools-uikit/
|
|
50
|
-
"@commercetools-uikit/
|
|
51
|
-
"@commercetools-uikit/
|
|
52
|
-
"@commercetools-uikit/
|
|
53
|
-
"@commercetools-uikit/
|
|
54
|
-
"@commercetools-uikit/
|
|
55
|
-
"@commercetools-uikit/
|
|
56
|
-
"@commercetools-uikit/
|
|
57
|
-
"@commercetools-uikit/
|
|
58
|
-
"@commercetools-uikit/
|
|
59
|
-
"@commercetools-uikit/secondary-
|
|
60
|
-
"@commercetools-uikit/
|
|
61
|
-
"@commercetools-uikit/
|
|
62
|
-
"@commercetools-uikit/
|
|
39
|
+
"@commercetools-frontend/actions-global": "22.19.0",
|
|
40
|
+
"@commercetools-frontend/application-config": "22.19.0",
|
|
41
|
+
"@commercetools-frontend/application-shell-connectors": "22.19.0",
|
|
42
|
+
"@commercetools-frontend/assets": "22.19.0",
|
|
43
|
+
"@commercetools-frontend/constants": "22.19.0",
|
|
44
|
+
"@commercetools-frontend/i18n": "22.19.0",
|
|
45
|
+
"@commercetools-frontend/l10n": "22.19.0",
|
|
46
|
+
"@commercetools-frontend/sentry": "22.19.0",
|
|
47
|
+
"@commercetools-uikit/accessible-button": "^18.2.0",
|
|
48
|
+
"@commercetools-uikit/card": "^18.2.0",
|
|
49
|
+
"@commercetools-uikit/stamp": "^18.2.0",
|
|
50
|
+
"@commercetools-uikit/constraints": "^18.2.0",
|
|
51
|
+
"@commercetools-uikit/design-system": "^18.2.0",
|
|
52
|
+
"@commercetools-uikit/flat-button": "^18.2.0",
|
|
53
|
+
"@commercetools-uikit/hooks": "^18.2.0",
|
|
54
|
+
"@commercetools-uikit/icon-button": "^18.2.0",
|
|
55
|
+
"@commercetools-uikit/icons": "^18.2.0",
|
|
56
|
+
"@commercetools-uikit/label": "^18.2.0",
|
|
57
|
+
"@commercetools-uikit/messages": "^18.2.0",
|
|
58
|
+
"@commercetools-uikit/primary-button": "^18.2.0",
|
|
59
|
+
"@commercetools-uikit/secondary-button": "^18.2.0",
|
|
60
|
+
"@commercetools-uikit/secondary-icon-button": "^18.2.0",
|
|
61
|
+
"@commercetools-uikit/spacings": "^18.2.0",
|
|
62
|
+
"@commercetools-uikit/text": "^18.2.0",
|
|
63
|
+
"@commercetools-uikit/utils": "^18.2.0",
|
|
63
64
|
"@emotion/react": "^11.11.1",
|
|
64
65
|
"@emotion/styled": "^11.11.0",
|
|
65
|
-
"@flopflip/react-broadcast": "13.1
|
|
66
|
+
"@flopflip/react-broadcast": "13.2.1",
|
|
66
67
|
"@react-hook/latest": "1.0.3",
|
|
67
68
|
"@react-hook/resize-observer": "1.2.6",
|
|
68
69
|
"@types/history": "^4.7.11",
|