carbon-react 154.4.0 → 154.4.2

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

@@ -1,134 +1 @@
-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); }
-import React, { useState } from "react";
-import Textbox from "../textbox";
-import { generateGroups, toSum } from "./grouped-character.utils";
-import Logger from "../../__internal__/utils/logger";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-const buildCustomTarget = ({
-  target
-}, value) => {
-  const {
-    name,
-    id
-  } = target;
-  return {
-    ...(name && {
-      name
-    }),
-    ...(id && {
-      id
-    }),
-    value
-  };
-};
-let deprecateUncontrolledWarnTriggered = false;
-export const GroupedCharacter = /*#__PURE__*/React.forwardRef(({
-  defaultValue,
-  groups,
-  onBlur,
-  onChange,
-  onKeyDown,
-  separator: rawSeparator,
-  value: externalValue,
-  ...rest
-}, ref) => {
-  const [internalValue, setInternalValue] = useState(defaultValue || "");
-  const isControlled = externalValue !== undefined;
-  const separator = rawSeparator.substring(0, 1); // Ensure max length is 1
-
-  const maxRawLength = groups.reduce(toSum);
-  if (!deprecateUncontrolledWarnTriggered && !isControlled) {
-    deprecateUncontrolledWarnTriggered = true;
-    Logger.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 => 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.createElement(Textbox, _extends({}, rest, {
-    value: value,
-    formattedValue: formatValue(value),
-    onChange: handleChange,
-    onBlur: handleBlur,
-    onKeyDown: handleKeyDown,
-    ref: ref
-  }, tagComponent("grouped-character", rest)));
-});
-GroupedCharacter.displayName = "GroupedCharacter";
-export default GroupedCharacter;
+import{jsx as e}from"react/jsx-runtime";import t,{useState as r}from"react";import{Textbox as n}from"../textbox/textbox.component.js";import{toSum as o,generateGroups as l}from"./grouped-character.utils.js";import a from"../../__internal__/utils/logger/index.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function c(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){c(e,t,r[t])}))}return e}function i(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 p=({target:e},t)=>{const{name:r,id:n}=e;return i(s({},r&&{name:r},n&&{id:n}),{value:t})};let f=!1;const g=t.forwardRef(((t,c)=>{var{defaultValue:g,groups:b,onBlur:m,onChange:y,onKeyDown:d,separator:O,value:j}=t,h=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}(t,["defaultValue","groups","onBlur","onChange","onKeyDown","separator","value"]);const[v,w]=r(g||""),P=void 0!==j,D=O.substring(0,1),x=b.reduce(o);f||P||(f=!0,a.deprecate("Uncontrolled behaviour in `Grouped Character` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const S=e=>l(b,e).join(D),_=e=>e.split(D).join("").substring(0,x),V=P?j:v;return e(n,s(i(s({},h),{value:V,formattedValue:S(V),onChange:e=>{const{target:t}=e,{selectionEnd:r}=t;let n=null!=r?r:0;const o=_(t.value),l=S(o),a=t.value.length===n,u=l[n-1]===D;if(a){const e=t.value.split(D).length-1,r=l.split(D).length-1;n+=r-e}else u&&(V.length>o.length||(n+=1));const c=e;c.target=p(e,{rawValue:o,formattedValue:l}),null==y||y(c),P||w(o),setTimeout((()=>t.setSelectionRange(n,n)))},onBlur:e=>{if(m){const{target:t}=e,r=_(t.value),n=S(r),o=e;o.target=p(e,{rawValue:r,formattedValue:n}),m(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===V.length&&!n&&e.preventDefault(),"Delete"===e.key){const r=null!=t?t:0,n=_(V);if(S(n)[r]===D){e.preventDefault();const t=e.target;setTimeout((()=>t.setSelectionRange(r+1,r+1)))}}d&&d(e)},ref:c}),u("grouped-character",h)))}));g.displayName="GroupedCharacter";export{g as GroupedCharacter,g as default};

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

