@amboss/design-system 2.3.13 → 2.3.14
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DropdownMenu",{enumerable:!0,get:function(){return DropdownMenu}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_useOutsideClick=require("../../shared/useOutsideClick"),_useKeyboard=require("../../shared/useKeyboard"),_Button=require("../Button/Button"),_Menu=require("./Menu"),isSeperator=item=>"separator"===item;function DropdownMenu({menuItems,menuItemTextVariant,label,iconName,size,disabled,portalContainer,onMenuOpen,onMenuClose,privateProps:{dropdownSquareCorners},"data-e2e-test-id":dataE2eTestId}){let[isOpen,setIsOpen]=(0,_react.useState)(!1),buttonRef=(0,_react.useRef)(null),openMenu=(0,_react.useCallback)(e=>{setIsOpen(!0),onMenuOpen(e)},[setIsOpen,onMenuOpen]),closeMenu=(0,_react.useCallback)(e=>{setIsOpen(!1),buttonRef.current.focus({preventScroll:!0}),onMenuClose(e)},[setIsOpen,onMenuClose]),toggleMenu=(0,_react.useCallback)(e=>{isOpen?closeMenu(e):openMenu(e)},[isOpen,openMenu,closeMenu]);(0,_useOutsideClick.useOutsideClick)(buttonRef,closeMenu,isOpen);let items=menuItems.map(item=>isSeperator(item)?item:{...item,onSelect:e=>{item.onSelect(e),closeMenu(e)}});return(0,_useKeyboard.useKeyboard)({"ArrowUp ArrowDown":openMenu},buttonRef,!isOpen),_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Button.Button,{ref:buttonRef,size:size,rightIcon:iconName,variant:"tertiary",onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu",privateProps:{squareCorners:dropdownSquareCorners}},label),_react.default.createElement(_Menu.Menu,{items:items,isOpen:isOpen,onCloseMenu:closeMenu,triggerRef:buttonRef,menuItemTextVariant:menuItemTextVariant,portalContainer:portalContainer}))}DropdownMenu.defaultProps={iconName:"more-horizontal",menuItemTextVariant:"uppercase",size:"m",disabled:!1,onMenuOpen:()=>void 0,onMenuClose:()=>void 0,privateProps:{dropdownSquareCorners:!1}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DropdownMenu",{enumerable:!0,get:function(){return DropdownMenu}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_useOutsideClick=require("../../shared/useOutsideClick"),_useKeyboard=require("../../shared/useKeyboard"),_Button=require("../Button/Button"),_Menu=require("./Menu"),isSeperator=item=>"separator"===item;function DropdownMenu({menuItems,menuItemTextVariant,label,iconName,size,disabled,portalContainer,onMenuOpen,onMenuClose,privateProps:{dropdownSquareCorners},"data-e2e-test-id":dataE2eTestId}){let[isOpen,setIsOpen]=(0,_react.useState)(!1),buttonRef=(0,_react.useRef)(null),openMenu=(0,_react.useCallback)(e=>{setIsOpen(!0),onMenuOpen(e)},[setIsOpen,onMenuOpen]),closeMenu=(0,_react.useCallback)(e=>{setIsOpen(!1),buttonRef.current.focus({preventScroll:!0}),onMenuClose(e)},[setIsOpen,onMenuClose]),toggleMenu=(0,_react.useCallback)(e=>{isOpen?closeMenu(e):openMenu(e)},[isOpen,openMenu,closeMenu]);(0,_useOutsideClick.useOutsideClick)(buttonRef,closeMenu,isOpen);let items=menuItems.map(item=>isSeperator(item)?item:{...item,onSelect:e=>{item.onSelect(e),closeMenu(e)}});return(0,_useKeyboard.useKeyboard)({"ArrowUp ArrowDown":openMenu},buttonRef,!isOpen),_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Button.Button,{tabIndex:0,ref:buttonRef,size:size,rightIcon:iconName,variant:"tertiary",onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu",privateProps:{squareCorners:dropdownSquareCorners}},label),_react.default.createElement(_Menu.Menu,{items:items,isOpen:isOpen,onCloseMenu:closeMenu,triggerRef:buttonRef,menuItemTextVariant:menuItemTextVariant,portalContainer:portalContainer}))}DropdownMenu.defaultProps={iconName:"more-horizontal",menuItemTextVariant:"uppercase",size:"m",disabled:!1,onMenuOpen:()=>void 0,onMenuClose:()=>void 0,privateProps:{dropdownSquareCorners:!1}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return MenuItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledMenuItem=(0,_styled.default)("button",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return MenuItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),StyledMenuItem=(0,_styled.default)("button",{target:"e8ofgdz0",label:"StyledMenuItem"})(({theme,size,textVariant,destructive,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",width:"100%",border:0,color:destructive?theme.values.color.text.error.default:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,textTransform:textVariant||"uppercase",textDecoration:"none",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,letterSpacing:theme.variables.size.letterSpacing.s,fontWeight:theme.variables.weight.bold,cursor:"pointer",...!disabled&&{"&:hover":{backgroundColor:destructive?theme.values.color.destructiveTertiaryButton.background.hover:theme.values.color.background.secondary.hover},"&:active":{color:destructive?theme.values.color.text.error.default:theme.values.color.text.primary.default}},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."l"===size&&{padding:theme.variables.size.spacing.m}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICAvKiogVGhlIHRleHQgZm9yIHRoZSBtZW51IGl0ZW0gKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIFRoZSBzaXplIG9mIHRoZSBtZW51IGl0ZW0gKi9cbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBNZW51IGl0ZW0gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIG1lbnUgaXRlbSBpcyBkZXN0cnVjdGl2ZS4gKi9cbiAgZGVzdHJ1Y3RpdmU/OiBib29sZWFuO1xuICAvKiogT24gc2VsZWN0IG1lbnUgaXRlbSBjYWxsYmFjayAqL1xuICBvblNlbGVjdDogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIC8qIEljb24gbmFtZSAqL1xuICBpY29uPzogSWNvbk5hbWU7XG4gIC8qIEVtcGhhc2l6ZWQgYnkgXCJmaWxsZWQtZG90XCIgcmlnaHQgaWNvbiAqL1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgLyogVGV4dCB0cmFuc2Zvcm0gKHVwcGVyY2FzZSBhcyBkZWZhdWx0KSAqL1xuICB0ZXh0VmFyaWFudD86IFwidXBwZXJjYXNlXCIgfCBcImNhcGl0YWxpemVcIiB8IFwibG93ZXJjYXNlXCIgfCBcIm5vbmVcIjtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZC5idXR0b248UGFydGlhbDxNZW51SXRlbVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCB0ZXh0VmFyaWFudCwgZGVzdHJ1Y3RpdmUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlcjogMCxcbiAgICBjb2xvcjogZGVzdHJ1Y3RpdmVcbiAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICB0ZXh0VHJhbnNmb3JtOiB0ZXh0VmFyaWFudCB8fCBcInVwcGVyY2FzZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5sZXR0ZXJTcGFjaW5nLnMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRlc3RydWN0aXZlXG4gICAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuZGVzdHJ1Y3RpdmVUZXJ0aWFyeUJ1dHRvbi5iYWNrZ3JvdW5kLmhvdmVyXG4gICAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiBkZXN0cnVjdGl2ZVxuICAgICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUl0ZW0oe1xuICBsYWJlbCxcbiAgc2l6ZSA9IFwibVwiLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvblNlbGVjdCxcbiAgaWNvbixcbiAgZGVzdHJ1Y3RpdmUsXG4gIGVtcGhhc2l6ZWQgPSBmYWxzZSxcbiAgdGV4dFZhcmlhbnQgPSBcInVwcGVyY2FzZVwiLFxuICBvbkJsdXIsXG59OiBNZW51SXRlbVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudUl0ZW1cbiAgICAgIHRhYkluZGV4PXswfSAvLyBGb3IgU2FmYXJpLCBiZWNhdXNlIGJ1dHRvbnMgYXJlIG5vdCBmb2N1c2FibGUgYnkgZGVmYXVsdCBvbiBpdC5cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBkZXN0cnVjdGl2ZT17ZGVzdHJ1Y3RpdmV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgIHRleHRWYXJpYW50PXt0ZXh0VmFyaWFudH1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwibGVmdFwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtsYWJlbH1cbiAgICAgICAge2VtcGhhc2l6ZWQgJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj1cImVycm9yXCJcbiAgICAgICAgICAgIG5hbWU9XCJmaWxsZWQtZG90XCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibWVudUl0ZW0tZW1waGFzaXplZFwiXG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPVwibWVudUl0ZW0tZW1waGFzaXplZFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkTWVudUl0ZW0+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ1QiJ9 */");function MenuItem({label,size="m",disabled=!1,onSelect,icon,destructive,emphasized=!1,textVariant="uppercase",onBlur}){return _react.default.createElement(StyledMenuItem,{tabIndex:0,size:size,destructive:destructive,disabled:disabled,onClick:onSelect,textVariant:textVariant,onBlur:onBlur},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:"left",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{size:"s",name:icon,"data-testid":`menuItem-${icon}`,"data-e2e-test-id":`menuItem-${icon}`}),label,emphasized&&_react.default.createElement(_Icon.Icon,{size:"s",color:"error",name:"filled-dot","data-testid":"menuItem-emphasized","data-e2e-test-id":"menuItem-emphasized"})))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState,useCallback,useRef}from"react";import{useOutsideClick}from"../../shared/useOutsideClick";import{useKeyboard}from"../../shared/useKeyboard";import{Button}from"../Button/Button";import{Menu}from"./Menu";let isSeperator=item=>"separator"===item;export function DropdownMenu({menuItems,menuItemTextVariant,label,iconName,size,disabled,portalContainer,onMenuOpen,onMenuClose,privateProps:{dropdownSquareCorners},"data-e2e-test-id":dataE2eTestId}){let[isOpen,setIsOpen]=useState(!1),buttonRef=useRef(null),openMenu=useCallback(e=>{setIsOpen(!0),onMenuOpen(e)},[setIsOpen,onMenuOpen]),closeMenu=useCallback(e=>{setIsOpen(!1),buttonRef.current.focus({preventScroll:!0}),onMenuClose(e)},[setIsOpen,onMenuClose]),toggleMenu=useCallback(e=>{isOpen?closeMenu(e):openMenu(e)},[isOpen,openMenu,closeMenu]);useOutsideClick(buttonRef,closeMenu,isOpen);let items=menuItems.map(item=>isSeperator(item)?item:{...item,onSelect:e=>{item.onSelect(e),closeMenu(e)}});return useKeyboard({"ArrowUp ArrowDown":openMenu},buttonRef,!isOpen),React.createElement(React.Fragment,null,React.createElement(Button,{ref:buttonRef,size:size,rightIcon:iconName,variant:"tertiary",onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu",privateProps:{squareCorners:dropdownSquareCorners}},label),React.createElement(Menu,{items:items,isOpen:isOpen,onCloseMenu:closeMenu,triggerRef:buttonRef,menuItemTextVariant:menuItemTextVariant,portalContainer:portalContainer}))}DropdownMenu.defaultProps={iconName:"more-horizontal",menuItemTextVariant:"uppercase",size:"m",disabled:!1,onMenuOpen:()=>void 0,onMenuClose:()=>void 0,privateProps:{dropdownSquareCorners:!1}};
|
|
1
|
+
import React,{useState,useCallback,useRef}from"react";import{useOutsideClick}from"../../shared/useOutsideClick";import{useKeyboard}from"../../shared/useKeyboard";import{Button}from"../Button/Button";import{Menu}from"./Menu";let isSeperator=item=>"separator"===item;export function DropdownMenu({menuItems,menuItemTextVariant,label,iconName,size,disabled,portalContainer,onMenuOpen,onMenuClose,privateProps:{dropdownSquareCorners},"data-e2e-test-id":dataE2eTestId}){let[isOpen,setIsOpen]=useState(!1),buttonRef=useRef(null),openMenu=useCallback(e=>{setIsOpen(!0),onMenuOpen(e)},[setIsOpen,onMenuOpen]),closeMenu=useCallback(e=>{setIsOpen(!1),buttonRef.current.focus({preventScroll:!0}),onMenuClose(e)},[setIsOpen,onMenuClose]),toggleMenu=useCallback(e=>{isOpen?closeMenu(e):openMenu(e)},[isOpen,openMenu,closeMenu]);useOutsideClick(buttonRef,closeMenu,isOpen);let items=menuItems.map(item=>isSeperator(item)?item:{...item,onSelect:e=>{item.onSelect(e),closeMenu(e)}});return useKeyboard({"ArrowUp ArrowDown":openMenu},buttonRef,!isOpen),React.createElement(React.Fragment,null,React.createElement(Button,{tabIndex:0,ref:buttonRef,size:size,rightIcon:iconName,variant:"tertiary",onClick:toggleMenu,disabled:disabled,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DropdownMenu",privateProps:{squareCorners:dropdownSquareCorners}},label),React.createElement(Menu,{items:items,isOpen:isOpen,onCloseMenu:closeMenu,triggerRef:buttonRef,menuItemTextVariant:menuItemTextVariant,portalContainer:portalContainer}))}DropdownMenu.defaultProps={iconName:"more-horizontal",menuItemTextVariant:"uppercase",size:"m",disabled:!1,onMenuOpen:()=>void 0,onMenuClose:()=>void 0,privateProps:{dropdownSquareCorners:!1}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledMenuItem=styled("button",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledMenuItem=styled("button",{target:"e8ofgdz0",label:"StyledMenuItem"})(({theme,size,textVariant,destructive,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",width:"100%",border:0,color:destructive?theme.values.color.text.error.default:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,textTransform:textVariant||"uppercase",textDecoration:"none",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,letterSpacing:theme.variables.size.letterSpacing.s,fontWeight:theme.variables.weight.bold,cursor:"pointer",...!disabled&&{"&:hover":{backgroundColor:destructive?theme.values.color.destructiveTertiaryButton.background.hover:theme.values.color.background.secondary.hover},"&:active":{color:destructive?theme.values.color.text.error.default:theme.values.color.text.primary.default}},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."l"===size&&{padding:theme.variables.size.spacing.m}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICAvKiogVGhlIHRleHQgZm9yIHRoZSBtZW51IGl0ZW0gKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIFRoZSBzaXplIG9mIHRoZSBtZW51IGl0ZW0gKi9cbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBNZW51IGl0ZW0gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIG1lbnUgaXRlbSBpcyBkZXN0cnVjdGl2ZS4gKi9cbiAgZGVzdHJ1Y3RpdmU/OiBib29sZWFuO1xuICAvKiogT24gc2VsZWN0IG1lbnUgaXRlbSBjYWxsYmFjayAqL1xuICBvblNlbGVjdDogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIC8qIEljb24gbmFtZSAqL1xuICBpY29uPzogSWNvbk5hbWU7XG4gIC8qIEVtcGhhc2l6ZWQgYnkgXCJmaWxsZWQtZG90XCIgcmlnaHQgaWNvbiAqL1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgLyogVGV4dCB0cmFuc2Zvcm0gKHVwcGVyY2FzZSBhcyBkZWZhdWx0KSAqL1xuICB0ZXh0VmFyaWFudD86IFwidXBwZXJjYXNlXCIgfCBcImNhcGl0YWxpemVcIiB8IFwibG93ZXJjYXNlXCIgfCBcIm5vbmVcIjtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZC5idXR0b248UGFydGlhbDxNZW51SXRlbVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCB0ZXh0VmFyaWFudCwgZGVzdHJ1Y3RpdmUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlcjogMCxcbiAgICBjb2xvcjogZGVzdHJ1Y3RpdmVcbiAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICB0ZXh0VHJhbnNmb3JtOiB0ZXh0VmFyaWFudCB8fCBcInVwcGVyY2FzZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5sZXR0ZXJTcGFjaW5nLnMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRlc3RydWN0aXZlXG4gICAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuZGVzdHJ1Y3RpdmVUZXJ0aWFyeUJ1dHRvbi5iYWNrZ3JvdW5kLmhvdmVyXG4gICAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiBkZXN0cnVjdGl2ZVxuICAgICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUl0ZW0oe1xuICBsYWJlbCxcbiAgc2l6ZSA9IFwibVwiLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvblNlbGVjdCxcbiAgaWNvbixcbiAgZGVzdHJ1Y3RpdmUsXG4gIGVtcGhhc2l6ZWQgPSBmYWxzZSxcbiAgdGV4dFZhcmlhbnQgPSBcInVwcGVyY2FzZVwiLFxuICBvbkJsdXIsXG59OiBNZW51SXRlbVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudUl0ZW1cbiAgICAgIHRhYkluZGV4PXswfSAvLyBGb3IgU2FmYXJpLCBiZWNhdXNlIGJ1dHRvbnMgYXJlIG5vdCBmb2N1c2FibGUgYnkgZGVmYXVsdCBvbiBpdC5cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBkZXN0cnVjdGl2ZT17ZGVzdHJ1Y3RpdmV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgIHRleHRWYXJpYW50PXt0ZXh0VmFyaWFudH1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwibGVmdFwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtsYWJlbH1cbiAgICAgICAge2VtcGhhc2l6ZWQgJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj1cImVycm9yXCJcbiAgICAgICAgICAgIG5hbWU9XCJmaWxsZWQtZG90XCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibWVudUl0ZW0tZW1waGFzaXplZFwiXG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPVwibWVudUl0ZW0tZW1waGFzaXplZFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkTWVudUl0ZW0+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ1QiJ9 */");export function MenuItem({label,size="m",disabled=!1,onSelect,icon,destructive,emphasized=!1,textVariant="uppercase",onBlur}){return React.createElement(StyledMenuItem,{tabIndex:0,size:size,destructive:destructive,disabled:disabled,onClick:onSelect,textVariant:textVariant,onBlur:onBlur},React.createElement(Inline,{vAlignItems:"center",alignItems:"left",space:"xxs",noWrap:!0},icon&&React.createElement(Icon,{size:"s",name:icon,"data-testid":`menuItem-${icon}`,"data-e2e-test-id":`menuItem-${icon}`}),label,emphasized&&React.createElement(Icon,{size:"s",color:"error",name:"filled-dot","data-testid":"menuItem-emphasized","data-e2e-test-id":"menuItem-emphasized"})))}
|