@youngonesworks/ui 0.1.105 → 0.1.108
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.cjs +19 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +18 -16
- package/dist/index.js.map +1 -1
- package/dist/styles/variables.css +66 -45
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1645,7 +1645,6 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
|
|
|
1645
1645
|
handleToggle
|
|
1646
1646
|
]);
|
|
1647
1647
|
return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("div", {
|
|
1648
|
-
className: "relative",
|
|
1649
1648
|
"data-component": "kebabMenu",
|
|
1650
1649
|
"data-testid": "kebab-menu",
|
|
1651
1650
|
ref: menuRef,
|
|
@@ -1657,21 +1656,24 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
|
|
|
1657
1656
|
content: tooltip,
|
|
1658
1657
|
children: button
|
|
1659
1658
|
}) : button, isOpen && /* @__PURE__ */ jsx("div", {
|
|
1660
|
-
className: "
|
|
1661
|
-
children:
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1659
|
+
className: "relative",
|
|
1660
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
1661
|
+
className: "absolute right-0 z-10 mt-2 w-auto min-w-[200px] rounded-md border-[0.0625rem] border-gray-200 bg-white p-1 shadow-md",
|
|
1662
|
+
children: content.map((c, index) => {
|
|
1663
|
+
const button$1 = /* @__PURE__ */ jsx(UnstyledButton, {
|
|
1664
|
+
onClick: () => handleItemClick(c.onClick),
|
|
1665
|
+
className: "w-full rounded-md px-4 py-2 text-left text-sm font-normal whitespace-nowrap hover:bg-gray-50",
|
|
1666
|
+
"aria-label": "Options Menu Item",
|
|
1667
|
+
disabled: c.disabled,
|
|
1668
|
+
children: c.title
|
|
1669
|
+
});
|
|
1670
|
+
return c.tooltip ? /* @__PURE__ */ jsx(Tooltip, {
|
|
1671
|
+
passedOpen: false,
|
|
1672
|
+
size: "sm",
|
|
1673
|
+
content: c.tooltip,
|
|
1674
|
+
children: button$1
|
|
1675
|
+
}, index) : /* @__PURE__ */ jsx(Fragment, { children: button$1 }, index);
|
|
1676
|
+
})
|
|
1675
1677
|
})
|
|
1676
1678
|
})]
|
|
1677
1679
|
}) });
|