@@ -1,8 +1 @@
-export const toSum = (acc, i) => acc + i;
-export 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;
-  }, []);
-};
+const e=(e,c)=>e+c,c=(c,r)=>c.reduce(((c,s,t,n)=>{const o=n.slice(0,t).reduce(e,0),u=r.slice(o,o+s);return u?[...c,u]:c}),[]);export{c as generateGroups,e as toSum};

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

@@ -1 +1 @@
-export { default } from "./grouped-character.component";
+export{GroupedCharacter as default}from"./grouped-character.component.js";

package/esm/components/heading/heading.component.js

@@ -1,82 +1 @@
-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); }
-import React from "react";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { StyledHeading, StyledHeadingIcon, StyledSubHeader, StyledHeader, StyledSeparator, StyledHeaderHelp, StyledHeadingTitle, StyledDivider, StyledHeaderContent, StyledHeadingBackButton, StyledHeadingPills } from "./heading.style";
-import useLocale from "../../hooks/__internal__/useLocale";
-export const Heading = ({
-  children,
-  backLink,
-  divider = true,
-  help,
-  helpAriaLabel,
-  helpLink,
-  pills,
-  separator = false,
-  subheader,
-  subtitleId,
-  headingType = "h1",
-  title,
-  titleId,
-  ...rest
-}) => {
-  const getHelp = () => {
-    return /*#__PURE__*/React.createElement(StyledHeaderHelp, {
-      "data-element": "help",
-      tooltipPosition: "right",
-      href: helpLink,
-      ariaLabel: helpAriaLabel
-    }, help);
-  };
-  const l = useLocale();
-  const getBackButton = () => {
-    const backButtonProps = typeof backLink === "string" ? {
-      href: backLink
-    } : {
-      onClick: backLink
-    };
-    return /*#__PURE__*/React.createElement(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.createElement(StyledHeadingIcon, {
-      type: "chevron_left"
-    }));
-  };
-  const getSubheader = () => {
-    return /*#__PURE__*/React.createElement(StyledSubHeader, {
-      "data-element": "subtitle",
-      "data-role": "subtitle",
-      id: subtitleId,
-      hasBackLink: !!backLink,
-      hasSeparator: separator
-    }, subheader);
-  };
-  const getPills = () => {
-    return /*#__PURE__*/React.createElement(StyledHeadingPills, {
-      "data-element": "pills",
-      "data-role": "heading-pills-container"
-    }, pills);
-  };
-  const marginProps = filterStyledSystemMarginProps(rest);
-  return title ? /*#__PURE__*/React.createElement(StyledHeading, _extends({}, tagComponent("heading", rest), marginProps), /*#__PURE__*/React.createElement(StyledHeader, {
-    "data-element": "header-container",
-    divider: divider,
-    subheader: !!subheader,
-    hasBackLink: !!backLink
-  }, backLink && getBackButton(), /*#__PURE__*/React.createElement(StyledHeaderContent, null, /*#__PURE__*/React.createElement(StyledHeadingTitle, {
-    withMargin: !!pills || !!help,
-    variant: headingType,
-    "data-element": "title",
-    id: titleId
-  }, title), (help || helpLink) && getHelp(), pills && getPills()), separator && /*#__PURE__*/React.createElement(StyledSeparator, {
-    "data-role": "heading-separator"
-  }), subheader && getSubheader()), divider && /*#__PURE__*/React.createElement(StyledDivider, {
-    "data-element": "divider",
-    "data-role": "heading-divider"
-  }), children) : null;
-};
-export default Heading;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledHeading as i,StyledHeader as a,StyledHeaderContent as l,StyledHeadingTitle as o,StyledSeparator as s,StyledDivider as c,StyledHeaderHelp as d,StyledHeadingBackButton as p,StyledHeadingIcon as u,StyledSubHeader as b,StyledHeadingPills as h}from"./heading.style.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(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){y(e,t,r[t])}))}return e}function g(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 O=y=>{var{children:O,backLink:j,divider:k=!0,help:v,helpAriaLabel:P,helpLink:w,pills:L,separator:_=!1,subheader:S,subtitleId:D,headingType:I="h1",title:x,titleId:A}=y,E=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}(y,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const T=f(),B=r(E);return x?e(i,g(m({},n("heading",E),B),{children:[e(a,{"data-element":"header-container",divider:k,subheader:!!S,hasBackLink:!!j,children:[j&&(()=>{const e="string"==typeof j?{href:j}:{onClick:j};return t(p,g(m({"aria-label":T.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus()},e),{children:t(u,{type:"chevron_left"})}))})(),e(l,{children:[t(o,{withMargin:!!L||!!v,variant:I,"data-element":"title",id:A,children:x}),(v||w)&&t(d,{"data-element":"help",tooltipPosition:"right",href:w,ariaLabel:P,children:v}),L&&t(h,{"data-element":"pills","data-role":"heading-pills-container",children:L})]}),_&&t(s,{"data-role":"heading-separator"}),S&&t(b,{"data-element":"subtitle","data-role":"subtitle",id:D,hasBackLink:!!j,hasSeparator:_,children:S})]}),k&&t(c,{"data-element":"divider","data-role":"heading-divider"}),O]})):null};export{O as Heading,O as default};

