carbon-react 154.13.0 → 154.13.2

package/esm/__internal__/validation-message/validation-message.component.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-export interface ValidationMessageProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface ValidationMessageProps extends TagProps {
     /** Indicate that error has occurred
     Pass string to display hint with error */
     error?: boolean | string;
@@ -11,5 +12,5 @@ export interface ValidationMessageProps {
     /** Whether this component resides on a dark background */
     isDarkBackground?: boolean;
 }
-declare const ValidationMessage: ({ error, validationId, warning, isDarkBackground, }: ValidationMessageProps) => React.JSX.Element | null;
+declare const ValidationMessage: ({ error, validationId, warning, isDarkBackground, "data-element": dataElement, "data-role": dataRole, }: ValidationMessageProps) => React.JSX.Element | null;
 export default ValidationMessage;

package/esm/__internal__/validation-message/validation-message.component.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import"react";import a from"./validation-message.style.js";const i=({error:i,validationId:t,warning:n,isDarkBackground:o})=>{const e=i||n;return"string"==typeof e?r(a,{id:t,isWarning:!(i||!n),"data-role":"validation-message",isDarkBackground:o,children:e}):null};export{i as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"./validation-message.style.js";import r from"../utils/helpers/tags/tags.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const o=({error:o,validationId:a,warning:i,isDarkBackground:c,"data-element":s,"data-role":l="validation-message"})=>{const p=o||i;return"string"==typeof p?e(t,(u=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){n(e,t,r[t])}))}return e}({id:a,isWarning:!(o||!i),isDarkBackground:c},r("validation-message",{"data-element":s,"data-role":l})),b=null!=(b={children:p})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(b)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(b)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(b,e))})),u)):null;var u,b};export{o as default};

package/esm/components/menu/__internal__/submenu/submenu.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as l,useEffect as a}from"react";import s from"../../menu-item/menu-item.style.js";import{StyledSubmenuWrapper as c,StyledSubmenu as m}from"./submenu.style.js";import p from"../../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as d}from"../strict-menu.context.js";import{characterNavigation as f}from"../keyboard-navigation/index.js";import y from"./submenu.context.js";import b from"../../../../__internal__/utils/helpers/guid/index.js";import{BLOCK_INDEX_SELECTOR as v,SCROLLABLE_BLOCK as h,SCROLLABLE_BLOCK_PARENT as g,ALL_CHILDREN_SELECTOR as O}from"../locators.js";import{useStableCallback as w}from"../../../../hooks/__internal__/useStableCallback/useStableCallback.js";import j from"../../../navigation-bar/__internal__/fixed-navigation-bar.context.js";import{defaultFocusableSelectors as S}from"../../../../__internal__/focus-trap/focus-trap-utils.js";function x(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(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){x(e,n,t[n])}))}return e}function P(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 _=t.forwardRef(((t,x)=>{var{children:_,className:k,title:A,icon:T,submenuDirection:I="right",onKeyDown:K,variant:C="default",showDropdownArrow:F=!0,clickToOpen:M,href:E,maxWidth:W,asPassiveItem:q,onSubmenuOpen:R,onSubmenuClose:V,onClick:H,submenuMaxWidth:L,submenuMinWidth:N}=t,B=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[$,U]=r(null),z=o(b()),{inFullscreenView:G,openSubmenuId:J,setOpenSubmenuId:Q,menuType:X}=d(),[Y,Z]=r(!1),[ee,ne]=r(null),[te,re]=r([]),[oe,ie]=r(""),[ue,le]=r(!1),[ae,se]=r(!1),ce=o(!1),me=te.length,{submenuMaxHeight:pe}=i(j),de=w(R),fe=u((()=>{const e=null==$?void 0:$.querySelectorAll(v);if(e&&Y&&me){const n=Array.from(e),t=null==$?void 0:$.querySelector(`[data-component='${h}']`),r=t?n.indexOf(t):-1;return(null==t?void 0:t.querySelector(`[data-component='${g}']`))?r+1:r}return-1}),[Y,me,$]),ye=o(null),be=l((()=>{ye.current=setTimeout((()=>{ie("")}),1500)}),[]),ve=l((()=>{ye.current&&clearTimeout(ye.current),be()}),[be]);a((()=>()=>{ye.current&&clearTimeout(ye.current)}),[]);const he=l((()=>{Z(!0),Q(z.current)}),[Q]),ge=o();a((()=>{Y&&$&&(()=>{var e;const n=Array.from((null==$?void 0:$.querySelectorAll("ul:not([data-component='submenu'])"))||[]);if(0===n.length)return;const t=Array.from((null==$?void 0:$.querySelectorAll("[data-component='menu-item']"))||[]).pop();ge.current=t;const r=n.pop(),o=Boolean((null==r||null===(e=r.parentElement)||void 0===e?void 0:e.dataset.component)===h),i=Array.from((null==r?void 0:r.querySelectorAll("[data-component='menu-item']"))||[]).pop();let u=!1;i&&r&&(u=i.getBoundingClientRect().bottom<r.getBoundingClientRect().bottom);const l=!!i&&i===t;le(l),se(l&&!o||l&&o&&!u)})()}),[Y,$,me]),a((()=>{Y&&de&&de()}),[Y,de]);const Oe=l((()=>{Z(!1),ne(null),V&&V(),ie("")}),[V]);a((()=>{J&&J!==z.current&&Oe()}),[J,Oe]);const we=l((e=>te.findIndex((n=>n===e))),[te]),je=l((e=>{if(Y||(p.isEnterKey(e)||p.isSpaceKey(e)||p.isDownKey(e)||p.isUpKey(e))&&(e.preventDefault(),he(),ce.current=!E),Y){const n=we(ee);let t=n;if(E&&!ee&&(p.isDownKey(e)||p.isUpKey(e)))return e.preventDefault(),void ne(te[0]);if(p.isDownKey(e)&&(e.preventDefault(),t<me-1&&(t+=1)),p.isUpKey(e)&&(e.preventDefault(),le(!1),t>0&&(t-=1)),p.isEscKey(e))return null==K||K(e),void Oe();p.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),t=0),p.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),t=me-1),1===e.key.length?(e.stopPropagation(),ye.current?ve():be(),ie(`${oe}${e.key.toLowerCase()}`)):ie(""),p.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||p.isEnterKey(e)&&setTimeout((()=>Oe()),0),t!==n&&ne(te[t])}}),[te,Y,E,me,ee,we,he,Oe,K,oe,ve,be]);return a((()=>{if($&&_){const e=null==$?void 0:$.querySelectorAll(O);e&&re(Array.from(e).filter((e=>e.querySelector(S))).map((e=>e.getAttribute("id"))))}}),[_,Y,$]),a((()=>{ce.current&&Y&&!ee&&te.length&&(ce.current=!1,ne(te[0]))}),[Y,ee,te]),a((()=>{const e=null==$?void 0:$.querySelectorAll(O);if(e&&""!==oe){const n=Array.from(e),t=f(oe,n);t&&ne(t.id)}}),[$,oe,te]),e(c,G?{"data-component":"submenu-wrapper",inFullscreenView:G,asPassiveItem:q,menuType:X,children:[n(s,P(D({},B),{onClick:q?void 0:H,className:k,menuType:X,ref:x,href:E,menuItemVariant:C,inFullscreenView:G,asDiv:q,children:A})),n(m,{"data-component":"submenu",variant:C,menuType:X,inFullscreenView:G,ref:U,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:ae,children:n(y.Provider,{value:{handleKeyDown:je,blockIndex:fe,updateFocusId:ne},children:_})})]}:{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:M?void 0:()=>he(),onMouseLeave:()=>Oe(),isSubmenuOpen:Y,ref:U,children:[n(s,P(D({},B),{className:k,menuType:X,ref:x,icon:T,tabIndex:-1,menuItemVariant:C,isOpen:Y,hasSubmenu:!0,showDropdownArrow:F,onKeyDown:je,onClick:e=>{he(),H&&H(e)},clickToOpen:M,href:E,maxWidth:W,"aria-expanded":Y,"data-role":"submenu-parent-item",children:A})),Y&&n(m,{"data-component":"submenu",submenuDirection:I,variant:C,menuType:X,role:0===fe?"presentation":"list",maxHeight:pe,applyFocusRadiusStyling:ue,applyFocusRadiusStylingToLastItem:ae,submenuMaxWidth:L,submenuMinWidth:N,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||Oe()},children:n(y.Provider,{value:{submenuFocusId:ee,handleKeyDown:je,blockIndex:fe,updateFocusId:ne,submenuHasMaxWidth:!!L},children:_})})]})}));_.displayName="submenu";export{_ as default};
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import t,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as a,useEffect as l}from"react";import s from"../../menu-item/menu-item.style.js";import{StyledSubmenuWrapper as c,StyledSubmenu as m}from"./submenu.style.js";import p from"../../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as d}from"../strict-menu.context.js";import{characterNavigation as f}from"../keyboard-navigation/index.js";import y from"./submenu.context.js";import b from"../../../../__internal__/utils/helpers/guid/index.js";import{BLOCK_INDEX_SELECTOR as v,SCROLLABLE_BLOCK as h,SCROLLABLE_BLOCK_PARENT as g,ALL_CHILDREN_SELECTOR as O}from"../locators.js";import{useStableCallback as w}from"../../../../hooks/__internal__/useStableCallback/useStableCallback.js";import S from"../../../navigation-bar/__internal__/fixed-navigation-bar.context.js";import{defaultFocusableSelectors as j}from"../../../../__internal__/focus-trap/focus-trap-utils.js";function x(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(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){x(e,n,t[n])}))}return e}function P(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 _=t.forwardRef(((t,x)=>{var{children:_,className:k,title:A,icon:T,submenuDirection:I="right",onKeyDown:K,variant:C="default",showDropdownArrow:F=!0,clickToOpen:M,href:E,maxWidth:W,asPassiveItem:q,onSubmenuOpen:R,onSubmenuClose:V,onClick:H,submenuMaxWidth:L,submenuMinWidth:N}=t,B=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[$,U]=r(null),z=o(b()),{inFullscreenView:G,openSubmenuId:J,setOpenSubmenuId:Q,menuType:X}=d(),[Y,Z]=r(!1),[ee,ne]=r(null),[te,re]=r([]),[oe,ie]=r(""),[ue,ae]=r(!1),[le,se]=r(!1),ce=te.length,{submenuMaxHeight:me}=i(S),pe=w(R),de=u((()=>{const e=null==$?void 0:$.querySelectorAll(v);if(e&&Y&&ce){const n=Array.from(e),t=null==$?void 0:$.querySelector(`[data-component='${h}']`),r=t?n.indexOf(t):-1;return(null==t?void 0:t.querySelector(`[data-component='${g}']`))?r+1:r}return-1}),[Y,ce,$]),fe=o(null),ye=a((()=>{fe.current=setTimeout((()=>{ie("")}),1500)}),[]),be=a((()=>{fe.current&&clearTimeout(fe.current),ye()}),[ye]);l((()=>()=>{fe.current&&clearTimeout(fe.current)}),[]);const ve=a((()=>{Z(!0),Q(z.current)}),[Q]),he=o();l((()=>{Y&&$&&(()=>{var e;const n=Array.from((null==$?void 0:$.querySelectorAll("ul:not([data-component='submenu'])"))||[]);if(0===n.length)return;const t=Array.from((null==$?void 0:$.querySelectorAll("[data-component='menu-item']"))||[]).pop();he.current=t;const r=n.pop(),o=Boolean((null==r||null===(e=r.parentElement)||void 0===e?void 0:e.dataset.component)===h),i=Array.from((null==r?void 0:r.querySelectorAll("[data-component='menu-item']"))||[]).pop();let u=!1;i&&r&&(u=i.getBoundingClientRect().bottom<r.getBoundingClientRect().bottom);const a=!!i&&i===t;ae(a),se(a&&!o||a&&o&&!u)})()}),[Y,$,ce]),l((()=>{Y&&pe&&pe()}),[Y,pe]);const ge=a((()=>{Z(!1),ne(null),V&&V(),ie("")}),[V]);l((()=>{J&&J!==z.current&&ge()}),[J,ge]);const Oe=a((e=>te.findIndex((n=>n===e))),[te]),we=a((e=>{const n=p.isEnterKey(e)||p.isSpaceKey(e);if(!n&&!p.isDownKey(e)||Y||(e.preventDefault(),ve()),Y){const t=Oe(ee);let r=t;if(ee||(n&&!E||p.isSpaceKey(e)&&E)&&(e.preventDefault(),ge()),p.isDownKey(e)&&(e.preventDefault(),r<ce-1&&(r+=1)),p.isUpKey(e)&&(e.preventDefault(),ae(!1),r>0&&(r-=1)),p.isEscKey(e))return null==K||K(e),void ge();p.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),p.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ce-1),1===e.key.length?(e.stopPropagation(),fe.current?be():ye(),ie(`${oe}${e.key.toLowerCase()}`)):ie(""),p.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||p.isEnterKey(e)&&setTimeout((()=>ge()),0),r!==t&&ne(te[r])}}),[te,Y,E,ce,ee,Oe,ve,ge,K,oe,be,ye]);return l((()=>{if($&&_){const e=null==$?void 0:$.querySelectorAll(O);e&&re(Array.from(e).filter((e=>e.querySelector(j))).map((e=>e.getAttribute("id"))))}}),[_,Y,$]),l((()=>{const e=null==$?void 0:$.querySelectorAll(O);if(e&&""!==oe){const n=Array.from(e),t=f(oe,n);t&&ne(t.id)}}),[$,oe,te]),e(c,G?{"data-component":"submenu-wrapper",inFullscreenView:G,asPassiveItem:q,menuType:X,children:[n(s,P(D({},B),{onClick:q?void 0:H,className:k,menuType:X,ref:x,href:E,menuItemVariant:C,inFullscreenView:G,asDiv:q,children:A})),n(m,{"data-component":"submenu",variant:C,menuType:X,inFullscreenView:G,ref:U,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:le,children:n(y.Provider,{value:{handleKeyDown:we,blockIndex:de,updateFocusId:ne},children:_})})]}:{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:M?void 0:()=>ve(),onMouseLeave:()=>ge(),isSubmenuOpen:Y,ref:U,children:[n(s,P(D({},B),{className:k,menuType:X,ref:x,icon:T,tabIndex:-1,menuItemVariant:C,isOpen:Y,hasSubmenu:!0,showDropdownArrow:F,onKeyDown:we,onClick:e=>{ve(),H&&H(e)},clickToOpen:M,href:E,maxWidth:W,"aria-expanded":Y,"data-role":"submenu-parent-item",children:A})),Y&&n(m,{"data-component":"submenu",submenuDirection:I,variant:C,menuType:X,role:0===de?"presentation":"list",maxHeight:me,applyFocusRadiusStyling:ue,applyFocusRadiusStylingToLastItem:le,submenuMaxWidth:L,submenuMinWidth:N,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||ge()},children:n(y.Provider,{value:{submenuFocusId:ee,handleKeyDown:we,blockIndex:de,updateFocusId:ne,submenuHasMaxWidth:!!L},children:_})})]})}));_.displayName="submenu";export{_ as default};

