@commercetools-frontend/application-components 22.36.0 → 22.38.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.
Files changed (30) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +429 -389
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +367 -327
  3. package/dist/commercetools-frontend-application-components.esm.js +429 -389
  4. package/dist/declarations/src/components/detail-pages/custom-form-detail-page/custom-form-detail-page.d.ts +22 -73
  5. package/dist/declarations/src/components/detail-pages/form-detail-page/form-detail-page.d.ts +5 -13
  6. package/dist/declarations/src/components/detail-pages/info-detail-page/info-detail-page.d.ts +3 -10
  7. package/dist/declarations/src/components/detail-pages/tabular-detail-page/tabular-detail-page.d.ts +23 -72
  8. package/dist/declarations/src/components/dialogs/confirmation-dialog/confirmation-dialog.d.ts +3 -4
  9. package/dist/declarations/src/components/dialogs/form-dialog/form-dialog.d.ts +3 -4
  10. package/dist/declarations/src/components/dialogs/internals/dialog-container.d.ts +3 -4
  11. package/dist/declarations/src/components/dialogs/internals/dialog-footer.d.ts +4 -5
  12. package/dist/declarations/src/components/drawer/drawer.d.ts +16 -45
  13. package/dist/declarations/src/components/internals/default-form-buttons.d.ts +6 -9
  14. package/dist/declarations/src/components/internals/page-header-title.d.ts +3 -4
  15. package/dist/declarations/src/components/internals/page-top-bar.d.ts +3 -4
  16. package/dist/declarations/src/components/main-pages/custom-form-main-page/custom-form-main-page.d.ts +22 -71
  17. package/dist/declarations/src/components/main-pages/form-main-page/form-main-page.d.ts +4 -12
  18. package/dist/declarations/src/components/main-pages/info-main-page/info-main-page.d.ts +3 -10
  19. package/dist/declarations/src/components/main-pages/tabular-main-page/tabular-main-page.d.ts +26 -72
  20. package/dist/declarations/src/components/modal-pages/custom-form-modal-page/custom-form-modal-page.d.ts +18 -59
  21. package/dist/declarations/src/components/modal-pages/form-modal-page/form-modal-page.d.ts +2 -3
  22. package/dist/declarations/src/components/modal-pages/internals/modal-page.d.ts +4 -5
  23. package/dist/declarations/src/components/modal-pages/tabular-modal-page/tabular-modal-page.d.ts +20 -62
  24. package/dist/declarations/src/components/modal-pages/utils/modal-page-top-bar.d.ts +3 -4
  25. package/dist/declarations/src/components/page-content-containers/page-content-wide/page-content-wide.d.ts +3 -6
  26. package/dist/declarations/src/components/tab-header/tab-header.d.ts +3 -4
  27. package/dist/{public-page-layout-d365f38f.cjs.prod.js → public-page-layout-2326dd98.cjs.prod.js} +14 -8
  28. package/dist/{public-page-layout-81be35b4.cjs.dev.js → public-page-layout-c5145325.cjs.dev.js} +15 -9
  29. package/dist/{public-page-layout-3fba954d.esm.js → public-page-layout-df1c566c.esm.js} +15 -9
  30. package/package.json +10 -10
package/dist/declarations/src/components/detail-pages/custom-form-detail-page/custom-form-detail-page.d.ts CHANGED
@@ -44,120 +44,69 @@ type CustomFormDetailPageProps = {
44
44
  onPreviousPathClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
45
45
  };
