carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.13 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("../icon/icon.component.js"),n=require("./help.style.js"),l=require("../../__internal__/utils/helpers/events/events.js"),i=require("../../__internal__/tooltip-provider/index.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js"),u=require("../../__internal__/utils/helpers/guid/index.js");function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const a=a=>{var{as:c,ariaLabel:d="help",children:f,href:b,helpId:y,isFocused:O,tabIndex:j=0,tooltipBgColor:v,tooltipFontColor:g,tooltipFlipOverrides:h,tooltipId:_,tooltipPosition:m="top",type:P="help"}=a,x=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(a,["as","ariaLabel","children","href","helpId","isFocused","tabIndex","tooltipBgColor","tooltipFontColor","tooltipFlipOverrides","tooltipId","tooltipPosition","type"]);const w=t.useRef(u.default()),q=t.useRef(null),[C,F]=t.useState(!1),{helpAriaLabel:I}=t.useContext(i.TooltipContext);t.useEffect((()=>{function e(e){var t;l.default.isEscKey(e)&&(null==q||null===(t=q.current)||void 0===t||t.blur(),F(!1))}return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}));const k=c||b&&"a"||"div";function E(e){return()=>{F(e)}}return e.jsx(n.default,(S=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){p(e,t,r[t])}))}return e}({"aria-describedby":O||C?_||w.current:void 0,"aria-label":I||d,as:k,href:b,id:y,ref:q,onClick:()=>{var e;null==q||null===(e=q.current)||void 0===e||e.focus()},onFocus:E(!0),onBlur:E(!1),onMouseOver:E(!0),onMouseLeave:E(!1),tabIndex:j},b?{target:"_blank",rel:"noopener noreferrer"}:{role:"button"},s.default(x),x,r.default("help",x)),L=null!=(L={children:e.jsx(o.default,{"aria-hidden":!0,type:P,tooltipMessage:f,tooltipPosition:m,tooltipVisible:O||C,tooltipBgColor:v,tooltipFontColor:g,tooltipFlipOverrides:h,focusable:!1,tooltipId:_||w.current})})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(L)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(L)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(L,e))})),S));var S,L};a.displayName="Help",exports.Help=a,exports.default=a;