carbon-react 154.4.1 → 154.4.2

package/lib/__internal__/validations/validation-icon.component.js

@@ -1,100 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ValidationIcon = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _guid = _interopRequireDefault(require("../utils/helpers/guid"));
-var _icon = _interopRequireDefault(require("../../components/icon"));
-var _validationIcon = _interopRequireDefault(require("./validation-icon.style"));
-var _inputBehaviour = require("../input-behaviour");
-var _utils = require("../../style/utils");
-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 getValidationType = ({
-  error,
-  warning,
-  info
-}) => {
-  if (error) return "error";
-  if (warning) return "warning";
-  if (info) return "info";
-  return null;
-};
-const ValidationIcon = ({
-  error,
-  warning,
-  info,
-  size,
-  onFocus,
-  onBlur,
-  iconId,
-  tooltipId,
-  isPartOfInput,
-  tabIndex = -1,
-  onClick,
-  tooltipPosition = "right",
-  tooltipFlipOverrides,
-  ...rest
-}) => {
-  const validationTooltipId = (0, _react.useRef)(tooltipId || (0, _guid.default)());
-  const flipBehaviourCheck = Array.isArray(tooltipFlipOverrides) && tooltipFlipOverrides.every(override => ["bottom", "left", "right", "top"].includes(override));
-  if (tooltipFlipOverrides) {
-    !flipBehaviourCheck ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].`) : (0, _invariant.default)(false) : void 0;
-  }
-  const {
-    hasFocus,
-    hasMouseOver
-  } = (0, _react.useContext)(_inputBehaviour.InputContext);
-  const {
-    hasFocus: groupHasFocus,
-    hasMouseOver: groupHasMouseOver
-  } = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
-  const [triggeredByIcon, setTriggeredByIcon] = (0, _react.useState)(false);
-  const validationType = getValidationType({
-    error,
-    warning,
-    info
-  });
-  const validationMessage = error || warning || info;
-  if (typeof validationMessage !== "string" || !validationType) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_validationIcon.default, _extends({
-    validationType: validationType,
-    onClick: onClick,
-    onMouseOver: () => setTriggeredByIcon(true),
-    onMouseLeave: () => setTriggeredByIcon(false),
-    onFocus: e => {
-      setTriggeredByIcon(true);
-      if (onFocus) onFocus(e);
-    },
-    onBlur: e => {
-      setTriggeredByIcon(false);
-      if (onBlur) onBlur(e);
-    },
-    isPartOfInput: isPartOfInput,
-    "data-role": "validation-icon-wrapper"
-  }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_icon.default, {
-    "aria-describedby": validationTooltipId.current,
-    key: `${validationType}-icon`,
-    type: validationType,
-    tabIndex: tabIndex,
-    tooltipId: validationTooltipId.current,
-    tooltipMessage: validationMessage,
-    tooltipPosition: tooltipPosition,
-    tooltipVisible: hasFocus || hasMouseOver || groupHasFocus || groupHasMouseOver || triggeredByIcon,
-    tooltipFlipOverrides: isPartOfInput && !tooltipFlipOverrides ? ["top", "bottom"] : tooltipFlipOverrides,
-    isPartOfInput: isPartOfInput,
-    inputSize: size,
-    id: iconId,
-    focusable: tabIndex !== -1,
-    "data-role": `icon-${validationType}`
-  }));
-};
-exports.ValidationIcon = ValidationIcon;
-var _default = exports.default = ValidationIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),o=require("../utils/helpers/guid/index.js"),n=require("../../components/icon/icon.component.js"),i=require("./validation-icon.style.js"),u=require("../input-behaviour/input-behaviour.component.js"),s=require("../input-behaviour/input-group-behaviour.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js");function a(e){return e&&e.__esModule?e:{default:e}}var p=a(r);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}const f=r=>{var{error:a,warning:f,info:d,size:b,onFocus:O,onBlur:y,iconId:v,tooltipId:g,isPartOfInput:j,tabIndex:m=-1,onClick:P,tooltipPosition:h="right",tooltipFlipOverrides:w}=r,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}(r,["error","warning","info","size","onFocus","onBlur","iconId","tooltipId","isPartOfInput","tabIndex","onClick","tooltipPosition","tooltipFlipOverrides"]);const x=t.useRef(g||o.default()),q=Array.isArray(w)&&w.every((e=>["bottom","left","right","top"].includes(e)));w&&p.default(q,'The tooltipFlipOverrides prop supplied to ValidationIcon must be an array containing some or all of ["top", "bottom", "left", "right"].');const{hasFocus:F,hasMouseOver:S}=t.useContext(u.InputContext),{hasFocus:C,hasMouseOver:M}=t.useContext(s.InputGroupContext),[k,D]=t.useState(!1),_=(({error:e,warning:t,info:r})=>e?"error":t?"warning":r?"info":null)({error:a,warning:f,info:d}),z=a||f||d;return"string"==typeof z&&_?e.jsx(i.default,(B=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){c(e,t,r[t])}))}return e}({validationType:_,onClick:P,onMouseOver:()=>D(!0),onMouseLeave:()=>D(!1),onFocus:e=>{D(!0),O&&O(e)},onBlur:e=>{D(!1),y&&y(e)},isPartOfInput:j,"data-role":"validation-icon-wrapper"},l.default(I)),E=null!=(E={children:e.jsx(n.default,{"aria-describedby":x.current,type:_,tabIndex:m,tooltipId:x.current,tooltipMessage:z,tooltipPosition:h,tooltipVisible:F||S||C||M||k,tooltipFlipOverrides:j&&!w?["top","bottom"]:w,isPartOfInput:j,inputSize:b,id:v,focusable:-1!==m,"data-role":`icon-${_}`},`${_}-icon`)})?E:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(E)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(E)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(E,e))})),B)):null;var B,E};exports.ValidationIcon=f,exports.default=f;

package/lib/__internal__/validations/validation-icon.style.js

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _icon = _interopRequireDefault(require("../../components/icon/icon.style"));
-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 validationIconTypes = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  warning: "var(--colorsSemanticCaution500)"
-};
-const ValidationIconStyle = _styledComponents.default.span`
-  background: none;
-  cursor: default;
-  display: flex;
-  align-items: center;
-  margin-top: 0;
-  margin-bottom: 0;
-  border: 0;
-  outline: none;
-
-  ${({
-  isPartOfInput
-}) => isPartOfInput && (0, _styledComponents.css)`
-      cursor: pointer;
-    `}
-
-  ${_icon.default}:before {
-    color: ${({
-  validationType
-}) => validationIconTypes[validationType]};
-  }
-
-  ${_icon.default}:focus {
-    ${(0, _addFocusStyling.default)()}
-  }
-
-  ${_styledSystem.margin}
-`;
-ValidationIconStyle.defaultProps = {
-  validationType: "error",
-  theme: _base.default
-};
-var _default = exports.default = ValidationIconStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/base/index.js"),r=require("../../components/icon/icon.style.js"),n=require("../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}const a={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",warning:"var(--colorsSemanticCaution500)"},s=i(e).default.span.withConfig({displayName:"validation-icon.style__ValidationIconStyle",componentId:"sc-56bf463f-0"})(["background:none;cursor:default;display:flex;align-items:center;margin-top:0;margin-bottom:0;border:0;outline:none;"," ",":before{color:",";}",":focus{","}",""],(({isPartOfInput:t})=>t&&e.css(["cursor:pointer;"])),r.default,(({validationType:e})=>a[e]),r.default,n.default(),t.margin);s.defaultProps={validationType:"error",theme:o.default},exports.default=s;

package/lib/__spec_helper__/mock-dom-rect.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const getDOMRect = (width, height) => ({
-  width,
-  height,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0,
-  x: 0,
-  y: 0,
-  toJSON: () => {}
-});
-const mockDOMRect = (width, height, elementIdentifier) => {
-  Element.prototype.getBoundingClientRect = jest.fn(function () {
-    if (this.getAttribute("data-component") === elementIdentifier) {
-      return getDOMRect(width, height);
-    }
-    return getDOMRect(0, 0);
-  });
-};
-var _default = exports.default = mockDOMRect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=(t,e)=>({width:t,height:e,top:0,left:0,bottom:0,right:0,x:0,y:0,toJSON:()=>{}});exports.default=(e,o,n)=>{Element.prototype.getBoundingClientRect=jest.fn((function(){return this.getAttribute("data-component")===n?t(e,o):t(0,0)}))};

package/lib/__spec_helper__/mock-element-scrollto.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const setupScrollToMock = () => {
-  // need to mock the `scrollTo` method, which is undefined in JSDOM. As we're not actually testing this behaviour, just make it
-  // do nothing.
-  if (typeof window === "undefined") {
-    return;
-  }
-  HTMLElement.prototype.scrollTo = () => {};
-};
-var _default = exports.default = setupScrollToMock;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=()=>{"undefined"!=typeof window&&(HTMLElement.prototype.scrollTo=()=>{})};

package/lib/__spec_helper__/mock-match-media.js

@@ -1,38 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setupMatchMediaMock = exports.mockMatchMedia = void 0;
-let mocked = false;
-let _matches = false;
-const removeEventListener = jest.fn();
-const setupMatchMediaMock = () => {
-  if (typeof window === "undefined") {
-    return;
-  }
-  const noop = () => {};
-  Object.defineProperty(global.window, "matchMedia", {
-    writable: true,
-    value: query => ({
-      matches: _matches,
-      media: query,
-      onchange: null,
-      addEventListener: noop,
-      removeEventListener,
-      dispatchEvent: noop
-    })
-  });
-  mocked = true;
-};
-exports.setupMatchMediaMock = setupMatchMediaMock;
-const mockMatchMedia = matches => {
-  if (!mocked) {
-    throw new Error("window.matchMedia has not been mocked. Did you call setupMatchMediaMock()?");
-  }
-  _matches = matches;
-  return {
-    removeEventListener
-  };
-};
-exports.mockMatchMedia = mockMatchMedia;
+"use strict";let e=!1,t=!1;const n=jest.fn();exports.mockMatchMedia=o=>{if(!e)throw new Error("window.matchMedia has not been mocked. Did you call setupMatchMediaMock()?");return t=o,{removeEventListener:n}},exports.setupMatchMediaMock=()=>{if("undefined"==typeof window)return;const o=()=>{};Object.defineProperty(global.window,"matchMedia",{writable:!0,value:e=>({matches:t,media:e,onchange:null,addEventListener:o,removeEventListener:n,dispatchEvent:o})}),e=!0};

package/lib/__spec_helper__/mock-resize-observer.js

@@ -1,32 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const setupResizeObserverMock = () => {
-  if (typeof window === "undefined") {
-    return;
-  }
-  window.ResizeObserver = window.ResizeObserver || jest.fn().mockImplementation(callback => {
-    let hasCalledCallback = false;
-    const observer = {
-      disconnect: jest.fn(),
-      // observe mock needs to actually call the callback straight away, as this is what a real ResizeObserver does
-      // and this behaviour is needed for the FixedNavigationBarContextProvider to work properly.
-      // Note that we must only call the callback once per ResizeObserver instance, to avoid stack overflows in
-      // react-virtual.
-      observe: jest.fn(target => {
-        if (!hasCalledCallback) {
-          hasCalledCallback = true;
-          callback([{
-            target
-          }], observer);
-        }
-      }),
-      unobserve: jest.fn()
-    };
-    return observer;
-  });
-};
-var _default = exports.default = setupResizeObserverMock;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=()=>{"undefined"!=typeof window&&(window.ResizeObserver=window.ResizeObserver||jest.fn().mockImplementation((e=>{let t=!1;const n={disconnect:jest.fn(),observe:jest.fn((s=>{t||(t=!0,e([{target:s}],n))})),unobserve:jest.fn()};return n})))};

package/lib/components/accordion/accordion-group/accordion-group.component.js

@@ -1,79 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AccordionGroup = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-var _accordion = _interopRequireDefault(require("../accordion.component"));
-var _accordion2 = require("../accordion.style");
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
-var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
-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); }
-// typescript-to-proptypes breaks on recursive type references so it has to be an interface
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-
-let deprecatedWarnTriggered = false;
-const AccordionGroup = ({
-  children,
-  ...rest
-}) => {
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true;
-    _logger.default.deprecate("`AccordionGroup` is deprecated and will soon be removed.");
-  }
-  const hasProperChildren = (0, _react.useMemo)(() => {
-    let hasAccordionChildren = true;
-    _react.default.Children.toArray(children).forEach(child => {
-      if (typeof child === "string" || /*#__PURE__*/_react.default.isValidElement(child) && child.type.displayName !== "Accordion") {
-        hasAccordionChildren = false;
-      }
-    });
-    return hasAccordionChildren;
-  }, [children]);
-  !hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `AccordionGroup accepts only children of type \`${_accordion.default.displayName}\`.`) : (0, _invariant.default)(false) : void 0;
-  const filteredChildren = (0, _react.useMemo)(() => _react.default.Children.toArray(children).filter(child => {
-    return /*#__PURE__*/_react.default.isValidElement(child);
-  }), [children]);
-  const refs = (0, _react.useMemo)(() => filteredChildren.map(child => child.ref || /*#__PURE__*/_react.default.createRef()), [filteredChildren]);
-  const focusAccordion = (0, _react.useCallback)((ev, index) => {
-    ev.preventDefault();
-    if (index === -1) {
-      refs[refs.length - 1].current?.focus();
-    } else if (index === refs.length) {
-      refs[0].current?.focus();
-    } else {
-      refs[index].current?.focus();
-    }
-  }, [refs]);
-  const handleKeyboardAccessibility = (0, _react.useCallback)((ev, index) => {
-    if (_events.default.isUpKey(ev)) {
-      focusAccordion(ev, index - 1);
-    }
-    if (_events.default.isDownKey(ev)) {
-      focusAccordion(ev, index + 1);
-    }
-    if (_events.default.isHomeKey(ev)) {
-      focusAccordion(ev, 0);
-    }
-    if (_events.default.isEndKey(ev)) {
-      focusAccordion(ev, refs.length - 1);
-    }
-  }, [focusAccordion, refs]);
-  return /*#__PURE__*/_react.default.createElement(_accordion2.StyledAccordionGroup, _extends({}, rest, (0, _tags.default)("accordion-group", rest)), filteredChildren.map((child, index) =>
-  /*#__PURE__*/
-  // casted to ReactElement as there is no overload for an FunctionComponentElement in cloneElement
-  _react.default.cloneElement(child, {
-    ref: refs[index],
-    index,
-    handleKeyboardAccessibility
-  })));
-};
-exports.AccordionGroup = AccordionGroup;
-AccordionGroup.displayName = "AccordionGroup";
-var _default = exports.default = AccordionGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("invariant"),n=require("../../../__internal__/utils/helpers/events/events.js"),o=require("../accordion.component.js"),l=require("../accordion.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js"),c=require("../../../__internal__/utils/logger/index.js");function u(e){return e&&e.__esModule?e:{default:e}}var a=u(r),s=u(t);function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let f=!1;const p=t=>{var{children:u}=t,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children"]);f||(f=!0,c.default.deprecate("`AccordionGroup` is deprecated and will soon be removed."));const y=r.useMemo((()=>{let e=!0;return a.default.Children.toArray(u).forEach((r=>{("string"==typeof r||a.default.isValidElement(r)&&"Accordion"!==r.type.displayName)&&(e=!1)})),e}),[u]);s.default(y,`AccordionGroup accepts only children of type \`${o.Accordion.displayName}\`.`);const b=r.useMemo((()=>a.default.Children.toArray(u).filter((e=>a.default.isValidElement(e)))),[u]),O=r.useMemo((()=>b.map((e=>e.ref||a.default.createRef()))),[b]),j=r.useCallback(((e,r)=>{var t;if(e.preventDefault(),-1===r)null===(t=O[O.length-1].current)||void 0===t||t.focus();else if(r===O.length){var n;null===(n=O[0].current)||void 0===n||n.focus()}else{var o;null===(o=O[r].current)||void 0===o||o.focus()}}),[O]),m=r.useCallback(((e,r)=>{n.default.isUpKey(e)&&j(e,r-1),n.default.isDownKey(e)&&j(e,r+1),n.default.isHomeKey(e)&&j(e,0),n.default.isEndKey(e)&&j(e,O.length-1)}),[j,O]);return e.jsx(l.StyledAccordionGroup,(v=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){d(e,r,t[r])}))}return e}({},p,i.default("accordion-group",p)),g=null!=(g={children:b.map(((e,r)=>a.default.cloneElement(e,{ref:O[r],index:r,handleKeyboardAccessibility:m})))})?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(g)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(g)).forEach((function(e){Object.defineProperty(v,e,Object.getOwnPropertyDescriptor(g,e))})),v));var v,g};p.displayName="AccordionGroup",exports.AccordionGroup=p,exports.default=p;

package/lib/components/accordion/accordion.component.js

@@ -1,128 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Accordion = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _accordion = require("./accordion.style");
-var _validations = _interopRequireDefault(require("../../__internal__/validations"));
-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 Accordion = exports.Accordion = /*#__PURE__*/_react.default.forwardRef(({
-  borders = "default",
-  defaultExpanded,
-  expanded,
-  onChange,
-  children,
-  handleKeyboardAccessibility,
-  id,
-  index,
-  iconType,
-  iconAlign,
-  size = "large",
-  subTitle,
-  title,
-  width,
-  headerSpacing,
-  disableContentPadding = false,
-  error,
-  warning,
-  info,
-  openTitle,
-  variant = "standard",
-  ...rest
-}, ref) => {
-  const isControlled = expanded !== undefined;
-  const [isExpandedInternal, setIsExpandedInternal] = (0, _react.useState)(defaultExpanded || false);
-  const [contentHeight, setContentHeight] = (0, _react.useState)(isExpandedInternal ? "auto" : 0);
-  const accordionContent = (0, _react.useRef)(null);
-  const isExpanded = isControlled ? expanded : isExpandedInternal;
-  (0, _useResizeObserver.default)(accordionContent, () => {
-    setContentHeight(accordionContent.current?.scrollHeight);
-  });
-  (0, _react.useEffect)(() => {
-    setContentHeight(accordionContent.current?.scrollHeight);
-  }, [isExpanded]);
-  const toggleAccordion = (0, _react.useCallback)(ev => {
-    if (!isControlled) {
-      setIsExpandedInternal(!isExpanded);
-    }
-    onChange?.(ev, !isExpanded);
-  }, [isControlled, isExpanded, onChange]);
-  const handleKeyDown = (0, _react.useCallback)(ev => {
-    if (handleKeyboardAccessibility) {
-      handleKeyboardAccessibility(ev, index);
-    }
-    if (_events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev)) {
-      toggleAccordion(ev);
-    }
-  }, [handleKeyboardAccessibility, index, toggleAccordion]);
-  const guid = (0, _react.useRef)((0, _guid.default)());
-  const accordionId = id || `Accordion_${guid.current}`;
-  const headerId = `AccordionHeader_${guid.current}`;
-  const contentId = `AccordionContent_${guid.current}`;
-  const showValidationIcon = !!(error || warning || info);
-  const getTitle = () => isExpanded ? openTitle || title : title;
-  const getIconType = () => size === "small" || variant === "subtle" ? "chevron_down_thick" : "chevron_down";
-  return /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionContainer, _extends({
-    id: accordionId,
-    width: width,
-    borders: variant === "subtle" ? "none" : borders,
-    variant: variant
-  }, rest, (0, _tags.default)("accordion", rest)), /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionTitleContainer, _extends({
-    "data-element": "accordion-title-container",
-    id: headerId,
-    "aria-expanded": isExpanded,
-    "aria-controls": contentId,
-    onClick: toggleAccordion,
-    onKeyDown: handleKeyDown,
-    tabIndex: 0,
-    iconAlign: iconAlign || (variant === "standard" ? "right" : "left"),
-    ref: ref,
-    size: size,
-    isExpanded: isExpanded,
-    variant: variant,
-    role: "button"
-  }, headerSpacing), /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionHeadingsContainer, {
-    "data-element": "accordion-headings-container",
-    hasValidationIcon: showValidationIcon
-  }, typeof title === "string" ? /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionTitle, {
-    "data-element": "accordion-title",
-    size: size,
-    variant: variant
-  }, isExpanded ? openTitle || title : title) : getTitle(), variant !== "subtle" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showValidationIcon && /*#__PURE__*/_react.default.createElement(_validations.default, {
-    error: error,
-    warning: warning,
-    info: info,
-    tooltipPosition: "top",
-    tabIndex: 0,
-    ml: 1
-  }), subTitle && size === "large" && variant === "standard" && /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionSubTitle, null, subTitle))), /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionIcon, {
-    "data-element": "accordion-icon",
-    type: iconType || getIconType(),
-    isExpanded: isExpanded,
-    iconAlign: iconAlign || (variant === "standard" ? "right" : "left")
-  })), /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionContentContainer, {
-    isExpanded: isExpanded,
-    maxHeight: contentHeight,
-    "data-role": "accordion-content-container"
-  }, /*#__PURE__*/_react.default.createElement(_accordion.StyledAccordionContent, {
-    role: "region",
-    "data-element": "accordion-content",
-    "data-role": "accordion-content",
-    id: contentId,
-    "aria-labelledby": headerId,
-    ref: accordionContent,
-    disableContentPadding: disableContentPadding,
-    variant: variant
-  }, children)));
-});
-Accordion.displayName = "Accordion";
-var _default = exports.default = Accordion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),r=require("../../hooks/__internal__/useResizeObserver/useResizeObserver.js"),i=require("../../__internal__/utils/helpers/guid/index.js"),o=require("../../__internal__/utils/helpers/events/events.js"),a=require("./accordion.style.js"),c=require("../../__internal__/validations/validation-icon.component.js");function d(e){return e&&e.__esModule?e:{default:e}}function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function s(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){l(e,n,t[n])}))}return e}function u(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const b=d(n).default.forwardRef(((d,l)=>{var{borders:b="default",defaultExpanded:f,expanded:p,onChange:y,children:g,handleKeyboardAccessibility:h,id:j,index:O,iconType:v,iconAlign:x,size:_="large",subTitle:m,title:w,width:S,headerSpacing:A,disableContentPadding:P=!1,error:C,warning:E,info:T,openTitle:k,variant:q="standard"}=d,z=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(d,["borders","defaultExpanded","expanded","onChange","children","handleKeyboardAccessibility","id","index","iconType","iconAlign","size","subTitle","title","width","headerSpacing","disableContentPadding","error","warning","info","openTitle","variant"]);const I=void 0!==p,[D,H]=n.useState(f||!1),[K,R]=n.useState(D?"auto":0),$=n.useRef(null),M=I?p:D;r.default($,(()=>{var e;R(null===(e=$.current)||void 0===e?void 0:e.scrollHeight)})),n.useEffect((()=>{var e;R(null===(e=$.current)||void 0===e?void 0:e.scrollHeight)}),[M]);const V=n.useCallback((e=>{I||H(!M),null==y||y(e,!M)}),[I,M,y]),F=n.useCallback((e=>{h&&h(e,O),(o.default.isEnterKey(e)||o.default.isSpaceKey(e))&&V(e)}),[h,O,V]),N=n.useRef(i.default()),B=j||`Accordion_${N.current}`,G=`AccordionHeader_${N.current}`,J=`AccordionContent_${N.current}`,L=!!(C||E||T);return e.jsxs(a.StyledAccordionContainer,u(s({id:B,width:S,borders:"subtle"===q?"none":b,variant:q},z,t.default("accordion",z)),{children:[e.jsxs(a.StyledAccordionTitleContainer,u(s({"data-element":"accordion-title-container",id:G,"aria-expanded":M,"aria-controls":J,onClick:V,onKeyDown:F,tabIndex:0,iconAlign:x||("standard"===q?"right":"left"),ref:l,size:_,isExpanded:M,variant:q,role:"button"},A),{children:[e.jsxs(a.StyledAccordionHeadingsContainer,{"data-element":"accordion-headings-container",hasValidationIcon:L,children:["string"==typeof w?e.jsx(a.StyledAccordionTitle,{"data-element":"accordion-title",size:_,variant:q,children:M&&k||w}):M&&k||w,"subtle"!==q&&e.jsxs(e.Fragment,{children:[L&&e.jsx(c.ValidationIcon,{error:C,warning:E,info:T,tooltipPosition:"top",tabIndex:0,ml:1}),m&&"large"===_&&"standard"===q&&e.jsx(a.StyledAccordionSubTitle,{children:m})]})]}),e.jsx(a.StyledAccordionIcon,{"data-element":"accordion-icon",type:v||("small"===_||"subtle"===q?"chevron_down_thick":"chevron_down"),isExpanded:M,iconAlign:x||("standard"===q?"right":"left")})]})),e.jsx(a.StyledAccordionContentContainer,{isExpanded:M,maxHeight:K,"data-role":"accordion-content-container",children:e.jsx(a.StyledAccordionContent,{role:"region","data-element":"accordion-content","data-role":"accordion-content",id:J,"aria-labelledby":G,ref:$,disableContentPadding:P,variant:q,children:g})})]}))}));b.displayName="Accordion",exports.Accordion=b,exports.default=b;