prometeo-design-system 9.4.1 → 9.4.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/dist/Select.es.js +76 -76
- package/package.json +1 -1
package/dist/Select.es.js
CHANGED
|
@@ -204,15 +204,15 @@ function Ge({
|
|
|
204
204
|
onSelect: l,
|
|
205
205
|
createOptionKeyHandler: i
|
|
206
206
|
}) {
|
|
207
|
-
const u = C(e, n), k = C(e, t), p = c.has(u),
|
|
208
|
-
|
|
207
|
+
const u = C(e, n), k = C(e, t), p = c.has(u), b = le(e, r), R = () => {
|
|
208
|
+
b && l(u);
|
|
209
209
|
}, T = ee(
|
|
210
210
|
() => i(u),
|
|
211
211
|
[i, u]
|
|
212
212
|
), M = {
|
|
213
213
|
role: "option",
|
|
214
214
|
"aria-selected": p,
|
|
215
|
-
"aria-disabled": !
|
|
215
|
+
"aria-disabled": !b,
|
|
216
216
|
"data-option-value": u,
|
|
217
217
|
tabIndex: -1,
|
|
218
218
|
onKeyDown: T,
|
|
@@ -231,7 +231,7 @@ function Ge({
|
|
|
231
231
|
},
|
|
232
232
|
multiple: s,
|
|
233
233
|
disabled: o,
|
|
234
|
-
isOptionActive:
|
|
234
|
+
isOptionActive: b,
|
|
235
235
|
isLoading: !1,
|
|
236
236
|
renderContext: f
|
|
237
237
|
}
|
|
@@ -243,7 +243,7 @@ function Ge({
|
|
|
243
243
|
label: k,
|
|
244
244
|
isSelected: p,
|
|
245
245
|
disabled: o,
|
|
246
|
-
isOptionActive:
|
|
246
|
+
isOptionActive: b,
|
|
247
247
|
size: h,
|
|
248
248
|
selectionComponent: v
|
|
249
249
|
}
|
|
@@ -301,7 +301,7 @@ function Rt({
|
|
|
301
301
|
selectionComponent: u,
|
|
302
302
|
onSelect: k,
|
|
303
303
|
onSelectGroup: p,
|
|
304
|
-
closeDropdown:
|
|
304
|
+
closeDropdown: b,
|
|
305
305
|
createOptionKeyHandler: R,
|
|
306
306
|
navigateNext: T,
|
|
307
307
|
navigatePrev: M,
|
|
@@ -315,17 +315,17 @@ function Rt({
|
|
|
315
315
|
(d) => p(E, d),
|
|
316
316
|
[p, E]
|
|
317
317
|
), J = f?.allGroupsExpanded === !0 || (f?.initialExpandedGroupIds?.includes(E) ?? !1), B = (d) => {
|
|
318
|
-
const g = !H || !d.isCollapsed,
|
|
318
|
+
const g = !H || !d.isCollapsed, y = H ? d.toggle : () => {
|
|
319
319
|
}, j = It(E, d, {
|
|
320
320
|
onSelectGroup: p,
|
|
321
321
|
navigateNext: T,
|
|
322
322
|
navigatePrev: M,
|
|
323
|
-
closeDropdown:
|
|
323
|
+
closeDropdown: b
|
|
324
324
|
});
|
|
325
|
-
let
|
|
325
|
+
let w;
|
|
326
326
|
if (l) {
|
|
327
327
|
const x = l;
|
|
328
|
-
|
|
328
|
+
w = /* @__PURE__ */ a.jsx(
|
|
329
329
|
x,
|
|
330
330
|
{
|
|
331
331
|
group: e,
|
|
@@ -340,10 +340,10 @@ function Rt({
|
|
|
340
340
|
toggleGroup: (O) => {
|
|
341
341
|
if (H) {
|
|
342
342
|
if (O === void 0) {
|
|
343
|
-
|
|
343
|
+
y();
|
|
344
344
|
return;
|
|
345
345
|
}
|
|
346
|
-
O !== g &&
|
|
346
|
+
O !== g && y();
|
|
347
347
|
}
|
|
348
348
|
},
|
|
349
349
|
selectGroup: (O) => p(E, O ?? "toggle"),
|
|
@@ -351,12 +351,12 @@ function Rt({
|
|
|
351
351
|
}
|
|
352
352
|
);
|
|
353
353
|
} else
|
|
354
|
-
|
|
354
|
+
w = /* @__PURE__ */ a.jsx(
|
|
355
355
|
ft,
|
|
356
356
|
{
|
|
357
357
|
label: D,
|
|
358
358
|
expanded: g,
|
|
359
|
-
onToggle:
|
|
359
|
+
onToggle: y,
|
|
360
360
|
onSelectGroup: X,
|
|
361
361
|
multiple: o,
|
|
362
362
|
selectedCount: q.length,
|
|
@@ -372,7 +372,7 @@ function Rt({
|
|
|
372
372
|
tabIndex: -1,
|
|
373
373
|
"aria-expanded": g,
|
|
374
374
|
onKeyDown: j,
|
|
375
|
-
children:
|
|
375
|
+
children: w
|
|
376
376
|
}
|
|
377
377
|
);
|
|
378
378
|
};
|
|
@@ -399,7 +399,7 @@ function Rt({
|
|
|
399
399
|
renderOptionContext: i,
|
|
400
400
|
selectionComponent: u,
|
|
401
401
|
onSelect: k,
|
|
402
|
-
closeDropdown:
|
|
402
|
+
closeDropdown: b,
|
|
403
403
|
createOptionKeyHandler: R
|
|
404
404
|
},
|
|
405
405
|
C(d, r)
|
|
@@ -456,7 +456,7 @@ function Mt({
|
|
|
456
456
|
renderOptionContext: u,
|
|
457
457
|
selectionComponent: k,
|
|
458
458
|
onSelect: p,
|
|
459
|
-
onSelectGroup:
|
|
459
|
+
onSelectGroup: b,
|
|
460
460
|
closeDropdown: R,
|
|
461
461
|
searchValue: T,
|
|
462
462
|
onSearchChange: M,
|
|
@@ -471,9 +471,9 @@ function Mt({
|
|
|
471
471
|
optionsContainerRef: B,
|
|
472
472
|
isLoading: d,
|
|
473
473
|
emptyMessage: g,
|
|
474
|
-
disabled:
|
|
474
|
+
disabled: y,
|
|
475
475
|
size: j,
|
|
476
|
-
dropdownClassName:
|
|
476
|
+
dropdownClassName: w,
|
|
477
477
|
label: x,
|
|
478
478
|
apparence: O = "input"
|
|
479
479
|
}) {
|
|
@@ -510,7 +510,7 @@ function Mt({
|
|
|
510
510
|
scrollTriggerWhenCovered: r === "list",
|
|
511
511
|
autoFocus: !1,
|
|
512
512
|
..._,
|
|
513
|
-
className: F(O === "chip" && "p-0! *:*:p-2 *:*:pr-1 *:*:gap-0.5",
|
|
513
|
+
className: F(O === "chip" && "p-0! *:*:p-2 *:*:pr-1 *:*:gap-0.5", w),
|
|
514
514
|
children: [
|
|
515
515
|
!D?.hideSearchBar && /* @__PURE__ */ a.jsx(ge.Header, { className: F(O === "chip" ? "pr-1" : "pr-2", r === "drawer" && "px-3"), children: /* @__PURE__ */ a.jsx(
|
|
516
516
|
jt,
|
|
@@ -548,7 +548,7 @@ function Mt({
|
|
|
548
548
|
optionActive: f,
|
|
549
549
|
selectedIds: o,
|
|
550
550
|
multiple: v,
|
|
551
|
-
disabled:
|
|
551
|
+
disabled: y,
|
|
552
552
|
size: z,
|
|
553
553
|
dropdownOptions: D,
|
|
554
554
|
renderOption: l,
|
|
@@ -556,7 +556,7 @@ function Mt({
|
|
|
556
556
|
renderOptionContext: u,
|
|
557
557
|
selectionComponent: k,
|
|
558
558
|
onSelect: p,
|
|
559
|
-
onSelectGroup:
|
|
559
|
+
onSelectGroup: b,
|
|
560
560
|
closeDropdown: R,
|
|
561
561
|
createOptionKeyHandler: q,
|
|
562
562
|
navigateNext: X,
|
|
@@ -724,7 +724,7 @@ function Kt({
|
|
|
724
724
|
multiple: o,
|
|
725
725
|
onRemoveOption: h,
|
|
726
726
|
disabled: f
|
|
727
|
-
}, p = Ht(t, k),
|
|
727
|
+
}, p = Ht(t, k), b = l, R = Gt(c, v), T = c.length > 0, M = r, P = F(
|
|
728
728
|
"max-w-full min-w-0",
|
|
729
729
|
kt({ variant: l, disabled: f }),
|
|
730
730
|
p?.className
|
|
@@ -738,7 +738,7 @@ function Kt({
|
|
|
738
738
|
...E,
|
|
739
739
|
disabled: f,
|
|
740
740
|
"data-chip-content": !0,
|
|
741
|
-
"data-state":
|
|
741
|
+
"data-state": b,
|
|
742
742
|
isSelected: T,
|
|
743
743
|
className: P,
|
|
744
744
|
children: /* @__PURE__ */ a.jsx(M, { ...k })
|
|
@@ -754,7 +754,7 @@ function Kt({
|
|
|
754
754
|
disabled: f,
|
|
755
755
|
className: P,
|
|
756
756
|
"data-chip-content": !0,
|
|
757
|
-
"data-state":
|
|
757
|
+
"data-state": b,
|
|
758
758
|
onClick: () => {
|
|
759
759
|
},
|
|
760
760
|
children: T && o && /* @__PURE__ */ a.jsx(
|
|
@@ -817,7 +817,7 @@ const Ft = Re(function(t, n) {
|
|
|
817
817
|
overflow: u,
|
|
818
818
|
optionLabel: k,
|
|
819
819
|
optionValue: p,
|
|
820
|
-
renderSelection:
|
|
820
|
+
renderSelection: b,
|
|
821
821
|
valueChipProps: R,
|
|
822
822
|
onRemoveOption: T,
|
|
823
823
|
onRemoveGroup: M,
|
|
@@ -832,16 +832,16 @@ const Ft = Re(function(t, n) {
|
|
|
832
832
|
width: B,
|
|
833
833
|
height: d,
|
|
834
834
|
tabIndex: g,
|
|
835
|
-
supportingText:
|
|
835
|
+
supportingText: y,
|
|
836
836
|
showSupportingText: j
|
|
837
|
-
} = t,
|
|
837
|
+
} = t, w = b != null || l && i === "chips" && u === "wrap", { bind: x, ref: O } = st({
|
|
838
838
|
axis: "x",
|
|
839
839
|
cursor: { idle: "default", dragging: "grabbing" },
|
|
840
840
|
disabled: u !== "scroll" || !l || i !== "chips"
|
|
841
841
|
}), Y = I(
|
|
842
842
|
(K) => {
|
|
843
|
-
if (
|
|
844
|
-
const W =
|
|
843
|
+
if (b) {
|
|
844
|
+
const W = b;
|
|
845
845
|
return /* @__PURE__ */ a.jsx(
|
|
846
846
|
W,
|
|
847
847
|
{
|
|
@@ -890,7 +890,7 @@ const Ft = Re(function(t, n) {
|
|
|
890
890
|
) : _;
|
|
891
891
|
},
|
|
892
892
|
[
|
|
893
|
-
|
|
893
|
+
b,
|
|
894
894
|
f,
|
|
895
895
|
v,
|
|
896
896
|
l,
|
|
@@ -953,7 +953,7 @@ const Ft = Re(function(t, n) {
|
|
|
953
953
|
label: r,
|
|
954
954
|
chipProps: t.chipProps,
|
|
955
955
|
badgeOptions: t.badgeOptions,
|
|
956
|
-
renderSelection:
|
|
956
|
+
renderSelection: b,
|
|
957
957
|
selectedOptions: f,
|
|
958
958
|
placeholder: m,
|
|
959
959
|
multiple: l,
|
|
@@ -961,7 +961,7 @@ const Ft = Re(function(t, n) {
|
|
|
961
961
|
disabled: o,
|
|
962
962
|
optionLabel: k,
|
|
963
963
|
variant: s,
|
|
964
|
-
supportingText:
|
|
964
|
+
supportingText: y,
|
|
965
965
|
showSupportingText: j,
|
|
966
966
|
onClear: P
|
|
967
967
|
}
|
|
@@ -975,11 +975,11 @@ const Ft = Re(function(t, n) {
|
|
|
975
975
|
disabled: o,
|
|
976
976
|
readOnly: !0,
|
|
977
977
|
hideClearButton: !0,
|
|
978
|
-
flexibleHeight:
|
|
978
|
+
flexibleHeight: w,
|
|
979
979
|
className: F(t.inputProps?.className, q),
|
|
980
980
|
renderValue: Y,
|
|
981
981
|
slotActions: z,
|
|
982
|
-
supportingText:
|
|
982
|
+
supportingText: y,
|
|
983
983
|
showSupportingText: j,
|
|
984
984
|
value: ""
|
|
985
985
|
}
|
|
@@ -1142,19 +1142,19 @@ function $t({
|
|
|
1142
1142
|
const [k, p] = Ee(() => {
|
|
1143
1143
|
if (!r)
|
|
1144
1144
|
return n ?? (c ? [] : void 0);
|
|
1145
|
-
}),
|
|
1145
|
+
}), b = r ? t : k, R = ee(() => ze(e), [e]), T = ee(
|
|
1146
1146
|
() => R.map((d) => ne(d, s, o)),
|
|
1147
1147
|
[R, s, o]
|
|
1148
1148
|
), M = ee(() => {
|
|
1149
|
-
if (
|
|
1150
|
-
const d = Array.isArray(
|
|
1151
|
-
R.map((
|
|
1152
|
-
C(
|
|
1153
|
-
|
|
1149
|
+
if (b == null || b === "") return [];
|
|
1150
|
+
const d = Array.isArray(b) ? b : [b], g = new Map(
|
|
1151
|
+
R.map((y) => [
|
|
1152
|
+
C(y, o),
|
|
1153
|
+
y
|
|
1154
1154
|
])
|
|
1155
1155
|
);
|
|
1156
|
-
return d.map((
|
|
1157
|
-
}, [R,
|
|
1156
|
+
return d.map((y) => g.get(y)).filter((y) => y != null);
|
|
1157
|
+
}, [R, b, o]), P = ee(
|
|
1158
1158
|
() => new Set(M.map((d) => C(d, o))),
|
|
1159
1159
|
[M, o]
|
|
1160
1160
|
), E = Q(M);
|
|
@@ -1192,19 +1192,19 @@ function $t({
|
|
|
1192
1192
|
label: C(z, s)
|
|
1193
1193
|
});
|
|
1194
1194
|
}
|
|
1195
|
-
const
|
|
1195
|
+
const y = new Set(
|
|
1196
1196
|
d.flatMap(
|
|
1197
1197
|
(j) => (j.options ?? []).map(
|
|
1198
|
-
(
|
|
1198
|
+
(w) => C(w, o)
|
|
1199
1199
|
)
|
|
1200
1200
|
)
|
|
1201
1201
|
);
|
|
1202
1202
|
for (const j of M) {
|
|
1203
|
-
const
|
|
1204
|
-
|
|
1203
|
+
const w = C(j, o);
|
|
1204
|
+
y.has(w) || g.push({
|
|
1205
1205
|
type: "option",
|
|
1206
1206
|
option: j,
|
|
1207
|
-
id:
|
|
1207
|
+
id: w,
|
|
1208
1208
|
label: C(j, s)
|
|
1209
1209
|
});
|
|
1210
1210
|
}
|
|
@@ -1226,10 +1226,10 @@ function $t({
|
|
|
1226
1226
|
r || p(g.id), u.current?.(g, i);
|
|
1227
1227
|
return;
|
|
1228
1228
|
}
|
|
1229
|
-
const
|
|
1229
|
+
const y = E.current.map(
|
|
1230
1230
|
(x) => ne(x, s, o)
|
|
1231
|
-
),
|
|
1232
|
-
r || p(
|
|
1231
|
+
), w = y.some((x) => x.id === d) ? y.filter((x) => x.id !== d) : [...y, g];
|
|
1232
|
+
r || p(w.map((x) => x.id)), u.current?.(w, i);
|
|
1233
1233
|
},
|
|
1234
1234
|
[
|
|
1235
1235
|
T,
|
|
@@ -1242,17 +1242,17 @@ function $t({
|
|
|
1242
1242
|
]
|
|
1243
1243
|
), L = I(
|
|
1244
1244
|
(d, g) => {
|
|
1245
|
-
const
|
|
1245
|
+
const y = e.find(
|
|
1246
1246
|
(S) => C(S, o) === d
|
|
1247
1247
|
);
|
|
1248
|
-
if (!
|
|
1249
|
-
const j =
|
|
1248
|
+
if (!y) return;
|
|
1249
|
+
const j = y.options;
|
|
1250
1250
|
if (!j?.length) return;
|
|
1251
|
-
const
|
|
1251
|
+
const w = j.filter(
|
|
1252
1252
|
(S) => le(S, h)
|
|
1253
1253
|
);
|
|
1254
|
-
if (
|
|
1255
|
-
const x =
|
|
1254
|
+
if (w.length === 0) return;
|
|
1255
|
+
const x = w.map(
|
|
1256
1256
|
(S) => ne(S, s, o)
|
|
1257
1257
|
), O = E.current.map(
|
|
1258
1258
|
(S) => ne(S, s, o)
|
|
@@ -1296,15 +1296,15 @@ function $t({
|
|
|
1296
1296
|
(x) => C(x, o) === d
|
|
1297
1297
|
);
|
|
1298
1298
|
if (!g) return;
|
|
1299
|
-
const
|
|
1300
|
-
if (v?.(
|
|
1299
|
+
const y = ne(g, s, o);
|
|
1300
|
+
if (v?.(y, i), l?.(g), !c) {
|
|
1301
1301
|
r || p(void 0), u.current?.(void 0, i);
|
|
1302
1302
|
return;
|
|
1303
1303
|
}
|
|
1304
|
-
const
|
|
1304
|
+
const w = E.current.map(
|
|
1305
1305
|
(x) => ne(x, s, o)
|
|
1306
1306
|
).filter((x) => x.id !== d);
|
|
1307
|
-
r || p(
|
|
1307
|
+
r || p(w.map((x) => x.id)), u.current?.(w, i);
|
|
1308
1308
|
},
|
|
1309
1309
|
[
|
|
1310
1310
|
R,
|
|
@@ -1320,9 +1320,9 @@ function $t({
|
|
|
1320
1320
|
(d) => {
|
|
1321
1321
|
if (!c) return;
|
|
1322
1322
|
const g = new Set(d), j = E.current.map(
|
|
1323
|
-
(
|
|
1324
|
-
).filter((
|
|
1325
|
-
r || p(j.map((
|
|
1323
|
+
(w) => ne(w, s, o)
|
|
1324
|
+
).filter((w) => !g.has(w.id));
|
|
1325
|
+
r || p(j.map((w) => w.id)), u.current?.(j, i);
|
|
1326
1326
|
},
|
|
1327
1327
|
[c, r, s, o, i]
|
|
1328
1328
|
), J = I(() => {
|
|
@@ -1330,7 +1330,7 @@ function $t({
|
|
|
1330
1330
|
}, [r, c, i]), B = I(
|
|
1331
1331
|
(d) => {
|
|
1332
1332
|
r || p(d);
|
|
1333
|
-
const g = T.find((
|
|
1333
|
+
const g = T.find((y) => y.id === d);
|
|
1334
1334
|
g && u.current?.(g, i);
|
|
1335
1335
|
},
|
|
1336
1336
|
[r, T, i]
|
|
@@ -1409,7 +1409,7 @@ function wr(e) {
|
|
|
1409
1409
|
overflow: u = "wrap",
|
|
1410
1410
|
groupSelection: k,
|
|
1411
1411
|
optionLabel: p,
|
|
1412
|
-
optionValue:
|
|
1412
|
+
optionValue: b,
|
|
1413
1413
|
optionActive: R,
|
|
1414
1414
|
renderOption: T,
|
|
1415
1415
|
renderOptionGroupHeader: M,
|
|
@@ -1424,9 +1424,9 @@ function wr(e) {
|
|
|
1424
1424
|
onClear: B,
|
|
1425
1425
|
onRemoveOption: d,
|
|
1426
1426
|
onOptionActivate: g,
|
|
1427
|
-
onOptionClick:
|
|
1427
|
+
onOptionClick: y,
|
|
1428
1428
|
controls: j,
|
|
1429
|
-
disableOpenOnFocus:
|
|
1429
|
+
disableOpenOnFocus: w,
|
|
1430
1430
|
emptyMessage: x = "No hay opciones disponibles",
|
|
1431
1431
|
placeholder: O,
|
|
1432
1432
|
supportingText: Y,
|
|
@@ -1457,11 +1457,11 @@ function wr(e) {
|
|
|
1457
1457
|
isControlled: t,
|
|
1458
1458
|
multiple: !!s,
|
|
1459
1459
|
optionLabel: p,
|
|
1460
|
-
optionValue:
|
|
1460
|
+
optionValue: b,
|
|
1461
1461
|
optionActive: R,
|
|
1462
1462
|
groupSelection: s ? k : void 0,
|
|
1463
1463
|
onChange: q,
|
|
1464
|
-
onOptionClick:
|
|
1464
|
+
onOptionClick: y,
|
|
1465
1465
|
onRemoveOption: d,
|
|
1466
1466
|
name: ve
|
|
1467
1467
|
}), ae = Ut({
|
|
@@ -1476,7 +1476,7 @@ function wr(e) {
|
|
|
1476
1476
|
), Te = I(
|
|
1477
1477
|
(N, $, he) => {
|
|
1478
1478
|
const ce = G.flatOptions.find(
|
|
1479
|
-
(pe) => C(pe,
|
|
1479
|
+
(pe) => C(pe, b) === N
|
|
1480
1480
|
);
|
|
1481
1481
|
if (!(!ce || !le(ce, R))) {
|
|
1482
1482
|
if (!g) {
|
|
@@ -1496,7 +1496,7 @@ function wr(e) {
|
|
|
1496
1496
|
},
|
|
1497
1497
|
[
|
|
1498
1498
|
g,
|
|
1499
|
-
|
|
1499
|
+
b,
|
|
1500
1500
|
R,
|
|
1501
1501
|
s,
|
|
1502
1502
|
be,
|
|
@@ -1544,9 +1544,9 @@ function wr(e) {
|
|
|
1544
1544
|
return;
|
|
1545
1545
|
}
|
|
1546
1546
|
if (!Ce.current) return;
|
|
1547
|
-
N.target.matches(":focus-visible") && !
|
|
1547
|
+
N.target.matches(":focus-visible") && !w && !re && !v && (Z === "drawer" ? A.open(void 0, "60%") : A.open());
|
|
1548
1548
|
},
|
|
1549
|
-
[
|
|
1549
|
+
[w, re, v, A, Z]
|
|
1550
1550
|
);
|
|
1551
1551
|
ie(() => {
|
|
1552
1552
|
if (!re || Z !== "drawer") return;
|
|
@@ -1597,7 +1597,7 @@ function wr(e) {
|
|
|
1597
1597
|
displayMode: qe,
|
|
1598
1598
|
overflow: u,
|
|
1599
1599
|
optionLabel: p,
|
|
1600
|
-
optionValue:
|
|
1600
|
+
optionValue: b,
|
|
1601
1601
|
renderSelection: P,
|
|
1602
1602
|
valueChipProps: D,
|
|
1603
1603
|
onRemoveOption: G.removeOption,
|
|
@@ -1628,7 +1628,7 @@ function wr(e) {
|
|
|
1628
1628
|
filteredOptions: ae.filteredOptions,
|
|
1629
1629
|
selectedIds: G.selectedIds,
|
|
1630
1630
|
optionLabel: p,
|
|
1631
|
-
optionValue:
|
|
1631
|
+
optionValue: b,
|
|
1632
1632
|
optionActive: R,
|
|
1633
1633
|
multiple: !!s,
|
|
1634
1634
|
renderOption: T,
|