@mlw-packages/react-components 1.3.12 → 1.3.13
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/index.js +2 -8
- package/dist/index.mjs +2 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1572,7 +1572,7 @@ function MultiCombobox({
|
|
|
1572
1572
|
{
|
|
1573
1573
|
className: "flex items-center gap-1 rounded-md border p-1",
|
|
1574
1574
|
children: [
|
|
1575
|
-
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "
|
|
1575
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
|
|
1576
1576
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1577
1577
|
"span",
|
|
1578
1578
|
{
|
|
@@ -1582,12 +1582,6 @@ function MultiCombobox({
|
|
|
1582
1582
|
e.stopPropagation();
|
|
1583
1583
|
handleSelection(item.value);
|
|
1584
1584
|
},
|
|
1585
|
-
onKeyDown: (e) => {
|
|
1586
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
1587
|
-
e.preventDefault();
|
|
1588
|
-
handleSelection(item.value);
|
|
1589
|
-
}
|
|
1590
|
-
},
|
|
1591
1585
|
className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
|
|
1592
1586
|
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_phosphor_react9.X, { size: 14 })
|
|
1593
1587
|
}
|
|
@@ -1596,7 +1590,7 @@ function MultiCombobox({
|
|
|
1596
1590
|
},
|
|
1597
1591
|
item.value
|
|
1598
1592
|
));
|
|
1599
|
-
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-wrap gap-2", children: items2 });
|
|
1593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex w-full flex-wrap gap-2", children: items2 });
|
|
1600
1594
|
}, [handleSelection, placeholder, selectedItems]);
|
|
1601
1595
|
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
|
|
1602
1596
|
label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LabelBase_default, { className: labelClassname, children: label }),
|
package/dist/index.mjs
CHANGED
|
@@ -1379,7 +1379,7 @@ function MultiCombobox({
|
|
|
1379
1379
|
{
|
|
1380
1380
|
className: "flex items-center gap-1 rounded-md border p-1",
|
|
1381
1381
|
children: [
|
|
1382
|
-
/* @__PURE__ */ jsx18("span", { className: "
|
|
1382
|
+
/* @__PURE__ */ jsx18("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
|
|
1383
1383
|
/* @__PURE__ */ jsx18(
|
|
1384
1384
|
"span",
|
|
1385
1385
|
{
|
|
@@ -1389,12 +1389,6 @@ function MultiCombobox({
|
|
|
1389
1389
|
e.stopPropagation();
|
|
1390
1390
|
handleSelection(item.value);
|
|
1391
1391
|
},
|
|
1392
|
-
onKeyDown: (e) => {
|
|
1393
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
1394
|
-
e.preventDefault();
|
|
1395
|
-
handleSelection(item.value);
|
|
1396
|
-
}
|
|
1397
|
-
},
|
|
1398
1392
|
className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
|
|
1399
1393
|
children: /* @__PURE__ */ jsx18(X2, { size: 14 })
|
|
1400
1394
|
}
|
|
@@ -1403,7 +1397,7 @@ function MultiCombobox({
|
|
|
1403
1397
|
},
|
|
1404
1398
|
item.value
|
|
1405
1399
|
));
|
|
1406
|
-
return /* @__PURE__ */ jsx18("div", { className: "flex flex-wrap gap-2", children: items2 });
|
|
1400
|
+
return /* @__PURE__ */ jsx18("div", { className: "flex w-full flex-wrap gap-2", children: items2 });
|
|
1407
1401
|
}, [handleSelection, placeholder, selectedItems]);
|
|
1408
1402
|
return /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
|
|
1409
1403
|
label && /* @__PURE__ */ jsx18(LabelBase_default, { className: labelClassname, children: label }),
|