@economic/taco 0.0.16-alpha.0 → 0.0.17-alpha.0

package/dist/esm/components/Menu/components/Link.js

@@ -1,23 +1,33 @@
 import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
+import { useCurrentMenu } from '../Context.js';
 import { Item } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling, Icon } from './Item.js';
 
-var _excluded = ["href", "icon"];
+var _excluded = ["href", "icon", "onClick"];
 var Link = /*#__PURE__*/forwardRef(function MenuLink(props, ref) {
   var href = props.href,
       icon = props.icon,
+      onClick = props.onClick,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
+  var menu = useCurrentMenu();
   var className = useItemStyling({
     disabled: props.disabled,
     indented: !!icon,
     className: props.className
   });
+
+  var handleClick = function handleClick(event) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    menu === null || menu === void 0 ? void 0 : menu.close();
+  };
+
   return createElement(Item, Object.assign({}, otherProps, {
     asChild: true,
     className: className,
-    ref: ref
+    ref: ref,
+    onClick: handleClick
   }), createElement("a", {
     href: href,
     target: "_blank"

package/dist/esm/components/Menu/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon, useItemStyling } from './Item';\n\nexport type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    disabled?: boolean;\n    icon?: IconName;\n    href: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\nexport const Link = React.forwardRef(function MenuLink(props: MenuLinkItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { href, icon, ...otherProps } = props;\n\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    return (\n        <DropdownMenuPrimitive.Item {...otherProps} asChild className={className} ref={ref}>\n            <a href={href} target=\"_blank\">\n                {icon && <Icon name={icon} />}\n                {props.children}\n            </a>\n        </DropdownMenuPrimitive.Item>\n    );\n});\n"],"names":["Link","React","MenuLink","props","ref","href","icon","otherProps","className","useItemStyling","disabled","indented","DropdownMenuPrimitive","asChild","target","Icon","name","children"],"mappings":";;;;;;IAYaA,IAAI,gBAAGC,UAAA,CAAiB,SAASC,QAAT,CAAkBC,KAAlB,EAA4CC,GAA5C;AACjC,MAAQC,IAAR,GAAsCF,KAAtC,CAAQE,IAAR;AAAA,MAAcC,IAAd,GAAsCH,KAAtC,CAAcG,IAAd;AAAA,MAAuBC,UAAvB,iCAAsCJ,KAAtC;;AAEA,MAAMK,SAAS,GAAGC,cAAc,CAAC;AAC7BC,IAAAA,QAAQ,EAAEP,KAAK,CAACO,QADa;AAE7BC,IAAAA,QAAQ,EAAE,CAAC,CAACL,IAFiB;AAG7BE,IAAAA,SAAS,EAAEL,KAAK,CAACK;AAHY,GAAD,CAAhC;AAMA,SACIP,aAAA,CAACW,IAAD,oBAAgCL;AAAYM,IAAAA,OAAO;AAACL,IAAAA,SAAS,EAAEA;AAAWJ,IAAAA,GAAG,EAAEA;IAA/E,EACIH,aAAA,IAAA;AAAGI,IAAAA,IAAI,EAAEA;AAAMS,IAAAA,MAAM,EAAC;GAAtB,EACKR,IAAI,IAAIL,aAAA,CAACc,IAAD;AAAMC,IAAAA,IAAI,EAAEV;GAAZ,CADb,EAEKH,KAAK,CAACc,QAFX,CADJ,CADJ;AAQH,CAjBmB;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon, useItemStyling } from './Item';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    disabled?: boolean;\n    icon?: IconName;\n    href: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\nexport const Link = React.forwardRef(function MenuLink(props: MenuLinkItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { href, icon, onClick, ...otherProps } = props;\n    const menu = useCurrentMenu();\n\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = event => {\n        onClick?.(event);\n        menu?.close();\n    };\n\n    return (\n        <DropdownMenuPrimitive.Item {...otherProps} asChild className={className} ref={ref} onClick={handleClick}>\n            <a href={href} target=\"_blank\">\n                {icon && <Icon name={icon} />}\n                {props.children}\n            </a>\n        </DropdownMenuPrimitive.Item>\n    );\n});\n"],"names":["Link","React","MenuLink","props","ref","href","icon","onClick","otherProps","menu","useCurrentMenu","className","useItemStyling","disabled","indented","handleClick","event","close","DropdownMenuPrimitive","asChild","target","Icon","name","children"],"mappings":";;;;;;;IAaaA,IAAI,gBAAGC,UAAA,CAAiB,SAASC,QAAT,CAAkBC,KAAlB,EAA4CC,GAA5C;AACjC,MAAQC,IAAR,GAA+CF,KAA/C,CAAQE,IAAR;AAAA,MAAcC,IAAd,GAA+CH,KAA/C,CAAcG,IAAd;AAAA,MAAoBC,OAApB,GAA+CJ,KAA/C,CAAoBI,OAApB;AAAA,MAAgCC,UAAhC,iCAA+CL,KAA/C;;AACA,MAAMM,IAAI,GAAGC,cAAc,EAA3B;AAEA,MAAMC,SAAS,GAAGC,cAAc,CAAC;AAC7BC,IAAAA,QAAQ,EAAEV,KAAK,CAACU,QADa;AAE7BC,IAAAA,QAAQ,EAAE,CAAC,CAACR,IAFiB;AAG7BK,IAAAA,SAAS,EAAER,KAAK,CAACQ;AAHY,GAAD,CAAhC;;AAMA,MAAMI,WAAW,GAA4C,SAAvDA,WAAuD,CAAAC,KAAK;AAC9DT,IAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,KAAH,CAAP;AACAP,IAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEQ,KAAN;AACH,GAHD;;AAKA,SACIhB,aAAA,CAACiB,IAAD,oBAAgCV;AAAYW,IAAAA,OAAO;AAACR,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKG,IAAAA,OAAO,EAAEQ;IAA7F,EACId,aAAA,IAAA;AAAGI,IAAAA,IAAI,EAAEA;AAAMe,IAAAA,MAAM,EAAC;GAAtB,EACKd,IAAI,IAAIL,aAAA,CAACoB,IAAD;AAAMC,IAAAA,IAAI,EAAEhB;GAAZ,CADb,EAEKH,KAAK,CAACoB,QAFX,CADJ,CADJ;AAQH,CAvBmB;;;;"}

package/dist/taco.cjs.development.js

@@ -6657,21 +6657,30 @@ var Item$1 = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {
   return button;
 });
 
-var _excluded$x = ["href", "icon"];
+var _excluded$x = ["href", "icon", "onClick"];
 var Link = /*#__PURE__*/React.forwardRef(function MenuLink(props, ref) {
   var href = props.href,
       icon = props.icon,
+      onClick = props.onClick,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded$x);
 
+  var menu = useCurrentMenu();
   var className = useItemStyling({
     disabled: props.disabled,
     indented: !!icon,
     className: props.className
   });
+
+  var handleClick = function handleClick(event) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    menu === null || menu === void 0 ? void 0 : menu.close();
+  };
+
   return React.createElement(DropdownMenuPrimitive.Item, Object.assign({}, otherProps, {
     asChild: true,
     className: className,
-    ref: ref
+    ref: ref,
+    onClick: handleClick
   }), React.createElement("a", {
     href: href,
     target: "_blank"