@entur/dropdown 6.0.3-beta.2 → 6.0.3
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/dist/components/DropdownList.d.ts +5 -5
- package/dist/dropdown.cjs.development.js +22 -28
- 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 +22 -28
- package/dist/dropdown.esm.js.map +1 -1
- package/dist/styles.css +68 -62
- package/dist/utils.d.ts +1 -2
- package/package.json +10 -10
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,65 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
.eds-dropdown__searchable-selected-item {
|
|
4
|
+
display: block;
|
|
5
|
+
font-size: 1rem;
|
|
6
|
+
line-height: 1rem;
|
|
7
|
+
margin-right: -1rem;
|
|
8
|
+
padding: calc(1rem + 0.25rem) 0 0.25rem 1rem;
|
|
9
|
+
font-family: inherit;
|
|
10
|
+
overflow-x: hidden;
|
|
11
|
+
text-overflow: ellipsis;
|
|
12
|
+
white-space: nowrap;
|
|
13
|
+
}
|
|
14
|
+
.eds-dropdown__searchable-selected-item__wrapper {
|
|
15
|
+
max-width: 65%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.eds-form-control.eds-dropdown__input::-moz-placeholder {
|
|
19
|
+
-moz-transition: none;
|
|
20
|
+
transition: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.eds-form-control.eds-dropdown__input::placeholder {
|
|
24
|
+
transition: none;
|
|
25
|
+
}
|
|
26
|
+
.eds-inline-spinner {
|
|
27
|
+
align-items: center;
|
|
28
|
+
display: flex;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
height: 100%;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
/* DO NOT CHANGE!*/
|
|
34
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
35
|
+
.eds-dropdown__toggle-button {
|
|
36
|
+
-webkit-appearance: none;
|
|
37
|
+
-moz-appearance: none;
|
|
38
|
+
appearance: none;
|
|
39
|
+
background: none;
|
|
40
|
+
border: none;
|
|
41
|
+
border-radius: 0;
|
|
42
|
+
color: inherit;
|
|
43
|
+
font-size: inherit;
|
|
44
|
+
font-family: inherit;
|
|
45
|
+
margin-right: -0.75rem;
|
|
46
|
+
padding: 0.5rem;
|
|
47
|
+
display: flex;
|
|
48
|
+
justify-content: center;
|
|
49
|
+
}
|
|
50
|
+
.eds-dropdown__toggle-button--open svg {
|
|
51
|
+
transform: rotate(180deg);
|
|
52
|
+
}
|
|
53
|
+
.eds-dropdown__toggle-button:focus {
|
|
54
|
+
outline-offset: 0.125rem;
|
|
55
|
+
outline: none;
|
|
56
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
57
|
+
}
|
|
58
|
+
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
59
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
60
|
+
}
|
|
61
|
+
/* DO NOT CHANGE!*/
|
|
62
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
63
|
.eds-dropdown-list {
|
|
4
64
|
border-radius: 0.25rem;
|
|
5
65
|
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
@@ -64,31 +124,6 @@
|
|
|
64
124
|
}
|
|
65
125
|
/* DO NOT CHANGE!*/
|
|
66
126
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
67
|
-
.eds-dropdown__searchable-selected-item {
|
|
68
|
-
display: block;
|
|
69
|
-
font-size: 1rem;
|
|
70
|
-
line-height: 1rem;
|
|
71
|
-
margin-right: -1rem;
|
|
72
|
-
padding: calc(1rem + 0.25rem) 0 0.25rem 1rem;
|
|
73
|
-
font-family: inherit;
|
|
74
|
-
overflow-x: hidden;
|
|
75
|
-
text-overflow: ellipsis;
|
|
76
|
-
white-space: nowrap;
|
|
77
|
-
}
|
|
78
|
-
.eds-dropdown__searchable-selected-item__wrapper {
|
|
79
|
-
max-width: 65%;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.eds-form-control.eds-dropdown__input::-moz-placeholder {
|
|
83
|
-
-moz-transition: none;
|
|
84
|
-
transition: none;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.eds-form-control.eds-dropdown__input::placeholder {
|
|
88
|
-
transition: none;
|
|
89
|
-
}
|
|
90
|
-
/* DO NOT CHANGE!*/
|
|
91
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
92
127
|
.eds-dropdown-wrapper {
|
|
93
128
|
position: relative;
|
|
94
129
|
}
|
|
@@ -145,41 +180,6 @@
|
|
|
145
180
|
.eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
|
|
146
181
|
background-color: #8285a8;
|
|
147
182
|
}
|
|
148
|
-
.eds-inline-spinner {
|
|
149
|
-
align-items: center;
|
|
150
|
-
display: flex;
|
|
151
|
-
justify-content: center;
|
|
152
|
-
height: 100%;
|
|
153
|
-
width: 100%;
|
|
154
|
-
}
|
|
155
|
-
/* DO NOT CHANGE!*/
|
|
156
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
157
|
-
.eds-dropdown__toggle-button {
|
|
158
|
-
-webkit-appearance: none;
|
|
159
|
-
-moz-appearance: none;
|
|
160
|
-
appearance: none;
|
|
161
|
-
background: none;
|
|
162
|
-
border: none;
|
|
163
|
-
border-radius: 0;
|
|
164
|
-
color: inherit;
|
|
165
|
-
font-size: inherit;
|
|
166
|
-
font-family: inherit;
|
|
167
|
-
margin-right: -0.75rem;
|
|
168
|
-
padding: 0.5rem;
|
|
169
|
-
display: flex;
|
|
170
|
-
justify-content: center;
|
|
171
|
-
}
|
|
172
|
-
.eds-dropdown__toggle-button--open svg {
|
|
173
|
-
transform: rotate(180deg);
|
|
174
|
-
}
|
|
175
|
-
.eds-dropdown__toggle-button:focus {
|
|
176
|
-
outline-offset: 0.125rem;
|
|
177
|
-
outline: none;
|
|
178
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
179
|
-
}
|
|
180
|
-
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
181
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
182
|
-
}
|
|
183
183
|
/* DO NOT CHANGE!*/
|
|
184
184
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
185
185
|
.eds-multi-select {
|
|
@@ -285,6 +285,7 @@
|
|
|
285
285
|
border: 0.125rem solid var(--components-form-basemenu-border);
|
|
286
286
|
border-radius: 0.25rem;
|
|
287
287
|
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
288
|
+
cursor: default;
|
|
288
289
|
}
|
|
289
290
|
.eds-dropdown__list:focus {
|
|
290
291
|
outline: none;
|
|
@@ -392,6 +393,11 @@
|
|
|
392
393
|
border-color: transparent;
|
|
393
394
|
color: var(--components-dropdown-dropdown-standard-text-disabled);
|
|
394
395
|
}
|
|
396
|
+
.eds-dropdown__selected-item-tag__text {
|
|
397
|
+
text-wrap: nowrap;
|
|
398
|
+
text-overflow: ellipsis;
|
|
399
|
+
overflow-x: hidden;
|
|
400
|
+
}
|
|
395
401
|
.eds-contrast .eds-dropdown .eds-icon-button {
|
|
396
402
|
color: var(--components-button-iconbutton-standard-text);
|
|
397
403
|
}
|
|
@@ -445,8 +451,8 @@
|
|
|
445
451
|
display: flex;
|
|
446
452
|
justify-content: center;
|
|
447
453
|
height: 100%;
|
|
448
|
-
width:
|
|
449
|
-
margin-left:
|
|
454
|
+
width: 1.5rem;
|
|
455
|
+
margin-left: 0.25rem;
|
|
450
456
|
}
|
|
451
457
|
.eds-dropdown__appendix__toggle-button--loading-dots .eds-loading-dots__dot {
|
|
452
458
|
background-color: var(--components-loader-loader-standard-text);
|
package/dist/utils.d.ts
CHANGED
|
@@ -16,10 +16,9 @@ export declare const useMultiselectUtils: <ValueType>({ listItems, selectedItems
|
|
|
16
16
|
allListItemsAreSelected: boolean;
|
|
17
17
|
clickedItemIsInSelectedItems: (clickedItem: NormalizedDropdownItemType<ValueType>) => boolean;
|
|
18
18
|
clickedItemIsSelectAll: (clickedItem: NormalizedDropdownItemType<string | ValueType>) => boolean;
|
|
19
|
-
handleListItemClicked: ({ clickedItem, onChange,
|
|
19
|
+
handleListItemClicked: ({ clickedItem, onChange, }: {
|
|
20
20
|
clickedItem: NormalizedDropdownItemType<any>;
|
|
21
21
|
onChange: (value: NormalizedDropdownItemType<ValueType>[]) => void;
|
|
22
|
-
setLastClickedItem: any;
|
|
23
22
|
}) => void;
|
|
24
23
|
hasSelectedItems: boolean;
|
|
25
24
|
listItemsWithoutSelectAll: NormalizedDropdownItemType<ValueType>[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/dropdown",
|
|
3
|
-
"version": "6.0.3
|
|
3
|
+
"version": "6.0.3",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.90
|
|
31
|
-
"@entur/button": "^3.2.31
|
|
32
|
-
"@entur/chip": "^0.7.18
|
|
33
|
-
"@entur/form": "^8.1.0
|
|
34
|
-
"@entur/icons": "^7.
|
|
35
|
-
"@entur/loader": "^0.5.9
|
|
30
|
+
"@entur/a11y": "^0.2.90",
|
|
31
|
+
"@entur/button": "^3.2.31",
|
|
32
|
+
"@entur/chip": "^0.7.18",
|
|
33
|
+
"@entur/form": "^8.1.0",
|
|
34
|
+
"@entur/icons": "^7.3.0",
|
|
35
|
+
"@entur/loader": "^0.5.9",
|
|
36
36
|
"@entur/tokens": "^3.17.0",
|
|
37
|
-
"@entur/tooltip": "^4.0.0
|
|
38
|
-
"@entur/utils": "^0.11.2
|
|
37
|
+
"@entur/tooltip": "^4.0.0",
|
|
38
|
+
"@entur/utils": "^0.11.2",
|
|
39
39
|
"@floating-ui/react-dom": "^2.1.0",
|
|
40
40
|
"classnames": "^2.3.1",
|
|
41
41
|
"downshift": "^9.0.8"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "c5713d9ad333e17ca5714d86181baba74c56e0eb"
|
|
44
44
|
}
|