package/esm/components/multi-action-button/multi-action-button.component.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useRef as n,useContext as i,useImperativeHandle as l}from"react";import{offset as a,flip as s}from"@floating-ui/dom";import c from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import p from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as u,StyledButtonChildrenContainer as d}from"./multi-action-button.style.js";import f from"../button/button.component.js";import b from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import m from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../style/utils/filter-out-styled-system-spacing-props.js";import g from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import O from"../flat-table/__internal__/flat-table.context.js";function j(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function h(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),r.forEach((function(e){j(t,e,o[e])}))}return t}function w(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}const _=r(((r,j)=>{var{align:_="left",position:P="left",disabled:v,buttonType:x,size:k,children:S,text:B,subtext:C,width:T,onClick:D,"data-element":z,"data-role":A}=r,E=function(t,e){if(null==t)return{};var o,r,n=function(t,e){if(null==t)return{};var o,r,n={},i=Object.keys(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(r,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const I=n(null),{isInFlatTable:K}=i(O);l(j,(()=>({focusMainButton(){var t;null===(t=I.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:L,showButtons:F,hideButtons:M,buttonNode:N,handleToggleButtonKeyDown:U,wrapperProps:V,contextValue:q}=g(I),G=c(M),H=h({disabled:v,displayed:L,onTouchStart:F,onKeyDown:U,onClick:t=>{F(),G(),D&&D(t)},buttonType:x,size:k,subtext:C},y(E)),J=m(E);return t(u,w(h({ref:N,"data-component":"multi-action-button","data-element":z,"data-role":A,displayed:L,width:T},J),{children:[e(f,w(h({"aria-haspopup":"true","aria-expanded":L,"data-element":"toggle-button"},H),{ref:I,iconPosition:"after",iconType:"dropdown",children:B}),"toggle-button"),L&&e(b,{disableBackgroundUI:K,disablePortal:!0,placement:"left"===P?"bottom-start":"bottom-end",reference:N,popoverStrategy:"fixed",middleware:[a(6),s({fallbackStrategy:"initialPlacement"})],children:e(d,w(h({},V),{align:_,children:e(p.Provider,{value:q,children:o.Children.map(S,(t=>e("li",{children:t})))})}))})]}))}));export{_ as MultiActionButton,_ as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import r,{forwardRef as o,useRef as n,useContext as i,useImperativeHandle as l}from"react";import{offset as a,flip as s}from"@floating-ui/dom";import c from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import u from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as p,StyledButtonChildrenContainer as d}from"./multi-action-button.style.js";import f from"../button/button.component.js";import m from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../style/utils/filter-out-styled-system-spacing-props.js";import g from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import j from"../flat-table/__internal__/flat-table.context.js";import O from"../../__internal__/utils/helpers/guid/index.js";function h(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function _(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){h(t,e,r[e])}))}return t}function w(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const P=o(((o,h)=>{var{align:P="left",position:v="left",disabled:x,buttonType:k,size:S,children:B,text:C,subtext:T,width:D,onClick:z,"data-element":A,"data-role":E}=o,I=function(t,e){if(null==t)return{};var r,o,n=function(t,e){if(null==t)return{};var r,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)r=i[o],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}(o,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const K=n(null),{isInFlatTable:L}=i(j),F=n(O());l(h,(()=>({focusMainButton(){var t;null===(t=K.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:M,showButtons:N,hideButtons:U,buttonNode:V,handleToggleButtonKeyDown:q,wrapperProps:G,contextValue:H}=g(K),J=c(U),Q=_({disabled:x,displayed:M,onTouchStart:N,onKeyDown:q,onClick:t=>{M?U():N(),J(),z&&z(t)},buttonType:k,size:S,subtext:T},y(I)),R=b(I);return t(p,w(_({ref:V,"data-component":"multi-action-button","data-element":A,"data-role":E,displayed:M,width:D},R),{children:[e(f,w(_({"aria-expanded":M,"aria-controls":F.current,"data-element":"toggle-button"},Q),{ref:K,iconPosition:"after",iconType:"dropdown",children:C}),"toggle-button"),M&&e(m,{disableBackgroundUI:L,disablePortal:!0,placement:"left"===v?"bottom-start":"bottom-end",reference:V,popoverStrategy:"fixed",middleware:[a(6),s({fallbackStrategy:"initialPlacement"})],children:e(d,w(_({id:F.current},G),{align:P,children:e(u.Provider,{value:H,children:r.Children.map(B,(t=>e("li",{children:t})))})}))})]}))}));export{P as MultiActionButton,P as default};

package/esm/components/multi-action-button/multi-action-button.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import i from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.style.js";import a from"../../style/utils/element-sizing.js";import{borderRadiusStyling as l}from"../split-button/split-button-children.style.js";const s=o.div.attrs(n).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-5ebc7d28-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],r,(({width:o})=>o&&t([""," ","{width:100%;justify-content:space-between;}"],a({width:o}),i)),i,e,e,(({displayed:o})=>o&&t(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],e))),c=o.ul.attrs(n).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-5ebc7d28-1"})(["",""],(({theme:o,align:r,minWidth:n})=>t(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";z-index:",";& + &{margin-top:3px;}}"],n,o.zIndex.popover,l,i,r,r,o.zIndex.overlay)));export{c as StyledButtonChildrenContainer,s as StyledMultiActionButton};
+import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import r from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.style.js";import a from"../../style/utils/element-sizing.js";import{borderRadiusStyling as s}from"../split-button/split-button-children.style.js";const l=o.div.attrs(n).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-7205beec-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],i,(({width:o})=>o&&t([""," ","{width:100%;justify-content:space-between;}"],a({width:o}),r)),r,e,e,(({displayed:o})=>o&&t(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],e))),c=o.ul.attrs(n).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-7205beec-1"})(["",""],(({theme:o,align:i,minWidth:n})=>t(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],n,o.zIndex.popover,s,r,i,i)));export{c as StyledButtonChildrenContainer,l as StyledMultiActionButton};

package/esm/components/split-button/split-button-children.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-eb4ae276-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";z-index:",";& + &{margin-top:3px;}}"],a,r.zIndex.popover,i,d,t,t,r.zIndex.overlay)));export{i as borderRadiusStyling,a as default};
+import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],a,r.zIndex.popover,i,d,t,t)));export{i as borderRadiusStyling,a as default};