package/esm/components/heading/heading.style.js

@@ -1,133 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import Icon from "../icon";
-import StyledIcon from "../icon/icon.style";
-import baseTheme from "../../style/themes/base";
-import Help from "../help";
-import Typography from "../typography";
-import Hr from "../hr";
-import Link from "../link";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-const StyledHeading = styled.div`
-  width: 100%;
-  ${margin}
-`;
-StyledHeading.defaultProps = {
-  theme: baseTheme
-};
-const StyledHeaderContent = styled.div`
-  display: inline-flex;
-  align-items: flex-end;
-`;
-const StyledHeader = styled.div`
-  ${({
-  divider,
-  subheader,
-  hasBackLink
-}) => css`
-    ${subheader && css`
-      margin-bottom: 16px;
-    `}
-
-    ${divider && css`
-      margin-bottom: 15px;
-    `}
-
-    ${divider && !subheader && css`
-      margin-bottom: 20px;
-    `}
-
-    ${hasBackLink && css`
-      display: grid;
-      grid-template-columns: min-content auto;
-    `}
-  `}
-`;
-const StyledHeadingBackButton = styled(Link)`
-  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;
-      ${addFocusStyling()}
-    }
-
-    &:hover {
-      ${StyledIcon} {
-        color: var(--colorsActionMinor600);
-      }
-    }
-
-    ${StyledIcon} {
-      margin-right: 0;
-      display: inline-flex;
-      color: var(--colorsActionMinor500);
-    }
-  }
-`;
-StyledHeadingBackButton.defaultProps = {
-  theme: baseTheme
-};
-const StyledHeadingTitle = styled(Typography)`
-  ${({
-  withMargin
-}) => withMargin ? css`
-          margin-right: 16px;
-        ` : null}
-`;
-const StyledHeadingPills = styled.span`
-  line-height: 32px;
-  display: inline-block;
-  vertical-align: top;
-`;
-const StyledSubHeader = styled.div`
-  margin-top: 5px;
-  grid-row: 2;
-
-  ${({
-  hasBackLink
-}) => hasBackLink && css`
-      grid-column: 2;
-    `}
-
-  ${({
-  hasSeparator
-}) => hasSeparator && css`
-      grid-row: 3;
-      margin-top: 0px;
-    `}
-`;
-const StyledHeadingIcon = styled(Icon)`
-  height: 30px;
-
-  &:before,
-  &${StyledIcon}:before {
-    font-size: 24px;
-  }
-`;
-const StyledSeparator = styled.hr`
-  border-top: 2px;
-  border-style: solid;
-  border-color: var(--colorsUtilityMajor100);
-  margin: 10px 0 8px;
-  text-align: left;
-  width: 50px;
-`;
-const StyledDivider = styled(Hr)`
-  margin: 15px 0 20px;
-`;
-const StyledHeaderHelp = styled(Help)`
-  display: inline-block;
-  margin-left: -6px;
-  margin-right: 16px;
-  position: relative;
-  top: -4px;
-  height: 22px;
-`;
-export { StyledHeadingIcon, StyledHeading, StyledSubHeader, StyledHeader, StyledSeparator, StyledHeaderHelp, StyledHeadingTitle, StyledDivider, StyledHeaderContent, StyledHeadingBackButton, StyledHeadingPills };
+import e,{css as i}from"styled-components";import{margin as o}from"styled-system";import t from"../icon/icon.component.js";import n from"../icon/icon.style.js";import a from"../../style/themes/base/index.js";import{Help as r}from"../help/help.component.js";import{Typography as p}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import{Hr as d}from"../hr/hr.component.js";import{Link as l}from"../link/link.component.js";import s from"../../style/utils/add-focus-styling.js";const m=e.div.withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-9ca9efba-0"})(["width:100%;",""],o);m.defaultProps={theme:a};const c=e.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-9ca9efba-1"})(["display:inline-flex;align-items:flex-end;"]),g=e.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-9ca9efba-2"})(["",""],(({divider:e,subheader:o,hasBackLink:t})=>i([""," "," "," ",""],o&&i(["margin-bottom:16px;"]),e&&i(["margin-bottom:15px;"]),e&&!o&&i(["margin-bottom:20px;"]),t&&i(["display:grid;grid-template-columns:min-content auto;"])))),y=e(l).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(),n,n);y.defaultProps={theme:a};const h=e(p).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-9ca9efba-4"})(["",""],(({withMargin:e})=>e?i(["margin-right:16px;"]):null)),f=e.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-9ca9efba-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=e.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-9ca9efba-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:e})=>e&&i(["grid-column:2;"])),(({hasSeparator:e})=>e&&i(["grid-row:3;margin-top:0px;"]))),b=e(t).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-9ca9efba-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],n),_=e.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;"]),w=e(d).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-9ca9efba-9"})(["margin:15px 0 20px;"]),u=e(r).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-9ca9efba-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);export{w as StyledDivider,g as StyledHeader,c as StyledHeaderContent,u as StyledHeaderHelp,m as StyledHeading,y as StyledHeadingBackButton,b as StyledHeadingIcon,f as StyledHeadingPills,h as StyledHeadingTitle,_ as StyledSeparator,x as StyledSubHeader};

