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