package/esm/components/split-button/split-button.component.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useContext as n,useRef as i,useImperativeHandle as l}from"react";import{ThemeContext as s}from"styled-components";import{offset as a,flip as c}from"@floating-ui/dom";import p from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import u from"../icon/icon.component.js";import m from"../button/button.component.js";import d from"./split-button.style.js";import b from"./split-button-toggle.style.js";import f from"./split-button-children.style.js";import y from"../../__internal__/utils/helpers/guid/index.js";import h from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import g from"../../style/utils/filter-styled-system-margin-props.js";import j from"../../style/utils/filter-out-styled-system-spacing-props.js";import"../../style/themes/sage/index.js";import O from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import _ from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import w from"./__internal__/split-button.context.js";import v from"../../hooks/__internal__/useLocale/useLocale.js";import P from"../flat-table/__internal__/flat-table.context.js";function x(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function k(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),r.forEach((function(e){x(t,e,o[e])}))}return t}function T(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}const B=r(((r,x)=>{var{align:B="left",position:C="right",buttonType:S="secondary",children:D,disabled:L=!1,iconPosition:z="before",iconType:W,onClick:A,size:E="medium",subtext:I,text:F,"data-element":K,"data-role":M,"aria-label":N,isWhite:U=!1}=r,V=function(t,e){if(null==t)return{};var o,r,n=function(t,e){if(null==t)return{};var o,r,n={},i=Object.keys(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(r,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const q=v(),G=n(s)||O,H=i(y()),J=i(null),Q=i(null),{isInFlatTable:R}=n(P),X="secondary"===S&&U;l(x,(()=>({focusMainButton(){var t;null===(t=J.current)||void 0===t||t.focus()},focusToggleButton(){var t;null===(t=Q.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:Y,showButtons:Z,hideButtons:$,buttonNode:tt,handleToggleButtonKeyDown:et,wrapperProps:ot,contextValue:rt}=_(Q,.75),nt=k({onFocus:$,onTouchStart:$,iconPosition:z,buttonType:S,disabled:L,iconType:W,onClick:t=>{var e;null===(e=J.current)||void 0===e||e.focus(),A&&A(t)},size:E,subtext:I,isWhite:X},j(V)),it={isWhite:X,disabled:L,displayed:Y,onTouchStart:Z,onKeyDown:et,onClick:()=>{Z()},buttonType:S,size:E},lt=p($),st=g(V);return t(d,T(k({onClick:lt,ref:tt},{"data-component":"split-button","data-element":K,"data-role":M},st),{children:[[e(m,T(k({"data-element":"main-button",id:H.current,ref:J},nt),{children:F}),"main-button"),e(b,T(k({"aria-haspopup":"true","aria-expanded":Y,"aria-label":N||q.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:Q},it),{children:e(u,{type:"dropdown",color:{primary:G.colors.white,secondary:G.colors.primary}[S],bg:"transparent",disabled:L})}),"toggle-button")],Y?e(h,{disableBackgroundUI:R,disablePortal:!0,placement:"left"===C?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:tt,middleware:[a(6),c({fallbackStrategy:"initialPlacement"})],children:e(f,T(k({},ot),{align:B,children:e(w.Provider,{value:rt,children:o.Children.map(D,(t=>e("li",{children:t})))})}))}):null]}))}));export{B as SplitButton,B as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useContext as n,useRef as i,useImperativeHandle as l}from"react";import{ThemeContext as s}from"styled-components";import{offset as a,flip as c}from"@floating-ui/dom";import u from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import p from"../icon/icon.component.js";import m from"../button/button.component.js";import d from"./split-button.style.js";import b from"./split-button-toggle.style.js";import f from"./split-button-children.style.js";import y from"../../__internal__/utils/helpers/guid/index.js";import g from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import h from"../../style/utils/filter-styled-system-margin-props.js";import j from"../../style/utils/filter-out-styled-system-spacing-props.js";import"../../style/themes/sage/index.js";import O from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import _ from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import v from"./__internal__/split-button.context.js";import w from"../../hooks/__internal__/useLocale/useLocale.js";import P from"../flat-table/__internal__/flat-table.context.js";function x(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function k(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),r.forEach((function(e){x(t,e,o[e])}))}return t}function T(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}const S=r(((r,x)=>{var{align:S="left",position:B="right",buttonType:C="secondary",children:D,disabled:L=!1,iconPosition:z="before",iconType:W,onClick:A,size:E="medium",subtext:I,text:F,"data-element":K,"data-role":M,"aria-label":N,isWhite:U=!1}=r,V=function(t,e){if(null==t)return{};var o,r,n=function(t,e){if(null==t)return{};var o,r,n={},i=Object.keys(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(r,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const q=w(),G=n(s)||O,H=i(y()),J=i(y()),Q=i(null),R=i(null),{isInFlatTable:X}=n(P),Y="secondary"===C&&U;l(x,(()=>({focusMainButton(){var t;null===(t=Q.current)||void 0===t||t.focus()},focusToggleButton(){var t;null===(t=R.current)||void 0===t||t.focus()}})),[]);const{showAdditionalButtons:Z,showButtons:$,hideButtons:tt,buttonNode:et,handleToggleButtonKeyDown:ot,wrapperProps:rt,contextValue:nt}=_(R,.75),it=k({onFocus:tt,onTouchStart:tt,iconPosition:z,buttonType:C,disabled:L,iconType:W,onClick:t=>{var e;null===(e=Q.current)||void 0===e||e.focus(),A&&A(t)},size:E,subtext:I,isWhite:Y},j(V)),lt={isWhite:Y,disabled:L,displayed:Z,onTouchStart:$,onKeyDown:ot,onClick:()=>{var t;null===(t=R.current)||void 0===t||t.focus({preventScroll:!0}),Z?tt():$()},buttonType:C,size:E},st=u(tt),at=h(V);return t(d,T(k({onClick:st,ref:et},{"data-component":"split-button","data-element":K,"data-role":M},at),{children:[[e(m,T(k({"data-element":"main-button",id:H.current,ref:Q},it),{children:F}),"main-button"),e(b,T(k({"aria-expanded":Z,"aria-controls":J.current,"aria-label":N||q.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:R},lt),{children:e(p,{type:"dropdown",color:{primary:G.colors.white,secondary:G.colors.primary}[C],bg:"transparent",disabled:L})}),"toggle-button")],Z?e(g,{disableBackgroundUI:X,disablePortal:!0,placement:"left"===B?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:et,middleware:[a(6),c({fallbackStrategy:"initialPlacement"})],children:e(f,T(k({id:J.current},rt),{align:S,children:e(v.Provider,{value:nt,children:o.Children.map(D,(t=>e("li",{children:t})))})}))}):null]}))}));export{S as SplitButton,S as default};

package/esm/components/text-editor/text-editor.component.d.ts

@@ -53,6 +53,10 @@ export interface TextEditorProps extends MarginProps, TagProps {
     warning?: string;
     /** The initial value of the editor, as a HTML string, or JSON */
     value?: string | undefined;
+    /**
+     * Allows the injection of one or more Lexical-compatible React components into the editor to extend its functionality.
+     * This prop is optional and supports a single plugin, multiple plugins (via fragments or arrays), or `null`.
+     */
     customPlugins?: React.ReactNode;
 }
 export declare const TextEditor: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<TextEditorHandle>>;

package/esm/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{EditorRefPlugin as o}from"@lexical/react/LexicalEditorRefPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as c}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as s}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{$getRoot as u}from"lexical";import{forwardRef as d,useRef as m,useState as f,useImperativeHandle as _,useEffect as g,useMemo as h,useCallback as b}from"react";import{SerializeLexical as v,validateUrl as j}from"./__internal__/helpers.js";import x from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{markdownNodes as w,theme as L,COMPONENT_PREFIX as P}from"./__internal__/constants.js";import E from"./__internal__/plugins/AutoLinker/auto-link.component.js";import k from"./__internal__/plugins/CharacterCounter/character-counter.component.js";import C from"./__internal__/plugins/ContentEditor/content-editor.component.js";import S from"./__internal__/plugins/LinkMonitor/link-monitor.plugin.js";import"./__internal__/plugins/LinkPreviewer/link-previewer.style.js";import T from"./__internal__/plugins/OnChange/on-change.plugin.js";import $ from"./__internal__/plugins/Placeholder/placeholder.component.js";import B from"./__internal__/plugins/Toolbar/toolbar.component.js";import"./__internal__/plugins/useCursorAtEnd/index.js";import q from"./text-editor.context.js";import{StyledTextEditorWrapper as A,StyledWrapper as H,StyledValidationMessage as D,StyledEditorToolbarWrapper as R,StyledHeaderWrapper as F,StyledTextEditor as I,StyledFooterWrapper as M}from"./text-editor.style.js";import{createEmpty as U}from"./utils.js";import{HintText as W}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import z from"../../style/utils/filter-styled-system-margin-props.js";import G from"../../__internal__/utils/helpers/tags/tags.js";function J(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function K(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){J(e,r,t[r])}))}return e}let N=!1;const Q=d(((d,J)=>{var{characterLimit:Q=3e3,error:V,footer:X,header:Y,inputHint:Z,isOptional:ee=!1,labelText:re,namespace:te=P,onBlur:ne,onCancel:oe,onChange:ie,onFocus:ae,onLinkAdded:le,onSave:ce,placeholder:se,previews:pe=[],readOnly:ue=!1,required:de=!1,rows:me,warning:fe,value:_e,customPlugins:ge}=d,he=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}(d,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!N&&ee&&(N=!0,O.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const be=m(void 0),ve=y(),[je,xe]=f(void 0),ye=Boolean(V||je||fe),Oe=m(null),[we,Le]=f(!1);_(J,(()=>({focus(){var e;null===(e=Oe.current)||void 0===e||e.focus()}})),[]),g((()=>{const e=null==Oe?void 0:Oe.current,r=()=>{Le(!0)},t=()=>{Le(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Oe]);const[Pe,Ee]=f(!1),ke=h((()=>({namespace:te,nodes:w,onError:console.error,theme:L,editorState:_e,editable:!ue})),[te,ue,_e]),Ce=b((e=>{const r=e.read((()=>u().getTextContent()));if(ie){const e=be.current?v(be.current):{};null==ie||ie(r,e)}if(Q>0){const e=Q-r.length;xe(e<0?ve.textEditor.characterLimit(Math.abs(e)):void 0)}}),[Q,ve.textEditor,ie]),Se=b((()=>{var e;(null===(e=be.current)||void 0===e?void 0:e.isEditable())&&oe&&(Ee((e=>!e)),oe())}),[oe]);g((()=>{const e=_e||U();if(be.current){const r=be.current.parseEditorState(e);be.current.setEditorState(r)}}),[Pe,_e]);const Te=h((()=>({namespace:te,onCancel:oe?Se:void 0,onSave:ce})),[Se,te,oe,ce]);return e(A,($e=K({"data-role":`${te}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==ne||ne(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ae||ae(e)}},z(he),G("text-editor",he)),Be=null!=(Be={children:r(q.Provider,{value:{onLinkAdded:le},children:[e(x,{isRequired:de,optional:ee,labelId:`${te}-label`,children:re}),Z&&e(W,{id:`${te}-input-hint`,marginBottom:"var(--spacing100)",children:Z}),r(t,{initialConfig:ke,children:[e(o,{editorRef:be}),r(H,{"data-role":`${te}-wrapper`,error:V||void 0,namespace:te,warning:je||fe||void 0,children:[(V||je||fe)&&e(D,{error:V,id:`${te}-validation-message`,"data-role":`${te}-validation-message`,children:V||je||fe}),r(R,{"data-role":`${te}-editor-toolbar-wrapper`,id:`${te}-editor-toolbar-wrapper`,focused:we,hasWarningOrError:ye,children:[Y&&e(F,{"data-role":`${te}-header-wrapper`,children:Y}),!ue&&e(B,K({hasHeader:Boolean(Y)},Te)),r(I,{"data-role":`${te}-editor`,children:[e(c,{contentEditable:e(C,{ref:Oe,inputHint:Z,namespace:te,previews:pe,rows:me,readOnly:ue,required:de,error:!!V,warning:!!fe||!!je}),placeholder:e($,{namespace:te,text:se}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(T,{onChange:Ce}),e(s,{validateUrl:j}),e(n,{newTab:!0}),e(E,{}),ge]}),X&&e(M,{"data-role":`${te}-footer-wrapper`,children:X}),e(S,{})]}),Q>0&&!ue&&e(k,{maxChars:Q,namespace:te})]})]})]})})?Be:{},Object.getOwnPropertyDescriptors?Object.defineProperties($e,Object.getOwnPropertyDescriptors(Be)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Be)).forEach((function(e){Object.defineProperty($e,e,Object.getOwnPropertyDescriptor(Be,e))})),$e));var $e,Be}));export{Q as TextEditor,Q as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{EditorRefPlugin as o}from"@lexical/react/LexicalEditorRefPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as c}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as s}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{$getRoot as u}from"lexical";import{forwardRef as d,useRef as m,useState as f,useImperativeHandle as _,useEffect as g,useMemo as b,useCallback as h}from"react";import{SerializeLexical as v,validateUrl as x}from"./__internal__/helpers.js";import j from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{markdownNodes as w,theme as L,COMPONENT_PREFIX as P}from"./__internal__/constants.js";import E from"./__internal__/plugins/AutoLinker/auto-link.component.js";import k from"./__internal__/plugins/CharacterCounter/character-counter.component.js";import C from"./__internal__/plugins/ContentEditor/content-editor.component.js";import S from"./__internal__/plugins/LinkMonitor/link-monitor.plugin.js";import"./__internal__/plugins/LinkPreviewer/link-previewer.style.js";import T from"./__internal__/plugins/OnChange/on-change.plugin.js";import $ from"./__internal__/plugins/Placeholder/placeholder.component.js";import B from"./__internal__/plugins/Toolbar/toolbar.component.js";import"./__internal__/plugins/useCursorAtEnd/index.js";import q from"./text-editor.context.js";import{StyledTextEditorWrapper as A,StyledWrapper as H,StyledEditorToolbarWrapper as D,StyledHeaderWrapper as I,StyledTextEditor as R,StyledFooterWrapper as F}from"./text-editor.style.js";import{createEmpty as M}from"./utils.js";import{HintText as U}from"../../__internal__/hint-text/hint-text.component.js";import z from"../../__internal__/validation-message/validation-message.component.js";import G from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import J from"../../style/utils/filter-styled-system-margin-props.js";import K from"../../__internal__/utils/helpers/tags/tags.js";function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function Q(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){N(e,r,t[r])}))}return e}let V=!1;const W=d(((d,N)=>{var{characterLimit:W=3e3,error:X,footer:Y,header:Z,inputHint:ee,isOptional:re=!1,labelText:te,namespace:ne=P,onBlur:oe,onCancel:ie,onChange:ae,onFocus:le,onLinkAdded:ce,onSave:se,placeholder:pe,previews:ue=[],readOnly:de=!1,required:me=!1,rows:fe,warning:_e,value:ge,customPlugins:be}=d,he=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}(d,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!V&&re&&(V=!0,O.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ve=m(void 0),xe=y(),[je,ye]=f(void 0),Oe=m(null),[we,Le]=f(!1);_(N,(()=>({focus(){var e;null===(e=Oe.current)||void 0===e||e.focus()}})),[]),g((()=>{const e=null==Oe?void 0:Oe.current,r=()=>{Le(!0)},t=()=>{Le(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Oe]);const[Pe,Ee]=f(!1),ke=b((()=>({namespace:ne,nodes:w,onError:console.error,theme:L,editorState:ge,editable:!de})),[ne,de,ge]),Ce=h((e=>{const r=e.read((()=>u().getTextContent()));if(ae){const e=ve.current?v(ve.current):{};null==ae||ae(r,e)}if(W>0){const e=W-r.length;ye(e<0?xe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[W,xe.textEditor,ae]),Se=h((()=>{var e;(null===(e=ve.current)||void 0===e?void 0:e.isEditable())&&ie&&(Ee((e=>!e)),ie())}),[ie]);g((()=>{const e=ge||M();if(ve.current){const r=ve.current.parseEditorState(e);ve.current.setEditorState(r)}}),[Pe,ge]);const Te=b((()=>({namespace:ne,onCancel:ie?Se:void 0,onSave:se})),[Se,ne,ie,se]),$e=_e||je;return e(A,(Be=Q({"data-role":`${ne}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==oe||oe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==le||le(e)}},J(he),K("text-editor",he)),qe=null!=(qe={children:r(q.Provider,{value:{onLinkAdded:ce},children:[e(j,{isRequired:me,optional:re,labelId:`${ne}-label`,children:te}),ee&&e(U,{id:`${ne}-input-hint`,marginBottom:"var(--spacing100)",children:ee}),r(t,{initialConfig:ke,children:[e(o,{editorRef:ve}),r(H,{"data-role":`${ne}-wrapper`,children:[e(z,{error:X,warning:$e,validationId:`${ne}-validation-message`,"data-role":`${ne}-validation-message`}),(X||$e)&&e(G,{warning:!(X||!$e)}),r(D,{"data-role":`${ne}-editor-toolbar-wrapper`,id:`${ne}-editor-toolbar-wrapper`,focused:we,error:!!X,children:[Z&&e(I,{"data-role":`${ne}-header-wrapper`,children:Z}),!de&&e(B,Q({hasHeader:Boolean(Z)},Te)),r(R,{"data-role":`${ne}-editor`,children:[e(c,{contentEditable:e(C,{ref:Oe,inputHint:ee,namespace:ne,previews:ue,rows:fe,readOnly:de,required:me,error:!!X,warning:!!_e||!!je}),placeholder:e($,{namespace:ne,text:pe}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(T,{onChange:Ce}),e(s,{validateUrl:x}),e(n,{newTab:!0}),e(E,{}),be]}),Y&&e(F,{"data-role":`${ne}-footer-wrapper`,children:Y}),e(S,{})]}),W>0&&!de&&e(k,{maxChars:W,namespace:ne})]})]})]})})?qe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Be,Object.getOwnPropertyDescriptors(qe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(qe)).forEach((function(e){Object.defineProperty(Be,e,Object.getOwnPropertyDescriptor(qe,e))})),Be));var Be,qe}));export{W as TextEditor,W as default};

package/esm/components/text-editor/text-editor.style.d.ts

@@ -1,22 +1,13 @@
 import { MarginProps } from "styled-system";
 type StyledTextEditorWrapperProps = MarginProps;
-interface StyledWrapperProps {
-    error?: string;
-    namespace: string;
-    warning?: string;
-}
-interface StyledValidationMessageProps {
-    error?: string;
-}
 interface StyledEditorToolbarWrapperProps {
     focused?: boolean;
-    hasWarningOrError?: boolean;
+    error?: boolean;
 }
 export declare const StyledTextEditor: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, StyledTextEditorWrapperProps, never>;
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
 export declare const StyledHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledValidationMessage: import("styled-components").StyledComponent<"div", any, StyledValidationMessageProps, never>;
 export default StyledTextEditor;

package/esm/components/text-editor/text-editor.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import e from"../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-3a92229-0"})(["position:relative;"]),a=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-3a92229-1"})(["margin-bottom:var(--fieldSpacing);",""],r),d=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-3a92229-2"})([".textBold{font-weight:bold;}.textItalic{font-style:italic;}",';a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({error:o,namespace:r,warning:e})=>t(["min-height:120px;min-width:300px;",""],(o||e)&&t(["padding-left:8px;border-left:2px solid var( "," );#","-editor-toolbar-wrapper{border-radius:var(--borderRadius100);border:2px solid var( "," );.","-editable,#","-toolbar{outline:none;}}"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",r,o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",r,r)))),n=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-3a92229-3"})(["",""],(({focused:o,hasWarningOrError:r})=>t(["border-radius:var(--borderRadius100);outline:",";",""],r?"none":"1px solid var(--colorsUtilityMajor200)",o&&e()))),l=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-3a92229-4"})(["padding:var(--spacing200);"]),s=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-3a92229-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]),c=o.div.withConfig({displayName:"text-editor.style__StyledValidationMessage",componentId:"sc-3a92229-6"})(["",""],(({error:o})=>t(["color:var( "," );font-weight:",";margin-top:0px;margin-bottom:8px;"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution600",o?500:"normal")));export{n as StyledEditorToolbarWrapper,s as StyledFooterWrapper,l as StyledHeaderWrapper,i as StyledTextEditor,a as StyledTextEditorWrapper,c as StyledValidationMessage,d as StyledWrapper,i as default};
+import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/utils/add-focus-styling.js";const i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-cb8130a9-0"})(["position:relative;"]),a=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-cb8130a9-1"})(["margin-bottom:var(--fieldSpacing);",""],e),d=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-cb8130a9-2"})(['position:relative;.textBold{font-weight:bold;}.textItalic{font-style:italic;}a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}']),n=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-cb8130a9-3"})(["",""],(({focused:o,error:e})=>t(["border-radius:var(--borderRadius100);outline:1px solid var(--colorsUtilityMajor200);"," ",""],e&&t(["outline:none;border:2px solid var(--colorsSemanticNegative500);"]),o&&r()))),s=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-cb8130a9-4"})(["padding:var(--spacing200);"]),l=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-cb8130a9-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]);export{n as StyledEditorToolbarWrapper,l as StyledFooterWrapper,s as StyledHeaderWrapper,i as StyledTextEditor,a as StyledTextEditorWrapper,d as StyledWrapper,i as default};

package/esm/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -1 +1 @@
-import{useState as t,useRef as n,useCallback as e,useEffect as o}from"react";import r from"../../../__internal__/utils/helpers/events/events.js";import u from"../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js";const i=(i,l=1)=>{const[s,a]=t(!1),[d,c]=t(0),p=n(null),v=n(null),f=e((()=>{a(!1)}),[]);function m(){a(!0),p.current&&c(l*p.current.getBoundingClientRect().width)}const y=e((()=>{var t;return null===(t=v.current)||void 0===t?void 0:t.querySelectorAll('[data-component="button"]')}),[]);o((()=>{var t,n;s&&(null===(n=y())||void 0===n||null===(t=n[0])||void 0===t||t.focus())}),[s,y]);const h=u(i,y,f,s),K={inSplitButton:!0,onChildButtonClick:t=>n=>{var e;null==t||t(n),f(),null===(e=i.current)||void 0===e||e.focus()}};return{showAdditionalButtons:s,showButtons:m,hideButtons:f,buttonNode:p,handleToggleButtonKeyDown:t=>{(r.isEnterKey(t)||r.isSpaceKey(t)||r.isDownKey(t)||r.isUpKey(t))&&(t.preventDefault(),m())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:h,minWidth:d,ref:v},contextValue:K}};export{i as default};
+import{useState as t,useRef as e,useCallback as n}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import r from"../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js";const l=(l,u=1)=>{const[i,a]=t(!1),[s,d]=t(0),c=e(null),v=e(null),p=n((()=>{a(!1)}),[]);function f(){a(!0),c.current&&d(u*c.current.getBoundingClientRect().width)}const m=n((()=>{var t;return null===(t=v.current)||void 0===t?void 0:t.querySelectorAll('[data-component="button"]')}),[]),y=r(l,m,p,i),h={inSplitButton:!0,onChildButtonClick:t=>e=>{var n;null==t||t(e),p(),null===(n=l.current)||void 0===n||n.focus()}};return{showAdditionalButtons:i,showButtons:f,hideButtons:p,buttonNode:c,handleToggleButtonKeyDown:t=>{const e=o.isEnterKey(t)||o.isSpaceKey(t);var n,r;!e&&!o.isDownKey(t)||i||(t.preventDefault(),f()),o.isDownKey(t)&&i&&(t.preventDefault(),null===(r=m())||void 0===r||null===(n=r[0])||void 0===n||n.focus({preventScroll:!0})),e&&i&&(t.preventDefault(),p())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:y,minWidth:s,ref:v},contextValue:h}};export{l as default};

package/lib/__internal__/validation-message/validation-message.component.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-export interface ValidationMessageProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface ValidationMessageProps extends TagProps {
     /** Indicate that error has occurred
     Pass string to display hint with error */
     error?: boolean | string;
@@ -11,5 +12,5 @@ export interface ValidationMessageProps {
     /** Whether this component resides on a dark background */
     isDarkBackground?: boolean;
 }
-declare const ValidationMessage: ({ error, validationId, warning, isDarkBackground, }: ValidationMessageProps) => React.JSX.Element | null;
+declare const ValidationMessage: ({ error, validationId, warning, isDarkBackground, "data-element": dataElement, "data-role": dataRole, }: ValidationMessageProps) => React.JSX.Element | null;
 export default ValidationMessage;

package/lib/__internal__/validation-message/validation-message.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./validation-message.style.js");exports.default=({error:a,validationId:i,warning:t,isDarkBackground:s})=>{const n=a||t;return"string"==typeof n?e.jsx(r.default,{id:i,isWarning:!(a||!t),"data-role":"validation-message",isDarkBackground:s,children:n}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./validation-message.style.js"),t=require("../utils/helpers/tags/tags.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.default=({error:a,validationId:o,warning:i,isDarkBackground:s,"data-element":c,"data-role":l="validation-message"})=>{const u=a||i;return"string"==typeof u?e.jsx(r.default,(p=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){n(e,r,t[r])}))}return e}({id:o,isWarning:!(a||!i),isDarkBackground:s},t.default("validation-message",{"data-element":c,"data-role":l})),b=null!=(b={children:u})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(b)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(b)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(b,e))})),p)):null;var p,b};

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../menu-item/menu-item.style.js"),r=require("./submenu.style.js"),u=require("../../../../__internal__/utils/helpers/events/events.js"),o=require("../strict-menu.context.js"),a=require("../keyboard-navigation/index.js"),l=require("./submenu.context.js"),i=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../locators.js"),c=require("../../../../hooks/__internal__/useStableCallback/useStableCallback.js"),d=require("../../../navigation-bar/__internal__/fixed-navigation-bar.context.js"),p=require("../../../../__internal__/focus-trap/focus-trap-utils.js");function f(e){return e&&e.__esModule?e:{default:e}}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){m(e,t,n[t])}))}return e}function y(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const v=f(t).default.forwardRef(((f,m)=>{var{children:v,className:S,title:O,icon:h,submenuDirection:g="right",onKeyDown:j,variant:w="default",showDropdownArrow:x=!0,clickToOpen:_,href:C,maxWidth:E,asPassiveItem:D,onSubmenuOpen:L,onSubmenuClose:k,onClick:A,submenuMaxWidth:P,submenuMinWidth:q}=f,T=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(u[n]=e[n])}return u}(f,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[K,I]=t.useState(null),R=t.useRef(i.default()),{inFullscreenView:M,openSubmenuId:F,setOpenSubmenuId:W,menuType:B}=o.useStrictMenuContext(),[N,H]=t.useState(!1),[V,$]=t.useState(null),[U,X]=t.useState([]),[z,G]=t.useState(""),[J,Q]=t.useState(!1),[Y,Z]=t.useState(!1),ee=t.useRef(!1),te=U.length,{submenuMaxHeight:ne}=t.useContext(d.default),re=c.useStableCallback(L),ue=t.useMemo((()=>{const e=null==K?void 0:K.querySelectorAll(s.BLOCK_INDEX_SELECTOR);if(e&&N&&te){const t=Array.from(e),n=null==K?void 0:K.querySelector(`[data-component='${s.SCROLLABLE_BLOCK}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${s.SCROLLABLE_BLOCK_PARENT}']`))?r+1:r}return-1}),[N,te,K]),oe=t.useRef(null),ae=t.useCallback((()=>{oe.current=setTimeout((()=>{G("")}),1500)}),[]),le=t.useCallback((()=>{oe.current&&clearTimeout(oe.current),ae()}),[ae]);t.useEffect((()=>()=>{oe.current&&clearTimeout(oe.current)}),[]);const ie=t.useCallback((()=>{H(!0),W(R.current)}),[W]),se=t.useRef();t.useEffect((()=>{N&&K&&(()=>{var e;const t=Array.from((null==K?void 0:K.querySelectorAll("ul:not([data-component='submenu'])"))||[]);if(0===t.length)return;const n=Array.from((null==K?void 0:K.querySelectorAll("[data-component='menu-item']"))||[]).pop();se.current=n;const r=t.pop(),u=Boolean((null==r||null===(e=r.parentElement)||void 0===e?void 0:e.dataset.component)===s.SCROLLABLE_BLOCK),o=Array.from((null==r?void 0:r.querySelectorAll("[data-component='menu-item']"))||[]).pop();let a=!1;o&&r&&(a=o.getBoundingClientRect().bottom<r.getBoundingClientRect().bottom);const l=!!o&&o===n;Q(l),Z(l&&!u||l&&u&&!a)})()}),[N,K,te]),t.useEffect((()=>{N&&re&&re()}),[N,re]);const ce=t.useCallback((()=>{H(!1),$(null),k&&k(),G("")}),[k]);t.useEffect((()=>{F&&F!==R.current&&ce()}),[F,ce]);const de=t.useCallback((e=>U.findIndex((t=>t===e))),[U]),pe=t.useCallback((e=>{if(N||(u.default.isEnterKey(e)||u.default.isSpaceKey(e)||u.default.isDownKey(e)||u.default.isUpKey(e))&&(e.preventDefault(),ie(),ee.current=!C),N){const t=de(V);let n=t;if(C&&!V&&(u.default.isDownKey(e)||u.default.isUpKey(e)))return e.preventDefault(),void $(U[0]);if(u.default.isDownKey(e)&&(e.preventDefault(),n<te-1&&(n+=1)),u.default.isUpKey(e)&&(e.preventDefault(),Q(!1),n>0&&(n-=1)),u.default.isEscKey(e))return null==j||j(e),void ce();u.default.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),n=0),u.default.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),n=te-1),1===e.key.length?(e.stopPropagation(),oe.current?le():ae(),G(`${z}${e.key.toLowerCase()}`)):G(""),u.default.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||u.default.isEnterKey(e)&&setTimeout((()=>ce()),0),n!==t&&$(U[n])}}),[U,N,C,te,V,de,ie,ce,j,z,le,ae]);return t.useEffect((()=>{if(K&&v){const e=null==K?void 0:K.querySelectorAll(s.ALL_CHILDREN_SELECTOR);e&&X(Array.from(e).filter((e=>e.querySelector(p.defaultFocusableSelectors))).map((e=>e.getAttribute("id"))))}}),[v,N,K]),t.useEffect((()=>{ee.current&&N&&!V&&U.length&&(ee.current=!1,$(U[0]))}),[N,V,U]),t.useEffect((()=>{const e=null==K?void 0:K.querySelectorAll(s.ALL_CHILDREN_SELECTOR);if(e&&""!==z){const t=Array.from(e),n=a.characterNavigation(z,t);n&&$(n.id)}}),[K,z,U]),M?e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper",inFullscreenView:M,asPassiveItem:D,menuType:B,children:[e.jsx(n.default,y(b({},T),{onClick:D?void 0:A,className:S,menuType:B,ref:m,href:C,menuItemVariant:w,inFullscreenView:M,asDiv:D,children:O})),e.jsx(r.StyledSubmenu,{"data-component":"submenu",variant:w,menuType:B,inFullscreenView:M,ref:I,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:Y,children:e.jsx(l.default.Provider,{value:{handleKeyDown:pe,blockIndex:ue,updateFocusId:$},children:v})})]}):e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:_?void 0:()=>ie(),onMouseLeave:()=>ce(),isSubmenuOpen:N,ref:I,children:[e.jsx(n.default,y(b({},T),{className:S,menuType:B,ref:m,icon:h,tabIndex:-1,menuItemVariant:w,isOpen:N,hasSubmenu:!0,showDropdownArrow:x,onKeyDown:pe,onClick:e=>{ie(),A&&A(e)},clickToOpen:_,href:C,maxWidth:E,"aria-expanded":N,"data-role":"submenu-parent-item",children:O})),N&&e.jsx(r.StyledSubmenu,{"data-component":"submenu",submenuDirection:g,variant:w,menuType:B,role:0===ue?"presentation":"list",maxHeight:ne,applyFocusRadiusStyling:J,applyFocusRadiusStylingToLastItem:Y,submenuMaxWidth:P,submenuMinWidth:q,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||ce()},children:e.jsx(l.default.Provider,{value:{submenuFocusId:V,handleKeyDown:pe,blockIndex:ue,updateFocusId:$,submenuHasMaxWidth:!!P},children:v})})]})}));v.displayName="submenu",exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../menu-item/menu-item.style.js"),r=require("./submenu.style.js"),u=require("../../../../__internal__/utils/helpers/events/events.js"),o=require("../strict-menu.context.js"),a=require("../keyboard-navigation/index.js"),l=require("./submenu.context.js"),i=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../locators.js"),c=require("../../../../hooks/__internal__/useStableCallback/useStableCallback.js"),d=require("../../../navigation-bar/__internal__/fixed-navigation-bar.context.js"),p=require("../../../../__internal__/focus-trap/focus-trap-utils.js");function m(e){return e&&e.__esModule?e:{default:e}}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function y(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const S=m(t).default.forwardRef(((m,f)=>{var{children:S,className:v,title:O,icon:h,submenuDirection:g="right",onKeyDown:j,variant:w="default",showDropdownArrow:x=!0,clickToOpen:_,href:C,maxWidth:E,asPassiveItem:D,onSubmenuOpen:L,onSubmenuClose:k,onClick:A,submenuMaxWidth:P,submenuMinWidth:q}=m,T=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(u[n]=e[n])}return u}(m,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[I,K]=t.useState(null),R=t.useRef(i.default()),{inFullscreenView:M,openSubmenuId:F,setOpenSubmenuId:W,menuType:B}=o.useStrictMenuContext(),[N,H]=t.useState(!1),[V,$]=t.useState(null),[U,X]=t.useState([]),[z,G]=t.useState(""),[J,Q]=t.useState(!1),[Y,Z]=t.useState(!1),ee=U.length,{submenuMaxHeight:te}=t.useContext(d.default),ne=c.useStableCallback(L),re=t.useMemo((()=>{const e=null==I?void 0:I.querySelectorAll(s.BLOCK_INDEX_SELECTOR);if(e&&N&&ee){const t=Array.from(e),n=null==I?void 0:I.querySelector(`[data-component='${s.SCROLLABLE_BLOCK}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${s.SCROLLABLE_BLOCK_PARENT}']`))?r+1:r}return-1}),[N,ee,I]),ue=t.useRef(null),oe=t.useCallback((()=>{ue.current=setTimeout((()=>{G("")}),1500)}),[]),ae=t.useCallback((()=>{ue.current&&clearTimeout(ue.current),oe()}),[oe]);t.useEffect((()=>()=>{ue.current&&clearTimeout(ue.current)}),[]);const le=t.useCallback((()=>{H(!0),W(R.current)}),[W]),ie=t.useRef();t.useEffect((()=>{N&&I&&(()=>{var e;const t=Array.from((null==I?void 0:I.querySelectorAll("ul:not([data-component='submenu'])"))||[]);if(0===t.length)return;const n=Array.from((null==I?void 0:I.querySelectorAll("[data-component='menu-item']"))||[]).pop();ie.current=n;const r=t.pop(),u=Boolean((null==r||null===(e=r.parentElement)||void 0===e?void 0:e.dataset.component)===s.SCROLLABLE_BLOCK),o=Array.from((null==r?void 0:r.querySelectorAll("[data-component='menu-item']"))||[]).pop();let a=!1;o&&r&&(a=o.getBoundingClientRect().bottom<r.getBoundingClientRect().bottom);const l=!!o&&o===n;Q(l),Z(l&&!u||l&&u&&!a)})()}),[N,I,ee]),t.useEffect((()=>{N&&ne&&ne()}),[N,ne]);const se=t.useCallback((()=>{H(!1),$(null),k&&k(),G("")}),[k]);t.useEffect((()=>{F&&F!==R.current&&se()}),[F,se]);const ce=t.useCallback((e=>U.findIndex((t=>t===e))),[U]),de=t.useCallback((e=>{const t=u.default.isEnterKey(e)||u.default.isSpaceKey(e);if(!t&&!u.default.isDownKey(e)||N||(e.preventDefault(),le()),N){const n=ce(V);let r=n;if(V||(t&&!C||u.default.isSpaceKey(e)&&C)&&(e.preventDefault(),se()),u.default.isDownKey(e)&&(e.preventDefault(),r<ee-1&&(r+=1)),u.default.isUpKey(e)&&(e.preventDefault(),Q(!1),r>0&&(r-=1)),u.default.isEscKey(e))return null==j||j(e),void se();u.default.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),u.default.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ee-1),1===e.key.length?(e.stopPropagation(),ue.current?ae():oe(),G(`${z}${e.key.toLowerCase()}`)):G(""),u.default.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||u.default.isEnterKey(e)&&setTimeout((()=>se()),0),r!==n&&$(U[r])}}),[U,N,C,ee,V,ce,le,se,j,z,ae,oe]);return t.useEffect((()=>{if(I&&S){const e=null==I?void 0:I.querySelectorAll(s.ALL_CHILDREN_SELECTOR);e&&X(Array.from(e).filter((e=>e.querySelector(p.defaultFocusableSelectors))).map((e=>e.getAttribute("id"))))}}),[S,N,I]),t.useEffect((()=>{const e=null==I?void 0:I.querySelectorAll(s.ALL_CHILDREN_SELECTOR);if(e&&""!==z){const t=Array.from(e),n=a.characterNavigation(z,t);n&&$(n.id)}}),[I,z,U]),M?e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper",inFullscreenView:M,asPassiveItem:D,menuType:B,children:[e.jsx(n.default,y(b({},T),{onClick:D?void 0:A,className:v,menuType:B,ref:f,href:C,menuItemVariant:w,inFullscreenView:M,asDiv:D,children:O})),e.jsx(r.StyledSubmenu,{"data-component":"submenu",variant:w,menuType:B,inFullscreenView:M,ref:K,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:Y,children:e.jsx(l.default.Provider,{value:{handleKeyDown:de,blockIndex:re,updateFocusId:$},children:S})})]}):e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:_?void 0:()=>le(),onMouseLeave:()=>se(),isSubmenuOpen:N,ref:K,children:[e.jsx(n.default,y(b({},T),{className:v,menuType:B,ref:f,icon:h,tabIndex:-1,menuItemVariant:w,isOpen:N,hasSubmenu:!0,showDropdownArrow:x,onKeyDown:de,onClick:e=>{le(),A&&A(e)},clickToOpen:_,href:C,maxWidth:E,"aria-expanded":N,"data-role":"submenu-parent-item",children:O})),N&&e.jsx(r.StyledSubmenu,{"data-component":"submenu",submenuDirection:g,variant:w,menuType:B,role:0===re?"presentation":"list",maxHeight:te,applyFocusRadiusStyling:J,applyFocusRadiusStylingToLastItem:Y,submenuMaxWidth:P,submenuMinWidth:q,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||se()},children:e.jsx(l.default.Provider,{value:{submenuFocusId:V,handleKeyDown:de,blockIndex:re,updateFocusId:$,submenuHasMaxWidth:!!P},children:S})})]})}));S.displayName="submenu",exports.default=S;

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),i=require("./multi-action-button.style.js"),l=require("../button/button.component.js"),u=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../style/utils/filter-out-styled-system-spacing-props.js"),c=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),d=require("../flat-table/__internal__/flat-table.context.js");function p(e){return e&&e.__esModule?e:{default:e}}var f=p(t);function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){b(e,t,r[t])}))}return e}function j(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 m=t.forwardRef(((p,b)=>{var{align:m="left",position:O="left",disabled:g,buttonType:h,size:w,children:_,text:x,subtext:v,width:P,onClick:q,"data-element":k,"data-role":B}=p,C=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(p,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const S=t.useRef(null),{isInFlatTable:T}=t.useContext(d.default);t.useImperativeHandle(b,(()=>({focusMainButton(){var e;null===(e=S.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:D,showButtons:A,hideButtons:M,buttonNode:I,handleToggleButtonKeyDown:z,wrapperProps:E,contextValue:K}=c.default(S),L=n.default(M),R=y({disabled:g,displayed:D,onTouchStart:A,onKeyDown:z,onClick:e=>{A(),L(),q&&q(e)},buttonType:h,size:w,subtext:v},s.default(C)),F=a.default(C);return e.jsxs(i.StyledMultiActionButton,j(y({ref:I,"data-component":"multi-action-button","data-element":k,"data-role":B,displayed:D,width:P},F),{children:[e.jsx(l.default,j(y({"aria-haspopup":"true","aria-expanded":D,"data-element":"toggle-button"},R),{ref:S,iconPosition:"after",iconType:"dropdown",children:x}),"toggle-button"),D&&e.jsx(u.default,{disableBackgroundUI:T,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:I,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(i.StyledButtonChildrenContainer,j(y({},E),{align:m,children:e.jsx(o.default.Provider,{value:K,children:f.default.Children.map(_,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../split-button/__internal__/split-button.context.js"),l=require("./multi-action-button.style.js"),i=require("../button/button.component.js"),u=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../style/utils/filter-out-styled-system-spacing-props.js"),c=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),d=require("../flat-table/__internal__/flat-table.context.js"),p=require("../../__internal__/utils/helpers/guid/index.js");function f(e){return e&&e.__esModule?e:{default:e}}var b=f(t);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 j(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 m=t.forwardRef(((f,y)=>{var{align:m="left",position:O="left",disabled:h,buttonType:_,size:w,children:x,text:v,subtext:P,width:q,onClick:k,"data-element":S,"data-role":B}=f,C=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}(f,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const T=t.useRef(null),{isInFlatTable:D}=t.useContext(d.default),A=t.useRef(p.default());t.useImperativeHandle(y,(()=>({focusMainButton(){var e;null===(e=T.current)||void 0===e||e.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:M,showButtons:I,hideButtons:z,buttonNode:E,handleToggleButtonKeyDown:R,wrapperProps:K,contextValue:L}=c.default(T),F=n.default(z),H=j({disabled:h,displayed:M,onTouchStart:I,onKeyDown:R,onClick:e=>{M?z():I(),F(),k&&k(e)},buttonType:_,size:w,subtext:P},s.default(C)),N=a.default(C);return e.jsxs(l.StyledMultiActionButton,g(j({ref:E,"data-component":"multi-action-button","data-element":S,"data-role":B,displayed:M,width:q},N),{children:[e.jsx(i.default,g(j({"aria-expanded":M,"aria-controls":A.current,"data-element":"toggle-button"},H),{ref:T,iconPosition:"after",iconType:"dropdown",children:v}),"toggle-button"),M&&e.jsx(u.default,{disableBackgroundUI:D,disablePortal:!0,placement:"left"===O?"bottom-start":"bottom-end",reference:E,popoverStrategy:"fixed",middleware:[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(l.StyledButtonChildrenContainer,g(j({id:A.current},K),{align:m,children:e.jsx(o.default.Provider,{value:L,children:b.default.Children.map(x,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.MultiActionButton=m,exports.default=m;

package/lib/components/multi-action-button/multi-action-button.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../button/button.style.js"),r=require("../../style/themes/apply-base-theme.js"),n=require("../icon/icon.style.js"),i=require("../../style/utils/element-sizing.js"),a=require("../split-button/split-button-children.style.js");function l(t){return t&&t.__esModule?t:{default:t}}var s=l(t);const d=s.default.div.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-5ebc7d28-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],o.margin,(({width:o})=>o&&t.css([""," ","{width:100%;justify-content:space-between;}"],i.default({width:o}),e.default)),e.default,n.default,n.default,(({displayed:o})=>o&&t.css(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],n.default))),c=s.default.ul.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-5ebc7d28-1"})(["",""],(({theme:o,align:r,minWidth:n})=>t.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";z-index:",";& + &{margin-top:3px;}}"],n,o.zIndex.popover,a.borderRadiusStyling,e.default,r,r,o.zIndex.overlay)));exports.StyledButtonChildrenContainer=c,exports.StyledMultiActionButton=d;
+"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../button/button.style.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),n=require("../../style/utils/element-sizing.js"),a=require("../split-button/split-button-children.style.js");function l(t){return t&&t.__esModule?t:{default:t}}var s=l(t);const d=s.default.div.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-7205beec-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],o.margin,(({width:o})=>o&&t.css([""," ","{width:100%;justify-content:space-between;}"],n.default({width:o}),e.default)),e.default,i.default,i.default,(({displayed:o})=>o&&t.css(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],i.default))),c=s.default.ul.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-7205beec-1"})(["",""],(({theme:o,align:r,minWidth:i})=>t.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],i,o.zIndex.popover,a.borderRadiusStyling,e.default,r,r)));exports.StyledButtonChildrenContainer=c,exports.StyledMultiActionButton=d;

package/lib/components/split-button/split-button-children.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),t=require("../button/button.style.js");function d(r){return r&&r.__esModule?r:{default:r}}const o="\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",i=d(r).default.ul.attrs(e.default).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-eb4ae276-0"})(["border-radius:var(--borderRadius100);",""],(({theme:e,align:d,minWidth:i})=>r.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";z-index:",";& + &{margin-top:3px;}}"],i,e.zIndex.popover,o,t.default,d,d,e.zIndex.overlay)));exports.borderRadiusStyling=o,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),e=require("../button/button.style.js");function d(r){return r&&r.__esModule?r:{default:r}}const o="\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",i=d(r).default.ul.attrs(t.default).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:t,align:d,minWidth:i})=>r.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],i,t.zIndex.popover,o,e.default,d,d)));exports.borderRadiusStyling=o,exports.default=i;

package/lib/components/split-button/split-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("../icon/icon.component.js"),l=require("../button/button.component.js"),s=require("./split-button.style.js"),a=require("./split-button-toggle.style.js"),u=require("./split-button-children.style.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),f=require("../../style/utils/filter-out-styled-system-spacing-props.js");require("../../style/themes/sage/index.js");var b=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var y=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),j=require("./__internal__/split-button.context.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),h=require("../flat-table/__internal__/flat-table.context.js");function g(e){return e&&e.__esModule?e:{default:e}}var _=g(t);function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){x(e,t,r[t])}))}return e}function v(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 q=t.forwardRef(((g,x)=>{var{align:q="left",position:w="right",buttonType:P="secondary",children:k,disabled:C=!1,iconPosition:T="before",iconType:B,onClick:S,size:D="medium",subtext:L,text:z,"data-element":I,"data-role":R,"aria-label":W,isWhite:A=!1}=g,E=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(g,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const M=m.default(),F=t.useContext(r.ThemeContext)||b.default,K=t.useRef(c.default()),H=t.useRef(null),N=t.useRef(null),{isInFlatTable:U}=t.useContext(h.default),V="secondary"===P&&A;t.useImperativeHandle(x,(()=>({focusMainButton(){var e;null===(e=H.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=N.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:G,showButtons:J,hideButtons:Q,buttonNode:X,handleToggleButtonKeyDown:Y,wrapperProps:Z,contextValue:$}=y.default(N,.75),ee=O({onFocus:Q,onTouchStart:Q,iconPosition:T,buttonType:P,disabled:C,iconType:B,onClick:e=>{var t;null===(t=H.current)||void 0===t||t.focus(),S&&S(e)},size:D,subtext:L,isWhite:V},f.default(E)),te={isWhite:V,disabled:C,displayed:G,onTouchStart:J,onKeyDown:Y,onClick:()=>{J()},buttonType:P,size:D},re=o.default(Q),ne=p.default(E);return e.jsxs(s.default,v(O({onClick:re,ref:X},{"data-component":"split-button","data-element":I,"data-role":R},ne),{children:[[e.jsx(l.default,v(O({"data-element":"main-button",id:K.current,ref:H},ee),{children:z}),"main-button"),e.jsx(a.default,v(O({"aria-haspopup":"true","aria-expanded":G,"aria-label":W||M.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:N},te),{children:e.jsx(i.default,{type:"dropdown",color:{primary:F.colors.white,secondary:F.colors.primary}[P],bg:"transparent",disabled:C})}),"toggle-button")],G?e.jsx(d.default,{disableBackgroundUI:U,disablePortal:!0,placement:"left"===w?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:X,middleware:[n.offset(6),n.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(u.default,v(O({},Z),{align:q,children:e.jsx(j.default.Provider,{value:$,children:_.default.Children.map(k,(t=>e.jsx("li",{children:t})))})}))}):null]}))}));exports.SplitButton=q,exports.default=q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),i=require("../icon/icon.component.js"),l=require("../button/button.component.js"),s=require("./split-button.style.js"),u=require("./split-button-toggle.style.js"),a=require("./split-button-children.style.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),f=require("../../style/utils/filter-out-styled-system-spacing-props.js");require("../../style/themes/sage/index.js");var b=require("../../style/themes/base/index.js");require("../../style/themes/none/index.js");var y=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),j=require("./__internal__/split-button.context.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),h=require("../flat-table/__internal__/flat-table.context.js");function g(e){return e&&e.__esModule?e:{default:e}}var _=g(t);function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(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){x(e,t,r[t])}))}return e}function v(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 q=t.forwardRef(((g,x)=>{var{align:q="left",position:w="right",buttonType:P="secondary",children:k,disabled:C=!1,iconPosition:T="before",iconType:S,onClick:B,size:D="medium",subtext:L,text:R,"data-element":z,"data-role":I,"aria-label":W,isWhite:A=!1}=g,E=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(g,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const M=m.default(),F=t.useContext(r.ThemeContext)||b.default,K=t.useRef(c.default()),H=t.useRef(c.default()),N=t.useRef(null),U=t.useRef(null),{isInFlatTable:V}=t.useContext(h.default),G="secondary"===P&&A;t.useImperativeHandle(x,(()=>({focusMainButton(){var e;null===(e=N.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=U.current)||void 0===e||e.focus()}})),[]);const{showAdditionalButtons:J,showButtons:Q,hideButtons:X,buttonNode:Y,handleToggleButtonKeyDown:Z,wrapperProps:$,contextValue:ee}=y.default(U,.75),te=O({onFocus:X,onTouchStart:X,iconPosition:T,buttonType:P,disabled:C,iconType:S,onClick:e=>{var t;null===(t=N.current)||void 0===t||t.focus(),B&&B(e)},size:D,subtext:L,isWhite:G},f.default(E)),re={isWhite:G,disabled:C,displayed:J,onTouchStart:Q,onKeyDown:Z,onClick:()=>{var e;null===(e=U.current)||void 0===e||e.focus({preventScroll:!0}),J?X():Q()},buttonType:P,size:D},ne=o.default(X),oe=p.default(E);return e.jsxs(s.default,v(O({onClick:ne,ref:Y},{"data-component":"split-button","data-element":z,"data-role":I},oe),{children:[[e.jsx(l.default,v(O({"data-element":"main-button",id:K.current,ref:N},te),{children:R}),"main-button"),e.jsx(u.default,v(O({"aria-expanded":J,"aria-controls":H.current,"aria-label":W||M.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:U},re),{children:e.jsx(i.default,{type:"dropdown",color:{primary:F.colors.white,secondary:F.colors.primary}[P],bg:"transparent",disabled:C})}),"toggle-button")],J?e.jsx(d.default,{disableBackgroundUI:V,disablePortal:!0,placement:"left"===w?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:Y,middleware:[n.offset(6),n.flip({fallbackStrategy:"initialPlacement"})],children:e.jsx(a.default,v(O({id:H.current},$),{align:q,children:e.jsx(j.default.Provider,{value:ee,children:_.default.Children.map(k,(t=>e.jsx("li",{children:t})))})}))}):null]}))}));exports.SplitButton=q,exports.default=q;

package/lib/components/text-editor/text-editor.component.d.ts

@@ -53,6 +53,10 @@ export interface TextEditorProps extends MarginProps, TagProps {
     warning?: string;
     /** The initial value of the editor, as a HTML string, or JSON */
     value?: string | undefined;
+    /**
+     * Allows the injection of one or more Lexical-compatible React components into the editor to extend its functionality.
+     * This prop is optional and supports a single plugin, multiple plugins (via fragments or arrays), or `null`.
+     */
     customPlugins?: React.ReactNode;
 }
 export declare const TextEditor: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<TextEditorHandle>>;

package/lib/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalEditorRefPlugin"),i=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalHistoryPlugin"),l=require("@lexical/react/LexicalMarkdownShortcutPlugin"),o=require("@lexical/react/LexicalRichTextPlugin"),s=require("@lexical/react/LexicalLinkPlugin"),u=require("@lexical/react/LexicalListPlugin"),c=require("lexical"),d=require("react"),p=require("./__internal__/helpers.js"),x=require("../../__internal__/label/label.component.js"),f=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/utils/logger/index.js"),_=require("./__internal__/constants.js"),j=require("./__internal__/plugins/AutoLinker/auto-link.component.js"),h=require("./__internal__/plugins/CharacterCounter/character-counter.component.js"),b=require("./__internal__/plugins/ContentEditor/content-editor.component.js"),v=require("./__internal__/plugins/LinkMonitor/link-monitor.plugin.js");require("./__internal__/plugins/LinkPreviewer/link-previewer.style.js");var m=require("./__internal__/plugins/OnChange/on-change.plugin.js"),y=require("./__internal__/plugins/Placeholder/placeholder.component.js"),O=require("./__internal__/plugins/Toolbar/toolbar.component.js");require("./__internal__/plugins/useCursorAtEnd/index.js");var q=require("./text-editor.context.js"),w=require("./text-editor.style.js"),P=require("./utils.js"),L=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var E=require("../../style/utils/filter-styled-system-margin-props.js"),S=require("../../__internal__/utils/helpers/tags/tags.js");function k(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function C(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){k(e,r,t[r])}))}return e}let T=!1;const $=d.forwardRef(((k,$)=>{var{characterLimit:R=3e3,error:B,footer:H,header:M,inputHint:W,isOptional:A=!1,labelText:F,namespace:I=_.COMPONENT_PREFIX,onBlur:D,onCancel:N,onChange:U,onFocus:z,onLinkAdded:V,onSave:X,placeholder:G,previews:J=[],readOnly:K=!1,required:Q=!1,rows:Y,warning:Z,value:ee,customPlugins:re}=k,te=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(k,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!T&&A&&(T=!0,g.default.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ne=d.useRef(void 0),ie=f.default(),[ae,le]=d.useState(void 0),oe=Boolean(B||ae||Z),se=d.useRef(null),[ue,ce]=d.useState(!1);d.useImperativeHandle($,(()=>({focus(){var e;null===(e=se.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==se?void 0:se.current,r=()=>{ce(!0)},t=()=>{ce(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[se]);const[de,pe]=d.useState(!1),xe=d.useMemo((()=>({namespace:I,nodes:_.markdownNodes,onError:console.error,theme:_.theme,editorState:ee,editable:!K})),[I,K,ee]),fe=d.useCallback((e=>{const r=e.read((()=>c.$getRoot().getTextContent()));if(U){const e=ne.current?p.SerializeLexical(ne.current):{};null==U||U(r,e)}if(R>0){const e=R-r.length;le(e<0?ie.textEditor.characterLimit(Math.abs(e)):void 0)}}),[R,ie.textEditor,U]),ge=d.useCallback((()=>{var e;(null===(e=ne.current)||void 0===e?void 0:e.isEditable())&&N&&(pe((e=>!e)),N())}),[N]);d.useEffect((()=>{const e=ee||P.createEmpty();if(ne.current){const r=ne.current.parseEditorState(e);ne.current.setEditorState(r)}}),[de,ee]);const _e=d.useMemo((()=>({namespace:I,onCancel:N?ge:void 0,onSave:X})),[ge,I,N,X]);return e.jsx(w.StyledTextEditorWrapper,(je=C({"data-role":`${I}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==D||D(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==z||z(e)}},E.default(te),S.default("text-editor",te)),he=null!=(he={children:e.jsxs(q.default.Provider,{value:{onLinkAdded:V},children:[e.jsx(x.default,{isRequired:Q,optional:A,labelId:`${I}-label`,children:F}),W&&e.jsx(L.HintText,{id:`${I}-input-hint`,marginBottom:"var(--spacing100)",children:W}),e.jsxs(r.LexicalComposer,{initialConfig:xe,children:[e.jsx(n.EditorRefPlugin,{editorRef:ne}),e.jsxs(w.StyledWrapper,{"data-role":`${I}-wrapper`,error:B||void 0,namespace:I,warning:ae||Z||void 0,children:[(B||ae||Z)&&e.jsx(w.StyledValidationMessage,{error:B,id:`${I}-validation-message`,"data-role":`${I}-validation-message`,children:B||ae||Z}),e.jsxs(w.StyledEditorToolbarWrapper,{"data-role":`${I}-editor-toolbar-wrapper`,id:`${I}-editor-toolbar-wrapper`,focused:ue,hasWarningOrError:oe,children:[M&&e.jsx(w.StyledHeaderWrapper,{"data-role":`${I}-header-wrapper`,children:M}),!K&&e.jsx(O.default,C({hasHeader:Boolean(M)},_e)),e.jsxs(w.StyledTextEditor,{"data-role":`${I}-editor`,children:[e.jsx(o.RichTextPlugin,{contentEditable:e.jsx(b.default,{ref:se,inputHint:W,namespace:I,previews:J,rows:Y,readOnly:K,required:Q,error:!!B,warning:!!Z||!!ae}),placeholder:e.jsx(y.default,{namespace:I,text:G}),ErrorBoundary:i.LexicalErrorBoundary}),e.jsx(u.ListPlugin,{}),e.jsx(a.HistoryPlugin,{}),e.jsx(l.MarkdownShortcutPlugin,{}),e.jsx(m.default,{onChange:fe}),e.jsx(s.LinkPlugin,{validateUrl:p.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),re]}),H&&e.jsx(w.StyledFooterWrapper,{"data-role":`${I}-footer-wrapper`,children:H}),e.jsx(v.default,{})]}),R>0&&!K&&e.jsx(h.default,{maxChars:R,namespace:I})]})]})]})})?he:{},Object.getOwnPropertyDescriptors?Object.defineProperties(je,Object.getOwnPropertyDescriptors(he)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(he)).forEach((function(e){Object.defineProperty(je,e,Object.getOwnPropertyDescriptor(he,e))})),je));var je,he}));exports.TextEditor=$,exports.default=$;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalEditorRefPlugin"),i=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalHistoryPlugin"),l=require("@lexical/react/LexicalMarkdownShortcutPlugin"),o=require("@lexical/react/LexicalRichTextPlugin"),s=require("@lexical/react/LexicalLinkPlugin"),u=require("@lexical/react/LexicalListPlugin"),c=require("lexical"),d=require("react"),p=require("./__internal__/helpers.js"),x=require("../../__internal__/label/label.component.js"),f=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/utils/logger/index.js"),_=require("./__internal__/constants.js"),j=require("./__internal__/plugins/AutoLinker/auto-link.component.js"),b=require("./__internal__/plugins/CharacterCounter/character-counter.component.js"),m=require("./__internal__/plugins/ContentEditor/content-editor.component.js"),v=require("./__internal__/plugins/LinkMonitor/link-monitor.plugin.js");require("./__internal__/plugins/LinkPreviewer/link-previewer.style.js");var h=require("./__internal__/plugins/OnChange/on-change.plugin.js"),y=require("./__internal__/plugins/Placeholder/placeholder.component.js"),q=require("./__internal__/plugins/Toolbar/toolbar.component.js");require("./__internal__/plugins/useCursorAtEnd/index.js");var O=require("./text-editor.context.js"),w=require("./text-editor.style.js"),P=require("./utils.js"),L=require("../../__internal__/hint-text/hint-text.component.js"),E=require("../../__internal__/validation-message/validation-message.component.js"),k=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var S=require("../../style/utils/filter-styled-system-margin-props.js"),C=require("../../__internal__/utils/helpers/tags/tags.js");function T(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}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){T(e,r,t[r])}))}return e}let R=!1;const H=d.forwardRef(((T,H)=>{var{characterLimit:B=3e3,error:M,footer:I,header:A,inputHint:F,isOptional:W=!1,labelText:D,namespace:N=_.COMPONENT_PREFIX,onBlur:U,onCancel:z,onChange:X,onFocus:G,onLinkAdded:J,onSave:K,placeholder:Q,previews:V=[],readOnly:Y=!1,required:Z=!1,rows:ee,warning:re,value:te,customPlugins:ne}=T,ie=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(T,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value","customPlugins"]);!R&&W&&(R=!0,g.default.deprecate("`isOptional` is deprecated in TextEditor and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ae=d.useRef(void 0),le=f.default(),[oe,se]=d.useState(void 0),ue=d.useRef(null),[ce,de]=d.useState(!1);d.useImperativeHandle(H,(()=>({focus(){var e;null===(e=ue.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==ue?void 0:ue.current,r=()=>{de(!0)},t=()=>{de(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[ue]);const[pe,xe]=d.useState(!1),fe=d.useMemo((()=>({namespace:N,nodes:_.markdownNodes,onError:console.error,theme:_.theme,editorState:te,editable:!Y})),[N,Y,te]),ge=d.useCallback((e=>{const r=e.read((()=>c.$getRoot().getTextContent()));if(X){const e=ae.current?p.SerializeLexical(ae.current):{};null==X||X(r,e)}if(B>0){const e=B-r.length;se(e<0?le.textEditor.characterLimit(Math.abs(e)):void 0)}}),[B,le.textEditor,X]),_e=d.useCallback((()=>{var e;(null===(e=ae.current)||void 0===e?void 0:e.isEditable())&&z&&(xe((e=>!e)),z())}),[z]);d.useEffect((()=>{const e=te||P.createEmpty();if(ae.current){const r=ae.current.parseEditorState(e);ae.current.setEditorState(r)}}),[pe,te]);const je=d.useMemo((()=>({namespace:N,onCancel:z?_e:void 0,onSave:K})),[_e,N,z,K]),be=re||oe;return e.jsx(w.StyledTextEditorWrapper,(me=$({"data-role":`${N}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==U||U(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)}},S.default(ie),C.default("text-editor",ie)),ve=null!=(ve={children:e.jsxs(O.default.Provider,{value:{onLinkAdded:J},children:[e.jsx(x.default,{isRequired:Z,optional:W,labelId:`${N}-label`,children:D}),F&&e.jsx(L.HintText,{id:`${N}-input-hint`,marginBottom:"var(--spacing100)",children:F}),e.jsxs(r.LexicalComposer,{initialConfig:fe,children:[e.jsx(n.EditorRefPlugin,{editorRef:ae}),e.jsxs(w.StyledWrapper,{"data-role":`${N}-wrapper`,children:[e.jsx(E.default,{error:M,warning:be,validationId:`${N}-validation-message`,"data-role":`${N}-validation-message`}),(M||be)&&e.jsx(k.default,{warning:!(M||!be)}),e.jsxs(w.StyledEditorToolbarWrapper,{"data-role":`${N}-editor-toolbar-wrapper`,id:`${N}-editor-toolbar-wrapper`,focused:ce,error:!!M,children:[A&&e.jsx(w.StyledHeaderWrapper,{"data-role":`${N}-header-wrapper`,children:A}),!Y&&e.jsx(q.default,$({hasHeader:Boolean(A)},je)),e.jsxs(w.StyledTextEditor,{"data-role":`${N}-editor`,children:[e.jsx(o.RichTextPlugin,{contentEditable:e.jsx(m.default,{ref:ue,inputHint:F,namespace:N,previews:V,rows:ee,readOnly:Y,required:Z,error:!!M,warning:!!re||!!oe}),placeholder:e.jsx(y.default,{namespace:N,text:Q}),ErrorBoundary:i.LexicalErrorBoundary}),e.jsx(u.ListPlugin,{}),e.jsx(a.HistoryPlugin,{}),e.jsx(l.MarkdownShortcutPlugin,{}),e.jsx(h.default,{onChange:ge}),e.jsx(s.LinkPlugin,{validateUrl:p.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),ne]}),I&&e.jsx(w.StyledFooterWrapper,{"data-role":`${N}-footer-wrapper`,children:I}),e.jsx(v.default,{})]}),B>0&&!Y&&e.jsx(b.default,{maxChars:B,namespace:N})]})]})]})})?ve:{},Object.getOwnPropertyDescriptors?Object.defineProperties(me,Object.getOwnPropertyDescriptors(ve)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(ve)).forEach((function(e){Object.defineProperty(me,e,Object.getOwnPropertyDescriptor(ve,e))})),me));var me,ve}));exports.TextEditor=H,exports.default=H;

package/lib/components/text-editor/text-editor.style.d.ts

@@ -1,22 +1,13 @@
 import { MarginProps } from "styled-system";
 type StyledTextEditorWrapperProps = MarginProps;
-interface StyledWrapperProps {
-    error?: string;
-    namespace: string;
-    warning?: string;
-}
-interface StyledValidationMessageProps {
-    error?: string;
-}
 interface StyledEditorToolbarWrapperProps {
     focused?: boolean;
-    hasWarningOrError?: boolean;
+    error?: boolean;
 }
 export declare const StyledTextEditor: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, StyledTextEditorWrapperProps, never>;
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
 export declare const StyledHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledValidationMessage: import("styled-components").StyledComponent<"div", any, StyledValidationMessageProps, never>;
 export default StyledTextEditor;

package/lib/components/text-editor/text-editor.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("styled-system"),t=require("../../style/utils/add-focus-styling.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=a.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-3a92229-0"})(["position:relative;"]),d=a.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-3a92229-1"})(["margin-bottom:var(--fieldSpacing);",""],o.margin),l=a.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-3a92229-2"})([".textBold{font-weight:bold;}.textItalic{font-style:italic;}",';a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({error:o,namespace:t,warning:r})=>e.css(["min-height:120px;min-width:300px;",""],(o||r)&&e.css(["padding-left:8px;border-left:2px solid var( "," );#","-editor-toolbar-wrapper{border-radius:var(--borderRadius100);border:2px solid var( "," );.","-editable,#","-toolbar{outline:none;}}"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",t,o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",t,t)))),s=a.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-3a92229-3"})(["",""],(({focused:o,hasWarningOrError:r})=>e.css(["border-radius:var(--borderRadius100);outline:",";",""],r?"none":"1px solid var(--colorsUtilityMajor200)",o&&t.default()))),n=a.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-3a92229-4"})(["padding:var(--spacing200);"]),p=a.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-3a92229-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]),c=a.default.div.withConfig({displayName:"text-editor.style__StyledValidationMessage",componentId:"sc-3a92229-6"})(["",""],(({error:o})=>e.css(["color:var( "," );font-weight:",";margin-top:0px;margin-bottom:8px;"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution600",o?500:"normal")));exports.StyledEditorToolbarWrapper=s,exports.StyledFooterWrapper=p,exports.StyledHeaderWrapper=n,exports.StyledTextEditor=i,exports.StyledTextEditorWrapper=d,exports.StyledValidationMessage=c,exports.StyledWrapper=l,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/utils/add-focus-styling.js");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(e);const a=i.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-cb8130a9-0"})(["position:relative;"]),d=i.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-cb8130a9-1"})(["margin-bottom:var(--fieldSpacing);",""],t.margin),l=i.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-cb8130a9-2"})(['position:relative;.textBold{font-weight:bold;}.textItalic{font-style:italic;}a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}']),s=i.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-cb8130a9-3"})(["",""],(({focused:t,error:r})=>e.css(["border-radius:var(--borderRadius100);outline:1px solid var(--colorsUtilityMajor200);"," ",""],r&&e.css(["outline:none;border:2px solid var(--colorsSemanticNegative500);"]),t&&o.default()))),n=i.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-cb8130a9-4"})(["padding:var(--spacing200);"]),p=i.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-cb8130a9-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]);exports.StyledEditorToolbarWrapper=s,exports.StyledFooterWrapper=p,exports.StyledHeaderWrapper=n,exports.StyledTextEditor=a,exports.StyledTextEditorWrapper=d,exports.StyledWrapper=l,exports.default=a;

package/lib/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),n=require("../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js");exports.default=(u,o=1)=>{const[l,r]=e.useState(!1),[a,s]=e.useState(0),i=e.useRef(null),d=e.useRef(null),c=e.useCallback((()=>{r(!1)}),[]);function f(){r(!0),i.current&&s(o*i.current.getBoundingClientRect().width)}const v=e.useCallback((()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.querySelectorAll('[data-component="button"]')}),[]);e.useEffect((()=>{var e,t;l&&(null===(t=v())||void 0===t||null===(e=t[0])||void 0===e||e.focus())}),[l,v]);const p=n.default(u,v,c,l),y={inSplitButton:!0,onChildButtonClick:e=>t=>{var n;null==e||e(t),c(),null===(n=u.current)||void 0===n||n.focus()}};return{showAdditionalButtons:l,showButtons:f,hideButtons:c,buttonNode:i,handleToggleButtonKeyDown:e=>{(t.default.isEnterKey(e)||t.default.isSpaceKey(e)||t.default.isDownKey(e)||t.default.isUpKey(e))&&(e.preventDefault(),f())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:p,minWidth:a,ref:d},contextValue:y}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),n=require("../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js");exports.default=(u,l=1)=>{const[o,r]=e.useState(!1),[a,i]=e.useState(0),s=e.useRef(null),d=e.useRef(null),c=e.useCallback((()=>{r(!1)}),[]);function v(){r(!0),s.current&&i(l*s.current.getBoundingClientRect().width)}const f=e.useCallback((()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.querySelectorAll('[data-component="button"]')}),[]),p=n.default(u,f,c,o),y={inSplitButton:!0,onChildButtonClick:e=>t=>{var n;null==e||e(t),c(),null===(n=u.current)||void 0===n||n.focus()}};return{showAdditionalButtons:o,showButtons:v,hideButtons:c,buttonNode:s,handleToggleButtonKeyDown:e=>{const n=t.default.isEnterKey(e)||t.default.isSpaceKey(e);var u,l;!n&&!t.default.isDownKey(e)||o||(e.preventDefault(),v()),t.default.isDownKey(e)&&o&&(e.preventDefault(),null===(l=f())||void 0===l||null===(u=l[0])||void 0===u||u.focus({preventScroll:!0})),n&&o&&(e.preventDefault(),c())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:p,minWidth:a,ref:d},contextValue:y}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.13.0",
+  "version": "154.13.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",