@pushwoosh/dumb-components 1.0.40 → 1.0.42

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 (31) hide show
  1. package/DateTimePicker/styles.d.ts +132 -15
  2. package/DropdownMenu/components/DropdownMenu/styles.d.ts +88 -10
  3. package/EmailTemplatePreview/components/NoEmailTemplatePreview/NoEmailTemplatePreview.js +10 -6
  4. package/EmailTemplatePreview/components/NoEmailTemplatePreview/styles.d.ts +88 -10
  5. package/ExportResult/styles.d.ts +132 -15
  6. package/FieldBox/FieldBox.js +5 -5
  7. package/FieldBox/styles.d.ts +44 -5
  8. package/Modal/components/ModalContent/styles.d.ts +44 -5
  9. package/PushPreview/PushPreview.js +34 -21
  10. package/PushPreview/components/NoPushPreview/NoPushPreview.js +9 -10
  11. package/PushPreview/components/SilentPushPreview/SilentPushPreview.js +11 -12
  12. package/PushPreview/constants.d.ts +1 -1
  13. package/PushPreview/constants.js +1 -1
  14. package/PushPreview/index.d.ts +0 -2
  15. package/PushPreview/index.js +1 -3
  16. package/PushPreview/styles.d.ts +62 -15
  17. package/PushPreview/styles.js +33 -30
  18. package/PushPreview/types.d.ts +5 -3
  19. package/StatisticCard/StatisticCard.js +10 -8
  20. package/Table/styles.d.ts +176 -20
  21. package/index.d.ts +1 -1
  22. package/index.js +1 -1
  23. package/package.json +2 -2
  24. package/PushPreview/components/NoPushPreview/styles.d.ts +0 -18
  25. package/PushPreview/components/NoPushPreview/styles.js +0 -11
  26. package/PushPreview/components/SilentPushPreview/styles.d.ts +0 -18
  27. package/PushPreview/components/SilentPushPreview/styles.js +0 -11
  28. package/StatisticCard/helpers.d.ts +0 -1
  29. package/StatisticCard/helpers.js +0 -1
  30. package/common.d.ts +0 -8
  31. package/common.js +0 -17
package/Table/styles.d.ts CHANGED
@@ -3,15 +3,54 @@ export declare const Table: import("styled-components").StyledComponent<"div", a
3
3
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
4
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
5
  $bgColor?: string | undefined;
6
- $border?: string | undefined;
7
- $borderRadius?: string | number | undefined;
6
+ $border?: string | ({
7
+ top?: string | undefined;
8
+ right?: string | undefined;
9
+ bottom?: string | undefined;
10
+ left?: string | undefined;
11
+ } | {
12
+ horizontal: string;
13
+ top?: string | undefined;
14
+ bottom?: string | undefined;
15
+ } | {
16
+ vertical: string;
17
+ right?: string | undefined;
18
+ left?: string | undefined;
19
+ }) | undefined;
20
+ $borderRadius?: (string | number) | undefined;
8
21
  $boxShadow?: string | undefined;
9
- $gap?: string | number | undefined;
22
+ $gap?: (string | number) | undefined;
10
23
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
11
24
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
12
25
  $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
13
- $margin?: string | number | undefined;
14
- $padding?: string | number | undefined;
26
+ $margin?: (string | number) | ({
27
+ top?: (string | number) | undefined;
28
+ right?: (string | number) | undefined;
29
+ bottom?: (string | number) | undefined;
30
+ left?: (string | number) | undefined;
31
+ } | {
32
+ horizontal: string | number;
33
+ top?: (string | number) | undefined;
34
+ bottom?: (string | number) | undefined;
35
+ } | {
36
+ vertical: string | number;
37
+ right?: (string | number) | undefined;
38
+ left?: (string | number) | undefined;
39
+ }) | undefined;
40
+ $padding?: (string | number) | ({
41
+ top?: (string | number) | undefined;
42
+ right?: (string | number) | undefined;
43
+ bottom?: (string | number) | undefined;
44
+ left?: (string | number) | undefined;
45
+ } | {
46
+ horizontal: string | number;
47
+ top?: (string | number) | undefined;
48
+ bottom?: (string | number) | undefined;
49
+ } | {
50
+ vertical: string | number;
51
+ right?: (string | number) | undefined;
52
+ left?: (string | number) | undefined;
53
+ }) | undefined;
15
54
  $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
