carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.15 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./heading.style.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=a=>{var{children:d,backLink:o,divider:c=!0,help:u,helpAriaLabel:p,helpLink:b,pills:y,separator:h=!1,subheader:f,subtitleId:g,headingType:j="h1",title:O,titleId:v}=a,S=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(a,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const k=i.default(),m=t.default(S);return O?e.jsxs(n.StyledHeading,s(l({},r.default("heading",S),m),{children:[e.jsxs(n.StyledHeader,{"data-element":"header-container",divider:c,subheader:!!f,hasBackLink:!!o,children:[o&&(()=>{const t="string"==typeof o?{href:o}:{onClick:o};return e.jsx(n.StyledHeadingBackButton,s(l({"aria-label":k.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus({preventScroll:!0})},t),{children:e.jsx(n.StyledHeadingIcon,{type:"chevron_left"})}))})(),e.jsxs(n.StyledHeaderContent,{children:[e.jsx(n.StyledHeadingTitle,{withMargin:!!y||!!u,variant:j,"data-element":"title",id:v,children:O}),(u||b)&&e.jsx(n.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",href:b,ariaLabel:p,children:u}),y&&e.jsx(n.StyledHeadingPills,{"data-element":"pills","data-role":"heading-pills-container",children:y})]}),h&&e.jsx(n.StyledSeparator,{"data-role":"heading-separator"}),f&&e.jsx(n.StyledSubHeader,{"data-element":"subtitle","data-role":"subtitle",id:g,hasBackLink:!!o,hasSeparator:h,children:f})]}),c&&e.jsx(n.StyledDivider,{"data-element":"divider","data-role":"heading-divider"}),d]})):null};exports.Heading=d,exports.default=d;