package/esm/components/heading/index.js

@@ -1 +1 @@
-export { default } from "./heading.component";
+export{Heading as default}from"./heading.component.js";

package/esm/components/help/help.component.js

@@ -1,84 +1 @@
-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); }
-import React, { useContext, useEffect, useRef, useState } from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import Icon from "../icon";
-import StyledHelp from "./help.style";
-import Events from "../../__internal__/utils/helpers/events";
-import { TooltipContext } from "../../__internal__/tooltip-provider";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import guid from "../../__internal__/utils/helpers/guid";
-export const Help = ({
-  as,
-  ariaLabel = "help",
-  children,
-  href,
-  helpId,
-  isFocused,
-  tabIndex = 0,
-  tooltipBgColor,
-  tooltipFontColor,
-  tooltipFlipOverrides,
-  tooltipId,
-  tooltipPosition = "top",
-  type = "help",
-  ...rest
-}) => {
-  const defaultTooltipId = useRef(guid());
-  const helpElement = useRef(null);
-  const [isTooltipVisible, updateTooltipVisible] = useState(false);
-  const {
-    helpAriaLabel
-  } = useContext(TooltipContext);
-  useEffect(() => {
-    function handleKeyPress(ev) {
-      if (Events.isEscKey(ev)) {
-        helpElement?.current?.blur();
-        updateTooltipVisible(false);
-      }
-    }
-    document.addEventListener("keydown", handleKeyPress);
-    return function cleanup() {
-      document.removeEventListener("keydown", handleKeyPress);
-    };
-  });
-  const tagType = as || href && "a" || "div";
-  function handleFocusBlur(isVisible) {
-    return () => {
-      updateTooltipVisible(isVisible);
-    };
-  }
-  return /*#__PURE__*/React.createElement(StyledHelp, _extends({
-    "aria-describedby": isFocused || isTooltipVisible ? tooltipId || defaultTooltipId.current : undefined,
-    "aria-label": helpAriaLabel || ariaLabel,
-    as: tagType,
-    href: href,
-    id: helpId,
-    ref: helpElement,
-    onClick: () => {
-      helpElement?.current?.focus();
-    },
-    onFocus: handleFocusBlur(true),
-    onBlur: handleFocusBlur(false),
-    onMouseOver: handleFocusBlur(true),
-    onMouseLeave: handleFocusBlur(false),
-    tabIndex: tabIndex
-  }, href ? {
-    target: "_blank",
-    rel: "noopener noreferrer"
-  } : {
-    role: "button"
-  }, filterStyledSystemMarginProps(rest), rest, tagComponent("help", rest)), /*#__PURE__*/React.createElement(Icon, {
-    "aria-hidden": true,
-    type: type,
-    tooltipMessage: children,
-    tooltipPosition: tooltipPosition,
-    tooltipVisible: isFocused || isTooltipVisible,
-    tooltipBgColor: tooltipBgColor,
-    tooltipFontColor: tooltipFontColor,
-    tooltipFlipOverrides: tooltipFlipOverrides,
-    focusable: false,
-    tooltipId: tooltipId || defaultTooltipId.current
-  }));
-};
-Help.displayName = "Help";
-export default Help;
+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};

