funda-ui 4.7.517 → 4.7.525

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.
Files changed (23) hide show
  1. package/CascadingSelect/index.css +105 -88
  2. package/CascadingSelect/index.js +23 -23
  3. package/CascadingSelectE2E/index.css +105 -88
  4. package/CascadingSelectE2E/index.js +24 -24
  5. package/Tooltip/index.css +69 -68
  6. package/Tooltip/index.d.ts +15 -1
  7. package/Tooltip/index.js +153 -57
  8. package/lib/cjs/CascadingSelect/index.js +23 -23
  9. package/lib/cjs/CascadingSelectE2E/index.js +24 -24
  10. package/lib/cjs/Tooltip/index.d.ts +15 -1
  11. package/lib/cjs/Tooltip/index.js +153 -57
  12. package/lib/css/CascadingSelect/index.css +105 -88
  13. package/lib/css/CascadingSelectE2E/index.css +105 -88
  14. package/lib/css/Tooltip/index.css +69 -68
  15. package/lib/esm/CascadingSelect/Group.tsx +3 -5
  16. package/lib/esm/CascadingSelect/index.scss +89 -68
  17. package/lib/esm/CascadingSelect/index.tsx +21 -20
  18. package/lib/esm/CascadingSelectE2E/Group.tsx +4 -3
  19. package/lib/esm/CascadingSelectE2E/index.scss +83 -63
  20. package/lib/esm/CascadingSelectE2E/index.tsx +22 -21
  21. package/lib/esm/Tooltip/index.scss +63 -60
  22. package/lib/esm/Tooltip/index.tsx +143 -44
  23. package/package.json +1 -1
package/CascadingSelectE2E/index.css CHANGED
@@ -1,20 +1,20 @@
1
1
  /* ======================================================
2
2
  <!-- Cascading Select End-to-end -->
3
3
  /* ====================================================== */
