@scaleflex/widget-common 4.8.5 → 4.8.7
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/README.md +58 -58
- package/lib/AssetPreview.js +2 -2
- package/lib/Avatar/index.js +13 -13
- package/lib/BackButton.js +2 -2
- package/lib/BackdropOverlay.js +2 -2
- package/lib/BadgeButton.js +4 -4
- package/lib/BaseButton.js +5 -5
- package/lib/Button.js +4 -4
- package/lib/Checkbox.js +2 -2
- package/lib/CloseButton.js +2 -2
- package/lib/ColorPicker/index.js +2 -2
- package/lib/DatePicker/index.scss +254 -254
- package/lib/DropFilesWindow.js +2 -2
- package/lib/FilterItem/index.js +2 -2
- package/lib/FilterPopup/index.js +12 -12
- package/lib/FormControl.js +2 -2
- package/lib/FormGroup.js +2 -2
- package/lib/FormHelperText.js +6 -6
- package/lib/IconLabeledButton.js +4 -4
- package/lib/Image/index.js +2 -2
- package/lib/InputAndLabel.js +2 -2
- package/lib/InputLabel.js +2 -2
- package/lib/ItemHoverTopOptions.js +2 -2
- package/lib/LoaderView/index.js +2 -2
- package/lib/MetaData/MetaDataField.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldBooleanType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldDateType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldMultiSelectType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldNumericType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldSelectType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTagsType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTextType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetaDataFieldTextareaType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetadataFieldUriType.js +2 -2
- package/lib/MetaData/MetaDataFieldTypes/MetadataGeoPointField/index.js +2 -2
- package/lib/OverlayCard/index.js +2 -2
- package/lib/Radiobox.js +2 -2
- package/lib/Spinner.js +2 -2
- package/lib/SuggestedSelectInput/index.js +2 -2
- package/lib/SuggestedTagsInput/SuggestedTagsInput.js +2 -2
- package/lib/Tabs.js +2 -2
- package/lib/Transitions/SlideTransition.js +2 -2
- package/lib/Transitions/transitions.scss +49 -49
- package/lib/Typography/Typography.js +2 -2
- package/lib/VirtualGrid/VirtualGrid.utils.js +2 -2
- package/lib/VirtualGrid/index.js +13 -13
- package/lib/VirtualList/index.js +12 -12
- package/lib/hooks/useInputWithLocaleNumber.js +3 -3
- package/lib/style.scss +1079 -1079
- package/package.json +32 -32
- package/CHANGELOG.md +0 -8372
- package/LICENSE +0 -21
|
@@ -1,254 +1,254 @@
|
|
|
1
|
-
@import '@scaleflex/widget-core/lib/_variables.scss';
|
|
2
|
-
|
|
3
|
-
// packages/@filerobot/common/src/DatePicker/MyDatePicker.jsx
|
|
4
|
-
.filerobot-common-datePicker{
|
|
5
|
-
position: relative;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
* {
|
|
9
|
-
-webkit-touch-callout: none; /* iOS Safari */
|
|
10
|
-
-webkit-user-select: none; /* Chrome/Safari/Opera */
|
|
11
|
-
-khtml-user-select: none; /* Konqueror */
|
|
12
|
-
-moz-user-select: none; /* Firefox */
|
|
13
|
-
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
14
|
-
user-select: none; /* Non-prefixed version, currently */
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&-overlay {
|
|
18
|
-
position: absolute;
|
|
19
|
-
top: 0;
|
|
20
|
-
left: 0;
|
|
21
|
-
right: 0;
|
|
22
|
-
bottom: 0;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&-input {
|
|
26
|
-
overflow: hidden;
|
|
27
|
-
|
|
28
|
-
input {
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
input:focus{
|
|
33
|
-
outline: none;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&-container {
|
|
38
|
-
position: absolute;
|
|
39
|
-
width: 215px;
|
|
40
|
-
min-height: 200px;
|
|
41
|
-
max-height: 240px;
|
|
42
|
-
background: #fff;
|
|
43
|
-
box-shadow: 10px 10px 40px rgba(0,0,0,0.2);
|
|
44
|
-
border-radius: 4px;
|
|
45
|
-
overflow: hidden;
|
|
46
|
-
padding: 12px 12px;
|
|
47
|
-
z-index: 11111111111111;
|
|
48
|
-
|
|
49
|
-
&-head {
|
|
50
|
-
display: flex;
|
|
51
|
-
align-items: center;
|
|
52
|
-
&-body{
|
|
53
|
-
float: left;
|
|
54
|
-
width: 120px;
|
|
55
|
-
height: 100%;
|
|
56
|
-
|
|
57
|
-
&-year{
|
|
58
|
-
width: 100%;
|
|
59
|
-
height: 30px;
|
|
60
|
-
font-size: 27px;
|
|
61
|
-
color: $active;
|
|
62
|
-
font-weight: 200px;
|
|
63
|
-
text-align: center;
|
|
64
|
-
float: left;
|
|
65
|
-
}
|
|
66
|
-
&-month{
|
|
67
|
-
float: left;
|
|
68
|
-
width: 100%;
|
|
69
|
-
height: 15px;
|
|
70
|
-
font-size: 13px;
|
|
71
|
-
color: $active;
|
|
72
|
-
font-weight: 200px;
|
|
73
|
-
text-align: center;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&-button{
|
|
78
|
-
width: 45px;
|
|
79
|
-
height: 100%;
|
|
80
|
-
box-sizing: border-box;
|
|
81
|
-
position: relative;
|
|
82
|
-
&-inner {
|
|
83
|
-
float: left;
|
|
84
|
-
height: 25px;
|
|
85
|
-
width: 25px;
|
|
86
|
-
background: #f4f4f4;
|
|
87
|
-
border-radius: 2px;
|
|
88
|
-
line-height: 35px;
|
|
89
|
-
text-align: center;
|
|
90
|
-
position: absolute;
|
|
91
|
-
top:50%;
|
|
92
|
-
left: 50%;
|
|
93
|
-
margin-left: -17px;
|
|
94
|
-
margin-top: -17px;
|
|
95
|
-
|
|
96
|
-
&:hover > span{
|
|
97
|
-
border-color: #555!important;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
&:hover {
|
|
101
|
-
cursor: pointer;
|
|
102
|
-
background: #eee;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
&-calendar {
|
|
110
|
-
width: 100%;
|
|
111
|
-
height: 100%;
|
|
112
|
-
|
|
113
|
-
&-body,
|
|
114
|
-
&-day span,
|
|
115
|
-
&-day,
|
|
116
|
-
&-day-container
|
|
117
|
-
{
|
|
118
|
-
position: relative;
|
|
119
|
-
display: block;
|
|
120
|
-
float: left;
|
|
121
|
-
-webkit-box-sizing: border-box;
|
|
122
|
-
-moz-box-sizing: border-box;
|
|
123
|
-
box-sizing: border-box;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
&-body {
|
|
127
|
-
height: 250px;
|
|
128
|
-
width: 100%;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
&-day {
|
|
132
|
-
width: 14%;
|
|
133
|
-
height: 10%;
|
|
134
|
-
|
|
135
|
-
&-container{
|
|
136
|
-
width: 100%;
|
|
137
|
-
height: 100%;
|
|
138
|
-
font-size: 12px;
|
|
139
|
-
font-weight: 300;
|
|
140
|
-
color: $darkgrey;
|
|
141
|
-
text-align: center;
|
|
142
|
-
|
|
143
|
-
& span{
|
|
144
|
-
width: 25px;
|
|
145
|
-
height: 25px;
|
|
146
|
-
margin-top: -15px;
|
|
147
|
-
margin-left: -15px;
|
|
148
|
-
left: 50%;
|
|
149
|
-
top: 50%;
|
|
150
|
-
font-weight: 400;
|
|
151
|
-
border-radius: 2px;
|
|
152
|
-
line-height: 30px;
|
|
153
|
-
|
|
154
|
-
&:hover{
|
|
155
|
-
cursor: pointer;
|
|
156
|
-
background: $active-secondary;
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
&.disabled{
|
|
162
|
-
pointer-events: none;
|
|
163
|
-
}
|
|
164
|
-
&.disabled &-container span{
|
|
165
|
-
color: #ddd;
|
|
166
|
-
}
|
|
167
|
-
&.disabled &-container span{
|
|
168
|
-
background: #fff!important;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
&.highlight &-container span{
|
|
172
|
-
background: $active;
|
|
173
|
-
}
|
|
174
|
-
&.highlight-green &-container span{
|
|
175
|
-
background: $accent-active;
|
|
176
|
-
color: $white;
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
&-head {
|
|
181
|
-
display: flex;
|
|
182
|
-
height: 20px;
|
|
183
|
-
width: 100%;
|
|
184
|
-
margin-top: 2px;
|
|
185
|
-
margin-bottom: 5px;
|
|
186
|
-
|
|
187
|
-
&-name {
|
|
188
|
-
width: 14.285%;
|
|
189
|
-
height: 30px;
|
|
190
|
-
line-height: 30px;
|
|
191
|
-
font-weight: 700;
|
|
192
|
-
color: $active;
|
|
193
|
-
font-size: 9px;
|
|
194
|
-
text-align: center;
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
.mdpchbi-right-arrows:after,
|
|
205
|
-
.mdpchbi-left-arrows:after,
|
|
206
|
-
.mdpchbi-right-arrow,
|
|
207
|
-
.mdpchbi-right-arrows,
|
|
208
|
-
.mdpchbi-left-arrow,
|
|
209
|
-
.mdpchbi-left-arrows{
|
|
210
|
-
display: block;
|
|
211
|
-
float: left;
|
|
212
|
-
width: 6px;
|
|
213
|
-
height: 6px;
|
|
214
|
-
border-left: 2px solid #888;
|
|
215
|
-
border-bottom: 2px solid #888;
|
|
216
|
-
position: absolute;
|
|
217
|
-
}
|
|
218
|
-
.mdpchbi-right-arrow,
|
|
219
|
-
.mdpchbi-right-arrows,
|
|
220
|
-
.mdpchbi-left-arrow,
|
|
221
|
-
.mdpchbi-left-arrows{
|
|
222
|
-
transform: rotate(45deg);
|
|
223
|
-
left: 50%;
|
|
224
|
-
top:50%;
|
|
225
|
-
margin-left: -2px;
|
|
226
|
-
margin-top: -4px;
|
|
227
|
-
}
|
|
228
|
-
.mdpchbi-right-arrows,
|
|
229
|
-
.mdpchbi-right-arrow {
|
|
230
|
-
transform: rotate(225deg);
|
|
231
|
-
margin-left: -4px;
|
|
232
|
-
}
|
|
233
|
-
.mdpchbi-right-arrows:after,
|
|
234
|
-
.mdpchbi-left-arrows:after{
|
|
235
|
-
content: '';
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
.mdpchbi-left-arrows{
|
|
239
|
-
margin-left: -5px;
|
|
240
|
-
}
|
|
241
|
-
.mdpchbi-right-arrows{
|
|
242
|
-
margin-left: -2px;
|
|
243
|
-
}
|
|
244
|
-
.mdpchbi-right-arrows:after,
|
|
245
|
-
.mdpchbi-left-arrows:after{
|
|
246
|
-
left: 3px;
|
|
247
|
-
top: -5px
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
1
|
+
@import '@scaleflex/widget-core/lib/_variables.scss';
|
|
2
|
+
|
|
3
|
+
// packages/@filerobot/common/src/DatePicker/MyDatePicker.jsx
|
|
4
|
+
.filerobot-common-datePicker{
|
|
5
|
+
position: relative;
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
* {
|
|
9
|
+
-webkit-touch-callout: none; /* iOS Safari */
|
|
10
|
+
-webkit-user-select: none; /* Chrome/Safari/Opera */
|
|
11
|
+
-khtml-user-select: none; /* Konqueror */
|
|
12
|
+
-moz-user-select: none; /* Firefox */
|
|
13
|
+
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
14
|
+
user-select: none; /* Non-prefixed version, currently */
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&-overlay {
|
|
18
|
+
position: absolute;
|
|
19
|
+
top: 0;
|
|
20
|
+
left: 0;
|
|
21
|
+
right: 0;
|
|
22
|
+
bottom: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&-input {
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
|
|
28
|
+
input {
|
|
29
|
+
cursor: pointer;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
input:focus{
|
|
33
|
+
outline: none;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&-container {
|
|
38
|
+
position: absolute;
|
|
39
|
+
width: 215px;
|
|
40
|
+
min-height: 200px;
|
|
41
|
+
max-height: 240px;
|
|
42
|
+
background: #fff;
|
|
43
|
+
box-shadow: 10px 10px 40px rgba(0,0,0,0.2);
|
|
44
|
+
border-radius: 4px;
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
padding: 12px 12px;
|
|
47
|
+
z-index: 11111111111111;
|
|
48
|
+
|
|
49
|
+
&-head {
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
&-body{
|
|
53
|
+
float: left;
|
|
54
|
+
width: 120px;
|
|
55
|
+
height: 100%;
|
|
56
|
+
|
|
57
|
+
&-year{
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: 30px;
|
|
60
|
+
font-size: 27px;
|
|
61
|
+
color: $active;
|
|
62
|
+
font-weight: 200px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
float: left;
|
|
65
|
+
}
|
|
66
|
+
&-month{
|
|
67
|
+
float: left;
|
|
68
|
+
width: 100%;
|
|
69
|
+
height: 15px;
|
|
70
|
+
font-size: 13px;
|
|
71
|
+
color: $active;
|
|
72
|
+
font-weight: 200px;
|
|
73
|
+
text-align: center;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&-button{
|
|
78
|
+
width: 45px;
|
|
79
|
+
height: 100%;
|
|
80
|
+
box-sizing: border-box;
|
|
81
|
+
position: relative;
|
|
82
|
+
&-inner {
|
|
83
|
+
float: left;
|
|
84
|
+
height: 25px;
|
|
85
|
+
width: 25px;
|
|
86
|
+
background: #f4f4f4;
|
|
87
|
+
border-radius: 2px;
|
|
88
|
+
line-height: 35px;
|
|
89
|
+
text-align: center;
|
|
90
|
+
position: absolute;
|
|
91
|
+
top:50%;
|
|
92
|
+
left: 50%;
|
|
93
|
+
margin-left: -17px;
|
|
94
|
+
margin-top: -17px;
|
|
95
|
+
|
|
96
|
+
&:hover > span{
|
|
97
|
+
border-color: #555!important;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
&:hover {
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
background: #eee;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
&-calendar {
|
|
110
|
+
width: 100%;
|
|
111
|
+
height: 100%;
|
|
112
|
+
|
|
113
|
+
&-body,
|
|
114
|
+
&-day span,
|
|
115
|
+
&-day,
|
|
116
|
+
&-day-container
|
|
117
|
+
{
|
|
118
|
+
position: relative;
|
|
119
|
+
display: block;
|
|
120
|
+
float: left;
|
|
121
|
+
-webkit-box-sizing: border-box;
|
|
122
|
+
-moz-box-sizing: border-box;
|
|
123
|
+
box-sizing: border-box;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&-body {
|
|
127
|
+
height: 250px;
|
|
128
|
+
width: 100%;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
&-day {
|
|
132
|
+
width: 14%;
|
|
133
|
+
height: 10%;
|
|
134
|
+
|
|
135
|
+
&-container{
|
|
136
|
+
width: 100%;
|
|
137
|
+
height: 100%;
|
|
138
|
+
font-size: 12px;
|
|
139
|
+
font-weight: 300;
|
|
140
|
+
color: $darkgrey;
|
|
141
|
+
text-align: center;
|
|
142
|
+
|
|
143
|
+
& span{
|
|
144
|
+
width: 25px;
|
|
145
|
+
height: 25px;
|
|
146
|
+
margin-top: -15px;
|
|
147
|
+
margin-left: -15px;
|
|
148
|
+
left: 50%;
|
|
149
|
+
top: 50%;
|
|
150
|
+
font-weight: 400;
|
|
151
|
+
border-radius: 2px;
|
|
152
|
+
line-height: 30px;
|
|
153
|
+
|
|
154
|
+
&:hover{
|
|
155
|
+
cursor: pointer;
|
|
156
|
+
background: $active-secondary;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
&.disabled{
|
|
162
|
+
pointer-events: none;
|
|
163
|
+
}
|
|
164
|
+
&.disabled &-container span{
|
|
165
|
+
color: #ddd;
|
|
166
|
+
}
|
|
167
|
+
&.disabled &-container span{
|
|
168
|
+
background: #fff!important;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
&.highlight &-container span{
|
|
172
|
+
background: $active;
|
|
173
|
+
}
|
|
174
|
+
&.highlight-green &-container span{
|
|
175
|
+
background: $accent-active;
|
|
176
|
+
color: $white;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
&-head {
|
|
181
|
+
display: flex;
|
|
182
|
+
height: 20px;
|
|
183
|
+
width: 100%;
|
|
184
|
+
margin-top: 2px;
|
|
185
|
+
margin-bottom: 5px;
|
|
186
|
+
|
|
187
|
+
&-name {
|
|
188
|
+
width: 14.285%;
|
|
189
|
+
height: 30px;
|
|
190
|
+
line-height: 30px;
|
|
191
|
+
font-weight: 700;
|
|
192
|
+
color: $active;
|
|
193
|
+
font-size: 9px;
|
|
194
|
+
text-align: center;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
.mdpchbi-right-arrows:after,
|
|
205
|
+
.mdpchbi-left-arrows:after,
|
|
206
|
+
.mdpchbi-right-arrow,
|
|
207
|
+
.mdpchbi-right-arrows,
|
|
208
|
+
.mdpchbi-left-arrow,
|
|
209
|
+
.mdpchbi-left-arrows{
|
|
210
|
+
display: block;
|
|
211
|
+
float: left;
|
|
212
|
+
width: 6px;
|
|
213
|
+
height: 6px;
|
|
214
|
+
border-left: 2px solid #888;
|
|
215
|
+
border-bottom: 2px solid #888;
|
|
216
|
+
position: absolute;
|
|
217
|
+
}
|
|
218
|
+
.mdpchbi-right-arrow,
|
|
219
|
+
.mdpchbi-right-arrows,
|
|
220
|
+
.mdpchbi-left-arrow,
|
|
221
|
+
.mdpchbi-left-arrows{
|
|
222
|
+
transform: rotate(45deg);
|
|
223
|
+
left: 50%;
|
|
224
|
+
top:50%;
|
|
225
|
+
margin-left: -2px;
|
|
226
|
+
margin-top: -4px;
|
|
227
|
+
}
|
|
228
|
+
.mdpchbi-right-arrows,
|
|
229
|
+
.mdpchbi-right-arrow {
|
|
230
|
+
transform: rotate(225deg);
|
|
231
|
+
margin-left: -4px;
|
|
232
|
+
}
|
|
233
|
+
.mdpchbi-right-arrows:after,
|
|
234
|
+
.mdpchbi-left-arrows:after{
|
|
235
|
+
content: '';
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.mdpchbi-left-arrows{
|
|
239
|
+
margin-left: -5px;
|
|
240
|
+
}
|
|
241
|
+
.mdpchbi-right-arrows{
|
|
242
|
+
margin-left: -2px;
|
|
243
|
+
}
|
|
244
|
+
.mdpchbi-right-arrows:after,
|
|
245
|
+
.mdpchbi-left-arrows:after{
|
|
246
|
+
left: 3px;
|
|
247
|
+
top: -5px
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
|
package/lib/DropFilesWindow.js
CHANGED
|
@@ -5,8 +5,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
9
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
8
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
10
|
import { useEffect } from 'react';
|
|
11
11
|
import { Upload } from '@scaleflex/icons';
|
|
12
12
|
import { useTheme } from '@scaleflex/ui/theme/hooks';
|
package/lib/FilterItem/index.js
CHANGED
|
@@ -5,8 +5,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
9
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
8
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
10
|
import { ArrowBottom } from '@scaleflex/icons';
|
|
11
11
|
import { EllipsedText } from '@scaleflex/ui/core';
|
|
12
12
|
import Styled from './FilterItem.styled';
|
package/lib/FilterPopup/index.js
CHANGED
|
@@ -25,18 +25,18 @@ var FilterPopup = function FilterPopup(_ref) {
|
|
|
25
25
|
zIndex = _ref$zIndex === void 0 ? 1200 : _ref$zIndex;
|
|
26
26
|
var popupRef = useRef(null);
|
|
27
27
|
useEffect(function () {
|
|
28
|
-
/**
|
|
29
|
-
* The popups created by components such as SFX DatePicker, Calendar, Select, etc.,
|
|
30
|
-
* are appended directly to the DOM root element (body element).
|
|
31
|
-
* Therefore, we cannot directly access these popups from within the filter Popover.
|
|
32
|
-
*
|
|
33
|
-
* To handle outside clicks, we need to:
|
|
34
|
-
* 1. Check if the click happened inside our popup (referenced by popupRef).
|
|
35
|
-
* 2. Check if the click happened inside any of the dynamically created poppers
|
|
36
|
-
* (identified by the class name specified in SFX_CLASSES.POPPER).
|
|
37
|
-
* 3. Check if the click happened on a filter item (identified by the class name specified in SFX_CLASSES.FILTER_ITEM).
|
|
38
|
-
*
|
|
39
|
-
* If the click did not occur within any of these elements, we trigger the onRequestClose callback.
|
|
28
|
+
/**
|
|
29
|
+
* The popups created by components such as SFX DatePicker, Calendar, Select, etc.,
|
|
30
|
+
* are appended directly to the DOM root element (body element).
|
|
31
|
+
* Therefore, we cannot directly access these popups from within the filter Popover.
|
|
32
|
+
*
|
|
33
|
+
* To handle outside clicks, we need to:
|
|
34
|
+
* 1. Check if the click happened inside our popup (referenced by popupRef).
|
|
35
|
+
* 2. Check if the click happened inside any of the dynamically created poppers
|
|
36
|
+
* (identified by the class name specified in SFX_CLASSES.POPPER).
|
|
37
|
+
* 3. Check if the click happened on a filter item (identified by the class name specified in SFX_CLASSES.FILTER_ITEM).
|
|
38
|
+
*
|
|
39
|
+
* If the click did not occur within any of these elements, we trigger the onRequestClose callback.
|
|
40
40
|
*/
|
|
41
41
|
var handleClickOutside = function handleClickOutside(event) {
|
|
42
42
|
if (!popupRef.current) return;
|
package/lib/FormControl.js
CHANGED
|
@@ -6,8 +6,8 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
|
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
10
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
9
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
11
11
|
var FormControl = function FormControl(_ref) {
|
|
12
12
|
var classes = _ref.classes,
|
|
13
13
|
_ref$error = _ref.error,
|
package/lib/FormGroup.js
CHANGED
|
@@ -6,8 +6,8 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
|
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
10
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
9
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
11
11
|
var FormGroup = function FormGroup(_ref) {
|
|
12
12
|
var classes = _ref.classes,
|
|
13
13
|
rest = _objectWithoutProperties(_ref, _excluded);
|
package/lib/FormHelperText.js
CHANGED
|
@@ -6,14 +6,14 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
|
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
10
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
9
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
11
11
|
var baseClassName = 'filerobot-common-FormHelperText';
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* @param {object} props
|
|
15
|
-
* @param {('small'|'medium')} [props.size='small']
|
|
16
|
-
* @param {boolean} [props.noMargin=false]
|
|
13
|
+
/**
|
|
14
|
+
* @param {object} props
|
|
15
|
+
* @param {('small'|'medium')} [props.size='small']
|
|
16
|
+
* @param {boolean} [props.noMargin=false]
|
|
17
17
|
*/
|
|
18
18
|
var FormHelperText = function FormHelperText(_ref) {
|
|
19
19
|
var classes = _ref.classes,
|
package/lib/IconLabeledButton.js
CHANGED
|
@@ -5,12 +5,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
5
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
6
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
9
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
8
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
10
|
import BaseButton from './BaseButton';
|
|
11
11
|
|
|
12
|
-
/*
|
|
13
|
-
* @size = small/medium/large/fullWidth
|
|
12
|
+
/*
|
|
13
|
+
* @size = small/medium/large/fullWidth
|
|
14
14
|
*/
|
|
15
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
16
|
export default (function (_ref) {
|
package/lib/Image/index.js
CHANGED
|
@@ -11,8 +11,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
11
11
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
12
12
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
13
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
14
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
15
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
14
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
16
16
|
import { useState } from 'react';
|
|
17
17
|
import Styled from './Image.styled';
|
|
18
18
|
import { jsx as _jsx } from "react/jsx-runtime";
|
package/lib/InputAndLabel.js
CHANGED
|
@@ -6,8 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
6
6
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
7
7
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
8
8
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var
|
|
10
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.
|
|
9
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
10
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
11
11
|
var InputAndLabel = function InputAndLabel(_ref) {
|
|
12
12
|
var _ref$item = _ref.item,
|
|
13
13
|
item = _ref$item === void 0 ? {} : _ref$item,
|