carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/grid/grid-item/grid-item.style.js

@@ -1,101 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getSpacing = getSpacing;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function getSpacing(prop) {
-  if (typeof prop === "number") {
-    switch (prop) {
-      case 0:
-        return "var(--spacing000)";
-      case 1:
-        return "var(--spacing100)";
-      case 2:
-        return "var(--spacing200)";
-      case 3:
-        return "var(--spacing300)";
-      case 4:
-        return "var(--spacing400)";
-      case 5:
-        return "var(--spacing500)";
-      case 6:
-        return "var(--spacing600)";
-      case 7:
-        return "var(--spacing700)";
-      case 8:
-        return "var(--spacing800)";
-      case 9:
-        return "var(--spacing900)";
-      case 10:
-        return "var(--spacing1000)";
-      default:
-        return "var(--spacing100)";
-    }
-  }
-  return String(prop);
-}
-function responsiveGridItem(responsiveSettings) {
-  return responsiveSettings.map(setting => {
-    const {
-      alignSelf,
-      gridArea,
-      gridColumn,
-      gridRow,
-      maxWidth,
-      justifySelf,
-      p,
-      pl,
-      pr,
-      pt,
-      pb
-    } = setting;
-    return (0, _styledComponents.css)`
-      @media screen and (max-width: ${maxWidth}) {
-        align-self: ${alignSelf || "stretch"};
-        justify-self: ${justifySelf || "stretch"};
-        grid-area: ${gridArea};
-        grid-column: ${gridColumn};
-        grid-row: ${gridRow};
-        padding: ${getSpacing(p)};
-        padding-left: ${getSpacing(pl)};
-        padding-right: ${getSpacing(pr)};
-        padding-top: ${getSpacing(pt)};
-        padding-bottom: ${getSpacing(pb)};
-      }
-    `;
-  });
-}
-const StyledGridItem = _styledComponents.default.div`
-  margin: 0;
-  ${_styledSystem.padding}
-
-  ${({
-  alignSelf,
-  justifySelf,
-  gridArea = "auto / 1 / auto / 13",
-  gridColumn,
-  gridRow,
-  responsiveSettings
-}) => (0, _styledComponents.css)`
-    ${(0, _styledSystem.flexbox)({
-  alignSelf,
-  justifySelf
-})}
-    ${(0, _styledSystem.grid)({
-  gridArea,
-  gridColumn,
-  gridRow
-})};
-
-    ${responsiveSettings && (0, _styledComponents.css)`
-      ${responsiveGridItem(responsiveSettings)};
-    `}
-  `}
-`;
-var _default = exports.default = StyledGridItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system");function a(e){return e&&e.__esModule?e:{default:e}}function t(e){if("number"==typeof e)switch(e){case 0:return"var(--spacing000)";case 1:default:return"var(--spacing100)";case 2:return"var(--spacing200)";case 3:return"var(--spacing300)";case 4:return"var(--spacing400)";case 5:return"var(--spacing500)";case 6:return"var(--spacing600)";case 7:return"var(--spacing700)";case 8:return"var(--spacing800)";case 9:return"var(--spacing900)";case 10:return"var(--spacing1000)"}return String(e)}const i=a(e).default.div.withConfig({displayName:"grid-item.style__StyledGridItem",componentId:"sc-82c3f8bc-0"})(["margin:0;"," ",""],r.padding,(({alignSelf:a,justifySelf:i,gridArea:n="auto / 1 / auto / 13",gridColumn:s,gridRow:d,responsiveSettings:c})=>e.css([""," ",";",""],r.flexbox({alignSelf:a,justifySelf:i}),r.grid({gridArea:n,gridColumn:s,gridRow:d}),c&&e.css(["",";"],function(r){return r.map((r=>{const{alignSelf:a,gridArea:i,gridColumn:n,gridRow:s,maxWidth:d,justifySelf:c,p:g,pl:u,pr:p,pt:o,pb:l}=r;return e.css(["@media screen and (max-width:","){align-self:",";justify-self:",";grid-area:",";grid-column:",";grid-row:",";padding:",";padding-left:",";padding-right:",";padding-top:",";padding-bottom:",";}"],d,a||"stretch",c||"stretch",i,n,s,t(g),t(u),t(p),t(o),t(l))}))}(c)))));exports.default=i,exports.getSpacing=t;