4
- .casc-select-e2e__wrapper {
5
- --casc-select-e2e-arrow-fill: #a5a5a5;
6
- --casc-select-e2e-result-arrow-fill: #a5a5a5;
7
- --casc-select-e2e-result-font-size: 1rem;
8
- --casc-select-e2e-result-padding-x: 0.75rem;
9
- --casc-select-e2e-result-padding-y: 0.375rem;
10
- }
11
- .casc-select-e2e__wrapper .casc-select-e2e__result {
4
+ .casc-menu-e2e__wrapper {
5
+ --casc-menu-e2e-arrow-fill: #a5a5a5;
6
+ --casc-menu-e2e-result-arrow-fill: #a5a5a5;
7
+ --casc-menu-e2e-result-font-size: 1rem;
8
+ --casc-menu-e2e-result-padding-x: 0.75rem;
9
+ --casc-menu-e2e-result-padding-y: 0.375rem;
10
+ }
11
+ .casc-menu-e2e__wrapper .casc-menu-e2e__result {
12
12
  position: absolute;
13
13
  left: auto;
14
14
  z-index: 1;
15
15
  top: 0;
16
- padding: var(--casc-select-e2e-result-padding-y) var(--casc-select-e2e-result-padding-x);
17
- font-size: var(--casc-select-e2e-result-font-size);
16
+ padding: var(--casc-menu-e2e-result-padding-y) var(--casc-menu-e2e-result-padding-x);
17
+ font-size: var(--casc-menu-e2e-result-font-size);
18
18
  font-weight: 400;
19
19
  line-height: 1.5;
20
20
  color: inherit;
@@ -26,20 +26,20 @@
26
26
  /* required */
27
27
  display: flex;
28
28
  }
29
- .casc-select-e2e__wrapper .casc-select-e2e__result div {
29
+ .casc-menu-e2e__wrapper .casc-menu-e2e__result div {
30
30
  /* required */
31
31
  display: flex;
32
32
  }
33
- .casc-select-e2e__wrapper .casc-select-e2e__result span {
33
+ .casc-menu-e2e__wrapper .casc-menu-e2e__result span {
34
34
  padding: 3px;
35
35
  }
36
- .casc-select-e2e__wrapper .casc-select-e2e__result svg {
36
+ .casc-menu-e2e__wrapper .casc-menu-e2e__result svg {
37
37
  margin: 0 0.3rem;
38
38
  }
39
- .casc-select-e2e__wrapper .casc-select-e2e__result svg path {
40
- fill: var(--casc-select-e2e-result-arrow-fill);
39
+ .casc-menu-e2e__wrapper .casc-menu-e2e__result svg path {
40
+ fill: var(--casc-menu-e2e-result-arrow-fill);
41
41
  }
42
- .casc-select-e2e__wrapper .casc-select-e2e__closemask {
42
+ .casc-menu-e2e__wrapper .casc-menu-e2e__closemask {
43
43
  position: absolute;
44
44
  z-index: 1;
45
45
  top: 0;
@@ -49,77 +49,81 @@
49
49
  background: rgba(0, 0, 0, 0);
50
50
  user-select: none;
51
51
  }
52
- .casc-select-e2e__wrapper .casc-select-e2e__trigger {
52
+ .casc-menu-e2e__wrapper .casc-menu-e2e__trigger {
53
53
  position: relative;
54
54
  z-index: 0;
55
55
  }
56
- .casc-select-e2e__wrapper .casc-select-e2e__val {
56
+ .casc-menu-e2e__wrapper .casc-menu-e2e__val {
57
57
  position: relative;
58
58
  }
59
- .casc-select-e2e__wrapper .casc-select-e2e__val:not(.inputable) input {
59
+ .casc-menu-e2e__wrapper .casc-menu-e2e__val:not(.inputable) input {
60
60
  cursor: pointer;
61
61
  color: transparent !important;
62
62
  }
63
- .casc-select-e2e__wrapper .casc-select-e2e__val:not(.inputable) input:focus {
63
+ .casc-menu-e2e__wrapper .casc-menu-e2e__val:not(.inputable) input:focus {
64
64
  color: transparent !important;
65
65
  }
66
- .casc-select-e2e__wrapper .casc-select-e2e__val .arrow {
66
+ .casc-menu-e2e__wrapper .casc-menu-e2e__val .arrow {
67
67
  position: absolute;
68
68
  top: 50%;
69
69
  transform: translateY(-50%);
70
70
  right: 0.5rem;
71
71
  }
72
- .casc-select-e2e__wrapper .casc-select-e2e__val .arrow svg .arrow-fill-g {
73
- fill: var(--casc-select-e2e-arrow-fill);
72
+ .casc-menu-e2e__wrapper .casc-menu-e2e__val .arrow svg .arrow-fill-g {
73
+ fill: var(--casc-menu-e2e-arrow-fill);
74
74
  }
75
75
 
76
76
  /*------ List ------*/
77
- .casc-select-e2e__items-wrapper {
78
- --casc-select-e2e-opt-font-size: 0.875rem;
79
- --casc-select-e2e-opt-padding-x: .4rem;
80
- --casc-select-e2e-opt-padding-y: .3rem;
81
- --casc-select-e2e-opt-header-border-color: rgba(1, 1, 1, .2);
82
- --casc-select-e2e-opt-header-text-color: #999;
83
- --casc-select-e2e-opt-hover-bg: #f7f7f7;
84
- --casc-select-e2e-opt-active-bg: #eeeeee;
85
- --casc-select-e2e-items-box-shadow: 0 5px 15px 5px rgba(80, 102, 224, 0.08);
86
- --casc-select-e2e-items-bg: #fff;
87
- --casc-select-e2e-items-color: inherit;
88
- --casc-select-e2e-items-border-color: rgba(0, 0, 0, .1);
89
- --casc-select-e2e-items-li-border-color: #eee;
90
- --casc-select-e2e-loader-color: #000000;
91
- --casc-select-e2e-clean-btn-color: #b5b5b5;
92
- --casc-select-e2e-searchbox-border-color: #ddd;
93
- box-shadow: var(--casc-select-e2e-items-box-shadow);
77
+ .casc-menu-e2e__items-wrapper {
78
+ --casc-menu-e2e-scrollbar-color: rgba(0, 0, 0, 0.2);
79
+ --casc-menu-e2e-scrollbar-track: rgba(0, 0, 0, 0);
80
+ --casc-menu-e2e-scrollbar-h: 3px;
81
+ --casc-menu-e2e-scrollbar-w: 3px;
82
+ --casc-menu-e2e-per-col-maxheight: 300px;
83
+ --casc-menu-e2e-opt-font-size: 0.875rem;
84
+ --casc-menu-e2e-opt-padding-x: .4rem;
85
+ --casc-menu-e2e-opt-padding-y: .3rem;
86
+ --casc-menu-e2e-opt-header-border-color: rgba(1, 1, 1, .2);
87
+ --casc-menu-e2e-opt-header-text-color: #999;
88
+ --casc-menu-e2e-opt-hover-bg: #f7f7f7;
89
+ --casc-menu-e2e-opt-active-bg: #eeeeee;
90
+ --casc-menu-e2e-items-box-shadow: 0 5px 15px 5px rgba(80, 102, 224, 0.08);
91
+ --casc-menu-e2e-items-bg: #fff;
92
+ --casc-menu-e2e-items-color: inherit;
93
+ --casc-menu-e2e-items-border-color: rgba(0, 0, 0, .1);
94
+ --casc-menu-e2e-items-li-border-color: #eee;
95
+ --casc-menu-e2e-loader-color: #000000;
96
+ --casc-menu-e2e-clean-btn-color: #b5b5b5;
97
+ --casc-menu-e2e-searchbox-border-color: #ddd;
98
+ box-shadow: var(--casc-menu-e2e-items-box-shadow);
94
99
  position: absolute;
95
100
  left: auto;
96
- max-height: 300px;
97
- border: 1px solid var(--casc-select-e2e-items-border-color);
98
- background: var(--casc-select-e2e-items-bg);
101
+ border: 1px solid var(--casc-menu-e2e-items-border-color);
102
+ background: var(--casc-menu-e2e-items-bg);
99
103
  padding: 10px;
100
- overflow-y: auto;
101
104
  box-sizing: border-box;
102
105
  top: 2.3rem;
103
106
  border-radius: 5px;
104
107
  width: max-content;
105
108
  /* required -> the content will not wrap at all even if it causes overflows*/
106
- color: var(--casc-select-e2e-items-color);
109
+ color: var(--casc-menu-e2e-items-color);
107
110
  display: none;
108
111
  z-index: 1055; /* --bs-modal-zindex */
109
112
  /* each item */
113
+ /* Column */
110
114
  /* Searchbox */
111
115
  /* Options */
112
116
  }
113
- .casc-select-e2e__items-wrapper.active {
117
+ .casc-menu-e2e__items-wrapper.active {
114
118
  display: block !important;
115
119
  }
116
- .casc-select-e2e__items-wrapper ul,
117
- .casc-select-e2e__items-wrapper li {
120
+ .casc-menu-e2e__items-wrapper ul,
121
+ .casc-menu-e2e__items-wrapper li {
118
122
  list-style: none;
119
123
  margin: 0;
120
124
  padding: 0;
121
125
  }
122
- .casc-select-e2e__items-wrapper .casc-select-e2e__items-loader {
126
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-loader {
123
127
  position: absolute;
124
128
  pointer-events: none;
125
129
  left: 0;
@@ -131,98 +135,111 @@
131
135
  text-align: center;
132
136
  transform-origin: center;
133
137
  transform: translate(2px, 5px) rotate(0);
134
- animation: 1s linear infinite casc-select-e2e__spinner;
138
+ animation: 1s linear infinite casc-menu-e2e__spinner;
135
139
  }
136
- .casc-select-e2e__items-wrapper .casc-select-e2e__items-loader svg {
140
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-loader svg {
137
141
  vertical-align: top;
138
142
  }
139
- .casc-select-e2e__items-wrapper .casc-select-e2e__items-loader svg path {
140
- fill: var(--casc-select-e2e-loader-color);
143
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-loader svg path {
144
+ fill: var(--casc-menu-e2e-loader-color);
141
145
  }
142
- @keyframes casc-select-e2e__spinner {
146
+ @keyframes casc-menu-e2e__spinner {
143
147
  to {
144
148
  transform: translate(2px, 5px) rotate(-360deg);
145
149
  }
146
150
  }
147
- .casc-select-e2e__items-wrapper .casc-select-e2e__close svg {
151
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__close svg {
148
152
  opacity: 0.4;
149
153
  }
150
- .casc-select-e2e__items-wrapper .casc-select-e2e__close:hover svg {
154
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__close:hover svg {
151
155
  transition: 0.2s ease-out;
152
156
  opacity: 0.7;
153
157
  }
154
- .casc-select-e2e__items-wrapper ul {
158
+ .casc-menu-e2e__items-wrapper ul {
155
159
  transition: 0.2s ease-out;
156
160
  min-width: 8px;
157
161
  min-height: 9px;
158
162
  }
159
- .casc-select-e2e__items-wrapper ul > li {
163
+ .casc-menu-e2e__items-wrapper ul > li {
160
164
  position: relative;
161
165
  cursor: pointer;
162
166
  float: left;
163
167
  padding: 0 10px;
164
168
  margin-right: 15px;
165
- border-right: 1px dotted var(--casc-select-e2e-items-li-border-color);
169
+ border-right: 1px dotted var(--casc-menu-e2e-items-li-border-color);
166
170
  transition: 0.2s ease-out;
167
171
  }
168
- .casc-select-e2e__items-wrapper ul > li.hide-col {
172
+ .casc-menu-e2e__items-wrapper ul > li.hide-col {
169
173
  display: none;
170
174
  }
171
- .casc-select-e2e__items-wrapper ul > li:last-child {
175
+ .casc-menu-e2e__items-wrapper ul > li:last-child {
172
176
  margin-right: 0;
173
177
  border-right: none;
174
178
  }
175
- .casc-select-e2e__items-wrapper .casc-select-e2e__items-col-searchbox input {
176
- border: 1px solid var(--casc-select-e2e-searchbox-border-color);
179
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-col {
180
+ max-height: var(--casc-menu-e2e-per-col-maxheight);
181
+ overflow-y: auto;
182
+ }
183
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-col::-webkit-scrollbar {
184
+ width: var(--casc-menu-e2e-scrollbar-w);
185
+ }
186
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-col::-webkit-scrollbar-thumb {
187
+ background: var(--casc-menu-e2e-scrollbar-color);
188
+ }
189
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-col::-webkit-scrollbar-track {
190
+ background: var(--casc-menu-e2e-scrollbar-track);
191
+ }
192
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__items-col-searchbox input {
193
+ border: 1px solid var(--casc-menu-e2e-searchbox-border-color);
177
194
  border-radius: 0.15rem;
178
195
  width: 100%;
179
196
  background: transparent;
180
197
  font-size: 0.75rem;
181
198
  }
182
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt {
183
- padding: var(--casc-select-e2e-opt-padding-y) var(--casc-select-e2e-opt-padding-x);
184
- font-size: var(--casc-select-e2e-opt-font-size);
199
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt {
200
+ padding: var(--casc-menu-e2e-opt-padding-y) var(--casc-menu-e2e-opt-padding-x);
201
+ font-size: var(--casc-menu-e2e-opt-font-size);
185
202
  border-radius: 2px;
186
203
  }
187
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt:hover {
188
- background: var(--casc-select-e2e-opt-hover-bg);
204
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt:hover {
205
+ background: var(--casc-menu-e2e-opt-hover-bg);
189
206
  }
190
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt.active {
191
- background: var(--casc-select-e2e-opt-active-bg);
207
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt.active {
208
+ background: var(--casc-menu-e2e-opt-active-bg);
192
209
  }
193
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header {
194
- padding: var(--casc-select-e2e-opt-padding-y) var(--casc-select-e2e-opt-padding-x);
195
- font-size: var(--casc-select-e2e-opt-font-size);
196
- border-bottom: 1px dotted var(--casc-select-e2e-opt-header-border-color);
210
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header {
211
+ padding: var(--casc-menu-e2e-opt-padding-y) var(--casc-menu-e2e-opt-padding-x);
212
+ font-size: var(--casc-menu-e2e-opt-font-size);
213
+ border-bottom: 1px dotted var(--casc-menu-e2e-opt-header-border-color);
197
214
  border-radius: 2px;
198
215
  position: sticky;
199
- top: calc(var(--casc-select-e2e-opt-font-size) * -1);
200
- background: var(--casc-select-e2e-items-bg);
201
- color: var(--casc-select-e2e-opt-header-text-color);
216
+ top: 0;
217
+ background: var(--casc-menu-e2e-items-bg);
218
+ color: var(--casc-menu-e2e-opt-header-text-color);
202
219
  display: flex;
203
220
  align-items: center;
204
221
  }
205
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header > span {
222
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header > span {
206
223
  cursor: default;
207
224
  }
208
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header:hover {
209
- background: var(--casc-select-e2e-opt-hover-bg);
225
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header:hover {
226
+ background: var(--casc-menu-e2e-opt-hover-bg);
210
227
  }
211
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header.active {
212
- background: var(--casc-select-e2e-opt-active-bg);
228
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header.active {
229
+ background: var(--casc-menu-e2e-opt-active-bg);
213
230
  }
214
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header .casc-select-e2e__opt-header__clean {
231
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header .casc-menu-e2e__opt-header__clean {
215
232
  display: inline-block;
216
233
  margin-left: 0.2rem;
217
234
  padding: 0.1rem;
218
235
  }
219
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header .casc-select-e2e__opt-header__clean:hover {
236
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header .casc-menu-e2e__opt-header__clean:hover {
220
237
  transform: scale(1.1);
221
238
  }
222
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header .casc-select-e2e__opt-header__clean svg {
223
- border: 1px var(--casc-select-e2e-clean-btn-color) solid;
239
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header .casc-menu-e2e__opt-header__clean svg {
240
+ border: 1px var(--casc-menu-e2e-clean-btn-color) solid;
224
241
  border-radius: 50%;
225
242
  }
226
- .casc-select-e2e__items-wrapper .casc-select-e2e__opt-header .casc-select-e2e__opt-header__clean svg path {
227
- fill: var(--casc-select-e2e-clean-btn-color);
243
+ .casc-menu-e2e__items-wrapper .casc-menu-e2e__opt-header .casc-menu-e2e__opt-header__clean svg path {
244
+ fill: var(--casc-menu-e2e-clean-btn-color);
228
245
  }
package/CascadingSelectE2E/index.js CHANGED
@@ -2540,7 +2540,7 @@ function Group(props) {
2540
2540
  "data-value": JSON.stringify(item),
2541
2541
  "data-level": level,
2542
2542
  "data-query": item.queryId,
2543
- className: (0,cls.combinedCls)('casc-select-e2e__opt', {
2543
+ className: (0,cls.combinedCls)('casc-menu-e2e__opt', {
2544
2544
  'active': item.current
2545
2545
  }),
2546
2546
  dangerouslySetInnerHTML: {
@@ -2554,13 +2554,13 @@ function Group(props) {
2554
2554
  } else {
2555
2555
  return columnTitle[level] === '' || perColumnHeadersShow === false ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("h3", {
2556
2556
  key: index,
2557
- className: "casc-select-e2e__opt-header"
2557
+ className: "casc-menu-e2e__opt-header"
2558
2558
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
2559
2559
  dangerouslySetInnerHTML: {
2560
2560
  __html: columnTitle[level]
2561
2561
  }
2562
2562
  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
2563
- className: "casc-select-e2e__opt-header__clean"
2563
+ className: "casc-menu-e2e__opt-header__clean"
2564
2564
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
2565
2565
  tabIndex: -1,
2566
2566
  href: "#",
@@ -2798,7 +2798,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
2798
2798
  if (rootRef.current === null || inputRef.current === null) return;
2799
2799
 
2800
2800
  // update modal position
2801
- var _modalRef = document.querySelector("#casc-select-e2e__items-wrapper-".concat(idRes));
2801
+ var _modalRef = document.querySelector("#casc-menu-e2e__items-wrapper-".concat(idRes));
2802
2802
  var _triggerRef = inputRef.current;
2803
2803
 
2804
2804
  // console.log(getAbsolutePositionOfStage(_triggerRef));
@@ -2870,7 +2870,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
2870
2870
  }
2871
2871
 
2872
2872
  function popwinPosHide() {
2873
- var _modalRef = document.querySelector("#casc-select-e2e__items-wrapper-".concat(idRes));
2873
+ var _modalRef = document.querySelector("#casc-menu-e2e__items-wrapper-".concat(idRes));
2874
2874
  if (_modalRef !== null) {
2875
2875
  // remove classnames and styles
2876
2876
  _modalRef.classList.remove('active');
@@ -2881,9 +2881,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
2881
2881
  var level = arguments.length > 2 ? arguments[2] : undefined;
2882
2882
  if (listRef.current === null) return;
2883
2883
  var latestDisplayColIndex = 0;
2884
- var currentItemsInner = listRef.current.querySelector('.casc-select-e2e__items-inner');
2884
+ var currentItemsInner = listRef.current.querySelector('.casc-menu-e2e__items-inner');
2885
2885
  if (currentItemsInner !== null) {
2886
- var colItemsWrapper = [].slice.call(currentItemsInner.querySelectorAll('.casc-select-e2e__items-col'));
2886
+ var colItemsWrapper = [].slice.call(currentItemsInner.querySelectorAll('.casc-menu-e2e__items-col'));
2887
2887
  colItemsWrapper.forEach(function (perCol) {
2888
2888
  perCol.classList.remove('hide-col');
2889
2889
  });
@@ -3204,10 +3204,10 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3204
3204
 
3205
3205
  // active current option with DOM
3206
3206
  //////////////////////////////////////////
3207
- var currentItemsInner = e.currentTarget.closest('.casc-select-e2e__items-inner');
3207
+ var currentItemsInner = e.currentTarget.closest('.casc-menu-e2e__items-inner');
3208
3208
  if (currentItemsInner !== null) {
3209
3209
  curData.forEach(function (v, col) {
3210
- var colItemsWrapper = currentItemsInner.querySelectorAll('.casc-select-e2e__items-col');
3210
+ var colItemsWrapper = currentItemsInner.querySelectorAll('.casc-menu-e2e__items-col');
3211
3211
  colItemsWrapper.forEach(function (perCol) {
3212
3212
  var _col = Number(perCol.dataset.col);
3213
3213
  if (_col >= level) {
@@ -3743,9 +3743,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3743
3743
  };
3744
3744
  }, []);
3745
3745
  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3746
- className: (0,cls.clsWrite)(wrapperClassName, 'casc-select-e2e__wrapper mb-3 position-relative', "casc-select-e2e__wrapper ".concat(wrapperClassName)),
3746
+ className: (0,cls.clsWrite)(wrapperClassName, 'casc-menu-e2e__wrapper mb-3 position-relative', "casc-menu-e2e__wrapper ".concat(wrapperClassName)),
3747
3747
  ref: rootRef,
3748
- "data-overlay-id": "casc-select-e2e__items-wrapper-".concat(idRes)
3748
+ "data-overlay-id": "casc-menu-e2e__items-wrapper-".concat(idRes)
3749
3749
  }, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof label === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
3750
3750
  htmlFor: idRes,
3751
3751
  className: "form-label",
@@ -3756,23 +3756,23 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3756
3756
  htmlFor: idRes,
3757
3757
  className: "form-label"
3758
3758
  }, label)) : null, triggerContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3759
- className: (0,cls.clsWrite)(triggerClassName, 'casc-select-e2e__trigger d-inline w-auto', "casc-select-e2e__trigger ".concat(triggerClassName)),
3759
+ className: (0,cls.clsWrite)(triggerClassName, 'casc-menu-e2e__trigger d-inline w-auto', "casc-menu-e2e__trigger ".concat(triggerClassName)),
3760
3760
  onClick: handleDisplayOptions
3761
3761
  }, triggerContent)) : null, !hasErr ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
3762
3762
  show: true,
3763
3763
  containerClassName: "CascadingSelectE2E"
3764
3764
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3765
3765
  ref: listRef,
3766
- id: "casc-select-e2e__items-wrapper-".concat(idRes),
3767
- className: "casc-select-e2e__items-wrapper position-absolute border shadow small",
3766
+ id: "casc-menu-e2e__items-wrapper-".concat(idRes),
3767
+ className: "casc-menu-e2e__items-wrapper position-absolute border shadow small",
3768
3768
  style: {
3769
3769
  zIndex: DEPTH,
3770
3770
  display: 'none'
3771
3771
  }
3772
3772
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
3773
- className: "casc-select-e2e__items-inner"
3773
+ className: "casc-menu-e2e__items-inner"
3774
3774
  }, loading ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3775
- className: "casc-select-e2e__items-loader"
3775
+ className: "casc-menu-e2e__items-loader"
3776
3776
  }, loader || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
3777
3777
  height: "12px",
3778
3778
  width: "12px",
@@ -3808,7 +3808,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3808
3808
  e.preventDefault();
3809
3809
  cancel();
3810
3810
  },
3811
- className: "casc-select-e2e__close position-absolute top-0 end-0 mt-0 mx-1"
3811
+ className: "casc-menu-e2e__close position-absolute top-0 end-0 mt-0 mx-1"
3812
3812
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
3813
3813
  width: "10px",
3814
3814
  height: "10px",
@@ -3829,9 +3829,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3829
3829
  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
3830
3830
  key: level,
3831
3831
  "data-col": level,
3832
- className: "casc-select-e2e__items-col"
3832
+ className: "casc-menu-e2e__items-col"
3833
3833
  }, searchable && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3834
- className: "casc-select-e2e__items-col-searchbox"
3834
+ className: "casc-menu-e2e__items-col-searchbox"
3835
3835
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", {
3836
3836
  type: "text",
3837
3837
  placeholder: searchPlaceholder,
@@ -3857,7 +3857,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3857
3857
  return null;
3858
3858
  }
3859
3859
  })))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3860
- className: (0,cls.combinedCls)('casc-select-e2e__val', {
3860
+ className: (0,cls.combinedCls)('casc-menu-e2e__val', {
3861
3861
  'inputable': inputable
3862
3862
  }),
3863
3863
  onClick: handleDisplayOptions
@@ -3880,7 +3880,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3880
3880
  }
3881
3881
  },
3882
3882
  id: idRes,
3883
- "data-overlay-id": "casc-select-e2e__items-wrapper-".concat(idRes),
3883
+ "data-overlay-id": "casc-menu-e2e__items-wrapper-".concat(idRes),
3884
3884
  name: name,
3885
3885
  className: (0,cls.combinedCls)((0,cls.clsWrite)(controlClassName, 'form-control'), controlExClassName, {
3886
3886
  'rounded': !propExist(iconLeft) && !propExist(iconRight) && !propExist(units),
@@ -3938,9 +3938,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3938
3938
  }
3939
3939
  } : undefined
3940
3940
  }, attributes)), destroyParentIdMatch ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, !inputable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3941
- className: "casc-select-e2e__result"
3941
+ className: "casc-menu-e2e__result"
3942
3942
  }, displayInfo(true)) : null) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, !inputable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3943
- className: "casc-select-e2e__result"
3943
+ className: "casc-menu-e2e__result"
3944
3944
  }, displayInfo(false)) : null), required ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, requiredLabel || requiredLabel === '' ? requiredLabel : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
3945
3945
  className: "position-absolute end-0 top-0 my-2 mx-2 pe-3"
3946
3946
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
@@ -3950,7 +3950,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
3950
3950
  }, units)) : null, propExist(iconRight) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
3951
3951
  className: (0,cls.clsWrite)(controlGroupTextClassName, 'input-group-text')
3952
3952
  }, iconRight)) : null), isShow ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
3953
- className: "casc-select-e2e__closemask",
3953
+ className: "casc-menu-e2e__closemask",
3954
3954
  onClick: function onClick(e) {
3955
3955
  e.preventDefault();
3956
3956
  cancel();