@kaio-xyz/design-system 1.1.23 → 1.1.25

package/dist/index.d.ts

@@ -160,10 +160,11 @@ declare const Checkbox: {
 
 type ClipboardProps = {
     value: string;
+    dataTest: string;
     trim?: boolean;
     trimLength?: number;
 };
-declare const Clipboard: ({ value, trim, trimLength }: ClipboardProps) => react_jsx_runtime.JSX.Element;
+declare const Clipboard: ({ value, dataTest, trim, trimLength }: ClipboardProps) => react_jsx_runtime.JSX.Element;
 
 type StepperProps = {
     children: ReactNode;
@@ -254,7 +255,7 @@ declare const DropdownMenu: {
         body?: React.ReactNode;
         variant?: CommonButtonProps["variant"];
     }) => react_jsx_runtime.JSX.Element;
-    Item: ({ children, disabled, ...rest }: {
+    Item: ({ children, disabled, onClick, ...rest }: {
         children?: react.ReactNode | undefined;
     } & {
         disabled?: boolean;

package/dist/index.esm.js

@@ -525,10 +525,9 @@ var trimString = function (str, noOfChars) {
     return "".concat(str.slice(0, noOfChars), "...").concat(str.slice(-noOfChars));
 };
 var Clipboard = function (_a) {
-    var value = _a.value, _b = _a.trim, trim = _b === void 0 ? false : _b, _c = _a.trimLength, trimLength = _c === void 0 ? 4 : _c;
+    var value = _a.value, dataTest = _a.dataTest, _b = _a.trim, trim = _b === void 0 ? false : _b, _c = _a.trimLength, trimLength = _c === void 0 ? 4 : _c;
     var _d = useState(false), isCopied = _d[0], setIsCopied = _d[1];
     var _e = useState(false), isShowingCopy = _e[0], setIsShowingCopy = _e[1];
-    var _f = useState(false); _f[0]; _f[1];
     var displayValue = trim ? trimString(value, trimLength) : value;
     var handleClick = useCallback(function () {
         navigator.clipboard.writeText(value);
@@ -540,7 +539,7 @@ var Clipboard = function (_a) {
     }, [value]);
     var text = isShowingCopy ? 'Copied!' : displayValue;
     var icon = isShowingCopy ? jsx(SvgCheck, {}) : jsx(SvgClipboard, {});
-    return (jsx("button", { type: "button", onClick: handleClick, className: style$f.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, children: jsxs(Stack, { position: "horizontal", children: [jsx("span", { children: text }), icon] }) }));
+    return (jsx("button", { type: "button", onClick: handleClick, className: style$f.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, "data-test": dataTest, children: jsxs(Stack, { position: "horizontal", children: [jsx("span", { children: text }), icon] }) }));
 };
 
 var style$e = {"root":"stepper-module__root__hgDss"};
@@ -656,8 +655,8 @@ var DropdownMenu$1 = function (_a) {
 var style$5 = {"root":"dropdown-menu-item-module__root__zs510"};
 
 var DropdownMenuItem = function (_a) {
-    var children = _a.children, disabled = _a.disabled, rest = __rest(_a, ["children", "disabled"]);
-    return (jsx(RDropdownMenu.Item, __assign({ className: style$5.root, disabled: disabled }, rest, { children: children })));
+    var children = _a.children, disabled = _a.disabled, onClick = _a.onClick, rest = __rest(_a, ["children", "disabled", "onClick"]);
+    return (jsx(RDropdownMenu.Item, __assign({ className: style$5.root, onClick: !disabled ? onClick : undefined, disabled: disabled }, rest, { children: children })));
 };
 
 var DropdownMenu = { Root: DropdownMenu$1, Item: DropdownMenuItem };