funda-ui 1.1.147 → 1.1.150
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/EventCalendar/index.js +1 -1
- package/EventCalendarTimeline/index.js +1 -1
- package/ModalDialog/index.js +1 -1
- package/MultiFuncSelect/index.css +72 -34
- package/MultiFuncSelect/index.js +563 -270
- package/Tooltip/index.js +1 -1
- package/lib/cjs/EventCalendar/index.js +1 -1
- package/lib/cjs/EventCalendarTimeline/index.js +1 -1
- package/lib/cjs/ModalDialog/index.js +1 -1
- package/lib/cjs/MultiFuncSelect/index.js +563 -270
- package/lib/cjs/Tooltip/index.js +1 -1
- package/lib/css/MultiFuncSelect/index.css +72 -34
- package/lib/esm/LiveSearch/utils/get-element-property.js +153 -0
- package/lib/esm/ModalDialog/index.tsx +1 -1
- package/lib/esm/MultiFuncSelect/index.scss +120 -55
- package/lib/esm/MultiFuncSelect/index.tsx +523 -305
- package/lib/esm/MultiFuncSelect/utils/get-element-property.js +153 -0
- package/lib/esm/Tooltip/index.tsx +1 -1
- package/package.json +1 -1
package/EventCalendar/index.js
CHANGED
|
@@ -680,7 +680,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
680
680
|
// prevent "transform", "filter", "perspective" attribute destruction fixed viewport orientation
|
|
681
681
|
//--------------
|
|
682
682
|
if (PROTECT_FIXED_VIEWPORT) {
|
|
683
|
-
if (document.body !== null) {
|
|
683
|
+
if (document.body !== null && modalRef.current !== null) {
|
|
684
684
|
document.body.appendChild(modalRef.current);
|
|
685
685
|
[].slice.call(modalRef.current.querySelectorAll('[data-close]')).forEach(function (node) {
|
|
686
686
|
if (typeof node.dataset.ev === 'undefined') {
|
|
@@ -822,7 +822,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
|
|
|
822
822
|
// prevent "transform", "filter", "perspective" attribute destruction fixed viewport orientation
|
|
823
823
|
//--------------
|
|
824
824
|
if (PROTECT_FIXED_VIEWPORT) {
|
|
825
|
-
if (document.body !== null) {
|
|
825
|
+
if (document.body !== null && modalRef.current !== null) {
|
|
826
826
|
document.body.appendChild(modalRef.current);
|
|
827
827
|
[].slice.call(modalRef.current.querySelectorAll('[data-close]')).forEach(function (node) {
|
|
828
828
|
if (typeof node.dataset.ev === 'undefined') {
|
package/ModalDialog/index.js
CHANGED
|
@@ -559,7 +559,7 @@ var ModalDialog = function ModalDialog(props) {
|
|
|
559
559
|
// prevent "transform", "filter", "perspective" attribute destruction fixed viewport orientation
|
|
560
560
|
//--------------
|
|
561
561
|
if (PROTECT_FIXED_VIEWPORT) {
|
|
562
|
-
if (document.body !== null) {
|
|
562
|
+
if (document.body !== null && modalRef.current !== null) {
|
|
563
563
|
document.body.appendChild(modalRef.current);
|
|
564
564
|
[].slice.call(modalRef.current.querySelectorAll('[data-close]')).forEach(function (node) {
|
|
565
565
|
if (typeof node.dataset.ev === 'undefined') {
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
<!-- Multifunction Select -->
|
|
3
3
|
/* ====================================================== */
|
|
4
4
|
.multifunc-select__wrapper {
|
|
5
|
-
--multi-sel-popwin-min-width: 200px;
|
|
6
5
|
--multi-sel-focus-border-color:#86b7fe;
|
|
7
6
|
--multi-sel-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
|
|
8
7
|
--multi-sel-placeholder-color: rgba(33, 37, 41, 0.75);
|
|
@@ -15,13 +14,9 @@
|
|
|
15
14
|
--multi-sel-searchbtn-hover-fill: #333;
|
|
16
15
|
--multi-sel-removebtn-fill: #000;
|
|
17
16
|
--multi-sel-removebtn-hover-fill: #f00;
|
|
18
|
-
--multi-sel-listgroup-tool-bg: rgb(248,249,250);
|
|
19
|
-
--multi-sel-listgroup-checkbox: #a5a5a5;
|
|
20
|
-
--multi-sel-listgroup-item-hover-focus-bg: rgba(0,0,0,.1);
|
|
21
17
|
/*------ Placeholder for input ------*/
|
|
22
18
|
/*------ Arrow ------*/
|
|
23
19
|
/*------ Input ------*/
|
|
24
|
-
/*------ List ------*/
|
|
25
20
|
/*------ Multiple selection ------*/
|
|
26
21
|
/*------------*/
|
|
27
22
|
}
|
|
@@ -36,35 +31,6 @@
|
|
|
36
31
|
border-color: transparent;
|
|
37
32
|
outline: 0;
|
|
38
33
|
}
|
|
39
|
-
.multifunc-select__wrapper .list-group {
|
|
40
|
-
display: none;
|
|
41
|
-
min-width: var(--multi-sel-popwin-min-width);
|
|
42
|
-
}
|
|
43
|
-
.multifunc-select__wrapper .list-group .bg-light {
|
|
44
|
-
background-color: var(--multi-sel-listgroup-tool-bg) !important;
|
|
45
|
-
}
|
|
46
|
-
.multifunc-select__wrapper .list-group .list-group-item svg {
|
|
47
|
-
fill: transparent;
|
|
48
|
-
}
|
|
49
|
-
.multifunc-select__wrapper .list-group .list-group-item svg path {
|
|
50
|
-
stroke: var(--multi-sel-listgroup-checkbox);
|
|
51
|
-
}
|
|
52
|
-
.multifunc-select__wrapper .list-group .list-group-item.item-selected svg {
|
|
53
|
-
fill: var(--multi-sel-listgroup-checkbox);
|
|
54
|
-
}
|
|
55
|
-
.multifunc-select__wrapper .list-group .list-group-item.item-selected svg path {
|
|
56
|
-
stroke: var(--multi-sel-listgroup-checkbox);
|
|
57
|
-
}
|
|
58
|
-
.multifunc-select__wrapper .list-group .list-group-item:hover, .multifunc-select__wrapper .list-group .list-group-item:focus {
|
|
59
|
-
background-color: var(--multi-sel-listgroup-item-hover-focus-bg);
|
|
60
|
-
}
|
|
61
|
-
.multifunc-select__wrapper.active .list-group {
|
|
62
|
-
display: block;
|
|
63
|
-
}
|
|
64
|
-
.multifunc-select__wrapper .multifunc-select-multi__control-select-all .btn {
|
|
65
|
-
font-size: 0.75rem;
|
|
66
|
-
padding: 0.1rem 0.5rem;
|
|
67
|
-
}
|
|
68
34
|
.multifunc-select__wrapper .multifunc-select-multi__wrapper {
|
|
69
35
|
position: absolute;
|
|
70
36
|
top: 0;
|
|
@@ -176,3 +142,75 @@
|
|
|
176
142
|
border-color: var(--multi-sel-focus-border-color);
|
|
177
143
|
outline: 0;
|
|
178
144
|
}
|
|
145
|
+
|
|
146
|
+
/*------ List ------*/
|
|
147
|
+
.multifunc-select__options-wrapper {
|
|
148
|
+
--multi-sel-listgroup-popwin-min-width: 200px;
|
|
149
|
+
--multi-sel-listgroup-tool-bg: rgb(248,249,250);
|
|
150
|
+
--multi-sel-listgroup-checkbox: #a5a5a5;
|
|
151
|
+
--multi-sel-listgroup-item-hover-focus-bg: rgba(0,0,0,.1);
|
|
152
|
+
--multi-sel-listgroup-content-scrollbar-color: rgba(0, 0, 0, 0.2);
|
|
153
|
+
--multi-sel-listgroup-content-scrollbar-track: rgba(0, 0, 0, 0);
|
|
154
|
+
--multi-sel-listgroup-content-scrollbar-w: 3px;
|
|
155
|
+
display: none;
|
|
156
|
+
min-width: var(--multi-sel-listgroup-popwin-min-width);
|
|
157
|
+
z-index: 1055; /* --bs-modal-zindex */
|
|
158
|
+
/*------ Multiple selection ------*/
|
|
159
|
+
}
|
|
160
|
+
.multifunc-select__options-wrapper.active {
|
|
161
|
+
display: block;
|
|
162
|
+
}
|
|
163
|
+
.multifunc-select__options-wrapper .multifunc-select__options-contentlist {
|
|
164
|
+
overflow: hidden;
|
|
165
|
+
overflow-y: auto;
|
|
166
|
+
}
|
|
167
|
+
.multifunc-select__options-wrapper .multifunc-select__options-contentlist.noscroll {
|
|
168
|
+
overflow-y: hidden;
|
|
169
|
+
}
|
|
170
|
+
.multifunc-select__options-wrapper .multifunc-select__options-contentlist::-webkit-scrollbar {
|
|
171
|
+
height: var(--multi-sel-listgroup-content-scrollbar-h);
|
|
172
|
+
width: var(--multi-sel-listgroup-content-scrollbar-w);
|
|
173
|
+
}
|
|
174
|
+
.multifunc-select__options-wrapper .multifunc-select__options-contentlist::-webkit-scrollbar-thumb {
|
|
175
|
+
background: var(--multi-sel-listgroup-content-scrollbar-color);
|
|
176
|
+
}
|
|
177
|
+
.multifunc-select__options-wrapper .multifunc-select__options-contentlist::-webkit-scrollbar-track {
|
|
178
|
+
background: var(--multi-sel-listgroup-content-scrollbar-track);
|
|
179
|
+
}
|
|
180
|
+
.multifunc-select__options-wrapper .bg-light {
|
|
181
|
+
background-color: var(--multi-sel-listgroup-tool-bg) !important;
|
|
182
|
+
}
|
|
183
|
+
.multifunc-select__options-wrapper .list-group-item.hide {
|
|
184
|
+
display: none;
|
|
185
|
+
}
|
|
186
|
+
.multifunc-select__options-wrapper .list-group-item .multifunc-select-multi__control-option-item--nomatch.hide {
|
|
187
|
+
display: none;
|
|
188
|
+
}
|
|
189
|
+
.multifunc-select__options-wrapper .list-group-item .multifunc-select-multi__control-option-checkbox-placeholder svg {
|
|
190
|
+
fill: transparent;
|
|
191
|
+
}
|
|
192
|
+
.multifunc-select__options-wrapper .list-group-item .multifunc-select-multi__control-option-checkbox-placeholder svg path {
|
|
193
|
+
stroke: var(--multi-sel-listgroup-checkbox);
|
|
194
|
+
}
|
|
195
|
+
.multifunc-select__options-wrapper .list-group-item .multifunc-select-multi__control-option-checkbox {
|
|
196
|
+
display: none;
|
|
197
|
+
}
|
|
198
|
+
.multifunc-select__options-wrapper .list-group-item .multifunc-select-multi__control-option-checkbox svg {
|
|
199
|
+
fill: var(--multi-sel-listgroup-checkbox);
|
|
200
|
+
}
|
|
201
|
+
.multifunc-select__options-wrapper .list-group-item .multifunc-select-multi__control-option-checkbox svg path {
|
|
202
|
+
stroke: var(--multi-sel-listgroup-checkbox);
|
|
203
|
+
}
|
|
204
|
+
.multifunc-select__options-wrapper .list-group-item.item-selected .multifunc-select-multi__control-option-checkbox--selected {
|
|
205
|
+
display: inline-block;
|
|
206
|
+
}
|
|
207
|
+
.multifunc-select__options-wrapper .list-group-item:hover, .multifunc-select__options-wrapper .list-group-item:focus {
|
|
208
|
+
background-color: var(--multi-sel-listgroup-item-hover-focus-bg);
|
|
209
|
+
}
|
|
210
|
+
.multifunc-select__options-wrapper .multifunc-select-multi__control-option-item--select-all.hide {
|
|
211
|
+
display: none !important;
|
|
212
|
+
}
|
|
213
|
+
.multifunc-select__options-wrapper .multifunc-select-multi__control-option-item--select-all .btn {
|
|
214
|
+
font-size: 0.75rem;
|
|
215
|
+
padding: 0.1rem 0.5rem;
|
|
216
|
+
}
|