@synerise/ds-file-uploader 1.1.11 → 1.1.12
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/CHANGELOG.md +8 -96
- package/dist/AvatarUploader/AvatarUploader.styles.d.ts +24 -4
- package/dist/AvatarUploader/AvatarUploader.styles.d.ts.map +1 -1
- package/dist/AvatarUploader/AvatarUploader.styles.js +5 -5
- package/dist/FileUploader.styles.d.ts +2 -28
- package/dist/FileUploader.styles.d.ts.map +1 -1
- package/dist/FileView/FileView.styles.d.ts +6 -1
- package/dist/FileView/FileView.styles.d.ts.map +1 -1
- package/dist/FileView/FileView.styles.js +2 -2
- package/dist/ItemUploader/ItemUploader.styles.d.ts +24 -4
- package/dist/ItemUploader/ItemUploader.styles.d.ts.map +1 -1
- package/dist/ItemUploader/ItemUploader.styles.js +5 -5
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -3,197 +3,109 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [1.1.
|
|
6
|
+
## [1.1.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.11...@synerise/ds-file-uploader@1.1.12) (2025-12-15)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
9
9
|
|
|
10
|
+
## [1.1.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.10...@synerise/ds-file-uploader@1.1.11) (2025-11-28)
|
|
10
11
|
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
13
13
|
|
|
14
14
|
## [1.1.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.9...@synerise/ds-file-uploader@1.1.10) (2025-11-13)
|
|
15
15
|
|
|
16
16
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
17
17
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
18
|
## [1.1.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.8...@synerise/ds-file-uploader@1.1.9) (2025-11-06)
|
|
23
19
|
|
|
24
20
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
25
21
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
22
|
## [1.1.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.7...@synerise/ds-file-uploader@1.1.8) (2025-10-22)
|
|
31
23
|
|
|
32
24
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
33
25
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
26
|
## [1.1.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.6...@synerise/ds-file-uploader@1.1.7) (2025-10-16)
|
|
39
27
|
|
|
40
28
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
41
29
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
30
|
## [1.1.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.5...@synerise/ds-file-uploader@1.1.6) (2025-10-10)
|
|
47
31
|
|
|
48
32
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
49
33
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
34
|
## [1.1.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.4...@synerise/ds-file-uploader@1.1.5) (2025-10-08)
|
|
55
35
|
|
|
56
36
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
57
37
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
38
|
## [1.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.3...@synerise/ds-file-uploader@1.1.4) (2025-09-25)
|
|
63
39
|
|
|
64
40
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
65
41
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
42
|
## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.2...@synerise/ds-file-uploader@1.1.3) (2025-09-19)
|
|
71
43
|
|
|
72
44
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
73
45
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
46
|
## [1.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.1...@synerise/ds-file-uploader@1.1.2) (2025-09-16)
|
|
79
47
|
|
|
80
48
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
81
49
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
50
|
## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.1.0...@synerise/ds-file-uploader@1.1.1) (2025-09-05)
|
|
87
51
|
|
|
88
52
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
89
53
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
54
|
# [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.22...@synerise/ds-file-uploader@1.1.0) (2025-09-05)
|
|
95
55
|
|
|
96
|
-
|
|
97
56
|
### Bug Fixes
|
|
98
57
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
58
|
+
- **file-uploader:** removeable prop during uploading ([0500b62](https://github.com/Synerise/synerise-design/commit/0500b628b4a07453f585338dece23995a1f5ebd7))
|
|
59
|
+
- **progress-bar:** refactor progress bar and remove ant ([3324544](https://github.com/Synerise/synerise-design/commit/33245443d076da967561558ca8506d6ab0d904e5))
|
|
102
60
|
|
|
103
61
|
### Features
|
|
104
62
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
63
|
+
- **file-uploader:** accept ref to allow programmatic open ([dac9f01](https://github.com/Synerise/synerise-design/commit/dac9f01cf35f8bf3630e89bef93e9668e41bec95))
|
|
110
64
|
|
|
111
65
|
## [1.0.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.21...@synerise/ds-file-uploader@1.0.22) (2025-08-28)
|
|
112
66
|
|
|
113
|
-
|
|
114
67
|
### Bug Fixes
|
|
115
68
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
69
|
+
- **file-uploader:** ellipsis for file name ([a18d2de](https://github.com/Synerise/synerise-design/commit/a18d2de070615f9865aeee9f5efb44bcfbb2a9f6))
|
|
121
70
|
|
|
122
71
|
## [1.0.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.20...@synerise/ds-file-uploader@1.0.21) (2025-08-20)
|
|
123
72
|
|
|
124
73
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
125
74
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
75
|
## [1.0.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.19...@synerise/ds-file-uploader@1.0.20) (2025-08-14)
|
|
131
76
|
|
|
132
|
-
|
|
133
77
|
### Bug Fixes
|
|
134
78
|
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
79
|
+
- handle progress bar in file-uploader ([c9dc655](https://github.com/Synerise/synerise-design/commit/c9dc6551b47050c58941225968d7667ab77280b5))
|
|
140
80
|
|
|
141
81
|
## [1.0.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.18...@synerise/ds-file-uploader@1.0.19) (2025-07-24)
|
|
142
82
|
|
|
143
83
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
144
84
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
85
|
## [1.0.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.17...@synerise/ds-file-uploader@1.0.18) (2025-07-17)
|
|
150
86
|
|
|
151
87
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
152
88
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
89
|
## [1.0.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.16...@synerise/ds-file-uploader@1.0.17) (2025-07-15)
|
|
158
90
|
|
|
159
91
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
160
92
|
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
93
|
## [1.0.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.15...@synerise/ds-file-uploader@1.0.16) (2025-07-08)
|
|
166
94
|
|
|
167
95
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
168
96
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
97
|
## [1.0.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.14...@synerise/ds-file-uploader@1.0.15) (2025-07-01)
|
|
174
98
|
|
|
175
99
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
176
100
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
101
|
## [1.0.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.13...@synerise/ds-file-uploader@1.0.14) (2025-06-26)
|
|
182
102
|
|
|
183
103
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
184
104
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
105
|
## [1.0.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.12...@synerise/ds-file-uploader@1.0.13) (2025-06-24)
|
|
190
106
|
|
|
191
107
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
192
108
|
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
109
|
## [1.0.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-file-uploader@1.0.11...@synerise/ds-file-uploader@1.0.12) (2025-06-05)
|
|
198
110
|
|
|
199
111
|
**Note:** Version bump only for package @synerise/ds-file-uploader
|
|
@@ -1,14 +1,29 @@
|
|
|
1
1
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
2
|
export declare const UploaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const Description: import("styled-components").StyledComponent<
|
|
3
|
+
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
4
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
5
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
6
|
+
children?: import("react").ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
}) => React.JSX.Element, any, {
|
|
4
9
|
hasError?: boolean;
|
|
5
10
|
}, never>;
|
|
6
11
|
export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
|
|
7
12
|
canUploadMore: boolean;
|
|
8
13
|
}, never>;
|
|
9
|
-
export declare const DropAreaLabel: import("styled-components").StyledComponent<
|
|
14
|
+
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
15
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
16
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
17
|
+
children?: import("react").ReactNode;
|
|
18
|
+
className?: string;
|
|
19
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
10
20
|
export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
11
|
-
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<
|
|
21
|
+
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
22
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
23
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
24
|
+
children?: import("react").ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
12
27
|
export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
|
|
13
28
|
isDropping?: boolean;
|
|
14
29
|
hasError?: boolean;
|
|
@@ -16,6 +31,11 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
|
|
|
16
31
|
pressed: boolean;
|
|
17
32
|
filesLength: number;
|
|
18
33
|
}, never>;
|
|
19
|
-
export declare const ErrorMessage: import("styled-components").StyledComponent<
|
|
34
|
+
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
35
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
36
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
37
|
+
children?: import("react").ReactNode;
|
|
38
|
+
className?: string;
|
|
39
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
20
40
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
21
41
|
//# sourceMappingURL=AvatarUploader.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarUploader.styles.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,oEAGrB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AACF,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"AvatarUploader.styles.d.ts","sourceRoot":"","sources":["../../src/AvatarUploader/AvatarUploader.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,oEAGrB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAG7B,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;eAA6B,OAAO;SAM3D,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;wCAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;wCAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;iBACZ,OAAO;eACT,OAAO;UACZ,MAAM;aACH,OAAO;iBACH,MAAM;SAuGpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;wCAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAOjB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { IconContainer } from '@synerise/ds-icon';
|
|
3
|
-
import
|
|
3
|
+
import { Text, Label as TypographyLabel } from '@synerise/ds-typography';
|
|
4
4
|
import { hexToRgba } from '@synerise/ds-utils';
|
|
5
5
|
export var Container = styled.div.withConfig({
|
|
6
6
|
displayName: "AvatarUploaderstyles__Container",
|
|
@@ -10,7 +10,7 @@ export var UploaderContainer = styled.div.withConfig({
|
|
|
10
10
|
displayName: "AvatarUploaderstyles__UploaderContainer",
|
|
11
11
|
componentId: "sc-1lljrgr-1"
|
|
12
12
|
})(["align-items:center;padding-right:14px;"]);
|
|
13
|
-
export var Description = styled(
|
|
13
|
+
export var Description = styled(Text).withConfig({
|
|
14
14
|
displayName: "AvatarUploaderstyles__Description",
|
|
15
15
|
componentId: "sc-1lljrgr-2"
|
|
16
16
|
})(["&&{margin:", ";display:block;color:", ";}"], function (props) {
|
|
@@ -24,7 +24,7 @@ export var DropAreaContainer = styled.div.withConfig({
|
|
|
24
24
|
})(["width:100%;margin:", ";"], function (props) {
|
|
25
25
|
return props.canUploadMore ? '12px 0 8px' : '0';
|
|
26
26
|
});
|
|
27
|
-
export var DropAreaLabel = styled(
|
|
27
|
+
export var DropAreaLabel = styled(Text).withConfig({
|
|
28
28
|
displayName: "AvatarUploaderstyles__DropAreaLabel",
|
|
29
29
|
componentId: "sc-1lljrgr-4"
|
|
30
30
|
})(["color:", ";font-weight:500;"], function (props) {
|
|
@@ -36,7 +36,7 @@ export var LargeDropAreaLabel = styled(TypographyLabel).withConfig({
|
|
|
36
36
|
})(["&&{font-size:14px;margin:4px 0 0;display:block;color:", ";}"], function (props) {
|
|
37
37
|
return props.theme.palette['grey-700'];
|
|
38
38
|
});
|
|
39
|
-
export var LargeDropAreaDescription = styled(
|
|
39
|
+
export var LargeDropAreaDescription = styled(Text).withConfig({
|
|
40
40
|
displayName: "AvatarUploaderstyles__LargeDropAreaDescription",
|
|
41
41
|
componentId: "sc-1lljrgr-6"
|
|
42
42
|
})(["&&{margin:4px 0 0;display:block;color:", ";}"], function (props) {
|
|
@@ -80,7 +80,7 @@ export var DropAreaButton = styled.button.withConfig({
|
|
|
80
80
|
}, IconContainer, function (props) {
|
|
81
81
|
return props.isDropping && !props.disabled && "\n height: " + (props.mode === 'multi-large' ? '200px' : '80px') + ";\n background-color: " + props.theme.palette['blue-050'] + " !important;\n border-color: " + props.theme.palette['blue-300'] + " !important;\n\n span, " + DropAreaLabel + ", " + LargeDropAreaLabel + ", " + LargeDropAreaDescription + " {\n color: " + props.theme.palette['blue-500'] + " !important;\n }\n\n " + IconContainer + " {\n color: " + props.theme.palette['blue-500'] + " !important;\n }\n ";
|
|
82
82
|
});
|
|
83
|
-
export var ErrorMessage = styled(
|
|
83
|
+
export var ErrorMessage = styled(Text).withConfig({
|
|
84
84
|
displayName: "AvatarUploaderstyles__ErrorMessage",
|
|
85
85
|
componentId: "sc-1lljrgr-8"
|
|
86
86
|
})(["&&{margin:8px 0 0;display:block;color:", ";}"], function (props) {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type StyledButton } from '@synerise/ds-button';
|
|
1
2
|
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
3
|
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
3
4
|
size?: import("@synerise/ds-typography").TextSize;
|
|
@@ -38,32 +39,5 @@ export declare const ErrorMessage: import("styled-components").StyledComponent<(
|
|
|
38
39
|
className?: string;
|
|
39
40
|
}) => React.JSX.Element, any, {}, never>;
|
|
40
41
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
41
|
-
export declare const UploadButton:
|
|
42
|
-
href: string;
|
|
43
|
-
target?: string;
|
|
44
|
-
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
45
|
-
} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
|
|
46
|
-
htmlType?: import("antd/lib/button/button").ButtonHTMLType;
|
|
47
|
-
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
48
|
-
} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
|
|
49
|
-
type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
|
|
50
|
-
mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
|
|
51
|
-
color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
|
|
52
|
-
groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
|
|
53
|
-
justifyContent?: string;
|
|
54
|
-
loading?: boolean | {
|
|
55
|
-
delay?: number;
|
|
56
|
-
};
|
|
57
|
-
onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
|
|
58
|
-
iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
|
|
59
|
-
error?: boolean;
|
|
60
|
-
readOnly?: boolean;
|
|
61
|
-
tagProps?: import("@synerise/ds-tag").TagProps;
|
|
62
|
-
tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
|
|
63
|
-
} & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
64
|
-
Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
65
|
-
Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
|
|
66
|
-
Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
|
|
67
|
-
Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
|
|
68
|
-
}, any, {}, never>;
|
|
42
|
+
export declare const UploadButton: StyledButton;
|
|
69
43
|
//# sourceMappingURL=FileUploader.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../src/FileUploader.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileUploader.styles.d.ts","sourceRoot":"","sources":["../src/FileUploader.styles.ts"],"names":[],"mappings":"AAEA,OAAe,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKhE,eAAO,MAAM,SAAS,oEAErB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;eAA6B,OAAO;SAM3D,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;wCAKzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;wCAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;iBACZ,OAAO;eACT,OAAO;UACZ,MAAM;aACH,OAAO;iBACH,MAAM;YACX,OAAO;SAyGhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;wCAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YAA+B,CAAC"}
|
|
@@ -8,7 +8,12 @@ export declare const FileWeight: import("styled-components").StyledComponent<"di
|
|
|
8
8
|
export declare const FileName: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
9
|
export declare const Name: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
10
10
|
export declare const FlexRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
export declare const SizeOrError: import("styled-components").StyledComponent<
|
|
11
|
+
export declare const SizeOrError: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
12
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
13
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
14
|
+
children?: import("react").ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
12
17
|
export declare const RemoveWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
18
|
export declare const CheckButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
14
19
|
export declare const RemoveButtonWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileView.styles.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF,eAAO,MAAM,IAAI;cAA0B,OAAO;SAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qIAQ9B,CAAC;AACF,eAAO,MAAM,UAAU,oEAKtB,CAAC;AACF,eAAO,MAAM,QAAQ,oEAKpB,CAAC;AACF,eAAO,MAAM,IAAI,sEAShB,CAAC;AAEF,eAAO,MAAM,OAAO,oEAEnB,CAAC;AAEF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"FileView.styles.d.ts","sourceRoot":"","sources":["../../src/FileView/FileView.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,oEAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAU5B,CAAC;AAEF,eAAO,MAAM,IAAI;cAA0B,OAAO;SAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qIAQ9B,CAAC;AACF,eAAO,MAAM,UAAU,oEAKtB,CAAC;AACF,eAAO,MAAM,QAAQ,oEAKpB,CAAC;AACF,eAAO,MAAM,IAAI,sEAShB,CAAC;AAEF,eAAO,MAAM,OAAO,oEAEnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;wCAIvB,CAAC;AACF,eAAO,MAAM,aAAa,oEAyBzB,CAAC;AACF,eAAO,MAAM,kBAAkB,oEAsB9B,CAAC;AACF,eAAO,MAAM,mBAAmB;cAA0B,OAAO;SA0BhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;eACjB,OAAO;YACV,OAAO;gBACH,OAAO;cACT,OAAO;eACN,OAAO;cACR,OAAO;SAqFlB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { IconContainer } from '@synerise/ds-icon';
|
|
3
3
|
import Popconfirm from '@synerise/ds-popconfirm';
|
|
4
|
-
import
|
|
4
|
+
import { Label, Text } from '@synerise/ds-typography';
|
|
5
5
|
export var PreviewImage = styled.div.withConfig({
|
|
6
6
|
displayName: "FileViewstyles__PreviewImage",
|
|
7
7
|
componentId: "sc-wpdc66-0"
|
|
@@ -46,7 +46,7 @@ export var FlexRow = styled.div.withConfig({
|
|
|
46
46
|
displayName: "FileViewstyles__FlexRow",
|
|
47
47
|
componentId: "sc-wpdc66-7"
|
|
48
48
|
})(["display:flex;"]);
|
|
49
|
-
export var SizeOrError = styled(
|
|
49
|
+
export var SizeOrError = styled(Text).withConfig({
|
|
50
50
|
displayName: "FileViewstyles__SizeOrError",
|
|
51
51
|
componentId: "sc-wpdc66-8"
|
|
52
52
|
})(["&&{color:", ";}"], function (props) {
|
|
@@ -3,9 +3,19 @@ export declare const UploaderContainer: import("styled-components").StyledCompon
|
|
|
3
3
|
export declare const DropAreaContainer: import("styled-components").StyledComponent<"div", any, {
|
|
4
4
|
canUploadMore: boolean;
|
|
5
5
|
}, never>;
|
|
6
|
-
export declare const DropAreaLabel: import("styled-components").StyledComponent<
|
|
6
|
+
export declare const DropAreaLabel: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
7
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
8
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
9
|
+
children?: import("react").ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
7
12
|
export declare const LargeDropAreaLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
8
|
-
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<
|
|
13
|
+
export declare const LargeDropAreaDescription: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
14
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
15
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
16
|
+
children?: import("react").ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
9
19
|
export declare const DropAreaButton: import("styled-components").StyledComponent<"button", any, {
|
|
10
20
|
isDropping?: boolean;
|
|
11
21
|
hasError?: boolean;
|
|
@@ -13,8 +23,18 @@ export declare const DropAreaButton: import("styled-components").StyledComponent
|
|
|
13
23
|
pressed: boolean;
|
|
14
24
|
filesLength: number;
|
|
15
25
|
}, never>;
|
|
16
|
-
export declare const ErrorMessage: import("styled-components").StyledComponent<
|
|
17
|
-
|
|
26
|
+
export declare const ErrorMessage: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
27
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
28
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
29
|
+
children?: import("react").ReactNode;
|
|
30
|
+
className?: string;
|
|
31
|
+
}) => React.JSX.Element, any, {}, never>;
|
|
32
|
+
export declare const Description: import("styled-components").StyledComponent<({ size, className, children, ellipsis, }: {
|
|
33
|
+
size?: import("@synerise/ds-typography").TextSize;
|
|
34
|
+
ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
|
|
35
|
+
children?: import("react").ReactNode;
|
|
36
|
+
className?: string;
|
|
37
|
+
}) => React.JSX.Element, any, {
|
|
18
38
|
hasError?: boolean;
|
|
19
39
|
}, never>;
|
|
20
40
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemUploader.styles.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,oEAErB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"ItemUploader.styles.d.ts","sourceRoot":"","sources":["../../src/ItemUploader/ItemUploader.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,oEAErB,CAAC;AACF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;SAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;wCAGzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sEAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;wCAMpC,CAAC;AAEF,eAAO,MAAM,cAAc;iBACZ,OAAO;eACT,OAAO;UACZ,MAAM;aACH,OAAO;iBACH,MAAM;SAsGpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;wCAMxB,CAAC;AACF,eAAO,MAAM,WAAW;;;;;;eAA6B,OAAO;SAM3D,CAAC;AAEF,eAAO,MAAM,KAAK,sEAWjB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { IconContainer } from '@synerise/ds-icon';
|
|
3
|
-
import
|
|
3
|
+
import { Text, Label as TypographyLabel } from '@synerise/ds-typography';
|
|
4
4
|
export var Container = styled.div.withConfig({
|
|
5
5
|
displayName: "ItemUploaderstyles__Container",
|
|
6
6
|
componentId: "sc-a5v1d2-0"
|
|
@@ -15,7 +15,7 @@ export var DropAreaContainer = styled.div.withConfig({
|
|
|
15
15
|
})(["width:100%;margin:", ";"], function (props) {
|
|
16
16
|
return props.canUploadMore ? '12px 0 8px' : '0';
|
|
17
17
|
});
|
|
18
|
-
export var DropAreaLabel = styled(
|
|
18
|
+
export var DropAreaLabel = styled(Text).withConfig({
|
|
19
19
|
displayName: "ItemUploaderstyles__DropAreaLabel",
|
|
20
20
|
componentId: "sc-a5v1d2-3"
|
|
21
21
|
})(["color:", ";font-weight:500;"], function (props) {
|
|
@@ -27,7 +27,7 @@ export var LargeDropAreaLabel = styled(TypographyLabel).withConfig({
|
|
|
27
27
|
})(["&&{font-size:14px;margin:4px 0 0;display:block;color:", ";}"], function (props) {
|
|
28
28
|
return props.theme.palette['grey-700'];
|
|
29
29
|
});
|
|
30
|
-
export var LargeDropAreaDescription = styled(
|
|
30
|
+
export var LargeDropAreaDescription = styled(Text).withConfig({
|
|
31
31
|
displayName: "ItemUploaderstyles__LargeDropAreaDescription",
|
|
32
32
|
componentId: "sc-a5v1d2-5"
|
|
33
33
|
})(["&&{margin:4px 0 0;display:block;color:", ";}"], function (props) {
|
|
@@ -71,13 +71,13 @@ export var DropAreaButton = styled.button.withConfig({
|
|
|
71
71
|
}, IconContainer, function (props) {
|
|
72
72
|
return props.isDropping && !props.disabled && "\n height: " + (props.mode === 'multi-large' ? '168px' : 'auto') + ";\n background-color: " + props.theme.palette['blue-050'] + " !important;\n border-color: " + props.theme.palette['blue-300'] + " !important;\n\n span, " + DropAreaLabel + ", " + LargeDropAreaLabel + ", " + LargeDropAreaDescription + " {\n color: " + props.theme.palette['blue-500'] + " !important;\n }\n\n " + IconContainer + " {\n color: " + props.theme.palette['blue-500'] + " !important;\n }\n ";
|
|
73
73
|
});
|
|
74
|
-
export var ErrorMessage = styled(
|
|
74
|
+
export var ErrorMessage = styled(Text).withConfig({
|
|
75
75
|
displayName: "ItemUploaderstyles__ErrorMessage",
|
|
76
76
|
componentId: "sc-a5v1d2-7"
|
|
77
77
|
})(["&&{margin:8px 0 0;display:block;color:", ";}"], function (props) {
|
|
78
78
|
return props.theme.palette['red-600'];
|
|
79
79
|
});
|
|
80
|
-
export var Description = styled(
|
|
80
|
+
export var Description = styled(Text).withConfig({
|
|
81
81
|
displayName: "ItemUploaderstyles__Description",
|
|
82
82
|
componentId: "sc-a5v1d2-8"
|
|
83
83
|
})(["&&{margin:", ";display:block;color:", ";}"], function (props) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-file-uploader",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.12",
|
|
4
4
|
"description": "FileUploader UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
22
|
"build:watch": "npm run build:js -- --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly --declarationMap",
|
|
24
|
-
"pack:ci": "
|
|
24
|
+
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "npm run build",
|
|
26
26
|
"test": "jest",
|
|
27
27
|
"test:watch": "npm run test -- --watchAll",
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
],
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@synerise/ds-button": "^1.5.
|
|
39
|
-
"@synerise/ds-icon": "^1.9.
|
|
40
|
-
"@synerise/ds-loader": "^1.0.
|
|
41
|
-
"@synerise/ds-popconfirm": "^1.0.
|
|
42
|
-
"@synerise/ds-progress-bar": "^1.1.
|
|
43
|
-
"@synerise/ds-tooltip": "^1.3.
|
|
44
|
-
"@synerise/ds-typography": "^1.0.
|
|
45
|
-
"@synerise/ds-utils": "^1.5.
|
|
38
|
+
"@synerise/ds-button": "^1.5.2",
|
|
39
|
+
"@synerise/ds-icon": "^1.9.1",
|
|
40
|
+
"@synerise/ds-loader": "^1.0.11",
|
|
41
|
+
"@synerise/ds-popconfirm": "^1.0.31",
|
|
42
|
+
"@synerise/ds-progress-bar": "^1.1.24",
|
|
43
|
+
"@synerise/ds-tooltip": "^1.3.2",
|
|
44
|
+
"@synerise/ds-typography": "^1.0.25",
|
|
45
|
+
"@synerise/ds-utils": "^1.5.1",
|
|
46
46
|
"filesize.js": "^2.0.0",
|
|
47
47
|
"react-dropzone": "^10.2.1"
|
|
48
48
|
},
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
53
53
|
"styled-components": "^5.3.3"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
|
|
56
56
|
}
|