package/lib/components/grid/grid-item/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _gridItem.default;
-  }
-});
-var _gridItem = _interopRequireDefault(require("./grid-item.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./grid-item.component.js");exports.default=e.GridItem;

package/lib/components/grid/grid-item/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/grid/grid-item/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/grid/grid-item/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/grid/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GridContainer", {
-  enumerable: true,
-  get: function () {
-    return _gridContainer.default;
-  }
-});
-Object.defineProperty(exports, "GridItem", {
-  enumerable: true,
-  get: function () {
-    return _gridItem.default;
-  }
-});
-var _gridContainer = _interopRequireDefault(require("./grid-container"));
-var _gridItem = _interopRequireDefault(require("./grid-item"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var r=require("./grid-container/grid-container.component.js"),e=require("./grid-item/grid-item.component.js");exports.GridContainer=r.GridContainer,exports.GridItem=e.GridItem;

package/lib/components/grid/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/grid/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/grid/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/grouped-character/grouped-character.component.js

@@ -1,143 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.GroupedCharacter = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _textbox = _interopRequireDefault(require("../textbox"));
-var _groupedCharacter = require("./grouped-character.utils");
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const buildCustomTarget = ({
-  target
-}, value) => {
-  const {
-    name,
-    id
-  } = target;
-  return {
-    ...(name && {
-      name
-    }),
-    ...(id && {
-      id
-    }),
-    value
-  };
-};
-let deprecateUncontrolledWarnTriggered = false;
-const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.forwardRef(({
-  defaultValue,
-  groups,
-  onBlur,
-  onChange,
-  onKeyDown,
-  separator: rawSeparator,
-  value: externalValue,
-  ...rest
-}, ref) => {
-  const [internalValue, setInternalValue] = (0, _react.useState)(defaultValue || "");
-  const isControlled = externalValue !== undefined;
-  const separator = rawSeparator.substring(0, 1); // Ensure max length is 1
-
-  const maxRawLength = groups.reduce(_groupedCharacter.toSum);
-  if (!deprecateUncontrolledWarnTriggered && !isControlled) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Grouped Character` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  const formatValue = val => (0, _groupedCharacter.generateGroups)(groups, val).join(separator);
-  const sanitizeValue = val => val.split(separator).join("").substring(0, maxRawLength);
-  const value = isControlled ? externalValue : internalValue;
-  const handleChange = ev => {
-    const {
-      target
-    } = ev;
-    const {
-      selectionEnd
-    } = target;
-    let newCursorPos = selectionEnd ?? /* istanbul ignore next */0;
-    const rawValue = sanitizeValue(target.value);
-    const formattedValue = formatValue(rawValue);
-    const isLastPosition = target.value.length === newCursorPos;
-    const isAtOneBeyondSeparator = formattedValue[newCursorPos - 1] === separator;
-    if (isLastPosition) {
-      const targetValSeparatorCount = target.value.split(separator).length - 1;
-      const formatValSeparatorCount = formattedValue.split(separator).length - 1;
-      const separatorDiff = formatValSeparatorCount - targetValSeparatorCount;
-      newCursorPos += separatorDiff;
-    } else if (isAtOneBeyondSeparator) {
-      const isDeleting = value.length > rawValue.length;
-      if (!isDeleting) {
-        newCursorPos += 1;
-      }
-    }
-    const modifiedEvent = ev;
-    modifiedEvent.target = buildCustomTarget(ev, {
-      rawValue,
-      formattedValue
-    });
-    onChange?.(modifiedEvent);
-    if (!isControlled) {
-      setInternalValue(rawValue);
-    }
-    setTimeout(() => target.setSelectionRange(newCursorPos, newCursorPos));
-  };
-  const handleBlur = ev => {
-    if (onBlur) {
-      const {
-        target
-      } = ev;
-      const rawValue = sanitizeValue(target.value);
-      const formattedValue = formatValue(rawValue);
-      const modifiedEvent = ev;
-      modifiedEvent.target = buildCustomTarget(ev, {
-        rawValue,
-        formattedValue
-      });
-      onBlur(modifiedEvent);
-    }
-  };
-  const handleKeyDown = ev => {
-    const {
-      selectionStart,
-      selectionEnd
-    } = ev.target;
-
-    /* istanbul ignore next */
-    const hasSelection = (selectionEnd ?? 0) - (selectionStart ?? 0) > 0;
-
-    // check if the key pressed is a character key
-    const isCharacterKey = ev.key.length === 1;
-    if (isCharacterKey && maxRawLength === value.length && !hasSelection) {
-      ev.preventDefault();
-    }
-    if (ev.key === "Delete") {
-      const cursorPos = selectionStart ?? /* istanbul ignore next */0;
-      const rawValue = sanitizeValue(value);
-      const formattedValue = formatValue(rawValue);
-      if (formattedValue[cursorPos] === separator) {
-        ev.preventDefault();
-        const target = ev.target;
-        setTimeout(() => target.setSelectionRange(cursorPos + 1, cursorPos + 1));
-      }
-    }
-    if (onKeyDown) {
-      onKeyDown(ev);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({}, rest, {
-    value: value,
-    formattedValue: formatValue(value),
-    onChange: handleChange,
-    onBlur: handleBlur,
-    onKeyDown: handleKeyDown,
-    ref: ref
-  }, (0, _tags.default)("grouped-character", rest)));
-});
-GroupedCharacter.displayName = "GroupedCharacter";
-var _default = exports.default = GroupedCharacter;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../textbox/textbox.component.js"),n=require("./grouped-character.utils.js"),o=require("../../__internal__/utils/logger/index.js"),l=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}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 s(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 c(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 i=({target:e},t)=>{const{name:r,id:n}=e;return c(s({},r&&{name:r},n&&{id:n}),{value:t})};let p=!1;const f=u(t).default.forwardRef(((u,a)=>{var{defaultValue:f,groups:g,onBlur:d,onChange:b,onKeyDown:y,separator:O,value:j}=u,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(u,["defaultValue","groups","onBlur","onChange","onKeyDown","separator","value"]);const[h,m]=t.useState(f||""),w=void 0!==j,P=O.substring(0,1),x=g.reduce(n.toSum);p||w||(p=!0,o.default.deprecate("Uncontrolled behaviour in `Grouped Character` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const _=e=>n.generateGroups(g,e).join(P),S=e=>e.split(P).join("").substring(0,x),D=w?j:h;return e.jsx(r.Textbox,s(c(s({},v),{value:D,formattedValue:_(D),onChange:e=>{const{target:t}=e,{selectionEnd:r}=t;let n=null!=r?r:0;const o=S(t.value),l=_(o),u=t.value.length===n,a=l[n-1]===P;if(u){const e=t.value.split(P).length-1,r=l.split(P).length-1;n+=r-e}else a&&(D.length>o.length||(n+=1));const s=e;s.target=i(e,{rawValue:o,formattedValue:l}),null==b||b(s),w||m(o),setTimeout((()=>t.setSelectionRange(n,n)))},onBlur:e=>{if(d){const{target:t}=e,r=S(t.value),n=_(r),o=e;o.target=i(e,{rawValue:r,formattedValue:n}),d(o)}},onKeyDown:e=>{const{selectionStart:t,selectionEnd:r}=e.target,n=(null!=r?r:0)-(null!=t?t:0)>0;if(1===e.key.length&&x===D.length&&!n&&e.preventDefault(),"Delete"===e.key){const r=null!=t?t:0,n=S(D);if(_(n)[r]===P){e.preventDefault();const t=e.target;setTimeout((()=>t.setSelectionRange(r+1,r+1)))}}y&&y(e)},ref:a}),l.default("grouped-character",v)))}));f.displayName="GroupedCharacter",exports.GroupedCharacter=f,exports.default=f;

package/lib/components/grouped-character/grouped-character.utils.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toSum = exports.generateGroups = void 0;
-const toSum = (acc, i) => acc + i;
-exports.toSum = toSum;
-const generateGroups = (groups, rawValue) => {
-  return groups.reduce((acc, group, index, src) => {
-    const soFar = src.slice(0, index).reduce(toSum, 0);
-    const toAdd = rawValue.slice(soFar, soFar + group);
-    return toAdd ? [...acc, toAdd] : acc;
-  }, []);
-};
-exports.generateGroups = generateGroups;
+"use strict";const e=(e,r)=>e+r;exports.generateGroups=(r,s)=>r.reduce(((r,t,c,o)=>{const u=o.slice(0,c).reduce(e,0),n=s.slice(u,u+t);return n?[...r,n]:r}),[]),exports.toSum=e;

package/lib/components/grouped-character/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _groupedCharacter.default;
-  }
-});
-var _groupedCharacter = _interopRequireDefault(require("./grouped-character.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./grouped-character.component.js");exports.default=e.GroupedCharacter;

package/lib/components/grouped-character/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/grouped-character/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/grouped-character/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/heading/heading.component.js

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Heading = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("../../style/utils");
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _heading = require("./heading.style");
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Heading = ({
-  children,
-  backLink,
-  divider = true,
-  help,
-  helpAriaLabel,
-  helpLink,
-  pills,
-  separator = false,
-  subheader,
-  subtitleId,
-  headingType = "h1",
-  title,
-  titleId,
-  ...rest
-}) => {
-  const getHelp = () => {
-    return /*#__PURE__*/_react.default.createElement(_heading.StyledHeaderHelp, {
-      "data-element": "help",
-      tooltipPosition: "right",
-      href: helpLink,
-      ariaLabel: helpAriaLabel
-    }, help);
-  };
-  const l = (0, _useLocale.default)();
-  const getBackButton = () => {
-    const backButtonProps = typeof backLink === "string" ? {
-      href: backLink
-    } : {
-      onClick: backLink
-    };
-    return /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingBackButton
-    // this event allows an element to be focusable on click event on IE
-    , _extends({
-      "aria-label": l.heading.backLinkAriaLabel(),
-      "data-element": "back",
-      "data-role": "heading-back-button",
-      onMouseDown: e => e.currentTarget.focus()
-    }, backButtonProps), /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingIcon, {
-      type: "chevron_left"
-    }));
-  };
-  const getSubheader = () => {
-    return /*#__PURE__*/_react.default.createElement(_heading.StyledSubHeader, {
-      "data-element": "subtitle",
-      "data-role": "subtitle",
-      id: subtitleId,
-      hasBackLink: !!backLink,
-      hasSeparator: separator
-    }, subheader);
-  };
-  const getPills = () => {
-    return /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingPills, {
-      "data-element": "pills",
-      "data-role": "heading-pills-container"
-    }, pills);
-  };
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
-  return title ? /*#__PURE__*/_react.default.createElement(_heading.StyledHeading, _extends({}, (0, _tags.default)("heading", rest), marginProps), /*#__PURE__*/_react.default.createElement(_heading.StyledHeader, {
-    "data-element": "header-container",
-    divider: divider,
-    subheader: !!subheader,
-    hasBackLink: !!backLink
-  }, backLink && getBackButton(), /*#__PURE__*/_react.default.createElement(_heading.StyledHeaderContent, null, /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingTitle, {
-    withMargin: !!pills || !!help,
-    variant: headingType,
-    "data-element": "title",
-    id: titleId
-  }, title), (help || helpLink) && getHelp(), pills && getPills()), separator && /*#__PURE__*/_react.default.createElement(_heading.StyledSeparator, {
-    "data-role": "heading-separator"
-  }), subheader && getSubheader()), divider && /*#__PURE__*/_react.default.createElement(_heading.StyledDivider, {
-    "data-element": "divider",
-    "data-role": "heading-divider"
-  }), children) : null;
-};
-exports.Heading = Heading;
-var _default = exports.default = Heading;
+"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:k}=a,m=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 v=i.default(),S=t.default(m);return O?e.jsxs(n.StyledHeading,s(l({},r.default("heading",m),S),{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":v.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus()},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:k,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;

package/lib/components/heading/heading.style.js

@@ -1,141 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSubHeader = exports.StyledSeparator = exports.StyledHeadingTitle = exports.StyledHeadingPills = exports.StyledHeadingIcon = exports.StyledHeadingBackButton = exports.StyledHeading = exports.StyledHeaderHelp = exports.StyledHeaderContent = exports.StyledHeader = exports.StyledDivider = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _icon = _interopRequireDefault(require("../icon"));
-var _icon2 = _interopRequireDefault(require("../icon/icon.style"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _help = _interopRequireDefault(require("../help"));
-var _typography = _interopRequireDefault(require("../typography"));
-var _hr = _interopRequireDefault(require("../hr"));
-var _link = _interopRequireDefault(require("../link"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledHeading = exports.StyledHeading = _styledComponents.default.div`
-  width: 100%;
-  ${_styledSystem.margin}
-`;
-StyledHeading.defaultProps = {
-  theme: _base.default
-};
-const StyledHeaderContent = exports.StyledHeaderContent = _styledComponents.default.div`
-  display: inline-flex;
-  align-items: flex-end;
-`;
-const StyledHeader = exports.StyledHeader = _styledComponents.default.div`
-  ${({
-  divider,
-  subheader,
-  hasBackLink
-}) => (0, _styledComponents.css)`
-    ${subheader && (0, _styledComponents.css)`
-      margin-bottom: 16px;
-    `}
-
-    ${divider && (0, _styledComponents.css)`
-      margin-bottom: 15px;
-    `}
-
-    ${divider && !subheader && (0, _styledComponents.css)`
-      margin-bottom: 20px;
-    `}
-
-    ${hasBackLink && (0, _styledComponents.css)`
-      display: grid;
-      grid-template-columns: min-content auto;
-    `}
-  `}
-`;
-const StyledHeadingBackButton = exports.StyledHeadingBackButton = (0, _styledComponents.default)(_link.default)`
-  margin-right: 5px;
-  margin-top: 2px;
-  box-shadow: none;
-  a,
-  button {
-    margin: 0 1px 0 0;
-    text-decoration: none;
-    display: block;
-
-    &:focus {
-      background-color: transparent;
-      ${(0, _addFocusStyling.default)()}
-    }
-
-    &:hover {
-      ${_icon2.default} {
-        color: var(--colorsActionMinor600);
-      }
-    }
-
-    ${_icon2.default} {
-      margin-right: 0;
-      display: inline-flex;
-      color: var(--colorsActionMinor500);
-    }
-  }
-`;
-StyledHeadingBackButton.defaultProps = {
-  theme: _base.default
-};
-const StyledHeadingTitle = exports.StyledHeadingTitle = (0, _styledComponents.default)(_typography.default)`
-  ${({
-  withMargin
-}) => withMargin ? (0, _styledComponents.css)`
-          margin-right: 16px;
-        ` : null}
-`;
-const StyledHeadingPills = exports.StyledHeadingPills = _styledComponents.default.span`
-  line-height: 32px;
-  display: inline-block;
-  vertical-align: top;
-`;
-const StyledSubHeader = exports.StyledSubHeader = _styledComponents.default.div`
-  margin-top: 5px;
-  grid-row: 2;
-
-  ${({
-  hasBackLink
-}) => hasBackLink && (0, _styledComponents.css)`
-      grid-column: 2;
-    `}
-
-  ${({
-  hasSeparator
-}) => hasSeparator && (0, _styledComponents.css)`
-      grid-row: 3;
-      margin-top: 0px;
-    `}
-`;
-const StyledHeadingIcon = exports.StyledHeadingIcon = (0, _styledComponents.default)(_icon.default)`
-  height: 30px;
-
-  &:before,
-  &${_icon2.default}:before {
-    font-size: 24px;
-  }
-`;
-const StyledSeparator = exports.StyledSeparator = _styledComponents.default.hr`
-  border-top: 2px;
-  border-style: solid;
-  border-color: var(--colorsUtilityMajor100);
-  margin: 10px 0 8px;
-  text-align: left;
-  width: 50px;
-`;
-const StyledDivider = exports.StyledDivider = (0, _styledComponents.default)(_hr.default)`
-  margin: 15px 0 20px;
-`;
-const StyledHeaderHelp = exports.StyledHeaderHelp = (0, _styledComponents.default)(_help.default)`
-  display: inline-block;
-  margin-left: -6px;
-  margin-right: 16px;
-  position: relative;
-  top: -4px;
-  height: 22px;
-`;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../icon/icon.component.js"),a=require("../icon/icon.style.js"),n=require("../../style/themes/base/index.js"),o=require("../help/help.component.js"),d=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var r=require("../hr/hr.component.js"),l=require("../link/link.component.js"),s=require("../../style/utils/add-focus-styling.js");function p(e){return e&&e.__esModule?e:{default:e}}var c=p(e);const g=c.default.div.withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-9ca9efba-0"})(["width:100%;",""],t.margin);g.defaultProps={theme:n.default};const y=c.default.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-9ca9efba-1"})(["display:inline-flex;align-items:flex-end;"]),m=c.default.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-9ca9efba-2"})(["",""],(({divider:t,subheader:i,hasBackLink:a})=>e.css([""," "," "," ",""],i&&e.css(["margin-bottom:16px;"]),t&&e.css(["margin-bottom:15px;"]),t&&!i&&e.css(["margin-bottom:20px;"]),a&&e.css(["display:grid;grid-template-columns:min-content auto;"])))),f=c.default(l.Link).withConfig({displayName:"heading.style__StyledHeadingBackButton",componentId:"sc-9ca9efba-3"})(["margin-right:5px;margin-top:2px;box-shadow:none;a,button{margin:0 1px 0 0;text-decoration:none;display:block;&:focus{background-color:transparent;","}&:hover{","{color:var(--colorsActionMinor600);}}","{margin-right:0;display:inline-flex;color:var(--colorsActionMinor500);}}"],s.default(),a.default,a.default);f.defaultProps={theme:n.default};const h=c.default(d.Typography).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-9ca9efba-4"})(["",""],(({withMargin:t})=>t?e.css(["margin-right:16px;"]):null)),u=c.default.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-9ca9efba-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=c.default.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-9ca9efba-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:t})=>t&&e.css(["grid-column:2;"])),(({hasSeparator:t})=>t&&e.css(["grid-row:3;margin-top:0px;"]))),b=c.default(i.default).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-9ca9efba-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],a.default),S=c.default.hr.withConfig({displayName:"heading.style__StyledSeparator",componentId:"sc-9ca9efba-8"})(["border-top:2px;border-style:solid;border-color:var(--colorsUtilityMajor100);margin:10px 0 8px;text-align:left;width:50px;"]),_=c.default(r.Hr).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-9ca9efba-9"})(["margin:15px 0 20px;"]),H=c.default(o.Help).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-9ca9efba-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);exports.StyledDivider=_,exports.StyledHeader=m,exports.StyledHeaderContent=y,exports.StyledHeaderHelp=H,exports.StyledHeading=g,exports.StyledHeadingBackButton=f,exports.StyledHeadingIcon=b,exports.StyledHeadingPills=u,exports.StyledHeadingTitle=h,exports.StyledSeparator=S,exports.StyledSubHeader=x;

package/lib/components/heading/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _heading.default;
-  }
-});
-var _heading = _interopRequireDefault(require("./heading.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./heading.component.js");exports.default=e.Heading;

package/lib/components/heading/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/heading/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/heading/index.js",
   "types": "./index.d.ts"
 }