carbon-react 162.11.0 → 162.12.0-beta.1

package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),j=require("../../../../dialog/dialog.component.js"),y=require("../../../../form/form.component.js"),v=require("../../../../form/required-fields-indicator/required-fields-indicator.component.js"),E=require("../../../../box/box.component.js");function k(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){k(e,t,r[t])}))}return e}function S(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:P=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var B,C,_,F,R,I;const[L]=t.useLexicalComposerContext(),A=L.isEditable(),z=o.useRef(null),[N,W]=o.useState(!1),[M,H]=o.useState(!1),[U,X]=o.useState(!1),[Y,K]=o.useState(!1),[G,J]=o.useState(!1),[Q,V]=o.useState(-1),[Z,ee]=o.useState(""),[te,re]=o.useState(""),[ne,oe]=o.useState(!1),[ie,le]=o.useState(!1),ae=o.useRef(null),se=o.useRef(null),ue=o.useRef(!1),de=o.useCallback((()=>{const e=L.getRootElement();e&&(ue.current=e.contains(document.activeElement)),K(!0)}),[L]),ce=a.default(),pe=P.includes("typography"),xe=P.includes("bold")||P.includes("italic")||P.includes("underline"),be=P.includes("unordered-list")||P.includes("ordered-list"),fe=P.includes("link"),me=o.useCallback((()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(W(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Bold)),H(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Italic)),X(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);o.useEffect((()=>r.mergeRegister(L.registerUpdateListener((({editorState:e})=>{e.read((()=>{L.isEditable()&&me()}))})))),[me,L]),o.useEffect((()=>{Y&&L.read((()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.getTextContent();ee(t)}}))}),[Y,L]);const he=()=>{ee(""),re(""),oe(!1),le(!1),K(!1)};return A?e.jsxs(i.StyledToolbarWrapper,{"data-role":`${q}-toolbar-wrapper`,hasHeader:T,id:`${q}-toolbar-wrapper`,size:D,children:[e.jsxs(i.StyledToolbar,{role:"toolbar","aria-label":ce.textEditor.toolbarAriaLabel(),"data-role":`${q}-toolbar`,id:`${q}-toolbar`,ref:z,onKeyDown:e=>{var t,r;if(0===P.length||!z.current)return;const n=Array.from(null===(t=z.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const o=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),G||(i=o<n.length-1?o+1:0);break;case"ArrowLeft":e.preventDefault(),G||(i=o>0?o-1:n.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(r=n[i])||void 0===r||r.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[pe&&e.jsx(f.default,{name:"typography-formatting-buttons",namespace:q,showDivider:xe||be||fe,children:e.jsx(x.default,{contentEditorRef:k,namespace:q,isFirstButton:!0,isOpen:G,setIsOpen:J,focusedIndex:Q,setFocusedIndex:V,size:D})}),xe&&e.jsxs(f.default,{name:"text-formatting-buttons",namespace:q,showDivider:be||fe,children:[P.includes("bold")&&e.jsx(s.default,{isActive:N,namespace:q,isFirstButton:!pe,size:D}),P.includes("italic")&&e.jsx(d.default,{isActive:M,namespace:q,isFirstButton:!pe&&!P.includes("bold"),size:D}),P.includes("underline")&&e.jsx(b.default,{isActive:U,namespace:q,isFirstButton:!pe&&!P.includes("bold")&&!P.includes("italic"),size:D})]}),be&&e.jsx(f.default,{name:"list-formatting-buttons",namespace:q,showDivider:fe,children:e.jsx(c.default,{namespace:q,olIsFirstButton:!pe&&!xe&&!P.includes("unordered-list"),showOL:P.includes("ordered-list"),showUL:P.includes("unordered-list"),ulIsFirstButton:!pe&&!xe,size:D})}),fe&&e.jsx(f.default,{name:"hyperlink-formatting-buttons",namespace:q,showDivider:!1,children:e.jsx(u.default,{namespace:q,isFirstButton:!pe&&!xe&&!be,setDialogOpen:de,size:D})})]}),e.jsx(j.Dialog,{open:Y,onCancel:()=>{he()},title:ce.textEditor.hyperlink.dialogTitle(),"data-role":`${q}-hyperlink-dialog`,"aria-label":ce.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:e.jsx(y.Form,{leftSideButtons:e.jsx(l.default,{"data-role":`${q}-hyperlink-cancel-button`,onClick:()=>{he()},children:ce.textEditor.cancelButton()}),saveButton:e.jsx(l.default,{buttonType:"primary",type:"submit","data-role":`${q}-hyperlink-save-button`,children:ce.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!Z.trim(),r=!te.trim();var o,i;(oe(t),le(r),t||r)?t?null===(o=ae.current)||void 0===o||o.focus():null===(i=se.current)||void 0===i||i.focus():L.isEditable()&&(L.update((()=>{const e=n.$getRoot(),t=g.$createLinkNode(te);t.append(n.$createTextNode(Z));const r=ue.current?n.$getSelection():null;if(n.$isRangeSelection(r))r.insertNodes([t]);else{const r=e.getLastChild();if(n.$isParagraphNode(r))r.append(t);else{const r=n.$createParagraphNode();r.append(t),e.append(r)}}})),he())},children:e.jsxs(E.Box,{display:"flex",flexDirection:"column",gap:"16px",children:[e.jsx(v.RequiredFieldsIndicator,{children:null===(B=(C=ce.textEditor.hyperlink).formKey)||void 0===B?void 0:B.call(C)}),e.jsxs(E.Box,{display:"flex",gap:"24px",flexWrap:"wrap",children:[e.jsx(E.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ce.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},ne&&{error:null===(_=(F=ce.textEditor.hyperlink).textFieldErrorMessage)||void 0===_?void 0:_.call(F)}),{"data-role":`${q}-hyperlink-text-field`,value:Z,ref:ae,onChange:e=>{ee(e.target.value),oe(!1)}}))}),e.jsx(E.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ce.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ie&&{error:null===(R=(I=ce.textEditor.hyperlink).linkFieldErrorMessage)||void 0===R?void 0:R.call(I)}),{"data-role":`${q}-hyperlink-link-field`,value:te,ref:se,onChange:e=>{re(e.target.value),le(!1)}}))})]})]})})})]}),e.jsxs(i.CommandButtons,{"data-role":`${q}-command-buttons`,children:[w&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${q}-cancel-button`,"aria-label":ce.textEditor.cancelButtonAria(),onClick:()=>null==w?void 0:w(L),size:D,className:"command-button",children:ce.textEditor.cancelButton()}),$&&e.jsx(p.default,{namespace:q,onSave:$,size:D})]})]}):null};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{mergeRegister as n}from"@lexical/utils";import{$getSelection as i,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$isParagraphNode as c,$createParagraphNode as d}from"lexical";import{useRef as u,useState as p,useCallback as m,useEffect as f}from"react";import{StyledToolbarWrapper as b,StyledToolbar as h,CommandButtons as x}from"./toolbar.style.js";import y from"../../../../button/button.component.js";import v from"../../../../../hooks/__internal__/useLocale/useLocale.js";import g from"./buttons/bold.component.js";import j from"./buttons/hyperlink.component.js";import k from"./buttons/italic.component.js";import E from"./buttons/list.component.js";import O from"./buttons/save.component.js";import w from"./buttons/typography.component.js";import D from"./buttons/underline.component.js";import F from"./button-group/button-group.component.js";import{TEXT_EDITOR_ACTION_TYPES as B}from"../../__utils__/constants.js";import{Textbox as P}from"../../../../textbox/textbox.component.js";import{$createLinkNode as z}from"@lexical/link";import{Dialog as C}from"../../../../dialog/dialog.component.js";import{Form as L}from"../../../../form/form.component.js";import{RequiredFieldsIndicator as $}from"../../../../form/required-fields-indicator/required-fields-indicator.component.js";import{Box as S}from"../../../../box/box.component.js";function A(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function I(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){A(e,t,o[t])}))}return e}function _(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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const T=({contentEditorRef:A,namespace:T,hasHeader:q,onCancel:W,onSave:M,size:R="medium",toolbarControls:H=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var U,K,N,G,J,Q;const[V]=r(),X=V.isEditable(),Y=u(null),[Z,ee]=p(!1),[te,oe]=p(!1),[re,ne]=p(!1),[ie,le]=p(!1),[ae,se]=p(!1),[ce,de]=p(-1),[ue,pe]=p(""),[me,fe]=p(""),[be,he]=p(!1),[xe,ye]=p(!1),ve=u(null),ge=u(null),je=u(!1),ke=m((()=>{const e=V.getRootElement();e&&(je.current=e.contains(document.activeElement)),le(!0)}),[V]),Ee=v(),Oe=H.includes("typography"),we=H.includes("bold")||H.includes("italic")||H.includes("underline"),De=H.includes("unordered-list")||H.includes("ordered-list"),Fe=H.includes("link"),Be=m((()=>{const e=i();l(e)&&(ee(e.hasFormat(B.Bold)),oe(e.hasFormat(B.Italic)),ne(e.hasFormat(B.Underline)))}),[]);f((()=>n(V.registerUpdateListener((({editorState:e})=>{e.read((()=>{V.isEditable()&&Be()}))})))),[Be,V]),f((()=>{ie&&V.read((()=>{const e=i();if(l(e)){const t=e.getTextContent();pe(t)}}))}),[ie,V]);const Pe=()=>{pe(""),fe(""),he(!1),ye(!1),le(!1)};return X?e(b,{"data-role":`${T}-toolbar-wrapper`,hasHeader:q,id:`${T}-toolbar-wrapper`,size:R,children:[e(h,{role:"toolbar","aria-label":Ee.textEditor.toolbarAriaLabel(),"data-role":`${T}-toolbar`,id:`${T}-toolbar`,ref:Y,onKeyDown:e=>{var t,o;if(0===H.length||!Y.current)return;const r=Array.from(null===(t=Y.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!r.length)return;const n=r.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),ae||(i=n<r.length-1?n+1:0);break;case"ArrowLeft":e.preventDefault(),ae||(i=n>0?n-1:r.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=r.length-1;break;default:return}r.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(o=r[i])||void 0===o||o.focus())},tabIndex:-1,children:[e(t,{children:[Oe&&o(F,{name:"typography-formatting-buttons",namespace:T,showDivider:we||De||Fe,children:o(w,{contentEditorRef:A,namespace:T,isFirstButton:!0,isOpen:ae,setIsOpen:se,focusedIndex:ce,setFocusedIndex:de,size:R})}),we&&e(F,{name:"text-formatting-buttons",namespace:T,showDivider:De||Fe,children:[H.includes("bold")&&o(g,{isActive:Z,namespace:T,isFirstButton:!Oe,size:R}),H.includes("italic")&&o(k,{isActive:te,namespace:T,isFirstButton:!Oe&&!H.includes("bold"),size:R}),H.includes("underline")&&o(D,{isActive:re,namespace:T,isFirstButton:!Oe&&!H.includes("bold")&&!H.includes("italic"),size:R})]}),De&&o(F,{name:"list-formatting-buttons",namespace:T,showDivider:Fe,children:o(E,{namespace:T,olIsFirstButton:!Oe&&!we&&!H.includes("unordered-list"),showOL:H.includes("ordered-list"),showUL:H.includes("unordered-list"),ulIsFirstButton:!Oe&&!we,size:R})}),Fe&&o(F,{name:"hyperlink-formatting-buttons",namespace:T,showDivider:!1,children:o(j,{namespace:T,isFirstButton:!Oe&&!we&&!De,setDialogOpen:ke,size:R})})]}),o(C,{open:ie,onCancel:()=>{Pe()},title:Ee.textEditor.hyperlink.dialogTitle(),"data-role":`${T}-hyperlink-dialog`,"aria-label":Ee.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:o(L,{leftSideButtons:o(y,{"data-role":`${T}-hyperlink-cancel-button`,onClick:()=>{Pe()},children:Ee.textEditor.cancelButton()}),saveButton:o(y,{buttonType:"primary",type:"submit","data-role":`${T}-hyperlink-save-button`,children:Ee.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!ue.trim(),o=!me.trim();var r,n;(he(t),ye(o),t||o)?t?null===(r=ve.current)||void 0===r||r.focus():null===(n=ge.current)||void 0===n||n.focus():V.isEditable()&&(V.update((()=>{const e=a(),t=z(me);t.append(s(ue));const o=je.current?i():null;if(l(o))o.insertNodes([t]);else{const o=e.getLastChild();if(c(o))o.append(t);else{const o=d();o.append(t),e.append(o)}}})),Pe())},children:e(S,{display:"flex",flexDirection:"column",gap:"16px",children:[o($,{children:null===(U=(K=Ee.textEditor.hyperlink).formKey)||void 0===U?void 0:U.call(K)}),e(S,{display:"flex",gap:"24px",flexWrap:"wrap",children:[o(S,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(P,_(I({label:Ee.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},be&&{error:null===(N=(G=Ee.textEditor.hyperlink).textFieldErrorMessage)||void 0===N?void 0:N.call(G)}),{"data-role":`${T}-hyperlink-text-field`,value:ue,ref:ve,onChange:e=>{pe(e.target.value),he(!1)}}))}),o(S,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(P,_(I({label:Ee.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},xe&&{error:null===(J=(Q=Ee.textEditor.hyperlink).linkFieldErrorMessage)||void 0===J?void 0:J.call(Q)}),{"data-role":`${T}-hyperlink-link-field`,value:me,ref:ge,onChange:e=>{fe(e.target.value),ye(!1)}}))})]})]})})})]}),e(x,{"data-role":`${T}-command-buttons`,children:[W&&o(y,{buttonType:"tertiary","data-role":`${T}-cancel-button`,"aria-label":Ee.textEditor.cancelButtonAria(),onClick:()=>null==W?void 0:W(V),size:R,className:"command-button",children:Ee.textEditor.cancelButton()}),M&&o(O,{namespace:T,onSave:M,size:R})]})]}):null};export{T as default};

package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js

@@ -1 +1 @@
-"use strict";var o=require("styled-components"),a=require("../../../../button/__next__/button.component.js");function e(o){return o&&o.__esModule?o:{default:o}}var t=e(o);const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},r=t.default.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v162_10_0__sc-bd588fa6-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:a,hasHeader:e})=>o.css(["padding:",";",""],l[a].toolbarPadding,e&&o.css(["padding-top:",";"],l[a].withHeaderPadding)))),d=t.default.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v162_10_0__sc-bd588fa6-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=t.default.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v162_10_0__sc-bd588fa6-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),n=t.default(a.Button).withConfig({displayName:"toolbar.style__StyledToolbarButton",componentId:"carbon_v162_10_0__sc-bd588fa6-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}",""],(({size:a})=>o.css(["min-width:",";min-height:",";"],l[a].buttonSize,l[a].buttonSize)));exports.CommandButtons=i,exports.StyledToolbar=d,exports.StyledToolbarButton=n,exports.StyledToolbarWrapper=r;
+import o,{css as a}from"styled-components";import{Button as e}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},t=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v162_12_0__sc-bd588fa6-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:o,hasHeader:e})=>a(["padding:",";",""],l[o].toolbarPadding,e&&a(["padding-top:",";"],l[o].withHeaderPadding)))),r=o.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v162_12_0__sc-bd588fa6-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=o.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v162_12_0__sc-bd588fa6-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),d=o(e).withConfig({displayName:"toolbar.style__StyledToolbarButton",componentId:"carbon_v162_12_0__sc-bd588fa6-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}",""],(({size:o})=>a(["min-width:",";min-height:",";"],l[o].buttonSize,l[o].buttonSize)));export{i as CommandButtons,r as StyledToolbar,d as StyledToolbarButton,t as StyledToolbarWrapper};

package/lib/components/text-editor/__internal__/__ui__/index.js

@@ -1 +1 @@
-"use strict";var e=require("./CharacterCounter/character-counter.component.js"),o=require("./ContentEditor/content-editor.component.js"),t=require("./Mentions/mentions.component.js"),r=require("./Placeholder/placeholder.component.js"),n=require("./Toolbar/toolbar.component.js");exports.CharacterCounterPlugin=e.default,exports.ContentEditor=o.default,exports.Mentions=t.MentionsPlugin,exports.Placeholder=r.default,exports.ToolbarPlugin=n.default;
+export{default as CharacterCounterPlugin}from"./CharacterCounter/character-counter.component.js";export{default as ContentEditor}from"./ContentEditor/content-editor.component.js";export{MentionsPlugin as Mentions}from"./Mentions/mentions.component.js";export{default as Placeholder}from"./Placeholder/placeholder.component.js";export{default as ToolbarPlugin}from"./Toolbar/toolbar.component.js";

package/lib/components/text-editor/__internal__/__utils__/constants.js

@@ -1 +1 @@
-"use strict";var e=require("@lexical/code"),i=require("@lexical/link"),o=require("@lexical/list"),r=require("@lexical/react/LexicalHorizontalRuleNode"),d=require("@lexical/rich-text"),l=require("../__nodes__/styled-span.node.js"),t=require("../__nodes__/mention.node.js");const n=[i.AutoLinkNode,e.CodeNode,i.LinkNode,o.ListNode,o.ListItemNode,d.HeadingNode,d.QuoteNode,r.HorizontalRuleNode,l.StyledSpanNode,t.MentionNode];exports.COMPONENT_PREFIX="carbon-rte",exports.MARKDOWN_NODES=n,exports.TEXT_EDITOR_ACTION_TYPES={Bold:"bold",Italic:"italic",Underline:"underline",OrderedList:"number",UnorderedList:"bullet"};
+import{CodeNode as e}from"@lexical/code";import{AutoLinkNode as o,LinkNode as r}from"@lexical/link";import{ListNode as i,ListItemNode as l}from"@lexical/list";import{HorizontalRuleNode as t}from"@lexical/react/LexicalHorizontalRuleNode";import{HeadingNode as n,QuoteNode as m}from"@lexical/rich-text";import{StyledSpanNode as d}from"../__nodes__/styled-span.node.js";import{MentionNode as c}from"../__nodes__/mention.node.js";const a="carbon-rte",s={Bold:"bold",Italic:"italic",Underline:"underline",OrderedList:"number",UnorderedList:"bullet"},p=[o,e,r,i,l,n,m,t,d,c];export{a as COMPONENT_PREFIX,p as MARKDOWN_NODES,s as TEXT_EDITOR_ACTION_TYPES};

package/lib/components/text-editor/__internal__/__utils__/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("@lexical/headless"),t=require("@lexical/html"),r=require("lexical"),o=require("./constants.js"),n=require("./theme.js"),s=require("../../../../__internal__/utils/logger/index.js");const i="font-family: 'Sage UI', sans-serif;",l=`color: #007e45ff; cursor: pointer; text-decoration: underline; ${i}`,a={textBold:"font-weight: bold;",textItalic:"font-style: italic;",textUnderline:"text-decoration: underline;"},c={STRONG:"font-weight: bold;",B:"font-weight: bold;",EM:"font-style: italic;",I:"font-style: italic;",U:"text-decoration: underline;"},d=i=>{const l=e.createHeadlessEditor({namespace:"html-to-json",onError:e=>s.default.error(e.message),theme:n.getTheme(),nodes:o.MARKDOWN_NODES});let a;if(l.update((()=>{const e=(new DOMParser).parseFromString(i,"text/html"),o=t.$generateNodesFromDOM(l,e);r.$getRoot().select();const n=r.$getSelection();if(n)try{n.insertNodes(o)}catch(e){a=e}}),{discrete:!0}),a)throw a;const c=l.getEditorState().toJSON();return JSON.stringify(c)},u=new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);exports.DeserializeHTML=d,exports.SerializeLexical=e=>{let r,o;return e.read((()=>{const n=e.getEditorState();o=n.toJSON(),r=t.$generateHtmlFromNodes(e,null)})),{htmlString:r,json:o}},exports.createEmpty=()=>'{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1}],"direction":null,"format":"","indent":0,"type":"root","version":1}}',exports.createFromHTML=e=>d(e),exports.generateHTMLWithInlineStyles=e=>{const t=(new DOMParser).parseFromString(e,"text/html");return t.body.querySelectorAll("*").forEach((e=>{const t=e,r=[];Array.from(t.classList).forEach((e=>{const o=a[e];o&&(r.push(o),t.classList.remove(e))}));const o=c[t.tagName];var n;o&&r.push(o),"A"===t.tagName?r.push(l):r.push(i);const s=[null!==(n=t.getAttribute("style"))&&void 0!==n?n:"",...r].filter(Boolean).join(" ");t.setAttribute("style",s),0===t.classList.length&&t.removeAttribute("class")})),t.body.innerHTML},exports.validateUrl=function(e){return"https://"===e||u.test(e)};
+import{createHeadlessEditor as t}from"@lexical/headless";import{$generateNodesFromDOM as e,$generateHtmlFromNodes as r}from"@lexical/html";import{$getRoot as o,$getSelection as n}from"lexical";import{MARKDOWN_NODES as i}from"./constants.js";import{getTheme as s}from"./theme.js";import l from"../../../../__internal__/utils/logger/index.js";const a="font-family: 'Sage UI', sans-serif;",c=`color: #007e45ff; cursor: pointer; text-decoration: underline; ${a}`,m={textBold:"font-weight: bold;",textItalic:"font-style: italic;",textUnderline:"text-decoration: underline;"},d={STRONG:"font-weight: bold;",B:"font-weight: bold;",EM:"font-style: italic;",I:"font-style: italic;",U:"text-decoration: underline;"},f=t=>{const e=(new DOMParser).parseFromString(t,"text/html");return e.body.querySelectorAll("*").forEach((t=>{const e=t,r=[];Array.from(e.classList).forEach((t=>{const o=m[t];o&&(r.push(o),e.classList.remove(t))}));const o=d[e.tagName];var n;o&&r.push(o),"A"===e.tagName?r.push(c):r.push(a);const i=[null!==(n=e.getAttribute("style"))&&void 0!==n?n:"",...r].filter(Boolean).join(" ");e.setAttribute("style",i),0===e.classList.length&&e.removeAttribute("class")})),e.body.innerHTML},h=t=>{let e,o;return t.read((()=>{const n=t.getEditorState();o=n.toJSON(),e=r(t,null)})),{htmlString:e,json:o}},u=r=>{const a=t({namespace:"html-to-json",onError:t=>l.error(t.message),theme:s(),nodes:i});let c;if(a.update((()=>{const t=(new DOMParser).parseFromString(r,"text/html"),i=e(a,t);o().select();const s=n();if(s)try{s.insertNodes(i)}catch(t){c=t}}),{discrete:!0}),c)throw c;const m=a.getEditorState().toJSON();return JSON.stringify(m)},p=new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);function g(t){return"https://"===t||p.test(t)}const w=t=>u(t),x=()=>'{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1}],"direction":null,"format":"","indent":0,"type":"root","version":1}}';export{u as DeserializeHTML,h as SerializeLexical,x as createEmpty,w as createFromHTML,f as generateHTMLWithInlineStyles,g as validateUrl};

package/lib/components/text-editor/__internal__/__utils__/theme.js

@@ -1 +1 @@
-"use strict";const t={text:{bold:"textBold",italic:"textItalic",underline:"textUnderline"}};exports.THEME=t,exports.getTheme=()=>t;
+const t={text:{bold:"textBold",italic:"textItalic",underline:"textUnderline"}},e=()=>t;export{t as THEME,e as getTheme};

package/lib/components/text-editor/__internal__/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./__ui__/Mentions/mentions.component.js");exports.default=e.MentionsPlugin;
+export{MentionsPlugin as default}from"./__ui__/Mentions/mentions.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./text-editor.component.js"),t=require("./__internal__/__utils__/helpers.js"),r=require("./__internal__/__ui__/Mentions/mentions.component.js");exports.default=e.TextEditor,exports.createEmpty=t.createEmpty,exports.createFromHTML=t.createFromHTML,exports.MentionsPlugin=r.MentionsPlugin;
+export{TextEditor as default}from"./text-editor.component.js";export{createEmpty,createFromHTML}from"./__internal__/__utils__/helpers.js";export{MentionsPlugin}from"./__internal__/__ui__/Mentions/mentions.component.js";

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"),i=require("@lexical/react/LexicalErrorBoundary"),n=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),o=require("@lexical/react/LexicalRichTextPlugin"),l=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),d=require("./__internal__/__providers__/plugin-provider.js"),c=require("lexical"),_=require("react"),p=require("../../__internal__/label/label.component.js"),x=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/utils/logger/index.js"),j=require("./__internal__/__utils__/constants.js"),f=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),m=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),h=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var b=require("./__internal__/__plugins__/FormSubmission/form-submission.plugin.js"),v=require("./text-editor.context.js"),y=require("./text-editor.style.js"),q=require("./__internal__/__utils__/helpers.js"),P=require("../../__internal__/hint-text/hint-text.component.js"),O=require("../../__internal__/validation-message/__next__/validation-message.component.js"),w=require("../../__internal__/error-border/error-border.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var E=require("../../style/utils/filter-styled-system-margin-props.js"),L=require("../../__internal__/utils/helpers/tags/tags.js"),S=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),C=require("./__internal__/__utils__/theme.js"),T=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),k=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("./__internal__/__ui__/Mentions/constants.js"),require("./__internal__/__ui__/Mentions/mentions.style.js"),require("../tooltip/tooltip.component.js"),require("../portrait/portrait.style.js");var F=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),M=require("./__internal__/__ui__/Toolbar/toolbar.component.js"),z=require("../fieldset/__internal__/fieldset.context.js");function R(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]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){R(e,r,t[r])}))}return e}let H=!1,B=!1,A=!1;const D=_.forwardRef(((R,D)=>{var W,N,I,{characterLimit:V=3e3,error:U,footer:K,header:X,inputHint:G,labelText:J,namespace:Q=j.COMPONENT_PREFIX,id:Y,onBlur:Z,onCancel:ee,onChange:re,onFocus:te,onLinkAdded:ie,onSave:ne,onFormSubmission:ae,placeholder:oe,previews:le=[],readOnly:se=!1,required:ue=!1,rows:de,size:ce="medium",warning:_e,customPlugins:pe,validationMessagePositionTop:xe=!1,toolbarControls:ge}=R,je=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(R,["characterLimit","error","footer","header","inputHint","labelText","namespace","id","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","onFormSubmission","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!H&&je.value&&(H=!0,g.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!B&&ee&&(B=!0,g.default.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!A&&ne&&(A=!0,g.default.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const fe=_.useRef(null!==(I=null!==(N=je.initialValue)&&void 0!==N?N:je.value)&&void 0!==I?I:q.createEmpty()),me=x.default(),[he,be]=_.useState(void 0),ve=_.useRef(null),[ye,qe]=_.useState(null),[Pe,Oe]=_.useState(!1),{size:we,hasError:Ee,required:Le}=_.useContext(z.default),Se=we||ce,Ce=!!U||Ee;_.useImperativeHandle(D,(()=>({focus(){var e;null===(e=ve.current)||void 0===e||e.focus()}})),[]),_.useEffect((()=>{const e=null==ve?void 0:ve.current,r=()=>{Oe(!0)},t=()=>{Oe(!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)}}),[ve]);const Te=_.useMemo((()=>({namespace:Q,nodes:j.MARKDOWN_NODES,onError:e=>g.default.error(e.message),theme:C.getTheme(),editorState:fe.current,editable:!se})),[Q,se]),ke=_.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(re){const e=q.SerializeLexical(r);null==re||re(t,e)}if(V>0){const e=V-t.length;be(e<0?me.textEditor.characterLimit(Math.abs(e)):void 0)}}),[V,me.textEditor,re]),Fe=_.useCallback((e=>{if(!e.isEditable())return;if(!ee)return;const r=e.parseEditorState(fe.current);e.setEditorState(r),ee()}),[ee]),Me=_.useMemo((()=>({namespace:Q,onCancel:ee?Fe:void 0,onSave:ne,toolbarControls:ge})),[Fe,Q,ee,ne,ge]),ze=_e||he,Re=e.jsxs(e.Fragment,{children:[e.jsx(O.default,{error:U,warning:ze,id:`${Q}-validation-message`,"data-role":`${Q}-validation-message`,size:Se}),(U||ze)&&e.jsx(w.default,{$warning:!(U||!ze)})]});return e.jsx(y.StyledTextEditorWrapper,($e=$({"data-role":`${Q}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==Z||Z(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==te||te(e)}},E.default(je),L.default("text-editor",je)),He={children:e.jsxs(v.default.Provider,{value:{onLinkAdded:ie},children:[e.jsx(p.default,{onClick:()=>{var e;return null===(e=ve.current)||void 0===e?void 0:e.focus()},isRequired:ue,id:`${Q}-label`,size:Se,children:J}),G&&e.jsx(P.HintText,{id:`${Q}-input-hint`,size:Se,children:G}),e.jsx(r.LexicalComposer,{initialConfig:Te,children:e.jsxs(y.StyledWrapper,{"data-role":`${Q}-wrapper`,ref:qe,size:Se,children:[xe&&Re,e.jsxs(y.StyledEditorToolbarWrapper,{"data-role":`${Q}-editor-toolbar-wrapper`,id:`${Q}-editor-toolbar-wrapper`,isReadOnly:se,children:[X&&e.jsx(y.StyledHeaderWrapper,{"data-role":`${Q}-header-wrapper`,size:Se,children:X}),se?e.jsx(S.default,{"aria-label":J,initialValue:(null===(W=ve.current)||void 0===W?void 0:W.innerHTML)||fe.current,size:Se}):e.jsxs(e.Fragment,{children:[e.jsx(M.default,$({contentEditorRef:ve,hasHeader:Boolean(X),size:Se},Me)),e.jsxs(y.StyledTextEditor,{"data-role":`${Q}-editor`,error:Ce,children:[e.jsx(o.RichTextPlugin,{contentEditable:e.jsx(k.default,{id:Y,ref:ve,inputHint:G,isFocused:Pe,namespace:Q,previews:le,rows:de,readOnly:se,required:ue||Le,error:Ce,warning:!!_e||!!he,validationMessagePositionTop:xe,size:Se,hasFooter:!!K}),placeholder:e.jsx(F.default,{namespace:Q,text:oe}),ErrorBoundary:i.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(n.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:ke,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(l.LinkPlugin,{validateUrl:q.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(f.default,{}),e.jsx(h.default,{}),e.jsx(b.FormSubmissionPlugin,{onFormSubmission:ae}),e.jsx(d.PluginProvider,{parentRef:ye,size:Se,children:pe})]})]}),K&&e.jsx(y.StyledFooterWrapper,{"data-role":`${Q}-footer-wrapper`,size:Se,children:K}),e.jsx(m.default,{})]}),!xe&&Re,V>0&&!se&&e.jsx(T.default,{isFocused:Pe,maxChars:V,namespace:Q,size:Se})]})})]})},He=null!=He?He:{},Object.getOwnPropertyDescriptors?Object.defineProperties($e,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($e,e,Object.getOwnPropertyDescriptor(He,e))})),$e));var $e,He}));exports.TextEditor=D,exports.default=D;
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as o}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";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 s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as _}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as p}from"@lexical/react/LexicalOnChangePlugin";import{PluginProvider as d}from"./__internal__/__providers__/plugin-provider.js";import{$getRoot as u}from"lexical";import{forwardRef as m,useRef as f,useState as g,useContext as h,useImperativeHandle as b,useEffect as v,useMemo as x,useCallback as j}from"react";import y from"../../__internal__/label/label.component.js";import w from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as P,MARKDOWN_NODES as L}from"./__internal__/__utils__/constants.js";import E from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import C from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import S from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import{FormSubmissionPlugin as T}from"./__internal__/__plugins__/FormSubmission/form-submission.plugin.js";import k from"./text-editor.context.js";import{StyledTextEditorWrapper as z,StyledWrapper as F,StyledEditorToolbarWrapper as $,StyledHeaderWrapper as M,StyledTextEditor as H,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as R,SerializeLexical as q,validateUrl as A}from"./__internal__/__utils__/helpers.js";import{HintText as D}from"../../__internal__/hint-text/hint-text.component.js";import V from"../../__internal__/validation-message/__next__/validation-message.component.js";import I from"../../__internal__/error-border/error-border.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import U from"../../style/utils/filter-styled-system-margin-props.js";import G from"../../__internal__/utils/helpers/tags/tags.js";import J from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as K}from"./__internal__/__utils__/theme.js";import N from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import Q from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import W from"./__internal__/__ui__/Placeholder/placeholder.component.js";import X from"./__internal__/__ui__/Toolbar/toolbar.component.js";import Y from"../fieldset/__internal__/fieldset.context.js";function Z(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ee(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){Z(e,r,t[r])}))}return e}let re=!1,te=!1,oe=!1;const ne=m(((m,Z)=>{var ne,ie,ae,{characterLimit:le=3e3,error:se,footer:ce,header:_e,inputHint:pe,labelText:de,namespace:ue=P,id:me,onBlur:fe,onCancel:ge,onChange:he,onFocus:be,onLinkAdded:ve,onSave:xe,onFormSubmission:je,placeholder:ye,previews:we=[],readOnly:Oe=!1,required:Pe=!1,rows:Le,size:Ee="medium",warning:Ce,customPlugins:Se,validationMessagePositionTop:Te=!1,toolbarControls:ke}=m,ze=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["characterLimit","error","footer","header","inputHint","labelText","namespace","id","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","onFormSubmission","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!re&&ze.value&&(re=!0,O.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!te&&ge&&(te=!0,O.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!oe&&xe&&(oe=!0,O.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const Fe=f(null!==(ae=null!==(ie=ze.initialValue)&&void 0!==ie?ie:ze.value)&&void 0!==ae?ae:R()),$e=w(),[Me,He]=g(void 0),Be=f(null),[Re,qe]=g(null),[Ae,De]=g(!1),{size:Ve,hasError:Ie,required:Ue}=h(Y),Ge=Ve||Ee,Je=!!se||Ie;b(Z,(()=>({focus(){var e;null===(e=Be.current)||void 0===e||e.focus()}})),[]),v((()=>{const e=null==Be?void 0:Be.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)}}),[Be]);const Ke=x((()=>({namespace:ue,nodes:L,onError:e=>O.error(e.message),theme:K(),editorState:Fe.current,editable:!Oe})),[ue,Oe]),Ne=j(((e,r)=>{const t=e.read((()=>u().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(he){const e=q(r);null==he||he(t,e)}if(le>0){const e=le-t.length;He(e<0?$e.textEditor.characterLimit(Math.abs(e)):void 0)}}),[le,$e.textEditor,he]),Qe=j((e=>{if(!e.isEditable())return;if(!ge)return;const r=e.parseEditorState(Fe.current);e.setEditorState(r),ge()}),[ge]),We=x((()=>({namespace:ue,onCancel:ge?Qe:void 0,onSave:xe,toolbarControls:ke})),[Qe,ue,ge,xe,ke]),Xe=Ce||Me,Ye=r(t,{children:[e(V,{error:se,warning:Xe,id:`${ue}-validation-message`,"data-role":`${ue}-validation-message`,size:Ge}),(se||Xe)&&e(I,{$warning:!(se||!Xe)})]});return e(z,(Ze=ee({"data-role":`${ue}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==fe||fe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==be||be(e)}},U(ze),G("text-editor",ze)),er={children:r(k.Provider,{value:{onLinkAdded:ve},children:[e(y,{onClick:()=>{var e;return null===(e=Be.current)||void 0===e?void 0:e.focus()},isRequired:Pe,id:`${ue}-label`,size:Ge,children:de}),pe&&e(D,{id:`${ue}-input-hint`,size:Ge,children:pe}),e(o,{initialConfig:Ke,children:r(F,{"data-role":`${ue}-wrapper`,ref:qe,size:Ge,children:[Te&&Ye,r($,{"data-role":`${ue}-editor-toolbar-wrapper`,id:`${ue}-editor-toolbar-wrapper`,isReadOnly:Oe,children:[_e&&e(M,{"data-role":`${ue}-header-wrapper`,size:Ge,children:_e}),Oe?e(J,{"aria-label":de,initialValue:(null===(ne=Be.current)||void 0===ne?void 0:ne.innerHTML)||Fe.current,size:Ge}):r(t,{children:[e(X,ee({contentEditorRef:Be,hasHeader:Boolean(_e),size:Ge},We)),r(H,{"data-role":`${ue}-editor`,error:Je,children:[e(s,{contentEditable:e(Q,{id:me,ref:Be,inputHint:pe,isFocused:Ae,namespace:ue,previews:we,rows:Le,readOnly:Oe,required:Pe||Ue,error:Je,warning:!!Ce||!!Me,validationMessagePositionTop:Te,size:Ge,hasFooter:!!ce}),placeholder:e(W,{namespace:ue,text:ye}),ErrorBoundary:i}),e(_,{}),e(a,{}),e(l,{}),e(p,{onChange:Ne,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:A}),e(n,{newTab:!0}),e(E,{}),e(S,{}),e(T,{onFormSubmission:je}),e(d,{parentRef:Re,size:Ge,children:Se})]})]}),ce&&e(B,{"data-role":`${ue}-footer-wrapper`,size:Ge,children:ce}),e(C,{})]}),!Te&&Ye,le>0&&!Oe&&e(N,{isFocused:Ae,maxChars:le,namespace:ue,size:Ge})]})})]})},er=null!=er?er:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ze,Object.getOwnPropertyDescriptors(er)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(er)).forEach((function(e){Object.defineProperty(Ze,e,Object.getOwnPropertyDescriptor(er,e))})),Ze));var Ze,er}));export{ne as TextEditor,ne as default};

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

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;
+import t from"react";var e=t.createContext({});export{e as default};

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),a=require("styled-system");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e);const t={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},l=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v162_10_0__sc-e0163114-0"})(["position:relative;box-sizing:border-box;",""],(({error:a})=>a&&e.css(["margin:-1px;"]))),d=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v162_10_0__sc-e0163114-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],a.margin),i=r.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v162_10_0__sc-e0163114-2"})(["",""],(({size:a})=>e.css(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]):not([data-role="link-anchor"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],t[a].validationGap,t[a].contentMargin))),n=r.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v162_10_0__sc-e0163114-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:a})=>a&&e.css(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),p=r.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v162_10_0__sc-e0163114-4"})(["",";"],(({size:a})=>e.css(["padding:"," "," 0;"],t[a].headerPadding,t[a].headerPadding))),c=r.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v162_10_0__sc-e0163114-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:a})=>e.css(["padding:",";"],t[a].footerPadding)));exports.StyledEditorToolbarWrapper=n,exports.StyledFooterWrapper=c,exports.StyledHeaderWrapper=p,exports.StyledTextEditor=l,exports.StyledTextEditorWrapper=d,exports.StyledWrapper=i;
+import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v162_12_0__sc-e0163114-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v162_12_0__sc-e0163114-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v162_12_0__sc-e0163114-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]):not([data-role="link-anchor"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v162_12_0__sc-e0163114-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v162_12_0__sc-e0163114-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v162_12_0__sc-e0163114-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};

package/lib/components/textarea/__internal__/tokens/index.js

@@ -1 +1 @@
-"use strict";exports.globalFontStaticCompRegularL={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"16px",paragraphSpacing:"0"},exports.globalFontStaticCompRegularM={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},exports.globalFontStaticCompRegularS={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},exports.globalSpaceCompM="12px",exports.globalSpaceCompS="8px",exports.globalSpaceCompXs="4px";
+const n={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},a={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},i={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"16px",paragraphSpacing:"0"},o="4px",t="8px",e="12px";export{i as globalFontStaticCompRegularL,a as globalFontStaticCompRegularM,n as globalFontStaticCompRegularS,e as globalSpaceCompM,t as globalSpaceCompS,o as globalSpaceCompXs};

package/lib/components/textarea/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./textarea.component.js");exports.default=e.OriginalTextarea;
+export{OriginalTextarea as default}from"./textarea.component.js";

package/lib/components/textarea/textarea.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js");require("../../__internal__/legacy-input/input.component.js");var n=require("../../__internal__/legacy-input/input-presentation.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../__internal__/input-behaviour/input-behaviour.component.js"),a=require("../../__internal__/input-behaviour/input-group-behaviour.component.js"),o=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),d=require("../../__internal__/tooltip-provider/index.js"),c=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),p=require("../../__internal__/error-border/error-border.style.js"),b=require("../../__internal__/validation-message/validation-message.component.js"),g=require("../../__internal__/utils/logger/index.js"),f=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var h=require("../../style/utils/filter-styled-system-margin-props.js"),m=require("../fieldset/__internal__/fieldset.context.js"),v=require("../../__internal__/label/label.component.js"),_=require("./__internal__/tokens/index.js");function y(e){return e&&e.__esModule?e:{default:e}}var x=y(t);function j(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){j(e,t,r[t])}))}return e}const S=e=>{const t=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return t?parseFloat(t[1]):(g.default.warn(`Unexpected value/unit format: "${e}"`),0)},w={small:parseFloat(_.globalFontStaticCompRegularS.lineHeight.toString())*S(_.globalFontStaticCompRegularS.fontSize),medium:parseFloat(_.globalFontStaticCompRegularM.lineHeight.toString())*S(_.globalFontStaticCompRegularM.fontSize),large:parseFloat(_.globalFontStaticCompRegularL.lineHeight.toString())*S(_.globalFontStaticCompRegularL.fontSize)},q={small:S(_.globalSpaceCompXs),medium:S(_.globalSpaceCompS),large:S(_.globalSpaceCompM)},I=e=>3*w[e]+2*q[e];let $=!1,C=!1;const H=x.default.forwardRef(((_,y)=>{var{"aria-labelledby":x,"aria-describedby":j,autoFocus:S,inputHint:H,fieldHelp:R,label:F,children:P,characterLimit:L,onChange:T,onFocus:B,onBlur:z,disabled:E=!1,labelInline:W,labelAlign:A,labelHelp:M,labelSpacing:k,inputIcon:D,id:U,error:V,warning:G,info:N,name:X,readOnly:J=!1,placeholder:K,expandable:Q=!1,rows:Y,validationOnLabel:Z=!1,adaptiveLabelBreakpoint:ee,inputWidth:te,maxWidth:re,labelWidth:ne=30,tooltipPosition:ie,value:le,"data-element":ae,"data-role":oe,helpAriaLabel:se,borderRadius:ue,hideBorders:de=!1,required:ce,isOptional:pe,minHeight:be,validationMessagePositionTop:ge=!0,resize:fe="none",size:he="medium",maxRows:me,as:ve,align:_e,inputBorderRadius:ye,validationIconId:xe}=_,je=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(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)&&(i[r]=e[r])}return i}(_,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop","resize","size","maxRows","as","align","inputBorderRadius","validationIconId"]);!$&&pe&&($=!0,g.default.deprecate("`isOptional` is deprecated in TextArea 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{hasError:Oe,required:Se}=t.useContext(m.default),we=W,[qe,Ie]=t.useState(I(he)),{current:$e}=t.useRef(U||s.default()),Ce=t.useRef(null),He=t.useCallback((e=>{Ce.current=e,y&&("current"in y?y.current=e:y(e))}),[y]),[Re,Fe]=t.useState("off");t.useEffect((()=>{const e=Ce.current;if(!e)return;const t=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};t(),e.addEventListener("input",t);const r=new ResizeObserver(t);return r.observe(e),()=>{e.removeEventListener("input",t),r.disconnect()}}),[]),Array.isArray(ue)&&ue.length>4&&!C&&(g.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),C=!0);const Pe=t.useCallback((()=>{let e;me&&(e=me*w[he]+2*q[he]);const t=Ce.current;if((null==t?void 0:t.scrollHeight)&&(null==t?void 0:t.scrollHeight)>qe&&(null==t?void 0:t.scrollHeight)<=(null!=e?e:t.scrollHeight)){let e=t;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const r=null==e?void 0:e.scrollTop;t.style.height="auto",t.style.height=`${Math.max(t.scrollHeight,qe)}px`,e&&r&&(e.scrollTop=r)}}),[qe,me,he]),{labelId:Le,validationId:Te,ariaDescribedBy:Be}=c.default({id:$e,validationRedesignOptIn:!0,error:V,warning:G,info:N,label:F,fieldHelp:R}),[ze,Ee]=i.default(le,L,Re,he,E);t.useEffect((()=>{if(Y){var e;Ie((null==Ce||null===(e=Ce.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!be)return void Ie(I(he));Ie(be>I(he)?be:I(he))}}),[be,Y,he]),t.useEffect((()=>{Q&&Pe()})),t.useEffect((()=>{var e,t;return Q&&(window.addEventListener("resize",Pe),Ie((null==Ce||null===(e=Ce.current)||void 0===e?void 0:e.clientHeight)||0),null===(t=document.fonts)||void 0===t||t.addEventListener("loadingdone",Pe)),()=>{var e;Q&&(window.removeEventListener("resize",Pe),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Pe))}}),[Pe,Q]);const We=!!(D||Te&&!Z),Ae=t.useRef(s.default()),Me=H?Ae.current:void 0,ke=[...ge?[Be,Me]:[Me,Be],Ee,j].filter(Boolean).join(" "),De=e.jsxs(n.default,{disabled:E,readOnly:J,inputWidth:"number"==typeof te?te:100-ne,maxWidth:re,error:V||Oe,warning:G,info:N,borderRadius:ue,hideBorders:de,children:[e.jsx(a.InputGroupContext.Consumer,{children:({onFocus:t,onBlur:r})=>e.jsx(l.InputContext.Consumer,{children:({onFocus:n,onBlur:i,inputRef:l})=>e.jsx(u.StyledTextareaInput,O({"aria-invalid":!!V||Oe,"aria-labelledby":x,"aria-describedby":ke,autoFocus:S,name:X,value:le,ref:e=>{He(e),null==l||l({current:e})},onChange:T,onFocus:e=>((e,t,r)=>{L&&Fe("polite"),null==B||B(e),null==t||t(),null==r||r()})(e,n,t),onBlur:e=>((e,t,r)=>{L&&Fe("off"),null==z||z(e),null==t||t(),null==r||r()})(e,i,r),disabled:E,readOnly:J,placeholder:E?"":K,rows:Y,id:$e,"data-element":"input","data-role":"input",required:ce||Se},je))})}),P,e.jsx(o.default,{disabled:E,readOnly:J,inputIcon:D,error:V,warning:G,info:N})]}),Ue=h.default(je);return e.jsx(d.TooltipProvider,{tooltipPosition:ie,helpAriaLabel:se,children:e.jsx(l.InputBehaviour,{children:e.jsx(u.default,(Ve=O({labelInline:we,hasIcon:We,minHeight:qe},Ue,r.default("textarea",{"data-element":ae,"data-role":oe})),Ge={$resize:fe,$maxWidth:re,$size:he,$readOnly:J,$hasHint:!!H,$isRequired:ce,$disabled:E,$hasWarning:!!G,$hasError:!!V,borderRadius:ue,$labelSpacing:k,$labelWidth:ne,$hideBorders:de,$labelAlign:A,$labelInline:we,$align:_e,children:e.jsxs(u.StyledTextareaFieldLine,{$labelInline:we,children:[F&&e.jsx(u.StyledTextareaLabelContainer,{"data-role":"textarea-label-container",$labelInline:we,$labelAlign:A,$labelSpacing:k,$size:he,children:e.jsx(v.default,{id:Le,htmlFor:$e,size:he,isRequired:ce,disabled:E,readOnly:J,children:F})}),(H||M)&&e.jsx(f.HintText,{size:he,id:Me,"data-element":"input-hint",children:H||M}),e.jsxs(u.StyledTextareaValidationContainer,{labelInline:we,$inputWidth:te,$labelWidth:ne,children:[ge&&e.jsxs(e.Fragment,{children:[e.jsx(b.default,{error:V,validationId:Te,warning:G,validationMessagePositionTop:ge}),(V||G)&&e.jsx(p.default,{$warning:!(V||!G)})]}),De,!ge&&e.jsxs(e.Fragment,{children:[e.jsx(b.default,{error:V,validationId:Te,warning:G,validationMessagePositionTop:ge}),(V||G)&&e.jsx(p.default,{$warning:!(V||!G)})]}),ze]})]})},Ge=null!=Ge?Ge:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ve,Object.getOwnPropertyDescriptors(Ge)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(Ge)).forEach((function(e){Object.defineProperty(Ve,e,Object.getOwnPropertyDescriptor(Ge,e))})),Ve))})});var Ve,Ge}));H.displayName="Textarea",exports.OriginalTextarea=H,exports.Textarea=H,exports.default=H,exports.getDefaultMinHeightBySize=I,exports.parseValueUnit=S;
+import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import i,{useContext as t,useState as l,useRef as o,useCallback as a,useEffect as s}from"react";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../__internal__/legacy-input/input.component.js";import u from"../../__internal__/legacy-input/input-presentation.component.js";import p from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputContext as c,InputBehaviour as m}from"../../__internal__/input-behaviour/input-behaviour.component.js";import{InputGroupContext as b}from"../../__internal__/input-behaviour/input-group-behaviour.component.js";import h from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import f,{StyledTextareaInput as v,StyledTextareaFieldLine as _,StyledTextareaLabelContainer as y,StyledTextareaValidationContainer as O}from"./textarea.style.js";import{TooltipProvider as j}from"../../__internal__/tooltip-provider/index.js";import w from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import x from"../../__internal__/error-border/error-border.style.js";import $ from"../../__internal__/validation-message/validation-message.component.js";import I from"../../__internal__/utils/logger/index.js";import{HintText as H}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import P from"../../style/utils/filter-styled-system-margin-props.js";import L from"../fieldset/__internal__/fieldset.context.js";import S from"../../__internal__/label/label.component.js";import{globalFontStaticCompRegularL as z,globalFontStaticCompRegularM as B,globalFontStaticCompRegularS as R,globalSpaceCompM as F,globalSpaceCompS as W,globalSpaceCompXs as A}from"./__internal__/tokens/index.js";function E(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function T(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){E(e,n,r[n])}))}return e}const C=e=>{const n=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return n?parseFloat(n[1]):(I.warn(`Unexpected value/unit format: "${e}"`),0)},k={small:parseFloat(R.lineHeight.toString())*C(R.fontSize),medium:parseFloat(B.lineHeight.toString())*C(B.fontSize),large:parseFloat(z.lineHeight.toString())*C(z.fontSize)},q={small:C(A),medium:C(W),large:C(F)},D=e=>3*k[e]+2*q[e];let M=!1,N=!1;const U=i.forwardRef(((i,z)=>{var{"aria-labelledby":B,"aria-describedby":R,autoFocus:F,inputHint:W,fieldHelp:A,label:E,children:C,characterLimit:U,onChange:G,onFocus:J,onBlur:K,disabled:Q=!1,labelInline:V,labelAlign:X,labelHelp:Y,labelSpacing:Z,inputIcon:ee,id:ne,error:re,warning:ie,info:te,name:le,readOnly:oe=!1,placeholder:ae,expandable:se=!1,rows:de,validationOnLabel:ue=!1,adaptiveLabelBreakpoint:pe,inputWidth:ce,maxWidth:me,labelWidth:be=30,tooltipPosition:he,value:ge,"data-element":fe,"data-role":ve,helpAriaLabel:_e,borderRadius:ye,hideBorders:Oe=!1,required:je,isOptional:we,minHeight:xe,validationMessagePositionTop:$e=!0,resize:Ie="none",size:He="medium",maxRows:Pe,as:Le,align:Se,inputBorderRadius:ze,validationIconId:Be}=i,Re=function(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},l=Object.keys(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(i,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop","resize","size","maxRows","as","align","inputBorderRadius","validationIconId"]);!M&&we&&(M=!0,I.deprecate("`isOptional` is deprecated in TextArea 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{hasError:Fe,required:We}=t(L),Ae=V,[Ee,Te]=l(D(He)),{current:Ce}=o(ne||g()),ke=o(null),qe=a((e=>{ke.current=e,z&&("current"in z?z.current=e:z(e))}),[z]),[De,Me]=l("off");s((()=>{const e=ke.current;if(!e)return;const n=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};n(),e.addEventListener("input",n);const r=new ResizeObserver(n);return r.observe(e),()=>{e.removeEventListener("input",n),r.disconnect()}}),[]),Array.isArray(ye)&&ye.length>4&&!N&&(I.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),N=!0);const Ne=a((()=>{let e;Pe&&(e=Pe*k[He]+2*q[He]);const n=ke.current;if((null==n?void 0:n.scrollHeight)&&(null==n?void 0:n.scrollHeight)>Ee&&(null==n?void 0:n.scrollHeight)<=(null!=e?e:n.scrollHeight)){let e=n;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const r=null==e?void 0:e.scrollTop;n.style.height="auto",n.style.height=`${Math.max(n.scrollHeight,Ee)}px`,e&&r&&(e.scrollTop=r)}}),[Ee,Pe,He]),{labelId:Ue,validationId:Ge,ariaDescribedBy:Je}=w({id:Ce,validationRedesignOptIn:!0,error:re,warning:ie,info:te,label:E,fieldHelp:A}),[Ke,Qe]=p(ge,U,De,He,Q);s((()=>{if(de){var e;Te((null==ke||null===(e=ke.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!xe)return void Te(D(He));Te(xe>D(He)?xe:D(He))}}),[xe,de,He]),s((()=>{se&&Ne()})),s((()=>{var e,n;return se&&(window.addEventListener("resize",Ne),Te((null==ke||null===(e=ke.current)||void 0===e?void 0:e.clientHeight)||0),null===(n=document.fonts)||void 0===n||n.addEventListener("loadingdone",Ne)),()=>{var e;se&&(window.removeEventListener("resize",Ne),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ne))}}),[Ne,se]);const Ve=!!(ee||Ge&&!ue),Xe=o(g()),Ye=W?Xe.current:void 0,Ze=[...$e?[Je,Ye]:[Ye,Je],Qe,R].filter(Boolean).join(" "),en=e(u,{disabled:Q,readOnly:oe,inputWidth:"number"==typeof ce?ce:100-be,maxWidth:me,error:re||Fe,warning:ie,info:te,borderRadius:ye,hideBorders:Oe,children:[n(b.Consumer,{children:({onFocus:e,onBlur:r})=>n(c.Consumer,{children:({onFocus:i,onBlur:t,inputRef:l})=>n(v,T({"aria-invalid":!!re||Fe,"aria-labelledby":B,"aria-describedby":Ze,autoFocus:F,name:le,value:ge,ref:e=>{qe(e),null==l||l({current:e})},onChange:G,onFocus:n=>((e,n,r)=>{U&&Me("polite"),null==J||J(e),null==n||n(),null==r||r()})(n,i,e),onBlur:e=>((e,n,r)=>{U&&Me("off"),null==K||K(e),null==n||n(),null==r||r()})(e,t,r),disabled:Q,readOnly:oe,placeholder:Q?"":ae,rows:de,id:Ce,"data-element":"input","data-role":"input",required:je||We},Re))})}),C,n(h,{disabled:Q,readOnly:oe,inputIcon:ee,error:re,warning:ie,info:te})]}),nn=P(Re);return n(j,{tooltipPosition:he,helpAriaLabel:_e,children:n(m,{children:n(f,(rn=T({labelInline:Ae,hasIcon:Ve,minHeight:Ee},nn,d("textarea",{"data-element":fe,"data-role":ve})),tn={$resize:Ie,$maxWidth:me,$size:He,$readOnly:oe,$hasHint:!!W,$isRequired:je,$disabled:Q,$hasWarning:!!ie,$hasError:!!re,borderRadius:ye,$labelSpacing:Z,$labelWidth:be,$hideBorders:Oe,$labelAlign:X,$labelInline:Ae,$align:Se,children:e(_,{$labelInline:Ae,children:[E&&n(y,{"data-role":"textarea-label-container",$labelInline:Ae,$labelAlign:X,$labelSpacing:Z,$size:He,children:n(S,{id:Ue,htmlFor:Ce,size:He,isRequired:je,disabled:Q,readOnly:oe,children:E})}),(W||Y)&&n(H,{size:He,id:Ye,"data-element":"input-hint",children:W||Y}),e(O,{labelInline:Ae,$inputWidth:ce,$labelWidth:be,children:[$e&&e(r,{children:[n($,{error:re,validationId:Ge,warning:ie,validationMessagePositionTop:$e}),(re||ie)&&n(x,{$warning:!(re||!ie)})]}),en,!$e&&e(r,{children:[n($,{error:re,validationId:Ge,warning:ie,validationMessagePositionTop:$e}),(re||ie)&&n(x,{$warning:!(re||!ie)})]}),Ke]})]})},tn=null!=tn?tn:{},Object.getOwnPropertyDescriptors?Object.defineProperties(rn,Object.getOwnPropertyDescriptors(tn)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(tn)).forEach((function(e){Object.defineProperty(rn,e,Object.getOwnPropertyDescriptor(tn,e))})),rn))})});var rn,tn}));U.displayName="Textarea";export{U as OriginalTextarea,U as Textarea,U as default,D as getDefaultMinHeightBySize,C as parseValueUnit};

package/lib/components/textarea/textarea.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("styled-system"),l=require("../../__internal__/hint-text/hint-text.style.js"),r=require("../../__internal__/legacy-input/input-presentation.style.js"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),i=require("../../__internal__/validation-message/validation-message.style.js"),o=require("../../style/themes/apply-base-theme.js"),n=require("./textarea.component.js"),d=require("../../style/utils/add-focus-styling.js");function s(a){return a&&a.__esModule?a:{default:a}}var c=s(a);const b={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},p=(e,l)=>{const r={small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`};return a.css(["font:",";"],r[e])},g=(e,l)=>e?a.css(["margin-bottom:0px;"]):a.css(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),u=c.default.div.attrs(o.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v162_10_0__sc-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],e.margin,(({$size:a})=>p(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:n.getDefaultMinHeightBySize(e)),(({$size:a})=>`${b[a].verticalPadding} ${b[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r||100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})||"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(e=>"none"!==e.$resize&&a.css(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>g(!!a,e)),(({labelInline:e,$labelSpacing:l,$size:r})=>e&&a.css(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>p(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:e,$size:l,$disabled:r})=>e&&a.css(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],p(l,"medium"),r?"disabled":"required")),t.default,r.default,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n        border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:e})=>e&&a.css(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:e})=>e&&a.css(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),r.default,d.default(),l.default,(({$size:a})=>g(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:e})=>a.css(["","{justify-content:",";}"],l.default,"right"!==e?"flex-start":"flex-end")),i.default,(({$hasWarning:e,$size:l})=>e&&a.css(["color:var(--input-validation-label-warn);",""],p(l,"regular"))),(({$hasError:e,$size:l})=>e&&a.css(["color:var(--input-validation-label-error);",""],p(l,"medium")))),m=c.default.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"carbon_v162_10_0__sc-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),v=c.default.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"carbon_v162_10_0__sc-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:e,$labelAlign:l,$labelSpacing:r,$size:t})=>{const i=e?null!=l?l:"right":null!=l?l:"left",o=e?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===t?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0;return a.css(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==i?"flex-start":"flex-end","right"!==i?"left":"right",e&&a.css(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,o))})),x=c.default.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"carbon_v162_10_0__sc-884bfc4e-3"})([""]),h=c.default.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v162_10_0__sc-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e||100-l}%`:"100%"));exports.StyledTextareaFieldLine=m,exports.StyledTextareaInput=x,exports.StyledTextareaLabelContainer=v,exports.StyledTextareaValidationContainer=h,exports.default=u,exports.getFont=p;
+import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/hint-text/hint-text.style.js";import i from"../../__internal__/legacy-input/input-presentation.style.js";import t from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../../__internal__/validation-message/validation-message.style.js";import n from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as d}from"./textarea.component.js";import s from"../../style/utils/add-focus-styling.js";const c={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},b=(a,l)=>e(["font:",";"],{small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`}[a]),p=(a,l)=>a?e(["margin-bottom:0px;"]):e(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),g=a.div.attrs(n).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v162_12_0__sc-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],l,(({$size:a})=>b(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d(e)),(({$size:a})=>`${c[a].verticalPadding} ${c[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r||100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})||"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(a=>"none"!==a.$resize&&e(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>p(!!a,e)),(({labelInline:a,$labelSpacing:l,$size:r})=>a&&e(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>b(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:a,$size:l,$disabled:r})=>a&&e(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],b(l,"medium"),r?"disabled":"required")),t,i,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n        border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:a})=>a&&e(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:a})=>a&&e(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i,s(),r,(({$size:a})=>p(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:a})=>e(["","{justify-content:",";}"],r,"right"!==a?"flex-start":"flex-end")),o,(({$hasWarning:a,$size:l})=>a&&e(["color:var(--input-validation-label-warn);",""],b(l,"regular"))),(({$hasError:a,$size:l})=>a&&e(["color:var(--input-validation-label-error);",""],b(l,"medium")))),m=a.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"carbon_v162_12_0__sc-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),u=a.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"carbon_v162_12_0__sc-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:a,$labelAlign:l,$labelSpacing:r,$size:i})=>{const t=a?null!=l?l:"right":null!=l?l:"left";return e(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==t?"flex-start":"flex-end","right"!==t?"left":"right",a&&e(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,a?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===i?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0))})),v=a.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"carbon_v162_12_0__sc-884bfc4e-3"})([""]),h=a.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v162_12_0__sc-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e||100-l}%`:"100%"));export{m as StyledTextareaFieldLine,v as StyledTextareaInput,u as StyledTextareaLabelContainer,h as StyledTextareaValidationContainer,g as default,b as getFont};

package/lib/components/textbox/__internal__/__next__/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./text-input.component.js");exports.default=e.TextInput;
+export{TextInput as default}from"./text-input.component.js";

package/lib/components/textbox/__internal__/__next__/text-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),a=require("../../../../style/utils/filter-out-styled-system-spacing-props.js"),l=require("../../../../hooks/__internal__/useUniqueId/index.js"),o=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../../../__internal__/error-border/error-border.style.js"),d=require("./text-input.style.js"),c=require("../../../../__internal__/hint-text/hint-text.component.js"),p=require("../../../../__internal__/label/label.component.js"),b=require("../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),f=require("../../../../__internal__/utils/helpers/combine-refs/index.js"),_=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js"),y=require("../../../fieldset/__internal__/fieldset.context.js"),j=require("../../../select/__internal__/select-textbox/__internal__/select-textbox.context.js");function x(e){return e&&e.__esModule?e:{default:e}}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(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){m(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=x(t).default.forwardRef(((x,m)=>{var{autoFocus:O,"aria-describedby":v,"aria-labelledby":q,children:w,className:I,containerRef:C,"data-component":P="text-input","data-element":k,"data-is-open":$,"data-role":z,disabled:R,error:T,id:W,inputHint:D,inputIcon:M,inputWidth:S,label:E,labelInline:F=!1,leftChildren:N,maxWidth:B,name:H,onChange:V,onClick:A,onMouseDown:L,placeholder:U,prefix:G,readOnly:J,required:K,size:Q="medium",type:X="text",validationMessagePositionTop:Y,value:Z,warning:ee}=x,te=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(x,["autoFocus","aria-describedby","aria-labelledby","children","className","containerRef","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const re=t.useRef(null),ne=f.default(m,re),{disableErrorBorder:ie}=t.useContext(_.default),ae={disabled:R,readOnly:J},[le,oe]=l.default(W,H),{labelId:se,validationId:ue,ariaDescribedBy:de}=s.default({id:le,validationRedesignOptIn:!0,error:T,warning:ee,label:E}),ce=t.useRef(o.default()),pe=D?ce.current:void 0,{prefixId:be}=t.useContext(j.default),fe=be||(G?`${le}-prefix`:void 0),{size:_e,hasError:ye,required:je}=t.useContext(y.default),xe=_e||Q,me=!!T||!!ye,he=null!=S?S:F?80:100,ge=[pe,fe,de,v].filter(Boolean).join(" "),Oe=!(!T&&!ee);b.default(!!T,!!ee,le);const ve=Oe&&!ie&&e.jsx(n.default,{id:ue,size:xe,error:T,warning:ee}),qe=Oe&&!ie&&e.jsx(u.default,{"data-role":"error-border",$warning:!(T||!ee)}),we=t.useCallback((e=>{R||J||null==L||L(e)}),[L,R,J]),Ie=t.useCallback((e=>{R||J||null==A||A(e)}),[A,R,J]),Ce=t.useCallback((e=>{var t;R||J||document.activeElement===re.current||!e.currentTarget.contains(e.target)||null===(t=re.current)||void 0===t||t.focus()}),[R,J]);return e.jsxs(d.StyledTextInput,g(h({className:I,"data-element":k,"data-role":z,"data-component":P,$size:xe,$labelInline:F,$hasValidationFailure:F&&Oe},i.default(te)),{children:[E&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:F,$size:xe,$labelWrapperWidth:F&&"number"==typeof he?100-he:void 0,children:[e.jsx(p.default,g(h({id:se,htmlFor:le,size:xe,isRequired:K},ae),{children:E})),D&&e.jsx(c.HintText,g(h({id:pe,size:xe},ae),{children:D}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:xe,$maxWidth:B,$inputWidth:S,onClick:Ce,"data-is-open":$,children:[Y&&ve,e.jsx(r.default,g(h({id:le,name:oe,className:I,"aria-invalid":me,"aria-describedby":ge,"aria-labelledby":q,value:Z,placeholder:R||J?void 0:U,required:K||je,ref:ne,autoFocus:O,onMouseDown:we,onClick:Ie,onChange:V,error:me,inputIcon:M,containerRef:C,size:xe,prefix:G,prefixId:fe,leftChildren:N,type:X,"data-is-open":$},ae,a.default(te)),{children:w})),!Y&&ve,qe]})]}))}));exports.TextInput=O,exports.default=O;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useRef as n,useContext as i,useCallback as o}from"react";import a from"../../../../__internal__/input/input.component.js";import l from"../../../../__internal__/validation-message/__next__/validation-message.component.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../../style/utils/filter-styled-system-margin-props.js";import d from"../../../../style/utils/filter-out-styled-system-spacing-props.js";import c from"../../../../hooks/__internal__/useUniqueId/index.js";import p from"../../../../__internal__/utils/helpers/guid/index.js";import u from"../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import m from"../../../../__internal__/error-border/error-border.style.js";import{StyledTextInput as f,LabelWrapper as b,InputWrapper as _}from"./text-input.style.js";import{HintText as y}from"../../../../__internal__/hint-text/hint-text.component.js";import h from"../../../../__internal__/label/label.component.js";import j from"../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js";import g from"../../../../__internal__/utils/helpers/combine-refs/index.js";import O from"../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js";import x from"../../../fieldset/__internal__/fieldset.context.js";import v from"../../../select/__internal__/select-textbox/__internal__/select-textbox.context.js";function w(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function I(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){w(e,r,t[r])}))}return e}function P(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const $=t.forwardRef(((t,w)=>{var{autoFocus:$,"aria-describedby":k,"aria-labelledby":z,children:C,className:D,containerRef:R,"data-component":W="text-input","data-element":T,"data-is-open":q,"data-role":E,disabled:S,error:F,id:M,inputHint:N,inputIcon:B,inputWidth:V,label:A,labelInline:H=!1,leftChildren:U,maxWidth:G,name:J,onChange:K,onClick:L,onMouseDown:Q,placeholder:X,prefix:Y,readOnly:Z,required:ee,size:re="medium",type:te="text",validationMessagePositionTop:ne,value:ie,warning:oe}=t,ae=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(t,["autoFocus","aria-describedby","aria-labelledby","children","className","containerRef","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const le=n(null),se=g(w,le),{disableErrorBorder:de}=i(O),ce={disabled:S,readOnly:Z},[pe,ue]=c(M,J),{labelId:me,validationId:fe,ariaDescribedBy:be}=u({id:pe,validationRedesignOptIn:!0,error:F,warning:oe,label:A}),_e=n(p()),ye=N?_e.current:void 0,{prefixId:he}=i(v),je=he||(Y?`${pe}-prefix`:void 0),{size:ge,hasError:Oe,required:xe}=i(x),ve=ge||re,we=!!F||!!Oe,Ie=null!=V?V:H?80:100,Pe=[ye,je,be,k].filter(Boolean).join(" "),$e=!(!F&&!oe);j(!!F,!!oe,pe);const ke=$e&&!de&&r(l,{id:fe,size:ve,error:F,warning:oe}),ze=$e&&!de&&r(m,{"data-role":"error-border",$warning:!(F||!oe)}),Ce=o((e=>{S||Z||null==Q||Q(e)}),[Q,S,Z]),De=o((e=>{S||Z||null==L||L(e)}),[L,S,Z]),Re=o((e=>{var r;S||Z||document.activeElement===le.current||!e.currentTarget.contains(e.target)||null===(r=le.current)||void 0===r||r.focus()}),[S,Z]);return e(f,P(I({className:D,"data-element":T,"data-role":E,"data-component":W,$size:ve,$labelInline:H,$hasValidationFailure:H&&$e},s(ae)),{children:[A&&e(b,{"data-role":"label-wrapper",$labelInline:H,$size:ve,$labelWrapperWidth:H&&"number"==typeof Ie?100-Ie:void 0,children:[r(h,P(I({id:me,htmlFor:pe,size:ve,isRequired:ee},ce),{children:A})),N&&r(y,P(I({id:ye,size:ve},ce),{children:N}))]}),e(_,{"data-role":"input-wrapper",$size:ve,$maxWidth:G,$inputWidth:V,onClick:Re,"data-is-open":q,children:[ne&&ke,r(a,P(I({id:pe,name:ue,className:D,"aria-invalid":we,"aria-describedby":Pe,"aria-labelledby":z,value:ie,placeholder:S||Z?void 0:X,required:ee||xe,ref:se,autoFocus:$,onMouseDown:Ce,onClick:De,onChange:K,error:we,inputIcon:B,containerRef:R,size:ve,prefix:Y,prefixId:je,leftChildren:U,type:te,"data-is-open":q},ce,d(ae)),{children:C})),!ne&&ke,ze]})]}))}));export{$ as TextInput,$ as default};