46
46
  declare const CustomFormDetailPage: {
47
- (props: CustomFormDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
47
+ ({ hideControls, ...props }: CustomFormDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
48
48
  displayName: string;
49
- defaultProps: Pick<CustomFormDetailPageProps, "hideControls">;
50
49
  PageHeaderTitle: {
51
- (props: {
50
+ ({ titleSize, truncate, ...props }: {
52
51
  title: string;
53
- titleSize: "big" | "small" | "medium";
54
- truncate: boolean;
52
+ titleSize?: ("big" | "small" | "medium") | undefined;
53
+ truncate?: boolean | undefined;
55
54
  subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
56
55
  children?: undefined;
57
56
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
58
57
  displayName: string;
59
- defaultProps: Pick<{
60
- title: string;
61
- titleSize: "big" | "small" | "medium";
62
- truncate: boolean;
63
- subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
64
- children?: undefined;
65
- }, "truncate" | "titleSize">;
66
58
  };
67
59
  FormPrimaryButton: {
68
- (props: {
60
+ ({ label, isDisabled, dataAttributes, ...props }: {
69
61
  iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
70
62
  } & {
71
- label: string | {
63
+ label?: (string | {
72
64
  id: string;
73
65
  description?: string | object | undefined;
74
66
  defaultMessage?: string | undefined;
75
- };
67
+ }) | undefined;
76
68
  onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
77
- isDisabled: boolean;
78
- dataAttributes: {
69
+ isDisabled?: boolean | undefined;
70
+ dataAttributes?: {
79
71
  [key: string]: string;
80
- };
72
+ } | undefined;
81
73
  children?: undefined;
82
74
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
83
75
  displayName: string;
84
- defaultProps: Pick<{
85
- label: string | {
86
- id: string;
87
- description?: string | object | undefined;
88
- defaultMessage?: string | undefined;
89
- };
90
- onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
91
- isDisabled: boolean;
92
- dataAttributes: {
93
- [key: string]: string;
94
- };
95
- children?: undefined;
96
- }, "label" | "isDisabled" | "dataAttributes">;
97
76
  };
98
77
  FormSecondaryButton: {
99
- (props: {
78
+ ({ label, isDisabled, dataAttributes, ...props }: {
100
79
  iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
101
80
  } & {
102
- label: string | {
81
+ label?: (string | {
103
82
  id: string;
104
83
  description?: string | object | undefined;
105
84
  defaultMessage?: string | undefined;
106
- };
85
+ }) | undefined;
107
86
  onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
108
- isDisabled: boolean;
109
- dataAttributes: {
87
+ isDisabled?: boolean | undefined;
88
+ dataAttributes?: {
110
89
  [key: string]: string;
111
- };
90
+ } | undefined;
112
91
  children?: undefined;
113
92
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
114
93
  displayName: string;
115
- defaultProps: Pick<{
116
- iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
117
- } & {
118
- label: string | {
119
- id: string;
120
- description?: string | object | undefined;
121
- defaultMessage?: string | undefined;
122
- };
123
- onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
124
- isDisabled: boolean;
125
- dataAttributes: {
126
- [key: string]: string;
127
- };
128
- children?: undefined;
129
- }, "label" | "isDisabled" | "dataAttributes">; /**
130
- * Function called when back button is pressed.
131
- */
132
94
  };
133
95
  FormDeleteButton: {
134
- (props: {
135
- label: string | {
96
+ ({ label, isDisabled, dataAttributes, ...props }: {
97
+ label?: (string | {
136
98
  id: string;
137
99
  description?: string | object | undefined;
138
100
  defaultMessage?: string | undefined;
139
- };
101
+ }) | undefined;
140
102
  onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
141
- isDisabled: boolean;
142
- dataAttributes: {
103
+ isDisabled?: boolean | undefined;
104
+ dataAttributes?: {
143
105
  [key: string]: string;
144
- };
106
+ } | undefined;
145
107
  children?: undefined;
146
108
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
147
109
  displayName: string;
148
- defaultProps: Pick<{
149
- label: string | {
150
- id: string;
151
- description?: string | object | undefined;
152
- defaultMessage?: string | undefined;
153
- };
154
- onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
155
- isDisabled: boolean;
156
- dataAttributes: {
157
- [key: string]: string;
158
- };
159
- children?: undefined;
160
- }, "label" | "isDisabled" | "dataAttributes">;
161
110
  };
162
111
  Intl: {
163
112
  cancel: {
package/dist/declarations/src/components/detail-pages/form-detail-page/form-detail-page.d.ts CHANGED
@@ -73,32 +73,24 @@ type FormDetailPageProps = {
73
73
  /**
74
74
  * Hides the form controls.
75
75
  */
76
- hideControls: boolean;
76
+ hideControls?: boolean;
77
77
  /**
78
78
  * The Icon for the secondary button label
79
79
  */
80
80
  iconLeftSecondaryButton?: ReactElement;
81
81
  };
82
82
  declare const FormDetailPage: {
83
- (props: FormDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
83
+ ({ hideControls, ...props }: FormDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
84
84
  displayName: string;
85
- defaultProps: Pick<FormDetailPageProps, "hideControls">;
86
85
  PageHeaderTitle: {
87
- (props: {
86
+ ({ titleSize, truncate, ...props }: {
88
87
  title: string;
89
- titleSize: "big" | "small" | "medium";
90
- truncate: boolean;
88
+ titleSize?: ("big" | "small" | "medium") | undefined;
89
+ truncate?: boolean | undefined;
91
90
  subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
92
91
  children?: undefined;
93
92
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
94
93
  displayName: string;
95
- defaultProps: Pick<{
96
- title: string;
97
- titleSize: "big" | "small" | "medium";
98
- truncate: boolean;
99
- subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
100
- children?: undefined;
101
- }, "truncate" | "titleSize">;
102
94
  };
103
95
  Intl: {
104
96
  cancel: {
package/dist/declarations/src/components/detail-pages/info-detail-page/info-detail-page.d.ts CHANGED
@@ -39,21 +39,14 @@ declare const InfoDetailPage: {
39
39
  (props: InfoDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
40
40
  displayName: string;
41
41
  PageHeaderTitle: {
42
- (props: {
42
+ ({ titleSize, truncate, ...props }: {
43
43
  title: string;
44
- titleSize: "big" | "small" | "medium";
45
- truncate: boolean;
44
+ titleSize?: ("big" | "small" | "medium") | undefined;
45
+ truncate?: boolean | undefined;
46
46
  subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
47
47
  children?: undefined;
48
48
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
49
49
  displayName: string;
50
- defaultProps: Pick<{
51
- title: string;
52
- titleSize: "big" | "small" | "medium";
53
- truncate: boolean;
54
- subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
55
- children?: undefined;
56
- }, "truncate" | "titleSize">;
57
50
  };
58
51
  };
59
52
  export default InfoDetailPage;
package/dist/declarations/src/components/detail-pages/tabular-detail-page/tabular-detail-page.d.ts CHANGED
@@ -34,7 +34,7 @@ type TTabularDetailPageProps = {
34
34
  /**
35
35
  * Determines if the form controls should be rendered.
36
36
  */
37
- hideControls: boolean;
37
+ hideControls?: boolean;
38
38
  /**
39
39
  * These codes are used to configure which Custom Views are available for every tab.
40
40
  */
@@ -49,118 +49,69 @@ type TTabularDetailPageProps = {
49
49
  onPreviousPathClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
50
50
  };
51
51
  declare const TabularDetailPage: {
52
- (props: TTabularDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
52
+ ({ hideControls, ...props }: TTabularDetailPageProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
53
53
  displayName: string;
54
- defaultProps: Pick<TTabularDetailPageProps, "hideControls">;
55
54
  FormPrimaryButton: {
56
- (props: {
55
+ ({ label, isDisabled, dataAttributes, ...props }: {
57
56
  iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
58
57
  } & {
59
- label: string | {
58
+ label?: (string | {
60
59
  id: string;
61
60
  description?: string | object | undefined;
62
61
  defaultMessage?: string | undefined;
63
- };
62
+ }) | undefined;
64
63
  onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
65
- isDisabled: boolean;
66
- dataAttributes: {
64
+ isDisabled?: boolean | undefined;
65
+ dataAttributes?: {
67
66
  [key: string]: string;
68
- };
67
+ } | undefined;
69
68
  children?: undefined;
70
69
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
71
70
  displayName: string;
72
- defaultProps: Pick<{
73
- label: string | {
74
- id: string;
75
- description?: string | object | undefined;
76
- defaultMessage?: string | undefined;
77
- };
78
- onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
79
- isDisabled: boolean;
80
- dataAttributes: {
81
- [key: string]: string;
82
- };
83
- children?: undefined;
84
- }, "label" | "isDisabled" | "dataAttributes">;
85
71
  };
86
72
  FormSecondaryButton: {
87
- (props: {
73
+ ({ label, isDisabled, dataAttributes, ...props }: {
88
74
  iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
89
75
  } & {
90
- label: string | {
76
+ label?: (string | {
91
77
  id: string;
92
78
  description?: string | object | undefined;
93
79
  defaultMessage?: string | undefined;
94
- };
80
+ }) | undefined;
95
81
  onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
96
- isDisabled: boolean;
97
- dataAttributes: {
82
+ isDisabled?: boolean | undefined;
83
+ dataAttributes?: {
98
84
  [key: string]: string;
99
- };
85
+ } | undefined;
100
86
  children?: undefined;
101
87
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
102
88
  displayName: string;
103
- defaultProps: Pick<{
104
- iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
105
- } & {
106
- label: string | {
107
- id: string;
108
- description?: string | object | undefined;
109
- defaultMessage?: string | undefined;
110
- };
111
- onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
112
- isDisabled: boolean;
113
- dataAttributes: {
114
- [key: string]: string;
115
- };
116
- children?: undefined;
117
- }, "label" | "isDisabled" | "dataAttributes">;
118
89
  };
119
90
  FormDeleteButton: {
120
- (props: {
121
- label: string | {
91
+ ({ label, isDisabled, dataAttributes, ...props }: {
92
+ label?: (string | {
122
93
  id: string;
123
94
  description?: string | object | undefined;
124
95
  defaultMessage?: string | undefined;
125
- };
96
+ }) | undefined;
126
97
  onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
127
- isDisabled: boolean;
128
- dataAttributes: {
98
+ isDisabled?: boolean | undefined;
99
+ dataAttributes?: {
129
100
  [key: string]: string;
130
- };
101
+ } | undefined;
131
102
  children?: undefined;
132
103
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
133
104
  displayName: string;
134
- defaultProps: Pick<{
135
- label: string | {
136
- id: string;
137
- description?: string | object | undefined;
138
- defaultMessage?: string | undefined;
139
- };
140
- onClick: (event: import("react").SyntheticEvent<Element, Event>) => void;
141
- isDisabled: boolean;
142
- dataAttributes: {
143
- [key: string]: string;
144
- };
145
- children?: undefined;
146
- }, "label" | "isDisabled" | "dataAttributes">;
147
105
  };
148
106
  PageHeaderTitle: {
149
- (props: {
107
+ ({ titleSize, truncate, ...props }: {
150
108
  title: string;
151
- titleSize: "big" | "small" | "medium";
152
- truncate: boolean;
109
+ titleSize?: ("big" | "small" | "medium") | undefined;
110
+ truncate?: boolean | undefined;
153
111
  subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
154
112
  children?: undefined;
155
113
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
156
114
  displayName: string;
157
- defaultProps: Pick<{
158
- title: string;
159
- titleSize: "big" | "small" | "medium";
160
- truncate: boolean;
161
- subtitle?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
162
- children?: undefined;
163
- }, "truncate" | "titleSize">;
164
115
  };
165
116
  Intl: {
166
117
  cancel: {
package/dist/declarations/src/components/dialogs/confirmation-dialog/confirmation-dialog.d.ts CHANGED
@@ -13,8 +13,8 @@ export type TConfirmationDialogProps = {
13
13
  size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
14
14
  zIndex?: number;
15
15
  children: ReactNode;
16
- labelSecondary: Label;
17
- labelPrimary: Label;
16
+ labelSecondary?: Label;
17
+ labelPrimary?: Label;
18
18
  isPrimaryButtonDisabled?: boolean;
19
19
  onCancel: (event: SyntheticEvent) => void;
20
20
  onConfirm: (event: SyntheticEvent) => void;
@@ -27,9 +27,8 @@ export type TConfirmationDialogProps = {
27
27
  getParentSelector?: () => HTMLElement;
28
28
  };
29
29
  declare const ConfirmationDialog: {
30
- (props: TConfirmationDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
30
+ ({ labelSecondary, labelPrimary, ...props }: TConfirmationDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
31
31
  displayName: string;
32
- defaultProps: Pick<TConfirmationDialogProps, "labelSecondary" | "labelPrimary">;
33
32
  Intl: {
34
33
  cancel: {
35
34
  id: string;
package/dist/declarations/src/components/dialogs/form-dialog/form-dialog.d.ts CHANGED
@@ -13,8 +13,8 @@ export type TFormDialogProps = {
13
13
  size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
14
14
  zIndex?: number;
15
15
  children: ReactNode;
16
- labelSecondary: Label;
17
- labelPrimary: Label;
16
+ labelSecondary?: Label;
17
+ labelPrimary?: Label;
18
18
  isPrimaryButtonDisabled?: boolean;
19
19
  onSecondaryButtonClick: (event: SyntheticEvent) => void;
20
20
  onPrimaryButtonClick: (event: SyntheticEvent) => void;
@@ -29,9 +29,8 @@ export type TFormDialogProps = {
29
29
  footerContent?: ReactNode;
30
30
  };
31
31
  declare const FormDialog: {
32
- (props: TFormDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
32
+ ({ labelSecondary, labelPrimary, ...props }: TFormDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
33
33
  displayName: string;
34
- defaultProps: Pick<TFormDialogProps, "labelSecondary" | "labelPrimary">;
35
34
  Intl: {
36
35
  cancel: {
37
36
  id: string;
package/dist/declarations/src/components/dialogs/internals/dialog-container.d.ts CHANGED
@@ -3,16 +3,15 @@ declare const getDefaultParentSelector: () => HTMLElement;
3
3
  type Props = {
4
4
  isOpen: boolean;
5
5
  onClose?: (event: SyntheticEvent) => void;
6
- size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
6
+ size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
7
7
  zIndex?: number;
8
8
  title: ReactNode;
9
9
  'aria-label'?: string;
10
10
  children: ReactNode;
11
- getParentSelector: typeof getDefaultParentSelector;
11
+ getParentSelector?: typeof getDefaultParentSelector;
12
12
  };
13
13
  declare const DialogContainer: {
14
- (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
14
+ ({ size, getParentSelector, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
15
15
  displayName: string;
16
- defaultProps: Pick<Props, "size" | "getParentSelector">;
17
16
  };
18
17
  export default DialogContainer;
package/dist/declarations/src/components/dialogs/internals/dialog-footer.d.ts CHANGED
@@ -10,11 +10,11 @@ type Props = {
10
10
  labelPrimary: Label;
11
11
  onCancel: (event: SyntheticEvent) => void;
12
12
  onConfirm: (event: SyntheticEvent) => void;
13
- isPrimaryButtonDisabled: boolean;
14
- dataAttributesPrimaryButton: {
13
+ isPrimaryButtonDisabled?: boolean;
14
+ dataAttributesPrimaryButton?: {
15
15
  [key: string]: string;
16
16
  };
17
- dataAttributesSecondaryButton: {
17
+ dataAttributesSecondaryButton?: {
18
18
  [key: string]: string;
19
19
  };
20
20
  children?: never;
@@ -22,8 +22,7 @@ type Props = {
22
22
  footerContent?: ReactNode;
23
23
  };
24
24
  declare const DialogFooter: {
25
- (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
25
+ ({ isPrimaryButtonDisabled, dataAttributesPrimaryButton, dataAttributesSecondaryButton, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
26
26
  displayName: string;
27
- defaultProps: Pick<Props, "isPrimaryButtonDisabled" | "dataAttributesSecondaryButton" | "dataAttributesPrimaryButton">;
28
27
  };
29
28
  export default DialogFooter;
package/dist/declarations/src/components/drawer/drawer.d.ts CHANGED
@@ -8,7 +8,7 @@ type MessageDescriptor = {
8
8
  type Label = string | MessageDescriptor;
9
9
  type TDrawerSize = 10 | 20 | 30;
10
10
  type TDrawerProps = {
11
- size: TDrawerSize;
11
+ size?: TDrawerSize;
12
12
  isOpen: boolean;
13
13
  onClose?: (event: SyntheticEvent) => void;
14
14
  children: ReactNode;
@@ -31,77 +31,48 @@ type TDrawerProps = {
31
31
  };
32
32
  labelPrimaryButton?: Label;
33
33
  labelSecondaryButton?: Label;
34
- onPrimaryButtonClick: (event: SyntheticEvent) => void;
35
- onSecondaryButtonClick: (event: SyntheticEvent) => void;
34
+ onPrimaryButtonClick?: (event: SyntheticEvent) => void;
35
+ onSecondaryButtonClick?: (event: SyntheticEvent) => void;
36
36
  iconLeftSecondaryButton?: ReactElement;
37
37
  };
38
- declare function Drawer(props: TDrawerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
38
+ declare function Drawer({ size, hideControls, onPrimaryButtonClick, onSecondaryButtonClick, ...props }: TDrawerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
39
39
  declare namespace Drawer {
40
40
  var displayName: string;
41
- var defaultProps: Pick<TDrawerProps, "size" | "onSecondaryButtonClick" | "onPrimaryButtonClick" | "hideControls">;
42
41
  var FormPrimaryButton: {
43
- (props: {
42
+ ({ label, isDisabled, dataAttributes, ...props }: {
44
43
  iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
45
44
  } & {
46
- label: string | {
45
+ label?: (string | {
47
46
  id: string;
48
47
  description?: string | object | undefined;
49
48
  defaultMessage?: string | undefined;
50
- };
49
+ }) | undefined;
51
50
  onClick: (event: SyntheticEvent<Element, Event>) => void;
52
- isDisabled: boolean;
53
- dataAttributes: {
51
+ isDisabled?: boolean | undefined;
52
+ dataAttributes?: {
54
53
  [key: string]: string;
55
- };
54
+ } | undefined;
56
55
  children?: undefined;
57
56
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
58
57
  displayName: string;
59
- defaultProps: Pick<{
60
- label: string | {
61
- id: string;
62
- description?: string | object | undefined;
63
- defaultMessage?: string | undefined;
64
- };
65
- onClick: (event: SyntheticEvent<Element, Event>) => void;
66
- isDisabled: boolean;
67
- dataAttributes: {
68
- [key: string]: string;
69
- };
70
- children?: undefined;
71
- }, "label" | "isDisabled" | "dataAttributes">;
72
58
  };
73
59
  var FormSecondaryButton: {
74
- (props: {
60
+ ({ label, isDisabled, dataAttributes, ...props }: {
75
61
  iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
76
62
  } & {
77
- label: string | {
63
+ label?: (string | {
78
64
  id: string;
79
65
  description?: string | object | undefined;
80
66
  defaultMessage?: string | undefined;
81
- };
67
+ }) | undefined;
82
68
  onClick: (event: SyntheticEvent<Element, Event>) => void;
83
- isDisabled: boolean;
84
- dataAttributes: {
69
+ isDisabled?: boolean | undefined;
70
+ dataAttributes?: {
85
71
  [key: string]: string;
86
- };
72
+ } | undefined;
87
73
  children?: undefined;
88
74
  }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
89
75
  displayName: string;
90
- defaultProps: Pick<{
91
- iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
92
- } & {
93
- label: string | {
94
- id: string;
95
- description?: string | object | undefined;
96
- defaultMessage?: string | undefined;
97
- };
98
- onClick: (event: SyntheticEvent<Element, Event>) => void;
99
- isDisabled: boolean;
100
- dataAttributes: {
101
- [key: string]: string;
102
- };
103
- children?: undefined;
104
- }, "label" | "isDisabled" | "dataAttributes">;
105
76
  };
106
77
  var Intl: {
107
78
  cancel: {
package/dist/declarations/src/components/internals/default-form-buttons.d.ts CHANGED
@@ -6,10 +6,10 @@ type MessageDescriptor = {
6
6
  };
7
7
  type Label = string | MessageDescriptor;
8
8
  type Props = {
9
- label: Label;
9
+ label?: Label;
10
10
  onClick: (event: SyntheticEvent) => void;
11
- isDisabled: boolean;
12
- dataAttributes: {
11
+ isDisabled?: boolean;
12
+ dataAttributes?: {
13
13
  [key: string]: string;
14
14
  };
15
15
  children?: never;
@@ -18,21 +18,18 @@ type PrimaryButtonProps = {
18
18
  iconLeft?: ReactElement;
19
19
  } & Props;
20
20
  declare const FormPrimaryButton: {
21
- (props: PrimaryButtonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
21
+ ({ label, isDisabled, dataAttributes, ...props }: PrimaryButtonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
22
22
  displayName: string;
23
- defaultProps: Pick<Props, "label" | "isDisabled" | "dataAttributes">;
24
23
  };
25
24
  type SecondaryButtonProps = {
26
25
  iconLeft?: ReactElement;
27
26
  } & Props;
28
27
  declare const FormSecondaryButton: {
29
- (props: SecondaryButtonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
28
+ ({ label, isDisabled, dataAttributes, ...props }: SecondaryButtonProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
30
29
  displayName: string;
31
- defaultProps: Pick<SecondaryButtonProps, "label" | "isDisabled" | "dataAttributes">;
32
30
  };
33
31
  declare const FormDeleteButton: {
34
- (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
32
+ ({ label, isDisabled, dataAttributes, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
35
33
  displayName: string;
36
- defaultProps: Pick<Props, "label" | "isDisabled" | "dataAttributes">;
37
34
  };
38
35
  export { FormPrimaryButton, FormSecondaryButton, FormDeleteButton };
package/dist/declarations/src/components/internals/page-header-title.d.ts CHANGED
@@ -2,14 +2,13 @@ import { type ReactElement } from 'react';
2
2
  type TTitleSize = 'big' | 'medium' | 'small';
3
3
  type Props = {
4
4
  title: string;
5
- titleSize: TTitleSize;
6
- truncate: boolean;
5
+ titleSize?: TTitleSize;
6
+ truncate?: boolean;
7
7
  subtitle?: string | ReactElement;
8
8
  children?: never;
9
9
  };
10
10
  declare const PageHeaderTitle: {
11
- (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
11
+ ({ titleSize, truncate, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
12
12
  displayName: string;
13
- defaultProps: Pick<Props, "truncate" | "titleSize">;
14
13
  };
15
14
  export default PageHeaderTitle;
package/dist/declarations/src/components/internals/page-top-bar.d.ts CHANGED
@@ -7,14 +7,13 @@ type MessageDescriptor = {
7
7
  };
8
8
  type Label = string | MessageDescriptor;
9
9
  type Props = {
10
- color: 'surface' | 'neutral';
11
- previousPathLabel: Label;
10
+ color?: 'surface' | 'neutral';
11
+ previousPathLabel?: Label;
12
12
  onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
13
13
  children?: never;
14
14
  };
15
15
  declare const PageTopBar: {
16
- (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
16
+ ({ color, previousPathLabel, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
17
17
  displayName: string;
18
- defaultProps: Pick<Props, "color" | "previousPathLabel">;
19
18
  };
20
19
  export default PageTopBar;