carbon-react 158.23.2 → 158.23.3

package/esm/__internal__/popover/popover.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useRef as o,useContext as t,useEffect as n}from"react";import l from"react-dom";import{flip as i}from"@floating-ui/dom";import a from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as c,StyledBackdrop as d}from"./popover.style.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import s from"../modal/modal.context.js";const p=[i({fallbackStrategy:"initialPlacement"})],u=({children:i,placement:u,disablePortal:f,reference:g,middleware:h=p,disableBackgroundUI:v,isOpen:b=!0,animationFrame:k,popoverStrategy:y="absolute",childRefOverride:j})=>{var O;const F=o(null),{isInModal:_}=t(s),x=null===(O=g.current)||void 0===O?void 0:O.closest("[role='dialog']"),C=_&&x?x:document.body;F.current||f||(F.current=document.createElement("div"),C.appendChild(F.current));const P=j||r.Children.only(i).ref,w=o(null),E=P||w;let I;return I=P?i:r.cloneElement(i,{ref:E}),a({isOpen:b,reference:g,floating:E,placement:u,middleware:h,animationFrame:k,strategy:y}),n((()=>()=>{!f&&F.current&&(C.removeChild(F.current),F.current=null)}),[f,C]),v||(I=e(c,{isOpen:b,children:I})),v&&(I=e(c,{isOpen:b,children:e(d,{"data-role":"popup-backdrop",children:I})})),f?I:l.createPortal(e(m,{children:I}),F.current)};export{u as default};
+import{jsx as e}from"react/jsx-runtime";import r,{useRef as o,useContext as t,useEffect as n}from"react";import l from"react-dom";import{flip as a}from"@floating-ui/dom";import i from"../../hooks/__internal__/useFloating/useFloating.js";import{StyledPopoverContent as c,StyledBackdrop as d}from"./popover.style.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import s from"../modal/modal.context.js";const p=[a({fallbackStrategy:"initialPlacement"})],u=({children:a,placement:u,disablePortal:f,reference:v,middleware:g=p,disableBackgroundUI:h,isOpen:b=!0,animationFrame:k,popoverStrategy:y="absolute",childRefOverride:j})=>{var O;const F=o(null),{isInModal:_}=t(s),x=null===(O=v.current)||void 0===O?void 0:O.closest("[role='dialog']"),C=_&&x?x:document.body;F.current||f||(F.current=document.createElement("div"),C.appendChild(F.current));const P=j||r.Children.only(a).ref,w=o(null),E=P||w;let I;return I=P?a:r.cloneElement(a,{ref:E}),i({isOpen:b,reference:v,floating:E,placement:u,middleware:g,animationFrame:k,strategy:y}),n((()=>()=>{!f&&F.current&&(C.removeChild(F.current),F.current=null)}),[f,C]),h||(I=e(c,{isOpen:b,children:I})),h&&(I=e(c,{isOpen:b,children:e(d,{"data-role":"popup-backdrop",children:I})})),f?I:l.createPortal(e(m,{className:"carbon-portal-scoped-tokens-provider",children:I}),F.current)};export{u as default};

