@entur/dropdown 3.0.19-RC.1 → 3.0.19-RC.2
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 +4 -0
- package/dist/BaseDropdown.d.ts +1 -1
- package/dist/DownshiftProvider.d.ts +1 -1
- package/dist/Dropdown.d.ts +1 -1
- package/dist/DropdownInputGroup.d.ts +1 -1
- package/dist/DropdownList.d.ts +1 -1
- package/dist/DropdownLoadingDots.d.ts +1 -1
- package/dist/MultiSelect.d.ts +1 -1
- package/dist/NativeDropdown.d.ts +1 -1
- package/dist/RegularDropdown.d.ts +1 -1
- package/dist/SearchableDropdown.d.ts +1 -1
- package/dist/beta/DropdownList.d.ts +1 -1
- package/dist/beta/SearchableDropdown.d.ts +1 -1
- package/dist/dropdown.cjs.development.js +433 -598
- package/dist/dropdown.cjs.development.js.map +1 -1
- package/dist/dropdown.cjs.production.min.js +1 -1
- package/dist/dropdown.cjs.production.min.js.map +1 -1
- package/dist/dropdown.esm.js +433 -598
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +73 -94
- package/dist/useNormalizedItems.d.ts +2 -2
- package/dist/useResolvedItems.d.ts +3 -3
- package/package.json +9 -9
package/dist/styles.css
CHANGED
|
@@ -15,71 +15,6 @@
|
|
|
15
15
|
color: #181c56;
|
|
16
16
|
}/* DO NOT CHANGE!*/
|
|
17
17
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
18
|
-
.eds-dropdown-list {
|
|
19
|
-
border-radius: 0.25rem;
|
|
20
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
21
|
-
display: none;
|
|
22
|
-
list-style: none;
|
|
23
|
-
margin: 0;
|
|
24
|
-
max-height: 50vh;
|
|
25
|
-
padding: 0;
|
|
26
|
-
position: relative;
|
|
27
|
-
overflow-y: auto;
|
|
28
|
-
width: 100%;
|
|
29
|
-
z-index: 20;
|
|
30
|
-
}
|
|
31
|
-
.eds-contrast .eds-dropdown-list {
|
|
32
|
-
box-shadow: 0 0.0625rem 0.1875rem #393d79;
|
|
33
|
-
}
|
|
34
|
-
.eds-dropdown-list--open {
|
|
35
|
-
display: inline-block;
|
|
36
|
-
}
|
|
37
|
-
.eds-dropdown-list:focus {
|
|
38
|
-
outline: none;
|
|
39
|
-
}
|
|
40
|
-
@media all and (min-width: 50rem) {
|
|
41
|
-
.eds-dropdown-list {
|
|
42
|
-
max-height: 30vh;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.eds-dropdown-list__item {
|
|
47
|
-
align-items: center;
|
|
48
|
-
background-color: #f8f8f8;
|
|
49
|
-
border-bottom: 0.125rem solid #e9e9e9;
|
|
50
|
-
border-left: 0.125rem solid #e9e9e9;
|
|
51
|
-
border-right: 0.125rem solid #e9e9e9;
|
|
52
|
-
color: #181c56;
|
|
53
|
-
display: flex;
|
|
54
|
-
justify-content: space-between;
|
|
55
|
-
font-family: inherit;
|
|
56
|
-
font-size: 1rem;
|
|
57
|
-
line-height: 1.25rem;
|
|
58
|
-
padding: 0.75rem 1rem;
|
|
59
|
-
width: 100%;
|
|
60
|
-
}
|
|
61
|
-
.eds-dropdown-list__item:first-child {
|
|
62
|
-
border-top: 0.125rem solid #e9e9e9;
|
|
63
|
-
}
|
|
64
|
-
.eds-dropdown-list__item:last-child {
|
|
65
|
-
border-bottom: none;
|
|
66
|
-
}
|
|
67
|
-
.eds-contrast .eds-dropdown-list__item {
|
|
68
|
-
color: #181c56;
|
|
69
|
-
border-color: #54568c;
|
|
70
|
-
background-color: #ffffff;
|
|
71
|
-
}
|
|
72
|
-
.eds-dropdown-list__item--highlighted {
|
|
73
|
-
background-color: #d1d4e3;
|
|
74
|
-
}
|
|
75
|
-
.eds-contrast .eds-dropdown-list__item--highlighted {
|
|
76
|
-
background-color: #d1d4e3;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.eds-dropdown-list__item-icon {
|
|
80
|
-
margin-left: 0.75rem;
|
|
81
|
-
}/* DO NOT CHANGE!*/
|
|
82
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
83
18
|
.eds-multi-select {
|
|
84
19
|
position: relative;
|
|
85
20
|
}
|
|
@@ -161,28 +96,79 @@
|
|
|
161
96
|
}
|
|
162
97
|
.eds-multiselect-checkbox--checked .eds-checkbox-icon__path {
|
|
163
98
|
stroke: #ffffff;
|
|
164
|
-
|
|
165
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
@-webkit-keyframes stroke {
|
|
169
|
-
100% {
|
|
170
|
-
stroke-dashoffset: 0;
|
|
171
|
-
}
|
|
99
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
172
100
|
}
|
|
173
101
|
|
|
174
102
|
@keyframes stroke {
|
|
175
103
|
100% {
|
|
176
104
|
stroke-dashoffset: 0;
|
|
177
105
|
}
|
|
178
|
-
}
|
|
106
|
+
}@charset "UTF-8";
|
|
107
|
+
/* DO NOT CHANGE!*/
|
|
179
108
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
180
|
-
.eds-
|
|
109
|
+
.eds-dropdown-list {
|
|
110
|
+
border-radius: 0.25rem;
|
|
111
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
112
|
+
display: none;
|
|
113
|
+
list-style: none;
|
|
114
|
+
margin: 0;
|
|
115
|
+
max-height: 50vh;
|
|
116
|
+
padding: 0;
|
|
117
|
+
position: relative;
|
|
118
|
+
overflow-y: auto;
|
|
119
|
+
width: 100%;
|
|
120
|
+
z-index: 20;
|
|
121
|
+
}
|
|
122
|
+
.eds-contrast .eds-dropdown-list {
|
|
123
|
+
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
124
|
+
}
|
|
125
|
+
.eds-dropdown-list--open {
|
|
126
|
+
display: inline-block;
|
|
127
|
+
}
|
|
128
|
+
.eds-dropdown-list:focus {
|
|
129
|
+
outline: none;
|
|
130
|
+
}
|
|
131
|
+
@media all and (min-width: 50rem) {
|
|
132
|
+
.eds-dropdown-list {
|
|
133
|
+
max-height: 30vh;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.eds-dropdown-list__item {
|
|
181
138
|
align-items: center;
|
|
139
|
+
background-color: #f8f8f8;
|
|
140
|
+
border-bottom: 0.125rem solid #e9e9e9;
|
|
141
|
+
border-left: 0.125rem solid #e9e9e9;
|
|
142
|
+
border-right: 0.125rem solid #e9e9e9;
|
|
143
|
+
color: #181c56;
|
|
182
144
|
display: flex;
|
|
183
|
-
justify-content:
|
|
184
|
-
|
|
145
|
+
justify-content: space-between;
|
|
146
|
+
font-family: inherit;
|
|
147
|
+
font-size: 1rem;
|
|
148
|
+
line-height: 1.25rem;
|
|
149
|
+
padding: 0.75rem 1rem;
|
|
185
150
|
width: 100%;
|
|
151
|
+
}
|
|
152
|
+
.eds-dropdown-list__item:first-child {
|
|
153
|
+
border-top: 0.125rem solid #e9e9e9;
|
|
154
|
+
}
|
|
155
|
+
.eds-dropdown-list__item:last-child {
|
|
156
|
+
border-bottom: none;
|
|
157
|
+
}
|
|
158
|
+
.eds-contrast .eds-dropdown-list__item {
|
|
159
|
+
color: #181c56;
|
|
160
|
+
border-color: #54568c;
|
|
161
|
+
background-color: #ffffff;
|
|
162
|
+
}
|
|
163
|
+
.eds-dropdown-list__item--highlighted {
|
|
164
|
+
background-color: #d1d4e3;
|
|
165
|
+
}
|
|
166
|
+
.eds-contrast .eds-dropdown-list__item--highlighted {
|
|
167
|
+
background-color: #d1d4e3;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.eds-dropdown-list__item-icon {
|
|
171
|
+
margin-left: 0.75rem;
|
|
186
172
|
}/* DO NOT CHANGE!*/
|
|
187
173
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
188
174
|
.eds-dropdown__searchable-selected-item {
|
|
@@ -205,15 +191,19 @@
|
|
|
205
191
|
transition: none;
|
|
206
192
|
}
|
|
207
193
|
|
|
208
|
-
.eds-form-control.eds-dropdown__input:-ms-input-placeholder {
|
|
209
|
-
-ms-transition: none;
|
|
210
|
-
transition: none;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
194
|
.eds-form-control.eds-dropdown__input::placeholder {
|
|
214
195
|
transition: none;
|
|
215
196
|
}/* DO NOT CHANGE!*/
|
|
216
197
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
198
|
+
.eds-inline-spinner {
|
|
199
|
+
align-items: center;
|
|
200
|
+
display: flex;
|
|
201
|
+
justify-content: center;
|
|
202
|
+
height: 100%;
|
|
203
|
+
width: 100%;
|
|
204
|
+
}@charset "UTF-8";
|
|
205
|
+
/* DO NOT CHANGE!*/
|
|
206
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
217
207
|
.eds-searchable-dropdown__wrapper {
|
|
218
208
|
position: relative;
|
|
219
209
|
}
|
|
@@ -324,7 +314,7 @@
|
|
|
324
314
|
.eds-searchable-dropdown__list__item-icon {
|
|
325
315
|
margin-left: 0.75rem;
|
|
326
316
|
}
|
|
327
|
-
.eds-searchable-dropdown__list__item--highlighted
|
|
317
|
+
.eds-searchable-dropdown__list__item--highlighted {
|
|
328
318
|
background-color: #d1d4e3;
|
|
329
319
|
}
|
|
330
320
|
|
|
@@ -335,13 +325,6 @@
|
|
|
335
325
|
bottom: 1px;
|
|
336
326
|
}
|
|
337
327
|
|
|
338
|
-
.eds-form-control.eds-searchable-dropdown__input:-ms-input-placeholder {
|
|
339
|
-
-ms-transition: none;
|
|
340
|
-
transition: none;
|
|
341
|
-
position: relative;
|
|
342
|
-
bottom: 1px;
|
|
343
|
-
}
|
|
344
|
-
|
|
345
328
|
.eds-form-control.eds-searchable-dropdown__input::placeholder {
|
|
346
329
|
transition: none;
|
|
347
330
|
position: relative;
|
|
@@ -363,10 +346,6 @@
|
|
|
363
346
|
color: #656782;
|
|
364
347
|
}
|
|
365
348
|
|
|
366
|
-
.eds-dropdown__input:-ms-input-placeholder {
|
|
367
|
-
color: #656782;
|
|
368
|
-
}
|
|
369
|
-
|
|
370
349
|
.eds-dropdown__input::placeholder {
|
|
371
350
|
color: #656782;
|
|
372
351
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
/** A dropdown item has a string label and a string value */
|
|
3
|
-
export
|
|
3
|
+
export type NormalizedDropdownItemType = {
|
|
4
4
|
value: string;
|
|
5
5
|
label: string;
|
|
6
6
|
icons?: React.ComponentType<any>[];
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type DropdownItemType = {
|
|
9
9
|
value?: string;
|
|
10
10
|
label: string;
|
|
11
11
|
icons?: React.ComponentType<any>[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DropdownItemType, NormalizedDropdownItemType } from './useNormalizedItems';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
2
|
+
type AsyncDropdownItemType = (inputType: string) => Promise<DropdownItemType[]>;
|
|
3
|
+
type SyncDropdownItemType = (inputType: string) => DropdownItemType[];
|
|
4
|
+
export type PotentiallyAsyncDropdownItemType = DropdownItemType[] | SyncDropdownItemType | AsyncDropdownItemType;
|
|
5
5
|
export declare const useResolvedItems: (itemsOrItemsResolver: PotentiallyAsyncDropdownItemType, debounceTimeout?: number) => {
|
|
6
6
|
fetchItems: (arg: string) => void;
|
|
7
7
|
loading: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/dropdown",
|
|
3
|
-
"version": "3.0.19-RC.
|
|
3
|
+
"version": "3.0.19-RC.2",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.50-RC.
|
|
31
|
-
"@entur/chip": "^0.6.9-RC.
|
|
32
|
-
"@entur/form": "^5.4.6-RC.
|
|
33
|
-
"@entur/icons": "^5.0.1-RC.
|
|
34
|
-
"@entur/loader": "^0.4.13-RC.
|
|
30
|
+
"@entur/a11y": "^0.2.50-RC.2",
|
|
31
|
+
"@entur/chip": "^0.6.9-RC.2",
|
|
32
|
+
"@entur/form": "^5.4.6-RC.2",
|
|
33
|
+
"@entur/icons": "^5.0.1-RC.2",
|
|
34
|
+
"@entur/loader": "^0.4.13-RC.2",
|
|
35
35
|
"@entur/tokens": "^3.4.1",
|
|
36
|
-
"@entur/tooltip": "^2.5.18-RC.
|
|
37
|
-
"@entur/utils": "^0.5.0-RC.
|
|
36
|
+
"@entur/tooltip": "^2.5.18-RC.2",
|
|
37
|
+
"@entur/utils": "^0.5.0-RC.2",
|
|
38
38
|
"classnames": "^2.3.1",
|
|
39
39
|
"downshift": "^6.1.7"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "c994dd720e55fc4652ef5f05d7235d61b6bbfbf9"
|
|
42
42
|
}
|