package/lib/components/textbox/__internal__/__next__/text-input.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=n.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v162_10_0__sc-6a6b7bdd-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:var(--global-space-comp-xs);}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=n.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v162_10_0__sc-6a6b7bdd-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n    --label-spacing: ${e}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*e}%;\n    }\n  `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=n.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v162_10_0__sc-6a6b7bdd-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=i,exports.StyledTextInput=s;
+import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";const n=a.div.attrs(t).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v162_12_0__sc-6a6b7bdd-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:var(--global-space-comp-xs);}"],l,(({$labelInline:a})=>a?"row":"column"),(({$labelInline:a,$size:e,$hasValidationFailure:l})=>{if(!a)switch(e){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===e?l?"var(--global-space-comp-l)":"var(--global-space-comp-m)":l?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=a.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v162_12_0__sc-6a6b7bdd-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:a})=>a&&`\n    --label-spacing: ${a}%;\n\n    [data-component="date-range"] & {\n      --label-spacing: ${2*a}%;\n    }\n  `),(({$labelInline:a,$size:l})=>e([""," ",""],a&&e(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],l.charAt(0)),!a&&e(["justify-content:flex-end;align-items:flex-start;"])))),p=a.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v162_12_0__sc-6a6b7bdd-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:a})=>"small"===a?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:l})=>e([""," width:",";"],a&&`max-width: ${a};`,l?`${l}%`:"100%")));export{p as InputWrapper,i as LabelWrapper,n as StyledTextInput};

package/lib/components/textbox/__internal__/__next__/utils.js

@@ -1 +1 @@
-"use strict";var e=require("../../../icon/icon-config.js");function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}exports.commonTextInputArgTypes=()=>({disabled:{control:{type:"boolean"}},size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e.ICONS],control:{type:"select"}},labelInline:{control:{type:"boolean"}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},containerWidth:{control:{type:"range",min:0,max:100,step:1}},required:{control:{type:"boolean"}},error:{control:{type:"text"}},warning:{control:{type:"text"}}}),exports.getCommonTextInputArgs=(e=!1)=>({disabled:!1,readOnly:!1,prefix:"",label:e?"Label - new validation":"Label",inputHint:"",placeholder:"",labelInline:e,inputWidth:50,size:"medium",inputIcon:void 0,required:!1,error:"",warning:""}),exports.getCommonTextInputArgsWithSpecialCharacters=e=>{const{label:r,placeholder:n}=e;return o=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({},e),l=null!=(l={label:r,placeholder:n})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(l,e))})),o;var o,l};
+import{ICONS as e}from"../../../icon/icon-config.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const r=e=>{const{label:r,placeholder:n}=e;return o=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({},e),l=null!=(l={label:r,placeholder:n})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(l,e))})),o;var o,l},n=(e=!1)=>({disabled:!1,readOnly:!1,prefix:"",label:e?"Label - new validation":"Label",inputHint:"",placeholder:"",labelInline:e,inputWidth:50,size:"medium",inputIcon:void 0,required:!1,error:"",warning:""}),o=()=>({disabled:{control:{type:"boolean"}},size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e],control:{type:"select"}},labelInline:{control:{type:"boolean"}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},containerWidth:{control:{type:"range",min:0,max:100,step:1}},required:{control:{type:"boolean"}},error:{control:{type:"text"}},warning:{control:{type:"text"}}});export{o as commonTextInputArgTypes,n as getCommonTextInputArgs,r as getCommonTextInputArgsWithSpecialCharacters};

package/lib/components/textbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./textbox.component.js");exports.default=e.Textbox;
+export{Textbox as default}from"./textbox.component.js";

package/lib/components/textbox/textbox.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./__internal__/__next__/text-input.component.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),i=require("../../hooks/useCharacterCount/useCharacterCount.js"),l=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../__internal__/utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(n);function c(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){c(e,n,t[n])}))}return e}const s="medium",p=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),b=u.default.forwardRef(((a,u)=>{var{"aria-describedby":c,"aria-labelledby":b,characterLimit:f,children:h,"data-component":y,"data-element":O,"data-role":g,deferTimeout:m,disabled:j,error:x,formattedValue:_,fieldHelp:v,iconOnClick:w,iconOnMouseDown:C,iconTabIndex:I,id:k,inputHint:P,inputIcon:T,inputWidth:D,label:L,labelHelp:S,labelInline:q,leftChildren:M,maxWidth:E,name:A,onBlur:F,onFocus:H,onChange:W,onChangeDeferred:B,onClick:z,onMouseDown:U,placeholder:R,positionedChildren:V,prefix:$,readOnly:N,required:Z,size:G=s,warning:J,validationMessagePositionTop:K=!0,value:Q}=a,X=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[Y,ee]=l.default(k,A),ne=n.useRef(null),te=n.useRef(null),re=o.default(u,te),ie=n.useCallback((e=>{if(j||N)return;const n=null!=w?w:z;null==n||n(e)}),[w,z,j,N]),le=n.useCallback((e=>{if(j||N)return;const n=null!=C?C:U;null==n||n(e)}),[C,U,j,N]),oe="string"==typeof T?e.jsx(r.default,{inputIcon:T,disabled:j,error:x,iconTabIndex:I,onClick:ie,onMouseDown:le,readOnly:N,size:G,warning:J,blockFocusStyling:!0}):null,ae=n.useCallback((e=>{B&&(ne.current&&clearTimeout(ne.current),ne.current=setTimeout((()=>{B(e)}),m||750))}),[B,m]),ue=n.useCallback((e=>{W(e),ae(e)}),[W,ae]),ce="string"==typeof Q?Q:"",[de,se]=n.useState("off"),[pe,be]=i.default(ce,f,de),fe=[c,be,v?`${Y}-field-help`:void 0].filter(Boolean).join(" "),he="string"==typeof S?S:void 0;return e.jsxs(e.Fragment,{children:[e.jsx(t.TextInput,(ye=d({},(ge=X,Object.fromEntries(Object.entries(ge).filter((([e])=>!p.has(e)))))),Oe={id:Y,label:L||"",labelInline:q,disabled:j,readOnly:N,size:G,prefix:$,inputHint:P||he,inputIcon:oe,placeholder:R,value:"string"==typeof _?_:null!=Q?Q:"",inputWidth:D,error:x,warning:J,"aria-describedby":fe,"aria-labelledby":b,required:Z,name:ee,onChange:ue,onBlur:e=>{f&&se("off"),null==F||F(e)},onFocus:e=>{f&&se("polite"),null==H||H(e)},onClick:z,onMouseDown:U,ref:re,maxWidth:E,"data-component":y,"data-element":O,"data-role":g,validationMessagePositionTop:K,leftChildren:M||V,children:h},Oe=null!=Oe?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ye,Object.getOwnPropertyDescriptors(Oe)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(Oe)).forEach((function(e){Object.defineProperty(ye,e,Object.getOwnPropertyDescriptor(Oe,e))})),ye)),pe,v&&e.jsx("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:D?D-1+"%":"100%",float:"right"},id:`${Y}-field-help`,"aria-disabled":j||void 0,children:v})]});var ye,Oe,ge}));exports.LABEL_VALIDATION_DEFAULT=!1,exports.LABEL_WIDTH_DEFAULT=30,exports.SIZE_DEFAULT=s,exports.Textbox=b,exports.default=b;
+import{jsxs as e,Fragment as n,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useCallback as o,useState as l}from"react";import{TextInput as a}from"./__internal__/__next__/text-input.component.js";import c from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import d from"../../hooks/useCharacterCount/useCharacterCount.js";import u from"../../hooks/__internal__/useUniqueId/index.js";import p from"../../__internal__/utils/helpers/combine-refs/index.js";function s(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function f(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){s(e,n,r[n])}))}return e}const b="medium",m=30,h=!1,y=new Set(["adaptiveLabelBreakpoint","info","helpAriaLabel","labelAlign","labelWidth","labelSpacing","labelId","reverse","tooltipPosition","tooltipId","validationOnLabel"]),O=t.forwardRef(((t,s)=>{var{"aria-describedby":m,"aria-labelledby":h,characterLimit:O,children:g,"data-component":j,"data-element":w,"data-role":v,deferTimeout:C,disabled:_,error:x,formattedValue:P,fieldHelp:k,iconOnClick:I,iconOnMouseDown:D,iconTabIndex:S,id:T,inputHint:M,inputIcon:H,inputWidth:W,label:B,labelHelp:L,labelInline:q,leftChildren:z,maxWidth:E,name:F,onBlur:A,onFocus:V,onChange:$,onChangeDeferred:R,onClick:U,onMouseDown:G,placeholder:J,positionedChildren:K,prefix:N,readOnly:Q,required:X,size:Y=b,warning:Z,validationMessagePositionTop:ee=!0,value:ne}=t,re=function(e,n){if(null==e)return{};var r,t,i=function(e,n){if(null==e)return{};var r,t,i={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(i[r]=e[r]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(t,["aria-describedby","aria-labelledby","characterLimit","children","data-component","data-element","data-role","deferTimeout","disabled","error","formattedValue","fieldHelp","iconOnClick","iconOnMouseDown","iconTabIndex","id","inputHint","inputIcon","inputWidth","label","labelHelp","labelInline","leftChildren","maxWidth","name","onBlur","onFocus","onChange","onChangeDeferred","onClick","onMouseDown","placeholder","positionedChildren","prefix","readOnly","required","size","warning","validationMessagePositionTop","value"]);const[te,ie]=u(T,F),oe=i(null),le=i(null),ae=p(s,le),ce=o((e=>{if(_||Q)return;const n=null!=I?I:U;null==n||n(e)}),[I,U,_,Q]),de=o((e=>{if(_||Q)return;const n=null!=D?D:G;null==n||n(e)}),[D,G,_,Q]),ue="string"==typeof H?r(c,{inputIcon:H,disabled:_,error:x,iconTabIndex:S,onClick:ce,onMouseDown:de,readOnly:Q,size:Y,warning:Z,blockFocusStyling:!0}):null,pe=o((e=>{R&&(oe.current&&clearTimeout(oe.current),oe.current=setTimeout((()=>{R(e)}),C||750))}),[R,C]),se=o((e=>{$(e),pe(e)}),[$,pe]),fe="string"==typeof ne?ne:"",[be,me]=l("off"),[he,ye]=d(fe,O,be),Oe=[m,ye,k?`${te}-field-help`:void 0].filter(Boolean).join(" "),ge="string"==typeof L?L:void 0;return e(n,{children:[r(a,(je=f({},(ve=re,Object.fromEntries(Object.entries(ve).filter((([e])=>!y.has(e)))))),we={id:te,label:B||"",labelInline:q,disabled:_,readOnly:Q,size:Y,prefix:N,inputHint:M||ge,inputIcon:ue,placeholder:J,value:"string"==typeof P?P:null!=ne?ne:"",inputWidth:W,error:x,warning:Z,"aria-describedby":Oe,"aria-labelledby":h,required:X,name:ie,onChange:se,onBlur:e=>{O&&me("off"),null==A||A(e)},onFocus:e=>{O&&me("polite"),null==V||V(e)},onClick:U,onMouseDown:G,ref:ae,maxWidth:E,"data-component":j,"data-element":w,"data-role":v,validationMessagePositionTop:ee,leftChildren:z||K,children:g},we=null!=we?we:{},Object.getOwnPropertyDescriptors?Object.defineProperties(je,Object.getOwnPropertyDescriptors(we)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(we)).forEach((function(e){Object.defineProperty(je,e,Object.getOwnPropertyDescriptor(we,e))})),je)),he,k&&r("span",{"data-element":"help",style:{display:"block",marginTop:"calc(8px - var(--fieldSpacing, 0px))",whiteSpace:"pre-wrap",width:W?W-1+"%":"100%",float:"right"},id:`${te}-field-help`,"aria-disabled":_||void 0,children:k})]});var je,we,ve}));export{h as LABEL_VALIDATION_DEFAULT,m as LABEL_WIDTH_DEFAULT,b as SIZE_DEFAULT,O as Textbox,O as default};

package/lib/components/textbox/utils.js

@@ -1 +1 @@
-"use strict";var e=require("../icon/icon-config.js");function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},l=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),l.forEach((function(r){t(e,r,o[r])}))}return e}function o(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}exports.commonTextboxArgTypes=t=>o(r({size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e.ICONS],control:{type:"select"}},labelAlign:{options:["left","right"],control:{type:"select"}}},!t&&{labelWidth:{control:{type:"range",min:0,max:100,step:1}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},tooltipId:{control:{type:"text"}}}),{adaptiveLabelBreakpoint:{control:{type:"number"}}}),exports.getCommonTextboxArgs=(e=!1,t=!1,l=!1)=>o(r({disabled:l,readOnly:l,autoFocus:t,prefix:"",label:e?"Label - new validation":"Label",labelHelp:"",placeholder:"",adaptiveLabelBreakpoint:void 0},!e&&{fieldHelp:"",labelInline:!1,labelWidth:30,inputWidth:70,labelAlign:void 0,tooltipId:""}),{size:"medium",inputIcon:void 0,required:!1,characterLimit:void 0,error:"",warning:""}),exports.getCommonTextboxArgsWithSpecialCharacters=e=>{const{prefix:t,fieldHelp:l,label:n,labelHelp:i,placeholder:p}=e;return o(r({},e),{prefix:t,fieldHelp:l,label:n,labelHelp:i,helpAriaLabel:i,placeholder:p})};
+import{ICONS as e}from"../icon/icon-config.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},o=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),o.forEach((function(r){t(e,r,l[r])}))}return e}function l(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const o=(e=!1,t=!1,o=!1)=>l(r({disabled:o,readOnly:o,autoFocus:t,prefix:"",label:e?"Label - new validation":"Label",labelHelp:"",placeholder:"",adaptiveLabelBreakpoint:void 0},!e&&{fieldHelp:"",labelInline:!1,labelWidth:30,inputWidth:70,labelAlign:void 0,tooltipId:""}),{size:"medium",inputIcon:void 0,required:!1,characterLimit:void 0,error:"",warning:""}),n=e=>{const{prefix:t,fieldHelp:o,label:n,labelHelp:i,placeholder:p}=e;return l(r({},e),{prefix:t,fieldHelp:o,label:n,labelHelp:i,helpAriaLabel:i,placeholder:p})},i=t=>l(r({size:{options:["small","medium","large"],control:{type:"select"}},inputIcon:{options:["",...e],control:{type:"select"}},labelAlign:{options:["left","right"],control:{type:"select"}}},!t&&{labelWidth:{control:{type:"range",min:0,max:100,step:1}},inputWidth:{control:{type:"range",min:0,max:100,step:1}},tooltipId:{control:{type:"text"}}}),{adaptiveLabelBreakpoint:{control:{type:"number"}}});export{i as commonTextboxArgTypes,o as getCommonTextboxArgs,n as getCommonTextboxArgsWithSpecialCharacters};

package/lib/components/tile/__internal__/compute-content-padding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../style/utils/filter-styled-system-padding-props.js");const r=[...e.paddingLeftPropertyNames,...e.paddingXPropertyNames,...e.paddingNames],t=[...e.paddingRightPropertyNames,...e.paddingXPropertyNames,...e.paddingNames];exports.default=e=>{const s=r=>{const t=r.find((r=>e[r]));return t?e[t]:t};return{pr:s(r),pl:s(t)}};
+import{paddingRightPropertyNames as t,paddingXPropertyNames as r,paddingNames as s,paddingLeftPropertyNames as e}from"../../../style/utils/filter-styled-system-padding-props.js";const n=[...e,...r,...s],o=[...t,...r,...s];var p=t=>{const r=r=>{const s=r.find((r=>t[r]));return s?t[s]:s};return{pr:r(n),pl:r(o)}};export{p as default};

package/lib/components/tile/__internal__/tile.context.js

@@ -1 +1 @@
-"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"TileContext",errorMessage:"Carbon Tile: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{hasFooter:!1,setHasFooter:()=>{},footerVariant:void 0,setFooterVariant:()=>{}}});exports.TileProvider=t,exports.useTileContext=r;
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,o]=e({name:"TileContext",errorMessage:"Carbon Tile: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{hasFooter:!1,setHasFooter:()=>{},footerVariant:void 0,setFooterVariant:()=>{}}});export{t as TileProvider,o as useTileContext};

package/lib/components/tile/flex-tile-cell/flex-tile-cell.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../../__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}const o=o=>{var l,i,{children:c,flexGrow:s=1,flexBasis:f="160px",flexShrink:u=0}=o,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,["children","flexGrow","flexBasis","flexShrink"]);return c?e.jsx(r.Box,(l=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({display:"flex",position:"relative",flexGrow:s,flexBasis:f,flexShrink:u},a,t.default("flex-tile-cell",a)),i=null!=(i={children:c})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(i)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(i)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(i,e))})),l)):e.jsx(e.Fragment,{})};exports.FlexTileCell=o,exports.default=o;
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import"react";import{Box as t}from"../../box/box.component.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=l=>{var i,c,{children:f,flexGrow:p=1,flexBasis:s="160px",flexShrink:a=0}=l,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(l,["children","flexGrow","flexBasis","flexShrink"]);return f?e(t,(i=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({display:"flex",position:"relative",flexGrow:p,flexBasis:s,flexShrink:a},b,n("flex-tile-cell",b)),c=null!=(c={children:f})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(c,e))})),i)):e(r,{})};export{l as FlexTileCell,l as default};

package/lib/components/tile/flex-tile-cell/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flex-tile-cell.component.js");exports.default=e.FlexTileCell;
+export{FlexTileCell as default}from"./flex-tile-cell.component.js";

package/lib/components/tile/flex-tile-container/flex-tile-container.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../box/box.component.js");const r=({children:r,columnGap:o=2,overflow:n="hidden"})=>r?e.jsx(t.Box,{alignContent:"stretch",alignItems:"stretch",display:"flex",flexDirection:"row",flexWrap:"wrap",columnGap:o,justifyContent:"flex-start",overflow:n,width:"100%","data-component":"flex-tile-container",children:r}):e.jsx(e.Fragment,{});exports.FlexTileContainer=r,exports.default=r;
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import"react";import{Box as o}from"../../box/box.component.js";const r=({children:r,columnGap:n=2,overflow:i="hidden"})=>r?t(o,{alignContent:"stretch",alignItems:"stretch",display:"flex",flexDirection:"row",flexWrap:"wrap",columnGap:n,justifyContent:"flex-start",overflow:i,width:"100%","data-component":"flex-tile-container",children:r}):t(e,{});export{r as FlexTileContainer,r as default};

package/lib/components/tile/flex-tile-container/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flex-tile-container.component.js");exports.default=e.FlexTileContainer;
+export{FlexTileContainer as default}from"./flex-tile-container.component.js";

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),i=require("../../divider/divider.component.js");const t=()=>e.jsx(r.Box,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:e.jsx(i.Divider,{type:"horizontal","aria-hidden":!0,"data-role":"hr",m:0})});exports.FlexTileDivider=t,exports.default=t;
+import{jsx as o}from"react/jsx-runtime";import"react";import{Box as t}from"../../box/box.component.js";import{Divider as r}from"../../divider/divider.component.js";const i=()=>o(t,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:o(r,{type:"horizontal","aria-hidden":!0,"data-role":"hr",m:0})});export{i as FlexTileDivider,i as default};

package/lib/components/tile/flex-tile-divider/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flex-tile-divider.component.js");exports.default=e.FlexTileDivider;
+export{FlexTileDivider as default}from"./flex-tile-divider.component.js";