package/esm/components/portal/portal.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useMemo as o,useContext as r,useEffect as n}from"react";import i from"react-dom";import a,{css as s}from"styled-components";import l from"../../__internal__/utils/helpers/guid/index.js";import d from"../../style/themes/apply-base-theme.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import c from"./portal.style.js";import p from"./__internal__/portal.context.js";const u=a.div.attrs(d).withConfig({displayName:"portal__Container",componentId:"sc-b50999fc-0"})(["",""],(({theme:t})=>s(["{position:relative;z-index:",";}"],t.zIndex.aboveAll))),f=({children:a,className:s,id:d,onReposition:f,inertOptOut:b})=>{const[h,v]=e(null),y=o((()=>l()),[]),{renderInRoot:_}=r(p);n((()=>(f&&(f(),window.addEventListener("resize",f)),()=>{f&&window.removeEventListener("resize",f)})),[f]),n((()=>()=>{null==h||h.remove()}),[]);const g=b?t(u,{children:a}):a;return t(c,{"data-role":"data-portal-entrance","data-portal-entrance":y,children:i.createPortal(t(m,{children:g}),(()=>{const t="carbon-portal";let e=h;if(!e&&void 0!==d&&document.getElementById(d))e=document.getElementById(d),v(e);else if(!e||0===document.getElementsByClassName(t).length){e=document.createElement("div"),e.classList.add(t),e.setAttribute("data-portal-exit",y),e.setAttribute("data-role","carbon-portal-exit"),void 0!==d&&e.setAttribute("id",d),b&&e.setAttribute("data-not-inert","true"),v(e);let o=document.body;const r=document.getElementById("root");r&&_&&(o=r),o.appendChild(e)}return s&&(e=(t=>(null==s||s.split(" ").forEach((e=>{null==t||t.classList.add(e)})),t))(e)),e})())})};export{f as Portal,f as default};
+import{jsx as e}from"react/jsx-runtime";import{useState as t,useMemo as o,useContext as r,useEffect as n}from"react";import a from"react-dom";import i,{css as s}from"styled-components";import l from"../../__internal__/utils/helpers/guid/index.js";import d from"../../style/themes/apply-base-theme.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import c from"./portal.style.js";import p from"./__internal__/portal.context.js";const u=i.div.attrs(d).withConfig({displayName:"portal__Container",componentId:"sc-92520935-0"})(["",""],(({theme:e})=>s(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),f=({children:i,className:s,id:d,onReposition:f,inertOptOut:v})=>{const[b,h]=t(null),y=o((()=>l()),[]),{renderInRoot:_}=r(p);n((()=>(f&&(f(),window.addEventListener("resize",f)),()=>{f&&window.removeEventListener("resize",f)})),[f]),n((()=>()=>{null==b||b.remove()}),[]);const g=v?e(u,{children:i}):i;return e(c,{"data-role":"data-portal-entrance","data-portal-entrance":y,children:a.createPortal(e(m,{className:"carbon-portal-scoped-tokens-provider",children:g}),(()=>{const e="carbon-portal";let t=b;if(!t&&void 0!==d&&document.getElementById(d))t=document.getElementById(d),h(t);else if(!t||0===document.getElementsByClassName(e).length){t=document.createElement("div"),t.classList.add(e),t.setAttribute("data-portal-exit",y),t.setAttribute("data-role","carbon-portal-exit"),void 0!==d&&t.setAttribute("id",d),v&&t.setAttribute("data-not-inert","true"),h(t);let o=document.body;const r=document.getElementById("root");r&&_&&(o=r),o.appendChild(t)}return s&&(t=(e=>(null==s||s.split(" ").forEach((t=>{null==e||e.classList.add(t)})),e))(t)),t})())})};export{f as Portal,f as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{$isTextNode as o,$createTextNode as r,KEY_BACKSPACE_COMMAND as i,$getSelection as s,$isRangeSelection as l,TextNode as a,COMMAND_PRIORITY_LOW as m}from"lexical";import{useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as x}from"./constants.js";import{getPossibleQueryMatch as g}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as C}from"./mention-typeahead-option.class.js";import{$createMentionNode as j,$isMentionNode as y}from"../../__nodes__/mention.node.js";import _ from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as L,MentionsList as $}from"./mentions.style.js";const b=({namespace:b,searchOptions:v})=>{const[w]=t(),[S,T]=c(null),k=p((()=>S?v.filter((e=>e.name.toLowerCase().includes(S.toLowerCase()))):[]),[S,v]),A=_(),O=p((()=>k.map((e=>new C(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,x)),[k]),E=d(((e,t,n)=>{w.update((()=>{const i=j(`@${e.name}`);t&&t.replace(i);const s=i.getNextSibling();if(o(s)&&s.getTextContent().startsWith(" "))s.select(1,1);else{const e=r(" ");i.insertAfter(e),e.select()}n()}))}),[w]);return u((()=>w.registerCommand(i,(()=>{const e=s();if(!l(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(y(n)){const e=new a(n.getTextContent());return n.replace(e),!0}return!1}),m)),[w]),e(n,{onQueryChange:T,onSelectOption:E,triggerFn:e=>g(e),options:O,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>t.current&&k.length?f.createPortal(e(L,{id:`${b}-mentions-menu`,children:e($,{"data-role":"mention-list",id:`${b}-mention-list`,role:"listbox","aria-label":A.textEditor.mentions.listAriaLabel(),children:O.map(((t,i)=>{var s,l;const a=null!==(l=null!==(s=t.key)&&void 0!==s?s:t.id)&&void 0!==l?l:`${b}-${i}`;return e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,namespace:b,currentQueryString:null!=S?S:void 0},a)}))})}),t.current):null})};export{b as MentionsPlugin,b as default};
+import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{$isTextNode as o,$createTextNode as r,KEY_BACKSPACE_COMMAND as i,$getSelection as s,$isRangeSelection as l,TextNode as a,COMMAND_PRIORITY_LOW as m}from"lexical";import{useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as x}from"./constants.js";import{getPossibleQueryMatch as g}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as C}from"./mention-typeahead-option.class.js";import{$createMentionNode as j,$isMentionNode as y}from"../../__nodes__/mention.node.js";import _ from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as L,MentionsList as b}from"./mentions.style.js";const $=({namespace:$,searchOptions:v})=>{const[w]=t(),[S,T]=c(null),k=p((()=>S?v.filter((e=>e.name.toLowerCase().includes(S.toLowerCase()))):[]),[S,v]),A=_(),N=p((()=>k.map((e=>new C(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,x)),[k]),O=d(((e,t,n)=>{w.update((()=>{const i=j(`@${e.name}`);t&&t.replace(i);const s=i.getNextSibling();if(o(s)&&s.getTextContent().startsWith(" "))s.select(1,1);else{const e=r(" ");i.insertAfter(e),e.select()}n()}))}),[w]);return u((()=>w.registerCommand(i,(()=>{const e=s();if(!l(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(y(n)){const e=new a(n.getTextContent());return n.replace(e),!0}return!1}),m)),[w]),e(n,{onQueryChange:T,onSelectOption:O,triggerFn:e=>g(e),options:N,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>t.current&&k.length?f.createPortal(e(L,{className:"carbon-portal-mentions",id:`${$}-mentions-menu`,children:e(b,{"data-role":"mention-list",id:`${$}-mention-list`,role:"listbox","aria-label":A.textEditor.mentions.listAriaLabel(),children:N.map(((t,i)=>{var s,l;const a=null!==(l=null!==(s=t.key)&&void 0!==s?s:t.id)&&void 0!==l?l:`${$}-${i}`;return e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,namespace:$,currentQueryString:null!=S?S:void 0},a)}))})}),t.current):null})};export{$ as MentionsPlugin,$ as default};

package/esm/components/tokens-wrapper/tokens-wrapper.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"styled-components";import o from"./__internal__/static-tokens/index.js";const r=t.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-b10ea2fd-0"})([""," height:",";"],o,(({height:e})=>e)),n=({children:t,height:o="auto"})=>e(r,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",height:o,children:t});export{n as TokensWrapper,n as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import o,{createGlobalStyle as r}from"styled-components";import n from"./__internal__/static-tokens/index.js";const a=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-5bf3905e-0"})(["height:",";"],(({height:t})=>t)),p=r(['[data-component="tokens-wrapper"],[class*="carbon-portal"]{',"}"],n),i=({children:o,height:r="auto"})=>t(a,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",height:r,children:[e(p,{}),o]});export{i as TokensWrapper,i as default};

