monday-ui-react-core/dist/esm/src/components/Clickable/Clickable.js

Official monday.com UI resources for application development in React.js

import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as i}from"react";import{noop as s}from"lodash-es";import r from"../../hooks/useClickableProps/useClickableProps.js";import d from"./Clickable.module.scss.js";import{backwardCompatibilityForProperties as t}from"../../helpers/backwardCompatibilityForProperties.js";var l=i((function(i,l){var n=i.elementType,p=void 0===n?"div":n,m=i.className,c=void 0===m?"":m,b=i.id,u=i.children,v=i.role,f=void 0===v?"button":v,k=i.onClick,x=void 0===k?s:k,P=i.enableTextSelection,j=void 0!==P&&P,C=i.onMouseDown,M=void 0===C?s:C,y=i.onMouseEnter,E=void 0===y?s:y,H=i.onMouseLeave,h=void 0===H?s:H,L=i.ariaLabel,T=i.ariaHidden,g=i.ariaHasPopup,w=i.ariaExpanded,I=i.tabIndex,D=void 0===I?"0":I,N=i.disabled,O=void 0!==N&&N,S=i.style,_=t([i["data-testid"],i.dataTestId]),B=r({onClick:x,onMouseDown:M,onMouseEnter:E,onMouseLeave:h,disabled:O,id:b,"data-testid":_,role:f,tabIndex:D,ariaLabel:L,ariaHidden:T,ariaHasPopup:g,ariaExpanded:w},l),F=a(d.clickable,c,e(e({},d.disabled,O),d.disableTextSelection,!j));return o.createElement(p,Object.assign(Object.assign({},B),{className:F,style:S}),u)}));export{l as default};
//# sourceMappingURL=Clickable.js.map