16
55
  } & {
17
56
  $gridAutoFlow: string;
@@ -23,15 +62,54 @@ export declare const Td: import("styled-components").StyledComponent<"div", any,
23
62
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
24
63
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
25
64
  $bgColor?: string | undefined;
26
- $border?: string | undefined;
27
- $borderRadius?: string | number | undefined;
65
+ $border?: string | ({
66
+ top?: string | undefined;
67
+ right?: string | undefined;
68
+ bottom?: string | undefined;
69
+ left?: string | undefined;
70
+ } | {
71
+ horizontal: string;
72
+ top?: string | undefined;
73
+ bottom?: string | undefined;
74
+ } | {
75
+ vertical: string;
76
+ right?: string | undefined;
77
+ left?: string | undefined;
78
+ }) | undefined;
79
+ $borderRadius?: (string | number) | undefined;
28
80
  $boxShadow?: string | undefined;
29
- $gap?: string | number | undefined;
81
+ $gap?: (string | number) | undefined;
30
82
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
31
83
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
32
84
  $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
33
- $margin?: string | number | undefined;
34
- $padding?: string | number | undefined;
85
+ $margin?: (string | number) | ({
86
+ top?: (string | number) | undefined;
87
+ right?: (string | number) | undefined;
88
+ bottom?: (string | number) | undefined;
89
+ left?: (string | number) | undefined;
90
+ } | {
91
+ horizontal: string | number;
92
+ top?: (string | number) | undefined;
93
+ bottom?: (string | number) | undefined;
94
+ } | {
95
+ vertical: string | number;
96
+ right?: (string | number) | undefined;
97
+ left?: (string | number) | undefined;
98
+ }) | undefined;
99
+ $padding?: (string | number) | ({
100
+ top?: (string | number) | undefined;
101
+ right?: (string | number) | undefined;
102
+ bottom?: (string | number) | undefined;
103
+ left?: (string | number) | undefined;
104
+ } | {
105
+ horizontal: string | number;
106
+ top?: (string | number) | undefined;
107
+ bottom?: (string | number) | undefined;
108
+ } | {
109
+ vertical: string | number;
110
+ right?: (string | number) | undefined;
111
+ left?: (string | number) | undefined;
112
+ }) | undefined;
35
113
  $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
36
114
  } & {
37
115
  $padding: number;
@@ -43,15 +121,54 @@ export declare const Tr: import("styled-components").StyledComponent<"div", any,
43
121
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
44
122
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
45
123
  $bgColor?: string | undefined;
46
- $border?: string | undefined;
47
- $borderRadius?: string | number | undefined;
124
+ $border?: string | ({
125
+ top?: string | undefined;
126
+ right?: string | undefined;
127
+ bottom?: string | undefined;
128
+ left?: string | undefined;
129
+ } | {
130
+ horizontal: string;
131
+ top?: string | undefined;
132
+ bottom?: string | undefined;
133
+ } | {
134
+ vertical: string;
135
+ right?: string | undefined;
136
+ left?: string | undefined;
137
+ }) | undefined;
138
+ $borderRadius?: (string | number) | undefined;
48
139
  $boxShadow?: string | undefined;
49
- $gap?: string | number | undefined;
140
+ $gap?: (string | number) | undefined;
50
141
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
51
142
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
52
143
  $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
53
- $margin?: string | number | undefined;
54
- $padding?: string | number | undefined;
144
+ $margin?: (string | number) | ({
145
+ top?: (string | number) | undefined;
146
+ right?: (string | number) | undefined;
147
+ bottom?: (string | number) | undefined;
148
+ left?: (string | number) | undefined;
149
+ } | {
150
+ horizontal: string | number;
151
+ top?: (string | number) | undefined;
152
+ bottom?: (string | number) | undefined;
153
+ } | {
154
+ vertical: string | number;
155
+ right?: (string | number) | undefined;
156
+ left?: (string | number) | undefined;
157
+ }) | undefined;
158
+ $padding?: (string | number) | ({
159
+ top?: (string | number) | undefined;
160
+ right?: (string | number) | undefined;
161
+ bottom?: (string | number) | undefined;
162
+ left?: (string | number) | undefined;
163
+ } | {
164
+ horizontal: string | number;
165
+ top?: (string | number) | undefined;
166
+ bottom?: (string | number) | undefined;
167
+ } | {
168
+ vertical: string | number;
169
+ right?: (string | number) | undefined;
170
+ left?: (string | number) | undefined;
171
+ }) | undefined;
55
172
  $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
56
173
  } & {
57
174
  $gridAutoFlow: string;
@@ -62,15 +179,54 @@ export declare const Th: import("styled-components").StyledComponent<"div", any,
62
179
  $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
63
180
  $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
64
181
  $bgColor?: string | undefined;
65
- $border?: string | undefined;
66
- $borderRadius?: string | number | undefined;
182
+ $border?: string | ({
183
+ top?: string | undefined;
184
+ right?: string | undefined;
185
+ bottom?: string | undefined;
186
+ left?: string | undefined;
187
+ } | {
188
+ horizontal: string;
189
+ top?: string | undefined;
190
+ bottom?: string | undefined;
191
+ } | {
192
+ vertical: string;
193
+ right?: string | undefined;
194
+ left?: string | undefined;
195
+ }) | undefined;
196
+ $borderRadius?: (string | number) | undefined;
67
197
  $boxShadow?: string | undefined;
68
- $gap?: string | number | undefined;
198
+ $gap?: (string | number) | undefined;
69
199
  $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
70
200
  $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
71
201
  $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
72
- $margin?: string | number | undefined;
73
- $padding?: string | number | undefined;
202
+ $margin?: (string | number) | ({
203
+ top?: (string | number) | undefined;
204
+ right?: (string | number) | undefined;
205
+ bottom?: (string | number) | undefined;
206
+ left?: (string | number) | undefined;
207
+ } | {
208
+ horizontal: string | number;
209
+ top?: (string | number) | undefined;
210
+ bottom?: (string | number) | undefined;
211
+ } | {
212
+ vertical: string | number;
213
+ right?: (string | number) | undefined;
214
+ left?: (string | number) | undefined;
215
+ }) | undefined;
216
+ $padding?: (string | number) | ({
217
+ top?: (string | number) | undefined;
218
+ right?: (string | number) | undefined;
219
+ bottom?: (string | number) | undefined;
220
+ left?: (string | number) | undefined;
221
+ } | {
222
+ horizontal: string | number;
223
+ top?: (string | number) | undefined;
224
+ bottom?: (string | number) | undefined;
225
+ } | {
226
+ vertical: string | number;
227
+ right?: (string | number) | undefined;
228
+ left?: (string | number) | undefined;
229
+ }) | undefined;
74
230
  $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
75
231
  } & {
76
232
  $padding: number;
package/index.d.ts CHANGED
@@ -24,7 +24,7 @@ export { Tab, TabBar, TabPanel, Tabs, type TabCode } from './Tabs';
24
24
  export { Link } from './Link';
25
25
  export { StatisticCard } from './StatisticCard';
26
26
  export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePreview';
27
- export { PushPreview, NoPushPreview, SilentPushPreview } from './PushPreview';
27
+ export { PushPreview } from './PushPreview';
28
28
  export { Toast, ToastProvider, useToast } from './Toast';
29
29
  export { DataTable, DataTableList, DataTableGetContext, DataTablePagination, DataTableSearchInput, DataTableSortableCell, Loading, TableList, TablePagination, useDataTableContext, useDataTableGetParams, Table, Td, Tr, Th, ElementHover, ItemDetailLink, ItemName, LockedText, Description, type DataTableParams, type DataTableData, type DataTableContextType, } from './Table';
30
30
  export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';
package/index.js CHANGED
@@ -24,7 +24,7 @@ export { Tab, TabBar, TabPanel, Tabs } from './Tabs';
24
24
  export { Link } from './Link';
25
25
  export { StatisticCard } from './StatisticCard';
26
26
  export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePreview';
27
- export { PushPreview, NoPushPreview, SilentPushPreview } from './PushPreview';
27
+ export { PushPreview } from './PushPreview';
28
28
  export { Toast, ToastProvider, useToast } from './Toast';
29
29
  export { DataTable, DataTableList, DataTableGetContext, DataTablePagination, DataTableSearchInput, DataTableSortableCell, Loading, TableList, TablePagination, useDataTableContext, useDataTableGetParams, Table, Td, Tr, Th, ElementHover, ItemDetailLink, ItemName, LockedText, Description } from './Table';
30
30
  export { AutosizeInput, PageHeader, PageHeaderEditable } from './PageHeader';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pushwoosh/dumb-components",
3
- "version": "1.0.40",
3
+ "version": "1.0.42",
4
4
  "description": "React components to build Pushwoosh products",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -40,7 +40,7 @@
40
40
  "@floating-ui/react-dom": "^2.1.2",
41
41
  "@lezer/highlight": "^1.2.1",
42
42
  "@pushwoosh/kit-constants": "^1.6.9",
43
- "@pushwoosh/kit-helpers": "^4.7.0",
43
+ "@pushwoosh/kit-helpers": "^4.8.2",
44
44
  "@pushwoosh/kit-icons": "^2.1.1",
45
45
  "@pushwoosh/kit-typography": "^1.7.3",
46
46
  "@tippyjs/react": "^4.2.6",
package/PushPreview/components/NoPushPreview/styles.d.ts DELETED
@@ -1,18 +0,0 @@
1
- export declare const IconMock: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
3
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
- $bgColor?: string | undefined;
6
- $border?: string | undefined;
7
- $borderRadius?: string | number | undefined;
8
- $boxShadow?: string | undefined;
9
- $gap?: string | number | undefined;
10
- $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
11
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
12
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
13
- $margin?: string | number | undefined;
14
- $padding?: string | number | undefined;
15
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
16
- } & {
17
- $gridAutoFlow: string;
18
- }, "$gridAutoFlow">;
package/PushPreview/components/NoPushPreview/styles.js DELETED
@@ -1,11 +0,0 @@
1
- import styled from 'styled-components';
2
- import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
3
- import { Horizontal } from '@pushwoosh/kit-helpers';
4
- export const IconMock = styled.div.withConfig({
5
- displayName: "IconMock",
6
- componentId: "sc-mvf0fq-0"
7
- })(["width:36px;height:36px;border-radius:", ";border:1px dashed ", ";background:", ";"], ShapeRadius.CONTROL, Color.SOFT_LIGHT_HOVER, Color.BRIGHT_LIGHT);
8
- export const Container = styled(Horizontal).withConfig({
9
- displayName: "Container",
10
- componentId: "sc-mvf0fq-1"
11
- })(["background:", ";border-radius:", ";border:1px dashed ", ";max-width:350px;"], Color.CLEAR, ShapeRadius.SECTION, Color.SOFT_LIGHT_HOVER);
package/PushPreview/components/SilentPushPreview/styles.d.ts DELETED
@@ -1,18 +0,0 @@
1
- export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const Container: import("styled-components").StyledComponent<"div", any, {
3
- $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
4
- $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
5
- $bgColor?: string | undefined;
6
- $border?: string | undefined;
7
- $borderRadius?: string | number | undefined;
8
- $boxShadow?: string | undefined;
9
- $gap?: string | number | undefined;
10
- $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
11
- $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
12
- $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
13
- $margin?: string | number | undefined;
14
- $padding?: string | number | undefined;
15
- $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
16
- } & {
17
- $gridAutoFlow: string;
18
- }, "$gridAutoFlow">;
package/PushPreview/components/SilentPushPreview/styles.js DELETED
@@ -1,11 +0,0 @@
1
- import styled from 'styled-components';
2
- import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
3
- import { Horizontal } from '@pushwoosh/kit-helpers';
4
- export const IconContainer = styled.div.withConfig({
5
- displayName: "IconContainer",
6
- componentId: "sc-fgx4rs-0"
7
- })(["width:36px;height:36px;padding:6px;border-radius:", ";opacity:0.5;background:", ";"], ShapeRadius.CONTROL, Color.MAIN);
8
- export const Container = styled(Horizontal).withConfig({
9
- displayName: "Container",
10
- componentId: "sc-fgx4rs-1"
11
- })(["background:", ";border-radius:", ";border:1px dashed ", ";max-width:350px;"], Color.CLEAR, ShapeRadius.SECTION, Color.SOFT_LIGHT_HOVER);
package/StatisticCard/helpers.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const formatNumberWithSpaces: (number: number) => string;
package/StatisticCard/helpers.js DELETED
@@ -1 +0,0 @@
1
- export const formatNumberWithSpaces = number => number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
package/common.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { H5 } from '@pushwoosh/kit-typography';
2
- export declare const LockedTitle: import("styled-components").StyledComponent<typeof H5, any, {
3
- $uppercase?: boolean;
4
- }, never>;
5
- export declare const LockedText: import("styled-components").StyledComponent<"div", any, {
6
- $uppercase?: boolean;
7
- $small?: boolean;
8
- }, never>;
package/common.js DELETED
@@ -1,17 +0,0 @@
1
- import styled from 'styled-components';
2
- import { Color, FontSize } from '@pushwoosh/kit-constants';
3
- import { H5 } from '@pushwoosh/kit-typography';
4
- export const LockedTitle = styled(H5).withConfig({
5
- displayName: "LockedTitle",
6
- componentId: "sc-88o871-0"
7
- })(["text-transform:", ";color:", ";text-overflow:ellipsis;"], ({
8
- $uppercase
9
- }) => $uppercase ? 'uppercase' : 'initial', Color.LOCKED);
10
- export const LockedText = styled.div.withConfig({
11
- displayName: "LockedText",
12
- componentId: "sc-88o871-1"
13
- })(["text-transform:", ";font-size:", ";color:", ";"], ({
14
- $uppercase
15
- }) => $uppercase ? 'uppercase' : 'initial', ({
16
- $small
17
- }) => $small ? FontSize.SMALL : 'initial', Color.LOCKED);