package/lib/__internal__/popover/popover.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),l=require("../../hooks/__internal__/useFloating/useFloating.js"),o=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),d=require("../modal/modal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(r),c=i(t);const s=[n.flip({fallbackStrategy:"initialPlacement"})];exports.default=({children:t,placement:n,disablePortal:i,reference:p,middleware:f=s,disableBackgroundUI:m,isOpen:v=!0,animationFrame:y,popoverStrategy:g="absolute",childRefOverride:h})=>{var j;const b=r.useRef(null),{isInModal:x}=r.useContext(d.default),k=null===(j=p.current)||void 0===j?void 0:j.closest("[role='dialog']"),q=x&&k?k:document.body;b.current||i||(b.current=document.createElement("div"),q.appendChild(b.current));const _=h||u.default.Children.only(t).ref,C=r.useRef(null),O=_||C;let P;return P=_?t:u.default.cloneElement(t,{ref:O}),l.default({isOpen:v,reference:p,floating:O,placement:n,middleware:f,animationFrame:y,strategy:g}),r.useEffect((()=>()=>{!i&&b.current&&(q.removeChild(b.current),b.current=null)}),[i,q]),m||(P=e.jsx(o.StyledPopoverContent,{isOpen:v,children:P})),m&&(P=e.jsx(o.StyledPopoverContent,{isOpen:v,children:e.jsx(o.StyledBackdrop,{"data-role":"popup-backdrop",children:P})})),i?P:c.default.createPortal(e.jsx(a.default,{children:P}),b.current)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("@floating-ui/dom"),o=require("../../hooks/__internal__/useFloating/useFloating.js"),l=require("./popover.style.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),d=require("../modal/modal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var c=i(r),s=i(t);const u=[n.flip({fallbackStrategy:"initialPlacement"})];exports.default=({children:t,placement:n,disablePortal:i,reference:p,middleware:f=u,disableBackgroundUI:m,isOpen:v=!0,animationFrame:y,popoverStrategy:b="absolute",childRefOverride:g})=>{var h;const j=r.useRef(null),{isInModal:k}=r.useContext(d.default),x=null===(h=p.current)||void 0===h?void 0:h.closest("[role='dialog']"),q=k&&x?x:document.body;j.current||i||(j.current=document.createElement("div"),q.appendChild(j.current));const _=g||c.default.Children.only(t).ref,C=r.useRef(null),O=_||C;let P;return P=_?t:c.default.cloneElement(t,{ref:O}),o.default({isOpen:v,reference:p,floating:O,placement:n,middleware:f,animationFrame:y,strategy:b}),r.useEffect((()=>()=>{!i&&j.current&&(q.removeChild(j.current),j.current=null)}),[i,q]),m||(P=e.jsx(l.StyledPopoverContent,{isOpen:v,children:P})),m&&(P=e.jsx(l.StyledPopoverContent,{isOpen:v,children:e.jsx(l.StyledBackdrop,{"data-role":"popup-backdrop",children:P})})),i?P:s.default.createPortal(e.jsx(a.default,{className:"carbon-portal-scoped-tokens-provider",children:P}),j.current)};

package/lib/components/portal/portal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-dom"),n=require("styled-components"),o=require("../../__internal__/utils/helpers/guid/index.js"),s=require("../../style/themes/apply-base-theme.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),l=require("./portal.style.js"),d=require("./__internal__/portal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(r);const c=i(n).default.div.attrs(s.default).withConfig({displayName:"portal__Container",componentId:"sc-b50999fc-0"})(["",""],(({theme:e})=>n.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),p=({children:r,className:n,id:s,onReposition:i,inertOptOut:p})=>{const[m,f]=t.useState(null),v=t.useMemo((()=>o.default()),[]),{renderInRoot:x}=t.useContext(d.default);t.useEffect((()=>(i&&(i(),window.addEventListener("resize",i)),()=>{i&&window.removeEventListener("resize",i)})),[i]),t.useEffect((()=>()=>{null==m||m.remove()}),[]);const _=p?e.jsx(c,{children:r}):r;return e.jsx(l.default,{"data-role":"data-portal-entrance","data-portal-entrance":v,children:u.default.createPortal(e.jsx(a.default,{children:_}),(()=>{const e="carbon-portal";let t=m;if(!t&&void 0!==s&&document.getElementById(s))t=document.getElementById(s),f(t);else if(!t||0===document.getElementsByClassName(e).length){t=document.createElement("div"),t.classList.add(e),t.setAttribute("data-portal-exit",v),t.setAttribute("data-role","carbon-portal-exit"),void 0!==s&&t.setAttribute("id",s),p&&t.setAttribute("data-not-inert","true"),f(t);let r=document.body;const n=document.getElementById("root");n&&x&&(r=n),r.appendChild(t)}return n&&(t=(e=>(null==n||n.split(" ").forEach((t=>{null==e||e.classList.add(t)})),e))(t)),t})())})};exports.Portal=p,exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-dom"),n=require("styled-components"),o=require("../../__internal__/utils/helpers/guid/index.js"),s=require("../../style/themes/apply-base-theme.js"),a=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js"),l=require("./portal.style.js"),d=require("./__internal__/portal.context.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(r);const c=i(n).default.div.attrs(s.default).withConfig({displayName:"portal__Container",componentId:"sc-92520935-0"})(["",""],(({theme:e})=>n.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),p=({children:r,className:n,id:s,onReposition:i,inertOptOut:p})=>{const[m,f]=t.useState(null),v=t.useMemo((()=>o.default()),[]),{renderInRoot:x}=t.useContext(d.default);t.useEffect((()=>(i&&(i(),window.addEventListener("resize",i)),()=>{i&&window.removeEventListener("resize",i)})),[i]),t.useEffect((()=>()=>{null==m||m.remove()}),[]);const _=p?e.jsx(c,{children:r}):r;return e.jsx(l.default,{"data-role":"data-portal-entrance","data-portal-entrance":v,children:u.default.createPortal(e.jsx(a.default,{className:"carbon-portal-scoped-tokens-provider",children:_}),(()=>{const e="carbon-portal";let t=m;if(!t&&void 0!==s&&document.getElementById(s))t=document.getElementById(s),f(t);else if(!t||0===document.getElementsByClassName(e).length){t=document.createElement("div"),t.classList.add(e),t.setAttribute("data-portal-exit",v),t.setAttribute("data-role","carbon-portal-exit"),void 0!==s&&t.setAttribute("id",s),p&&t.setAttribute("data-not-inert","true"),f(t);let r=document.body;const n=document.getElementById("root");n&&x&&(r=n),r.appendChild(t)}return n&&(t=(e=>(null==n||n.split(" ").forEach((t=>{null==e||e.classList.add(t)})),e))(t)),t})())})};exports.Portal=p,exports.default=p;

package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/react/LexicalTypeaheadMenuPlugin"),i=require("lexical"),r=require("react"),o=require("react-dom"),s=require("./constants.js"),a=require("./helpers.js"),l=require("./mentions-typeahead-menu-item.component.js"),u=require("./mention-typeahead-option.class.js"),c=require("../../__nodes__/mention.node.js"),d=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),p=require("./mentions.style.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(o);const M=({namespace:o,searchOptions:m})=>{const[M]=t.useLexicalComposerContext(),[g,h]=r.useState(null),_=r.useMemo((()=>g?m.filter((e=>e.name.toLowerCase().includes(g.toLowerCase()))):[]),[g,m]),C=d.default(),T=r.useMemo((()=>_.map((e=>new u.MentionTypeaheadOption(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,s.SUGGESTION_LIST_LENGTH_LIMIT)),[_]),y=r.useCallback(((e,t,n)=>{M.update((()=>{const r=c.$createMentionNode(`@${e.name}`);t&&t.replace(r);const o=r.getNextSibling();if(i.$isTextNode(o)&&o.getTextContent().startsWith(" "))o.select(1,1);else{const e=i.$createTextNode(" ");r.insertAfter(e),e.select()}n()}))}),[M]);return r.useEffect((()=>M.registerCommand(i.KEY_BACKSPACE_COMMAND,(()=>{const e=i.$getSelection();if(!i.$isRangeSelection(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(c.$isMentionNode(n)){const e=new i.TextNode(n.getTextContent());return n.replace(e),!0}return!1}),i.COMMAND_PRIORITY_LOW)),[M]),e.jsx(n.LexicalTypeaheadMenuPlugin,{onQueryChange:h,onSelectOption:y,triggerFn:e=>a.getPossibleQueryMatch(e),options:T,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:i,setHighlightedIndex:r})=>t.current&&_.length?x.default.createPortal(e.jsx(p.TypeaheadPopover,{id:`${o}-mentions-menu`,children:e.jsx(p.MentionsList,{"data-role":"mention-list",id:`${o}-mention-list`,role:"listbox","aria-label":C.textEditor.mentions.listAriaLabel(),children:T.map(((t,s)=>{var a,u;const c=null!==(u=null!==(a=t.key)&&void 0!==a?a:t.id)&&void 0!==u?u:`${o}-${s}`;return e.jsx(l.MentionsTypeaheadMenuItem,{index:s,isSelected:n===s,onClick:()=>{r(s),i(t)},onMouseEnter:()=>{r(s)},option:t,namespace:o,currentQueryString:null!=g?g:void 0},c)}))})}),t.current):null})};exports.MentionsPlugin=M,exports.default=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/react/LexicalTypeaheadMenuPlugin"),r=require("lexical"),i=require("react"),o=require("react-dom"),s=require("./constants.js"),a=require("./helpers.js"),l=require("./mentions-typeahead-menu-item.component.js"),c=require("./mention-typeahead-option.class.js"),u=require("../../__nodes__/mention.node.js"),d=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),p=require("./mentions.style.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(o);const M=({namespace:o,searchOptions:m})=>{const[M]=t.useLexicalComposerContext(),[g,h]=i.useState(null),_=i.useMemo((()=>g?m.filter((e=>e.name.toLowerCase().includes(g.toLowerCase()))):[]),[g,m]),C=d.default(),T=i.useMemo((()=>_.map((e=>new c.MentionTypeaheadOption(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,s.SUGGESTION_LIST_LENGTH_LIMIT)),[_]),y=i.useCallback(((e,t,n)=>{M.update((()=>{const i=u.$createMentionNode(`@${e.name}`);t&&t.replace(i);const o=i.getNextSibling();if(r.$isTextNode(o)&&o.getTextContent().startsWith(" "))o.select(1,1);else{const e=r.$createTextNode(" ");i.insertAfter(e),e.select()}n()}))}),[M]);return i.useEffect((()=>M.registerCommand(r.KEY_BACKSPACE_COMMAND,(()=>{const e=r.$getSelection();if(!r.$isRangeSelection(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(u.$isMentionNode(n)){const e=new r.TextNode(n.getTextContent());return n.replace(e),!0}return!1}),r.COMMAND_PRIORITY_LOW)),[M]),e.jsx(n.LexicalTypeaheadMenuPlugin,{onQueryChange:h,onSelectOption:y,triggerFn:e=>a.getPossibleQueryMatch(e),options:T,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:r,setHighlightedIndex:i})=>t.current&&_.length?x.default.createPortal(e.jsx(p.TypeaheadPopover,{className:"carbon-portal-mentions",id:`${o}-mentions-menu`,children:e.jsx(p.MentionsList,{"data-role":"mention-list",id:`${o}-mention-list`,role:"listbox","aria-label":C.textEditor.mentions.listAriaLabel(),children:T.map(((t,s)=>{var a,c;const u=null!==(c=null!==(a=t.key)&&void 0!==a?a:t.id)&&void 0!==c?c:`${o}-${s}`;return e.jsx(l.MentionsTypeaheadMenuItem,{index:s,isSelected:n===s,onClick:()=>{i(s),r(t)},onMouseEnter:()=>{i(s)},option:t,namespace:o,currentQueryString:null!=g?g:void 0},u)}))})}),t.current):null})};exports.MentionsPlugin=M,exports.default=M;

package/lib/components/tokens-wrapper/tokens-wrapper.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("styled-components"),r=require("./__internal__/static-tokens/index.js");function n(e){return e&&e.__esModule?e:{default:e}}const o=n(t).default.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-b10ea2fd-0"})([""," height:",";"],r.default,(({height:e})=>e)),a=({children:t,height:r="auto"})=>e.jsx(o,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",height:r,children:t});exports.TokensWrapper=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("styled-components"),r=require("./__internal__/static-tokens/index.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(t).default.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"sc-5bf3905e-0"})(["height:",";"],(({height:e})=>e)),n=t.createGlobalStyle(['[data-component="tokens-wrapper"],[class*="carbon-portal"]{',"}"],r.default),s=({children:t,height:r="auto"})=>e.jsxs(o,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",height:r,children:[e.jsx(n,{}),t]});exports.TokensWrapper=s,exports.default=s;

package/package.json

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