package/esm/components/help/help.config.js

@@ -1,2 +1 @@
-// eslint-disable-next-line import/prefer-default-export
-export const HELP_POSITIONS = ["bottom", "left", "right", "top"];
+const t=["bottom","left","right","top"];export{t as HELP_POSITIONS};

package/esm/components/help/help.style.js

@@ -1,45 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import baseTheme from "../../style/themes/base";
-import StyledIcon from "../icon/icon.style";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-const StyledHelp = styled.div`
-  background: none;
-  cursor: default;
-  border: none;
-  outline: none;
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 14px;
-  position: relative;
-  margin-bottom: 0;
-  margin-top: 0;
-  text-decoration: none;
-
-  ${StyledIcon} {
-    color: var(--colorsUtilityYin065);
-  }
-
-  ${({
-  href
-}) => href && css`
-      cursor: pointer;
-    `}
-
-  &:focus ${StyledIcon},
-  &:hover ${StyledIcon} {
-    color: var(--colorsUtilityYin090);
-    text-decoration: none;
-  }
-
-  &:focus ${StyledIcon} {
-    border-radius: var(--borderRadius050);
-    ${addFocusStyling()}
-  }
-
-  ${margin}
-`;
-StyledHelp.defaultProps = {
-  theme: baseTheme
-};
-export default StyledHelp;
+import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import r from"../../style/themes/base/index.js";import i from"../icon/icon.style.js";import n from"../../style/utils/add-focus-styling.js";const s=o.div.withConfig({displayName:"help.style__StyledHelp",componentId:"sc-155f8e1c-0"})(["background:none;cursor:default;border:none;outline:none;display:inline-block;vertical-align:middle;font-size:14px;position:relative;margin-bottom:0;margin-top:0;text-decoration:none;","{color:var(--colorsUtilityYin065);}"," &:focus ",",&:hover ","{color:var(--colorsUtilityYin090);text-decoration:none;}&:focus ","{border-radius:var(--borderRadius050);","}",""],i,(({href:o})=>o&&e(["cursor:pointer;"])),i,i,i,n(),t);s.defaultProps={theme:r};export{s as default};

package/esm/components/help/index.js

@@ -1 +1 @@
-export { default } from "./help.component";
+export{Help as default}from"./help.component.js";

package/esm/components/hr/hr.component.js

@@ -1,30 +1 @@
-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); }
-import React from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import StyledHr from "./hr.style";
-import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
-export const Hr = ({
-  adaptiveMxBreakpoint,
-  ml,
-  mr,
-  "aria-hidden": ariaHidden,
-  height = "small",
-  ...rest
-}) => {
-  const largeScreen = useIsAboveBreakpoint(adaptiveMxBreakpoint);
-  let marginLeft = ml;
-  let marginRight = mr;
-  if (adaptiveMxBreakpoint && !largeScreen) {
-    marginLeft = 0;
-    marginRight = 0;
-  }
-  return /*#__PURE__*/React.createElement(StyledHr, _extends({
-    "aria-hidden": ariaHidden,
-    height: height,
-    ml: marginLeft,
-    mr: marginRight,
-    mt: rest.mt || 3,
-    mb: rest.mb || 3
-  }, rest, tagComponent("hr", rest)));
-};
-export default Hr;
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../__internal__/utils/helpers/tags/tags.js";import t from"./hr.style.js";import n from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i=i=>{var{adaptiveMxBreakpoint:a,ml:l,mr:m,"aria-hidden":u,height:c="small"}=i,s=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(i,["adaptiveMxBreakpoint","ml","mr","aria-hidden","height"]);const f=n(a);let p=l,b=m;return a&&!f&&(p=0,b=0),e(t,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({"aria-hidden":u,height:c,ml:p,mr:b,mt:s.mt||3,mb:s.mb||3},s,r("hr",s)))};export{i as Hr,i as default};

package/esm/components/hr/hr.style.js

@@ -1,21 +1 @@
-import styled from "styled-components";
-import { margin } from "styled-system";
-import baseTheme from "../../style/themes/base";
-const heightMap = {
-  small: 1,
-  medium: 2,
-  large: 3
-};
-const StyledHr = styled.hr`
-  ${margin}
-  width: 100%;
-  border: 0;
-  height: ${({
-  height
-}) => heightMap[height]}px;
-  background: var(--colorsUtilityMajor100);
-`;
-StyledHr.defaultProps = {
-  theme: baseTheme
-};
-export default StyledHr;
+import e from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/base/index.js";const r={small:1,medium:2,large:3},s=e.hr.withConfig({displayName:"hr.style__StyledHr",componentId:"sc-d55bbf87-0"})([""," width:100%;border:0;height:","px;background:var(--colorsUtilityMajor100);"],t,(({height:e})=>r[e]));s.defaultProps={theme:o};export{s as default};

package/esm/components/hr/index.js

@@ -1 +1 @@
-export { default } from "./hr.component";
+export{Hr as default}from"./hr.component.js";

package/esm/components/i18n-provider/i18n-provider.component.js

@@ -1,11 +1 @@
-import React from "react";
-import merge from "lodash/merge";
-import Context from "../../__internal__/i18n-context";
-import enGB from "../../locales/en-gb";
-export const I18nProvider = ({
-  locale,
-  children
-}) => locale ? /*#__PURE__*/React.createElement(Context.Provider, {
-  value: merge({}, enGB, locale)
-}, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-export default I18nProvider;
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import"react";import o from"lodash/merge";import t from"../../__internal__/i18n-context/index.js";import i from"../../locales/en-gb.js";const l=({locale:l,children:m})=>l?r(t.Provider,{value:o({},i,l),children:m}):r(e,{children:m});export{l as I18nProvider,l as default};

package/esm/components/i18n-provider/index.js

@@ -1 +1 @@
-export { default } from "./i18n-provider.component";
+export{I18nProvider as default}from"./i18n-provider.component.js";