carbon-react 158.14.11 → 158.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import e,{css as n}from"styled-components";import{StyledHeading as t,StyledHeader as i}from"../../components/heading/heading.style.js";const a=e.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-7e5b8f64-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=e.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-7e5b8f64-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"," ","{width:auto;margin-bottom:24px;","{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}"],(({hasContent:e})=>e&&n(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:e})=>e&&n(["&{padding-right:64px;}"])),t,i);export{a as StyledHeaderContainer,d as default};
1
+ import e,{css as t}from"styled-components";const a=e.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),d=e.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:e})=>e&&t(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:e})=>e&&t(["&{padding-right:64px;}"])));export{a as StyledHeaderContainer,d as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o}from"react";import n from"../../__internal__/utils/helpers/guid/index.js";import{Heading as r}from"../heading/heading.component.js";import{Dialog as i}from"../dialog/dialog.component.js";import{StyledConfirmButtons as c,StyledConfirmHeading as l}from"./confirm.style.js";import a from"../button/button.component.js";import s from"../icon/icon.component.js";import{Loader as u}from"../loader/loader.component.js";import p from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){b(e,t,o[t])}))}return e}function f(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 y=b=>{var{"aria-labelledby":y,"aria-describedby":O,"aria-label":j,open:g,children:P,cancelButtonDestructive:h=!1,confirmButtonDestructive:B=!1,cancelButtonType:v="secondary",confirmButtonType:C="primary",cancelButtonIconType:I,cancelButtonIconPosition:w,confirmButtonIconType:T,confirmButtonIconPosition:D,cancelButtonDataProps:_,confirmButtonDataProps:L,cancelLabel:S,onCancel:k,disableCancel:x,onConfirm:z,isLoadingConfirm:E,disableConfirm:M,confirmLabel:A,iconType:q,subtitle:F,title:G,size:H="extra-small",showCloseIcon:J=!1,topModalOverride:K}=b,N=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(b,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const Q=p(),{current:R}=o(n()),{current:U}=o(n()),V={"aria-labelledby":y,"aria-describedby":O,"aria-label":j};return G&&q&&(V["aria-labelledby"]=R),F&&q&&(V["aria-describedby"]=U),e(i,f(d({open:g,onCancel:k,disableClose:x,subtitle:F,title:q?e(l,{type:q,"data-element":q,children:[t(s,{type:q,fontSize:"medium"}),t(r,{title:G,titleId:R,subheader:F,subtitleId:U,divider:!1})]}):G,role:"alertdialog",size:H,showCloseIcon:J,topModalOverride:K},V,N),{"data-component":"confirm",children:[P,e(c,{children:[k?t(a,f(d({onClick:k,buttonType:v,destructive:h,disabled:x,iconType:I,iconPosition:w},m("cancel",d({"data-element":"cancel"},_))),{children:S||Q.confirm.no()})):null,t(a,f(d({onClick:z,buttonType:C,destructive:B,disabled:E||M,ml:2,iconType:T,iconPosition:D},m("confirm",d({"data-element":"confirm"},L))),{children:E?t(u,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):A||Q.confirm.yes()}))]})]}))};export{y as Confirm,y as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o}from"react";import n from"../../__internal__/utils/helpers/guid/index.js";import{Dialog as r}from"../dialog/dialog.component.js";import{StyledConfirmButtons as i,StyledConfirmHeading as c}from"./confirm.style.js";import a from"../button/button.component.js";import l from"../icon/icon.component.js";import{Loader as s}from"../loader/loader.component.js";import{Typography as p}from"../typography/typography.component.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){b(e,t,o[t])}))}return e}function f(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 y=b=>{var{"aria-labelledby":y,"aria-describedby":O,"aria-label":j,open:g,children:h,cancelButtonDestructive:P=!1,confirmButtonDestructive:B=!1,cancelButtonType:v="secondary",confirmButtonType:w="primary",cancelButtonIconType:C,cancelButtonIconPosition:T,confirmButtonIconType:I,confirmButtonIconPosition:D,cancelButtonDataProps:_,confirmButtonDataProps:k,cancelLabel:L,onCancel:S,disableCancel:x,onConfirm:z,isLoadingConfirm:E,disableConfirm:M,confirmLabel:A,iconType:W,subtitle:q,title:F,size:G="extra-small",showCloseIcon:H=!1,topModalOverride:J}=b,K=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(b,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const N=u(),{current:Q}=o(n()),{current:R}=o(n()),U={"aria-labelledby":y,"aria-describedby":O,"aria-label":j};return F&&W&&(U["aria-labelledby"]=Q),q&&W&&(U["aria-describedby"]=R),e(r,f(d({open:g,onCancel:S,disableClose:x,subtitle:q,title:W?e(c,{type:W,"data-element":W,children:[t(l,{type:W,fontSize:"medium"}),t(p,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:Q,children:F})]}):F,role:"alertdialog",size:G,showCloseIcon:H,topModalOverride:J},U,K),{"data-component":"confirm",children:[h,e(i,{children:[S?t(a,f(d({onClick:S,buttonType:v,destructive:P,disabled:x,iconType:C,iconPosition:T},m("cancel",d({"data-element":"cancel"},_))),{children:L||N.confirm.no()})):null,t(a,f(d({onClick:z,buttonType:w,destructive:B,disabled:E||M,ml:2,iconType:I,iconPosition:D},m("confirm",d({"data-element":"confirm"},k))),{children:E?t(s,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):A||N.confirm.yes()}))]})]}))};export{y as Confirm,y as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useImperativeHandle as l}from"react";import{DialogPositioner as n,StyledDialog as a,StyledDialogContent as i,StyledDialogTitle as s}from"./dialog.style.js";import{Heading as c}from"../heading/heading.component.js";import d from"../icon/icon.component.js";import p from"../icon-button/icon-button.component.js";import u from"../../__internal__/modal/modal.component.js";import b from"../../__internal__/focus-trap/focus-trap.component.js";import f from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../__internal__/utils/logger/index.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../hooks/__internal__/useModalAria/useModalAria.js";function j(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _(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){j(e,t,o[t])}))}return e}function C(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}let v=!1,P=!1;const w=o(((o,j)=>{var{className:w,"data-component":S="dialog","data-element":k="dialog","data-role":F,children:x,open:I,height:E,size:D="medium",title:M,disableEscKey:B,subtitle:T,disableAutoFocus:A=!1,focusFirstElement:R,focusableSelectors:z,onCancel:K,showCloseIcon:L=!0,bespokeFocusTrap:N,disableClose:V,help:H,highlightVariant:U="default",role:$="dialog",contentPadding:W,greyBackground:Y=!1,focusableContainers:q,topModalOverride:G,closeButtonDataProps:J,restoreFocusOnClose:Q=!0,"aria-labelledby":X,"aria-describedby":Z,"aria-label":ee,pagesStyling:te,headerChildren:oe,disableContentPadding:re,contentRef:le,fullscreen:ne=!1}=o,ae=function(e,t){if(null==e)return{};var o,r,l=function(e,t){if(null==e)return{};var o,r,l={},n=Object.keys(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||(l[o]=e[o]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(o,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const ie=y(),se=r(null),ce=r(null),de=r(null),{current:pe}=r(g()),{current:ue}=r(g()),be=O(se);!v&&V&&(v=!0,h.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!P&&te&&(P=!0,h.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),l(j,(()=>({focus(){var e;null===(e=se.current)||void 0===e||e.focus()}})),[]);const fe=L&&K&&e(p,C(_({"aria-label":ie.dialog.ariaLabels.close(),disabled:V,onClick:K},m("close",_({"data-element":"close"},J))),{children:e(d,{type:"close"})}));let ge=E;E&&E.match(/px$/)&&(ge=E.replace("px",""));const me={"aria-describedby":T&&"string"==typeof T?ue:Z,"aria-label":ee,"aria-labelledby":M&&"string"==typeof M?pe:X};return e(u,C(_({className:w?`${w} carbon-dialog`:"carbon-dialog",disableClose:V,disableEscKey:B,onCancel:K,open:I,restoreFocusOnClose:Q,topModalOverride:G},m("dialog",ae),ae),{children:e(b,{additionalWrapperRefs:q,autoFocus:!A,bespokeTrap:N,focusableSelectors:z,focusFirstElement:R,isOpen:I,wrapperRef:se,children:e(n,{fullscreen:ne,children:t(a,C(_(C(_({"aria-modal":!("dialog"!==$||!be)||void 0},me),{backgroundColor:Y?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":S,"data-element":k,"data-role":F,dialogHeight:ge,fullscreen:ne,highlightVariant:U,pagesStyling:te,ref:se,role:$,size:D,tabIndex:-1}),W),{children:[M||oe?ne?t(f,{hasContent:!!M,hasCloseButton:L,ref:ce,children:["string"==typeof M?e(c,{"data-element":"dialog-title",title:M,titleId:pe,subheader:T,subtitleId:ue,divider:!1,help:H}):M,oe]}):e(s,{hasSubtitle:!!T,ref:de,showCloseIcon:L,children:"string"==typeof M?e(c,{"data-element":"dialog-title",divider:!1,help:H,subheader:T,subtitleId:ue,title:M,titleId:pe}):M}):null,fe,e(i,C(_({},W),{"data-role":"dialog-content",disableContentPadding:re,fullscreen:ne,hasHeader:void 0!==M,tabIndex:-1,ref:le,children:x}))]}))})})}))}));export{w as Dialog,w as default};
1
+ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as o,useRef as a,useImperativeHandle as l}from"react";import{DialogPositioner as n,StyledDialog as i,StyledDialogContent as s,StyledDialogTitle as c}from"./dialog.style.js";import{StyledHeaderHelp as d}from"../heading/heading.style.js";import p from"../icon/icon.component.js";import u from"../icon-button/icon-button.component.js";import{Typography as b}from"../typography/typography.component.js";import g from"../../__internal__/modal/modal.component.js";import m from"../../__internal__/focus-trap/focus-trap.component.js";import f from"../../__internal__/full-screen-heading/full-screen-heading.component.js";import h from"../../__internal__/utils/helpers/guid/index.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import O from"../../__internal__/utils/logger/index.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../hooks/__internal__/useModalAria/useModalAria.js";function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){v(e,t,r[t])}))}return e}function C(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}let P=!1,k=!1;const S=o(((o,v)=>{var{className:S,"data-component":x="dialog","data-element":F="dialog","data-role":E,children:B,open:D,height:I,size:M="medium",title:T,disableEscKey:R,subtitle:A,disableAutoFocus:z=!1,focusFirstElement:K,focusableSelectors:L,onCancel:N,showCloseIcon:V=!0,bespokeFocusTrap:W,disableClose:H,help:U,highlightVariant:$="default",role:Y="dialog",contentPadding:q,greyBackground:G=!1,focusableContainers:J,topModalOverride:Q,closeButtonDataProps:X,restoreFocusOnClose:Z=!0,"aria-labelledby":ee,"aria-describedby":te,"aria-label":re,pagesStyling:oe,headerChildren:ae,disableContentPadding:le,contentRef:ne,fullscreen:ie=!1}=o,se=function(e,t){if(null==e)return{};var r,o,a=function(e,t){if(null==e)return{};var r,o,a={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(o,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const ce=j(),de=a(null),pe=a(null),ue=a(null),{current:be}=a(h()),{current:ge}=a(h()),me=_(de);!P&&H&&(P=!0,O.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!k&&oe&&(k=!0,O.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),l(v,(()=>({focus(){var e;null===(e=de.current)||void 0===e||e.focus()}})),[]);const fe=V&&N&&e(u,C(w({"aria-label":ce.dialog.ariaLabels.close(),disabled:H,onClick:N},y("close",w({"data-element":"close"},X))),{children:e(p,{type:"close"})}));let he=I;I&&I.match(/px$/)&&(he=I.replace("px",""));const ye={"aria-describedby":A&&"string"==typeof A?ge:te,"aria-label":re,"aria-labelledby":T&&"string"==typeof T?be:ee};return e(g,C(w({className:S?`${S} carbon-dialog`:"carbon-dialog",disableClose:H,disableEscKey:R,onCancel:N,open:D,restoreFocusOnClose:Z,topModalOverride:Q},y("dialog",se),se),{children:e(m,{additionalWrapperRefs:J,autoFocus:!z,bespokeTrap:W,focusableSelectors:L,focusFirstElement:K,isOpen:D,wrapperRef:de,children:e(n,{fullscreen:ie,children:t(i,C(w(C(w({"aria-modal":!("dialog"!==Y||!me)||void 0},ye),{backgroundColor:G?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":x,"data-element":F,"data-role":E,dialogHeight:he,fullscreen:ie,highlightVariant:$,pagesStyling:oe,ref:de,role:Y,size:M,tabIndex:-1}),q),{children:[T||ae?(()=>{const o=t("div",{"data-element":"dialog-title-container",children:["string"==typeof T?e(r,{children:U?t("div",{"data-element":"dialog-title-help-wrapper",children:[e(b,{wordWrap:"break-word",wordBreak:"normal",variant:"h1",marginRight:"16px","data-element":"dialog-title",id:be,children:T}),e(d,{"data-element":"help",tooltipPosition:"right",children:U})]}):e(b,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:be,children:T})}):T,A&&e("div",{style:{marginTop:"5px",width:"100%",flexBasis:"100%"},"data-element":"subtitle","data-role":"subtitle",id:ge,children:A})]});return ie?t(f,{hasContent:!!T,hasCloseButton:V,ref:pe,children:[o,ae]}):t(c,{hasSubtitle:!!A,ref:ue,showCloseIcon:V,children:[o,ae]})})():null,fe,e(s,C(w({},q),{"data-role":"dialog-content",disableContentPadding:le,fullscreen:ie,hasHeader:void 0!==T,tabIndex:-1,ref:ne,children:B}))]}))})})}))}));export{S as Dialog,S as default};
@@ -1 +1 @@
1
- import i,{css as e}from"styled-components";import{padding as d}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import{StyledHeaderContent as t,StyledHeading as n,StyledHeadingTitle as a,StyledHeader as r}from"../heading/heading.style.js";import l from"../icon-button/icon-button.style.js";import{StyledForm as p,StyledFormContent as s,StyledFormFooter as g}from"../form/form.style.js";import c from"../../__internal__/full-screen-heading/full-screen-heading.style.js";const x={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},m=(i=!1)=>o=>i?e(["padding:0;"]):(i=>void 0!==i.padding||void 0!==i.p||void 0!==i.paddingTop||void 0!==i.pt||void 0!==i.paddingRight||void 0!==i.pr||void 0!==i.paddingBottom||void 0!==i.pb||void 0!==i.paddingLeft||void 0!==i.pl||void 0!==i.paddingX||void 0!==i.px||void 0!==i.paddingY||void 0!==i.py)(o)?e(["",""],d):e(["",""],e(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])),f=i.div.attrs(o).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-499f617a-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:i,fullscreen:e})=>e?i.zIndex.fullScreenModal:i.zIndex.modal),(({fullscreen:i})=>i&&e(["justify-content:stretch;align-items:stretch;"]))),h=i.div.attrs(o).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-499f617a-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(i=>{var{disableContentPadding:o,fullscreen:t,hasHeader:n}=i,a=function(i,e){if(null==i)return{};var d,o,t=function(i,e){if(null==i)return{};var d,o,t={},n=Object.keys(i);for(o=0;o<n.length;o++)d=n[o],e.indexOf(d)>=0||(t[d]=i[d]);return t}(i,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(i);for(o=0;o<n.length;o++)d=n[o],e.indexOf(d)>=0||Object.prototype.propertyIsEnumerable.call(i,d)&&(t[d]=i[d])}return t}(i,["disableContentPadding","fullscreen","hasHeader"]);return t?e(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],m(o)(a),p,p,s,m(o)(a),!n&&e(["padding-top:0;"])):e(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],o?"0px":"24px 32px 30px",d,p,p,s,d,g)})),u=i.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-499f617a-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," ","{align-items:baseline;}> ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:d,fullscreen:o,highlightVariant:t,size:n})=>o?e(["background-color:",";height:100%;width:100%;"],i):e(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,t&&"ai"===t&&e(['&::before{content:"";position:absolute;top:-8px;height:100px;width:100%;z-index:-1;background:linear-gradient( 90deg,#00d639 0%,#00d6de 40%,#9d60ff 90% );border-radius:var(--borderRadius200) var(--borderRadius200) 0 0;}']),"maximise"===n?e(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):e(["max-height:90vh;max-width:",";width:100%;"],x[n]),d&&e(["height:","px;"],d))),t,l,(({fullscreen:i})=>e(i?["right:40px;top:26px;"]:["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:d})=>function({fullscreen:i,pagesStyling:d}){return i&&d?e(["","{padding:0;}> ","{right:33px;top:32px;}","{padding:32px 32px 0;}","{width:auto;padding-top:4px;","{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}"],h,l,c,n,r):""}({fullscreen:i,pagesStyling:d}))),b=i.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-499f617a-3"})(["",""],(({fullscreen:i,hasSubtitle:d,showCloseIcon:o})=>!i&&e(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",";","{align-items:baseline;}","{margin-bottom:20px;","{color:var(--colorsUtilityYin090);display:block;overflow:hidden;text-overflow:ellipsis;padding:",";}}"],o&&"padding-right: 85px",t,n,a,!d&&"4px 0px")));export{f as DialogPositioner,u as StyledDialog,h as StyledDialogContent,b as StyledDialogTitle};
1
+ import e,{css as i}from"styled-components";import{padding as t}from"styled-system";import d from"../../style/themes/apply-base-theme.js";import o from"../icon-button/icon-button.style.js";import{StyledForm as a,StyledFormContent as n,StyledFormFooter as r}from"../form/form.style.js";import l from"../../__internal__/full-screen-heading/full-screen-heading.style.js";const p={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=(e=!1)=>d=>e?i(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(d)?i(["",""],t):i(["",""],i(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])),g=e.div.attrs(d).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-6e8ce702-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:e})=>e&&i(["justify-content:stretch;align-items:stretch;"]))),c=e.div.attrs(d).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-6e8ce702-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(e=>{var{disableContentPadding:d,fullscreen:o,hasHeader:l}=e,p=function(e,i){if(null==e)return{};var t,d,o=function(e,i){if(null==e)return{};var t,d,o={},a=Object.keys(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||(o[t]=e[t]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,["disableContentPadding","fullscreen","hasHeader"]);return o?i(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],s(d)(p),a,a,n,s(d)(p),!l&&i(["padding-top:0;"])):i(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],d?"0px":"24px 32px 30px",t,a,a,n,t,r)})),x=e.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-6e8ce702-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:e,dialogHeight:t,fullscreen:d,highlightVariant:o,size:a})=>d?i(["background-color:",";height:100%;width:100%;"],e):i(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],e,o&&"ai"===o&&i(['&::before{content:"";position:absolute;top:-8px;height:100px;width:100%;z-index:-1;background:linear-gradient( 90deg,#00d639 0%,#00d6de 40%,#9d60ff 90% );border-radius:var(--borderRadius200) var(--borderRadius200) 0 0;}']),"maximise"===a?i(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):i(["max-height:90vh;max-width:",";width:100%;"],p[a]),t&&i(["height:","px;"],t))),o,(({fullscreen:e})=>i(e?["right:40px;top:26px;"]:["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:e,pagesStyling:t})=>function({fullscreen:e,pagesStyling:t}){return e&&t?i(["","{padding:0;}> ","{right:33px;top:32px;}",'{padding:32px 32px 0;}[data-element="dialog-title-container"]{width:auto;padding-top:4px;[data-element="dialog-title"]{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}'],c,o,l):""}({fullscreen:e,pagesStyling:t}))),m=e.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-6e8ce702-3"})(["",""],(({fullscreen:e,hasSubtitle:t,showCloseIcon:d})=>!e&&i(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",';[data-element="dialog-title-help-wrapper"]{display:inline-flex;align-items:baseline;}[data-element="dialog-title-container"]{margin-bottom:20px;[data-element="dialog-title"]{color:var(--colorsUtilityYin090);display:block;padding:',";}}"],d&&"padding-right: 85px",!t&&"4px 0px")));export{g as DialogPositioner,x as StyledDialog,c as StyledDialogContent,m as StyledDialogTitle};
@@ -28,5 +28,6 @@ export interface SwitchProps extends Omit<CommonCheckableInputProps, "defaultChe
28
28
  /** Checked state of the input */
29
29
  checked: boolean;
30
30
  }
31
- export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
32
- export default Switch;
31
+ declare const SwitchComponent: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
32
+ export { SwitchComponent as Switch };
33
+ export default SwitchComponent;
@@ -1 +1 @@
1
- import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import i,{useContext as o,useRef as a}from"react";import{Box as t}from"../box/box.component.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import d from"../../__internal__/label/label.component.js";import{TooltipProvider as s}from"../../__internal__/tooltip-provider/index.js";import c from"../carbon-provider/__internal__/new-validation.context.js";import p from"../../__internal__/validation-message/validation-message.component.js";import u from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import b,{ErrorBorder as m}from"./switch.style.js";import g from"./__internal__/switch-slider.component.js";import f from"../../__internal__/utils/helpers/guid/index.js";import{HintText as h}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import v from"../../style/utils/filter-styled-system-margin-props.js";function k(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){k(e,r,n[r])}))}return e}function w(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const _=i.forwardRef(((i,k)=>{var{autoFocus:_,id:O,label:j,onChange:B,onBlur:D,onFocus:P,value:x,checked:I,disabled:S,loading:H,reverse:L=!0,required:F,validationOnLabel:z=!1,labelInline:q=!1,labelSpacing:A,labelHelp:T,labelWidth:$,fieldHelpInline:C,size:M="small",name:R,adaptiveLabelBreakpoint:W,tooltipPosition:E,error:U,warning:Y,info:N,"data-element":V,"data-role":G,helpAriaLabel:J,isDarkBackground:K=!1,validationMessagePositionTop:Q=!0}=i,X=function(e,r){if(null==e)return{};var n,i,o=function(e,r){if(null==e)return{};var n,i,o={},a=Object.keys(e);for(i=0;i<a.length;i++)n=a[i],r.indexOf(n)>=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)n=a[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(i,["autoFocus","id","label","onChange","onBlur","onFocus","value","checked","disabled","loading","reverse","required","validationOnLabel","labelInline","labelSpacing","labelHelp","labelWidth","fieldHelpInline","size","name","adaptiveLabelBreakpoint","tooltipPosition","error","warning","info","data-element","data-role","helpAriaLabel","isDarkBackground","validationMessagePositionTop"]);const{validationRedesignOptIn:Z}=o(c),ee=a(`${f()}-label`),re=a(`${f()}-hint`),ne=a(`${f()}-message`),ie=u(W);let oe=q;W&&(oe=ie);const ae=!(!q||L)||z,te=v(X),le=y({"data-component":"switch","data-role":G,"data-element":V,checked:I,isDarkBackground:K,fieldHelpInline:C,labelInline:oe,labelSpacing:A,reverse:!L,size:M},te),de={checked:I,disabled:S,loading:H,isDarkBackground:K,size:M,error:U,warning:Y,info:N,useValidationIcon:!Z&&!ae&&!S},se=w(y({autoFocus:_,error:U,warning:Y,info:N,disabled:S,loading:H,checked:I,label:j,labelHelp:T,labelWidth:$,fieldHelpInline:C,labelInline:oe,labelSpacing:A,onBlur:D,isDarkBackground:K,onFocus:P,onChange:B,id:O,name:R,value:x,type:"checkbox",role:"switch",reverse:!L,validationOnLabel:ae&&!S,ref:k,required:F},X),{"data-component":void 0}),ce=y({"data-component":"switch","data-role":G,"data-element":V,checked:I,labelInline:oe,isDarkBackground:K,size:M,reverse:!L,validationRedesignOptIn:Z},te),pe={checked:I,disabled:S,loading:H,isDarkBackground:K,size:M,error:U,warning:Y},ue=y({autoFocus:_,error:!!U,warning:Y,disabled:S,loading:H,checked:I,onBlur:D,isDarkBackground:K,onFocus:P,onChange:B,id:O,name:R,value:x,type:"checkbox",role:"switch",ref:k,required:F},X),be=U||Y,me=[T&&re.current,be&&ne.current].filter(Boolean).join(" ");if(!Z)return e(r,{children:e(s,{helpAriaLabel:J,tooltipPosition:E,children:e(b,w(y({},le),{children:e(l,w(y({},se),{children:e(g,y({},de))}))}))})});const ge=U||Y?q?3:0:q?1:0,fe=q?"row":"column",he=q?"row-reverse":"column",ve=!q||U||Y||N?"":"center";return n(r,{children:[e(b,w(y({},ce),{children:n(t,{"data-role":"field-reverse-wrapper",display:"flex",alignItems:U||Y?"flex-start":void 0,flexDirection:L?fe:he,width:q?"100%":"auto",children:[n(t,w(y({"data-role":"label-wrapper",alignSelf:ve},$&&{width:`${$}%`}),{children:[e(d,{isDarkBackground:K,labelId:ee.current,disabled:S,isRequired:F,children:j}),T&&e(t,{"data-role":"hint-text-wrapper",mb:q?0:1,children:e(h,{"data-role":"hint-text",fontWeight:"400",id:re.current,isDarkBackground:K,marginTop:"8px",children:T})})]})),n(t,{ml:L?ge:0,mr:L?0:ge,position:"relative",id:"input-wrapper","data-role":"input-wrapper",children:[Q&&n(r,{children:[e(p,{error:U,warning:Y,validationId:ne.current,isDarkBackground:K,validationMessagePositionTop:Q,"data-role":"validation-message-top"}),be&&e(m,{"data-role":"error-border",warning:!(U||!Y),reverse:!L,isDarkBackground:K})]}),e(l,w(y({ariaLabelledBy:`${j&&ee.current}`,ariaDescribedBy:me},ue),{fieldHelp:q?void 0:X.fieldHelp,children:e(g,y({},pe))})),!Q&&n(r,{children:[e(p,{error:U,warning:Y,validationId:ne.current,isDarkBackground:K,validationMessagePositionTop:Q,"data-role":"validation-message-bottom"}),be&&e(m,{"data-role":"error-border",warning:!(U||!Y),reverse:!L,isDarkBackground:K})]})]})]})})),q&&X.fieldHelp&&e(t,{color:K?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",children:X.fieldHelp})]})}));_.displayName="Switch";export{_ as Switch,_ as default};
1
+ import{jsx as e,Fragment as r,jsxs as n}from"react/jsx-runtime";import i,{useContext as a,useRef as o}from"react";import{Box as t}from"../box/box.component.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import d from"../../__internal__/label/label.component.js";import{TooltipProvider as s}from"../../__internal__/tooltip-provider/index.js";import c from"../carbon-provider/__internal__/new-validation.context.js";import p from"../../__internal__/validation-message/validation-message.component.js";import u from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import b,{ErrorBorder as m}from"./switch.style.js";import g from"./__internal__/switch-slider.component.js";import f from"../../__internal__/utils/helpers/guid/index.js";import{HintText as h}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import v from"../../style/utils/filter-styled-system-margin-props.js";function k(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),i.forEach((function(r){k(e,r,n[r])}))}return e}function y(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 n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}const _=i.forwardRef(((i,k)=>{var{autoFocus:_,id:O,label:j,onChange:B,onBlur:D,onFocus:P,value:x,checked:I,disabled:S,loading:H,reverse:L=!0,required:F,validationOnLabel:z=!1,labelInline:q=!1,labelSpacing:A,labelHelp:T,labelWidth:$,fieldHelpInline:C,size:M="small",name:R,adaptiveLabelBreakpoint:W,tooltipPosition:E,error:U,warning:Y,info:N,"data-element":V,"data-role":G,helpAriaLabel:J,isDarkBackground:K=!1,validationMessagePositionTop:Q=!0}=i,X=function(e,r){if(null==e)return{};var n,i,a=function(e,r){if(null==e)return{};var n,i,a={},o=Object.keys(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||(a[n]=e[n]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(i,["autoFocus","id","label","onChange","onBlur","onFocus","value","checked","disabled","loading","reverse","required","validationOnLabel","labelInline","labelSpacing","labelHelp","labelWidth","fieldHelpInline","size","name","adaptiveLabelBreakpoint","tooltipPosition","error","warning","info","data-element","data-role","helpAriaLabel","isDarkBackground","validationMessagePositionTop"]);const{validationRedesignOptIn:Z}=a(c),ee=o(`${f()}-label`),re=o(`${f()}-hint`),ne=o(`${f()}-message`),ie=u(W);let ae=q;W&&(ae=ie);const oe=!(!q||L)||z,te=v(X),le=w({"data-component":"switch","data-role":G,"data-element":V,checked:I,isDarkBackground:K,fieldHelpInline:C,labelInline:ae,labelSpacing:A,reverse:!L,size:M},te),de={checked:I,disabled:S,loading:H,isDarkBackground:K,size:M,error:U,warning:Y,info:N,useValidationIcon:!Z&&!oe&&!S},se=y(w({autoFocus:_,error:U,warning:Y,info:N,disabled:S,loading:H,checked:I,label:j,labelHelp:T,labelWidth:$,fieldHelpInline:C,labelInline:ae,labelSpacing:A,onBlur:D,isDarkBackground:K,onFocus:P,onChange:B,id:O,name:R,value:x,type:"checkbox",role:"switch",reverse:!L,validationOnLabel:oe&&!S,ref:k,required:F},X),{"data-component":void 0}),ce=w({"data-component":"switch","data-role":G,"data-element":V,checked:I,labelInline:ae,isDarkBackground:K,size:M,reverse:!L,validationRedesignOptIn:Z},te),pe={checked:I,disabled:S,loading:H,isDarkBackground:K,size:M,error:U,warning:Y},ue=w({autoFocus:_,error:!!U,warning:Y,disabled:S,loading:H,checked:I,onBlur:D,isDarkBackground:K,onFocus:P,onChange:B,id:O,name:R,value:x,type:"checkbox",role:"switch",ref:k,required:F},X),be=U||Y,me=[T&&re.current,be&&ne.current].filter(Boolean).join(" ");if(!Z)return e(r,{children:e(s,{helpAriaLabel:J,tooltipPosition:E,children:e(b,y(w({},le),{children:e(l,y(w({},se),{children:e(g,w({},de))}))}))})});const ge=U||Y?q?3:0:q?1:0,fe=q?"row":"column",he=q?"row-reverse":"column",ve=!q||U||Y||N?"":"center";return n(r,{children:[e(b,y(w({},ce),{children:n(t,{"data-role":"field-reverse-wrapper",display:"flex",alignItems:U||Y?"flex-start":void 0,flexDirection:L?fe:he,width:q?"100%":"auto",children:[n(t,y(w({"data-role":"label-wrapper",alignSelf:ve},$&&{width:`${$}%`}),{children:[e(d,{isDarkBackground:K,labelId:ee.current,disabled:S,isRequired:F,children:j}),T&&e(t,{"data-role":"hint-text-wrapper",mb:q?0:1,children:e(h,{"data-role":"hint-text",fontWeight:"400",id:re.current,isDarkBackground:K,marginTop:"8px",children:T})})]})),n(t,{ml:L?ge:0,mr:L?0:ge,position:"relative",id:"input-wrapper","data-role":"input-wrapper",children:[Q&&n(r,{children:[e(p,{error:U,warning:Y,validationId:ne.current,isDarkBackground:K,validationMessagePositionTop:Q,"data-role":"validation-message-top"}),be&&e(m,{"data-role":"error-border",warning:!(U||!Y),reverse:!L,isDarkBackground:K})]}),e(l,y(w({ariaLabelledBy:`${j&&ee.current}`,ariaDescribedBy:me},ue),{fieldHelp:q?void 0:X.fieldHelp,children:e(g,w({},pe))})),!Q&&n(r,{children:[e(p,{error:U,warning:Y,validationId:ne.current,isDarkBackground:K,validationMessagePositionTop:Q,"data-role":"validation-message-bottom"}),be&&e(m,{"data-role":"error-border",warning:!(U||!Y),reverse:!L,isDarkBackground:K})]})]})]})})),q&&X.fieldHelp&&e(t,{color:K?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",children:X.fieldHelp})]})}));_.displayName="Switch";export{_ as Switch,_ as default};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ContentEditable as e}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/form-field/form-field.component.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../carbon-provider/__internal__/new-validation.context.js";import"../../../../../__internal__/input/input.component.js";import"../../../../../__internal__/input/input-presentation.style.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/validation-message/validation-message.style.js";import"../../../../numeral-date/__internal__/numeral-date.context.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../textbox/textbox.style.js";import"../../../../textbox/__internal__/prefix.style.js";import"../../../../dialog/dialog.style.js";import"../../../../heading/heading.style.js";import"../../../../icon-button/icon-button.component.js";import"react-transition-group";import"../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import"../../../../portal/portal.js";import"../../../../../__internal__/modal/modal-manager.js";import"../../../../../__internal__/modal/modal.style.js";import"../../../../../__internal__/modal/modal.context.js";import"../../../../carbon-provider/__internal__/top-modal.context.js";import"../../../../../__internal__/full-screen-heading/full-screen-heading.component.js";import"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const l=i((({inputHint:i,namespace:l,previews:s=[],rows:p,readOnly:m,required:c,error:d,warning:_,validationMessagePositionTop:u,size:j="medium"},x)=>{const b=n(),y=d||_?`${l}-validation-message`:"",g=i?`${l}-input-hint`:"",f=(u?`${y} ${g}`:`${g} ${y}`).trim();return t(r,{"data-role":`${l}-content-editable`,error:d,warning:_,namespace:l,rows:p,readOnly:m,size:j,children:[o(e,{ref:x,"aria-describedby":f,"aria-labelledby":`${l}-label`,"aria-required":c,"aria-invalid":d,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:t=>{var o;if(null===(o=t.relatedTarget)||void 0===o?void 0:o.classList.contains("toolbar-button")){var e;const o=null===(e=t.relatedTarget)||void 0===e?void 0:e.id;if(o){const t=document.querySelector(`[id="${o}"]`);t&&t.focus()}}},onFocus:t=>{t.relatedTarget&&t.relatedTarget.classList.contains("toolbar-button")||b(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),o(a,{previews:s})]})}));export{l as default};
1
+ import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ContentEditable as e}from"@lexical/react/LexicalContentEditable";import{forwardRef as i}from"react";import r from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";import"../CharacterCounter/character-counter.style.js";import"lodash/debounce";import"../../../../../__internal__/i18n-context/index.js";import a from"../LinkPreviewer/link-previewer.component.js";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"../Mentions/constants.js";import"../Mentions/mentions.style.js";import"../../../../tooltip/tooltip.component.js";import"../../../../portrait/portrait.style.js";import"../../../../../style/utils/filter-styled-system-padding-props.js";import"../Placeholder/placeholder.style.js";import"@lexical/utils";import"../Toolbar/toolbar.style.js";import"../../../../button/button.component.js";import"../../../../box/box.component.js";import"../Toolbar/buttons/typography-dropdown/dropdown.style.js";import"../../../../icon/icon.component.js";import"../Toolbar/button-group/button-group.style.js";import"../../../../../__internal__/form-field/form-field.component.js";import"../../../../../__internal__/hint-text/hint-text.style.js";import"../../../../carbon-provider/__internal__/new-validation.context.js";import"../../../../../__internal__/input/input.component.js";import"../../../../../__internal__/input/input-presentation.style.js";import"../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import"invariant";import"../../../../../__internal__/validations/validation-icon.style.js";import"../../../../../__internal__/validation-message/validation-message.style.js";import"../../../../numeral-date/__internal__/numeral-date.context.js";import"../../../../../__internal__/character-count/character-count.style.js";import"../../../../textbox/textbox.style.js";import"../../../../textbox/__internal__/prefix.style.js";import"../../../../dialog/dialog.style.js";import"../../../../heading/heading.style.js";import"../../../../icon-button/icon-button.component.js";import"../../../../typography/typography.component.js";import"react-transition-group";import"../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import"../../../../portal/portal.js";import"../../../../../__internal__/modal/modal-manager.js";import"../../../../../__internal__/modal/modal.style.js";import"../../../../../__internal__/modal/modal.context.js";import"../../../../carbon-provider/__internal__/top-modal.context.js";import"../../../../../__internal__/full-screen-heading/full-screen-heading.component.js";import"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const l=i((({inputHint:i,namespace:l,previews:s=[],rows:p,readOnly:m,required:c,error:d,warning:_,validationMessagePositionTop:u,size:j="medium"},x)=>{const y=n(),b=d||_?`${l}-validation-message`:"",g=i?`${l}-input-hint`:"",f=(u?`${b} ${g}`:`${g} ${b}`).trim();return t(r,{"data-role":`${l}-content-editable`,error:d,warning:_,namespace:l,rows:p,readOnly:m,size:j,children:[o(e,{ref:x,"aria-describedby":f,"aria-labelledby":`${l}-label`,"aria-required":c,"aria-invalid":d,className:`${l}-editable`,"data-role":`${l}-editable`,onBlur:t=>{var o;if(null===(o=t.relatedTarget)||void 0===o?void 0:o.classList.contains("toolbar-button")){var e;const o=null===(e=t.relatedTarget)||void 0===e?void 0:e.id;if(o){const t=document.querySelector(`[id="${o}"]`);t&&t.focus()}}},onFocus:t=>{t.relatedTarget&&t.relatedTarget.classList.contains("toolbar-button")||y(t)},"aria-autocomplete":void 0,"aria-readonly":void 0}),o(a,{previews:s})]})}));export{l as default};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{KEY_BACKSPACE_COMMAND as o,$getSelection as r,$isRangeSelection as i,TextNode as s,COMMAND_PRIORITY_LOW as a}from"lexical";import{useState as m,useMemo as l,useCallback as c,useEffect as p}from"react";import d from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as u}from"./constants.js";import{getPossibleQueryMatch as f}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as x}from"./mention-typeahead-option.class.js";import{$createMentionNode as g,$isMentionNode as C}from"../../__nodes__/mention.node.js";import j from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as y,MentionsList as _}from"./mentions.style.js";const L=({namespace:L,searchOptions:w})=>{const[b]=t(),[k,O]=m(null),S=l((()=>k?w.filter((e=>e.name.toLowerCase().startsWith(k.toLowerCase()))):[]),[k,w]),T=j(),$=l((()=>S.map((e=>new x(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,u)),[S]),A=c(((e,t,n)=>{b.update((()=>{const o=g(`@${e.name}`);t&&t.replace(o),o.select(),n()}))}),[b]);return p((()=>b.registerCommand(o,(()=>{const e=r();if(!i(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(C(n)){const e=new s(n.getTextContent());return n.replace(e),!0}return!1}),a)),[b]),e(n,{onQueryChange:O,onSelectOption:A,triggerFn:e=>f(e),options:$,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>t.current&&S.length?d.createPortal(e(y,{id:`${L}-mentions-menu`,children:e(_,{"data-role":"mention-list",id:`${L}-mention-list`,role:"listbox","aria-label":T.textEditor.mentions.listAriaLabel(),children:$.map(((t,i)=>e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,namespace:L,currentQueryString:null!=k?k:void 0},t.key)))})}),t.current):null})};export{L as MentionsPlugin,L as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{$isTextNode as o,$createTextNode as r,KEY_BACKSPACE_COMMAND as i,$getSelection as s,$isRangeSelection as l,TextNode as a,COMMAND_PRIORITY_LOW as m}from"lexical";import{useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as x}from"./constants.js";import{getPossibleQueryMatch as g}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as C}from"./mention-typeahead-option.class.js";import{$createMentionNode as j,$isMentionNode as y}from"../../__nodes__/mention.node.js";import _ from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as L,MentionsList as $}from"./mentions.style.js";const b=({namespace:b,searchOptions:v})=>{const[w]=t(),[S,T]=c(null),k=p((()=>S?v.filter((e=>e.name.toLowerCase().includes(S.toLowerCase()))):[]),[S,v]),A=_(),O=p((()=>k.map((e=>new C(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,x)),[k]),E=d(((e,t,n)=>{w.update((()=>{const i=j(`@${e.name}`);t&&t.replace(i);const s=i.getNextSibling();if(o(s)&&s.getTextContent().startsWith(" "))s.select(1,1);else{const e=r(" ");i.insertAfter(e),e.select()}n()}))}),[w]);return u((()=>w.registerCommand(i,(()=>{const e=s();if(!l(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(y(n)){const e=new a(n.getTextContent());return n.replace(e),!0}return!1}),m)),[w]),e(n,{onQueryChange:T,onSelectOption:E,triggerFn:e=>g(e),options:O,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>t.current&&k.length?f.createPortal(e(L,{id:`${b}-mentions-menu`,children:e($,{"data-role":"mention-list",id:`${b}-mention-list`,role:"listbox","aria-label":A.textEditor.mentions.listAriaLabel(),children:O.map(((t,i)=>{var s,l;const a=null!==(l=null!==(s=t.key)&&void 0!==s?s:t.id)&&void 0!==l?l:`${b}-${i}`;return e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,namespace:b,currentQueryString:null!=S?S:void 0},a)}))})}),t.current):null})};export{b as MentionsPlugin,b as default};
@@ -1 +1 @@
1
- import o from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"sc-537aff0b-0"})(["background:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.3);border-radius:8px;position:relative;width:250px;"]),i=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"sc-537aff0b-1"})(["padding:8px 0;list-style:none;margin:0;border-radius:8px;max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),n=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"sc-537aff0b-2"})(['padding:8px 24px;color:#0000008c;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;background-color:#fff;border-radius:0;border:0;&:hover{background-color:#eee;color:#000;border-radius:0;div[data-component="portrait"]{color:#000;[data-element="initials"],[data-component="icon"]{color:#000;}}}&.active{display:flex;width:20px;height:20px;background-size:contain;}&.selected{background:#eee;}.text{display:flex;line-height:20px;flex-grow:1;min-width:150px;margin-left:8px;align-items:center;font-size:14px;margin-top:-1px;}div[data-component="portrait"]{background-color:#f2f5f6ff;color:#000000e6;min-width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #ccd6dbff;display:inline-block;font-size:13px;[data-element="initials"],[data-component="icon"]{color:#8b8b8b;}}']);export{i as MentionsList,n as MentionsListItem,e as TypeaheadPopover};
1
+ import o from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"sc-fd1b05a2-0"})(["background:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.3);border-radius:8px;position:relative;width:250px;"]),i=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"sc-fd1b05a2-1"})(["padding:8px 0;list-style:none;margin:0;border-radius:8px;max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),n=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"sc-fd1b05a2-2"})(['padding:8px 24px;color:#0000008c;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;background-color:#fff;border-radius:0;border:0;&:hover{background-color:#eee;color:#000;border-radius:0;div[data-component="portrait"]{color:#000;[data-element="initials"],[data-component="icon"]{color:#000;}}}&.active{display:flex;width:20px;height:20px;background-size:contain;}&.selected{background:#eee;}.text{display:flex;line-height:20px;flex-grow:1;min-width:150px;margin-left:8px;align-items:center;font-size:14px;margin-top:-1px;white-space:pre;}div[data-component="portrait"]{background-color:#f2f5f6ff;color:#000000e6;min-width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #ccd6dbff;display:inline-block;font-size:13px;[data-element="initials"],[data-component="icon"]{color:#8b8b8b;}}']);export{i as MentionsList,n as MentionsListItem,e as TypeaheadPopover};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}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 p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as d}from"@lexical/react/LexicalOnChangePlugin";import{$getRoot as _}from"lexical";import{forwardRef as u,useRef as m,useState as f,useImperativeHandle as g,useEffect as h,useMemo as v,useCallback as b}from"react";import x from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as w,MARKDOWN_NODES as O}from"./__internal__/__utils__/constants.js";import P from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import L from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import E from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import C from"./text-editor.context.js";import{StyledTextEditorWrapper as T,StyledWrapper as k,StyledEditorToolbarWrapper as S,StyledHeaderWrapper as M,StyledTextEditor as $,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as F,SerializeLexical as H,validateUrl as z}from"./__internal__/__utils__/helpers.js";import{HintText as A}from"../../__internal__/hint-text/hint-text.component.js";import q from"../../__internal__/validation-message/validation-message.component.js";import D from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import I from"../../style/utils/filter-styled-system-margin-props.js";import R from"../../__internal__/utils/helpers/tags/tags.js";import V from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as U}from"./__internal__/__utils__/theme.js";import G from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import J from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.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 K from"./__internal__/__ui__/Placeholder/placeholder.component.js";import N from"./__internal__/__ui__/Toolbar/toolbar.component.js";function Q(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function W(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){Q(e,r,t[r])}))}return e}let X=!1,Y=!1,Z=!1;const ee=u(((u,Q)=>{var ee,re,te,{characterLimit:ne=3e3,error:oe,footer:ie,header:ae,inputHint:le,labelText:se,namespace:ce=w,onBlur:pe,onCancel:de,onChange:_e,onFocus:ue,onLinkAdded:me,onSave:fe,placeholder:ge,previews:he=[],readOnly:ve=!1,required:be=!1,rows:xe,size:ye="medium",warning:je,customPlugins:we,validationMessagePositionTop:Oe=!1,toolbarControls:Pe}=u,Le=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!X&&Le.value&&(X=!0,j.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!Y&&de&&(Y=!0,j.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.")),!Z&&fe&&(Z=!0,j.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 Ee=m(null!==(te=null!==(re=Le.initialValue)&&void 0!==re?re:Le.value)&&void 0!==te?te:F()),Ce=y(),[Te,ke]=f(void 0),Se=m(null),[Me,$e]=f(!1);g(Q,(()=>({focus(){var e;null===(e=Se.current)||void 0===e||e.focus()}})),[]),h((()=>{const e=null==Se?void 0:Se.current,r=()=>{$e(!0)},t=()=>{$e(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Se]);const Be=v((()=>({namespace:ce,nodes:O,onError:e=>j.error(e.message),theme:U(),editorState:Ee.current,editable:!ve})),[ce,ve]),Fe=b(((e,r)=>{const t=e.read((()=>_().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(_e){const e=H(r);null==_e||_e(t,e)}if(ne>0){const e=ne-t.length;ke(e<0?Ce.textEditor.characterLimit(Math.abs(e)):void 0)}}),[ne,Ce.textEditor,_e]),He=b((e=>{if(!e.isEditable())return;if(!de)return;const r=e.parseEditorState(Ee.current);e.setEditorState(r),de()}),[de]),ze=v((()=>({namespace:ce,onCancel:de?He:void 0,onSave:fe,toolbarControls:Pe})),[He,ce,de,fe,Pe]),Ae=je||Te,qe=()=>{switch(ye){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(T,(De=W({"data-role":`${ce}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==pe||pe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ue||ue(e)}},I(Le),R("text-editor",Le)),Ie=null!=(Ie={children:r(C.Provider,{value:{onLinkAdded:me},children:[e(x,{isRequired:be,labelId:`${ce}-label`,children:se}),le&&!ve&&e(A,{id:`${ce}-input-hint`,marginBottom:qe(),children:le}),e(n,{initialConfig:Be,children:r(k,{"data-role":`${ce}-wrapper`,children:[Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),r(S,{"data-role":`${ce}-editor-toolbar-wrapper`,error:!!oe,id:`${ce}-editor-toolbar-wrapper`,children:[ae&&e(M,{"data-role":`${ce}-header-wrapper`,children:ae}),ve?e(V,{"aria-label":se,initialValue:(null===(ee=Se.current)||void 0===ee?void 0:ee.innerHTML)||Ee.current,size:ye}):r(t,{children:[e(N,W({contentEditorRef:Se,hasHeader:Boolean(ae),size:ye},ze)),r($,{"data-role":`${ce}-editor`,error:!!oe,children:[e(s,{contentEditable:e(J,{ref:Se,inputHint:le,isFocused:Me,namespace:ce,previews:he,rows:xe,readOnly:ve,required:be,error:!!oe,warning:!!je||!!Te,validationMessagePositionTop:Oe,size:ye}),placeholder:e(K,{namespace:ce,text:ge}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(d,{onChange:Fe,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:z}),e(o,{newTab:!0}),e(P,{}),e(E,{}),we]})]}),ie&&e(B,{"data-role":`${ce}-footer-wrapper`,size:ye,children:ie}),e(L,{})]}),!Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),ne>0&&!ve&&e(G,{isFocused:Me,maxChars:ne,namespace:ce,marginTop:qe()})]})})]})})?Ie:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(Ie)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Ie)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(Ie,e))})),De));var De,Ie}));export{ee as TextEditor,ee as default};
1
+ import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}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 p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as d}from"@lexical/react/LexicalOnChangePlugin";import{$getRoot as _}from"lexical";import u,{forwardRef as m,useRef as f,useState as g,useImperativeHandle as h,useEffect as v,useMemo as b,useCallback as x}from"react";import y from"../../__internal__/label/label.component.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import w from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as O,MARKDOWN_NODES as P}from"./__internal__/__utils__/constants.js";import L from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import C from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import E from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import T from"./text-editor.context.js";import{StyledTextEditorWrapper as k,StyledWrapper as S,StyledEditorToolbarWrapper as M,StyledHeaderWrapper as $,StyledTextEditor as B,StyledFooterWrapper as F}from"./text-editor.style.js";import{createEmpty as H,SerializeLexical as z,validateUrl as A}from"./__internal__/__utils__/helpers.js";import{HintText as q}from"../../__internal__/hint-text/hint-text.component.js";import D from"../../__internal__/validation-message/validation-message.component.js";import I from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import R from"../../style/utils/filter-styled-system-margin-props.js";import V from"../../__internal__/utils/helpers/tags/tags.js";import U from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as G}from"./__internal__/__utils__/theme.js";import J from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import K from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.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 N from"./__internal__/__ui__/Placeholder/placeholder.component.js";import Q from"./__internal__/__ui__/Toolbar/toolbar.component.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 X(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}let Y=!1,Z=!1,ee=!1;const re=m(((m,W)=>{var re,te,ne,{characterLimit:oe=3e3,error:ie,footer:ae,header:le,inputHint:se,labelText:ce,namespace:pe=O,onBlur:de,onCancel:_e,onChange:ue,onFocus:me,onLinkAdded:fe,onSave:ge,placeholder:he,previews:ve=[],readOnly:be=!1,required:xe=!1,rows:ye,size:je="medium",warning:we,customPlugins:Oe,validationMessagePositionTop:Pe=!1,toolbarControls:Le}=m,Ce=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(m,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!Y&&Ce.value&&(Y=!0,w.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!Z&&_e&&(Z=!0,w.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.")),!ee&&ge&&(ee=!0,w.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 Ee=f(null!==(ne=null!==(te=Ce.initialValue)&&void 0!==te?te:Ce.value)&&void 0!==ne?ne:H()),Te=j(),[ke,Se]=g(void 0),Me=f(null),[$e,Be]=g(!1);h(W,(()=>({focus(){var e;null===(e=Me.current)||void 0===e||e.focus()}})),[]),v((()=>{const e=null==Me?void 0:Me.current,r=()=>{Be(!0)},t=()=>{Be(!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)}}),[Me]);const Fe=b((()=>({namespace:pe,nodes:P,onError:e=>w.error(e.message),theme:G(),editorState:Ee.current,editable:!be})),[pe,be]),He=x(((e,r)=>{const t=e.read((()=>_().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(ue){const e=z(r);null==ue||ue(t,e)}if(oe>0){const e=oe-t.length;Se(e<0?Te.textEditor.characterLimit(Math.abs(e)):void 0)}}),[oe,Te.textEditor,ue]),ze=x((e=>{if(!e.isEditable())return;if(!_e)return;const r=e.parseEditorState(Ee.current);e.setEditorState(r),_e()}),[_e]),Ae=b((()=>({namespace:pe,onCancel:_e?ze:void 0,onSave:ge,toolbarControls:Le})),[ze,pe,_e,ge,Le]),qe=we||ke,De=()=>{switch(je){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(k,(Ie=X({"data-role":`${pe}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==de||de(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==me||me(e)}},R(Ce),V("text-editor",Ce)),Re=null!=(Re={children:r(T.Provider,{value:{onLinkAdded:fe},children:[e(y,{isRequired:xe,labelId:`${pe}-label`,children:ce}),se&&!be&&e(q,{id:`${pe}-input-hint`,marginBottom:De(),children:se}),e(n,{initialConfig:Fe,children:r(S,{"data-role":`${pe}-wrapper`,children:[Pe&&r(t,{children:[e(D,{error:ie,warning:qe,validationId:`${pe}-validation-message`,"data-role":`${pe}-validation-message`,validationMessagePositionTop:Pe}),(ie||qe)&&e(I,{warning:!(ie||!qe)})]}),r(M,{"data-role":`${pe}-editor-toolbar-wrapper`,error:!!ie,id:`${pe}-editor-toolbar-wrapper`,children:[le&&e($,{"data-role":`${pe}-header-wrapper`,children:le}),be?e(U,{"aria-label":ce,initialValue:(null===(re=Me.current)||void 0===re?void 0:re.innerHTML)||Ee.current,size:je}):r(t,{children:[e(Q,X({contentEditorRef:Me,hasHeader:Boolean(le),size:je},Ae)),r(B,{"data-role":`${pe}-editor`,error:!!ie,children:[e(s,{contentEditable:e(K,{ref:Me,inputHint:se,isFocused:$e,namespace:pe,previews:ve,rows:ye,readOnly:be,required:xe,error:!!ie,warning:!!we||!!ke,validationMessagePositionTop:Pe,size:je}),placeholder:e(N,{namespace:pe,text:he}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(d,{onChange:He,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:A}),e(o,{newTab:!0}),e(L,{}),e(E,{}),u.Children.toArray(Oe)]})]}),ae&&e(F,{"data-role":`${pe}-footer-wrapper`,size:je,children:ae}),e(C,{})]}),!Pe&&r(t,{children:[e(D,{error:ie,warning:qe,validationId:`${pe}-validation-message`,"data-role":`${pe}-validation-message`,validationMessagePositionTop:Pe}),(ie||qe)&&e(I,{warning:!(ie||!qe)})]}),oe>0&&!be&&e(J,{isFocused:$e,maxChars:oe,namespace:pe,marginTop:De()})]})})]})})?Re:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ie,Object.getOwnPropertyDescriptors(Re)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Re)).forEach((function(e){Object.defineProperty(Ie,e,Object.getOwnPropertyDescriptor(Re,e))})),Ie));var Ie,Re}));export{re as TextEditor,re as default};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../components/heading/heading.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var d=n(e);const a=d.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-7e5b8f64-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),i=d.default.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-7e5b8f64-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"," ","{width:auto;margin-bottom:24px;","{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}"],(({hasContent:t})=>t&&e.css(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:t})=>t&&e.css(["&{padding-right:64px;}"])),t.StyledHeading,t.StyledHeader);exports.StyledHeaderContainer=a,exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const d=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),n=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:t})=>t&&e.css(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:t})=>t&&e.css(["&{padding-right:64px;}"])));exports.StyledHeaderContainer=d,exports.default=n;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../__internal__/utils/helpers/guid/index.js"),r=require("../heading/heading.component.js"),o=require("../dialog/dialog.component.js"),i=require("./confirm.style.js"),c=require("../button/button.component.js"),l=require("../icon/icon.component.js"),a=require("../loader/loader.component.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/utils/helpers/tags/tags.js");function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=d=>{var{"aria-labelledby":p,"aria-describedby":y,"aria-label":m,open:j,children:O,cancelButtonDestructive:g=!1,confirmButtonDestructive:P=!1,cancelButtonType:h="secondary",confirmButtonType:v="primary",cancelButtonIconType:B,cancelButtonIconPosition:C,confirmButtonIconType:x,confirmButtonIconPosition:I,cancelButtonDataProps:w,confirmButtonDataProps:T,cancelLabel:_,onCancel:D,disableCancel:q,onConfirm:L,isLoadingConfirm:S,disableConfirm:k,confirmLabel:z,iconType:M,subtitle:E,title:H,size:R="extra-small",showCloseIcon:A=!1,topModalOverride:F}=d,G=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(d,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const J=s.default(),{current:K}=t.useRef(n.default()),{current:N}=t.useRef(n.default()),Q={"aria-labelledby":p,"aria-describedby":y,"aria-label":m};return H&&M&&(Q["aria-labelledby"]=K),E&&M&&(Q["aria-describedby"]=N),e.jsxs(o.Dialog,f(b({open:j,onCancel:D,disableClose:q,subtitle:E,title:M?e.jsxs(i.StyledConfirmHeading,{type:M,"data-element":M,children:[e.jsx(l.default,{type:M,fontSize:"medium"}),e.jsx(r.Heading,{title:H,titleId:K,subheader:E,subtitleId:N,divider:!1})]}):H,role:"alertdialog",size:R,showCloseIcon:A,topModalOverride:F},Q,G),{"data-component":"confirm",children:[O,e.jsxs(i.StyledConfirmButtons,{children:[D?e.jsx(c.default,f(b({onClick:D,buttonType:h,destructive:g,disabled:q,iconType:B,iconPosition:C},u.default("cancel",b({"data-element":"cancel"},w))),{children:_||J.confirm.no()})):null,e.jsx(c.default,f(b({onClick:L,buttonType:v,destructive:P,disabled:S||k,ml:2,iconType:x,iconPosition:I},u.default("confirm",b({"data-element":"confirm"},T))),{children:S?e.jsx(a.Loader,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):z||J.confirm.yes()}))]})]}))};exports.Confirm=p,exports.default=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../__internal__/utils/helpers/guid/index.js"),r=require("../dialog/dialog.component.js"),o=require("./confirm.style.js"),i=require("../button/button.component.js"),a=require("../icon/icon.component.js"),c=require("../loader/loader.component.js"),l=require("../typography/typography.component.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../__internal__/utils/helpers/tags/tags.js");function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const f=d=>{var{"aria-labelledby":f,"aria-describedby":y,"aria-label":m,open:j,children:O,cancelButtonDestructive:g=!1,confirmButtonDestructive:h=!1,cancelButtonType:P="secondary",confirmButtonType:B="primary",cancelButtonIconType:v,cancelButtonIconPosition:C,confirmButtonIconType:w,confirmButtonIconPosition:x,cancelButtonDataProps:T,confirmButtonDataProps:_,cancelLabel:D,onCancel:I,disableCancel:q,onConfirm:L,isLoadingConfirm:S,disableConfirm:k,confirmLabel:z,iconType:M,subtitle:E,title:R,size:A="extra-small",showCloseIcon:H=!1,topModalOverride:W}=d,F=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(d,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const G=s.default(),{current:J}=t.useRef(n.default()),{current:K}=t.useRef(n.default()),N={"aria-labelledby":f,"aria-describedby":y,"aria-label":m};return R&&M&&(N["aria-labelledby"]=J),E&&M&&(N["aria-describedby"]=K),e.jsxs(r.Dialog,b(p({open:j,onCancel:I,disableClose:q,subtitle:E,title:M?e.jsxs(o.StyledConfirmHeading,{type:M,"data-element":M,children:[e.jsx(a.default,{type:M,fontSize:"medium"}),e.jsx(l.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:J,children:R})]}):R,role:"alertdialog",size:A,showCloseIcon:H,topModalOverride:W},N,F),{"data-component":"confirm",children:[O,e.jsxs(o.StyledConfirmButtons,{children:[I?e.jsx(i.default,b(p({onClick:I,buttonType:P,destructive:g,disabled:q,iconType:v,iconPosition:C},u.default("cancel",p({"data-element":"cancel"},T))),{children:D||G.confirm.no()})):null,e.jsx(i.default,b(p({onClick:L,buttonType:B,destructive:h,disabled:S||k,ml:2,iconType:w,iconPosition:x},u.default("confirm",p({"data-element":"confirm"},_))),{children:S?e.jsx(c.Loader,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):z||G.confirm.yes()}))]})]}))};exports.Confirm=f,exports.default=f;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.component.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../../__internal__/modal/modal.component.js"),i=require("../../__internal__/focus-trap/focus-trap.component.js"),s=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../../__internal__/utils/logger/index.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function h(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}let y=!1,j=!1;const m=t.forwardRef(((f,m)=>{var{className:O,"data-component":_="dialog","data-element":v="dialog","data-role":C,children:x,open:P,height:w,size:S="medium",title:q,disableEscKey:D,subtitle:k,disableAutoFocus:F=!1,focusFirstElement:I,focusableSelectors:R,onCancel:E,showCloseIcon:M=!0,bespokeFocusTrap:T,disableClose:B,help:H,highlightVariant:A="default",role:z="dialog",contentPadding:K,greyBackground:L=!1,focusableContainers:N,topModalOverride:V,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":W,"aria-describedby":Y,"aria-label":G,pagesStyling:J,headerChildren:Q,disableContentPadding:X,contentRef:Z,fullscreen:ee=!1}=f,te=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const re=p.default(),le=t.useRef(null),ae=t.useRef(null),oe=t.useRef(null),{current:ne}=t.useRef(d.default()),{current:ie}=t.useRef(d.default()),se=b.default(le);!y&&B&&(y=!0,u.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!j&&J&&(j=!0,u.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(m,(()=>({focus(){var e;null===(e=le.current)||void 0===e||e.focus()}})),[]);const de=M&&E&&e.jsx(o.default,h(g({"aria-label":re.dialog.ariaLabels.close(),disabled:B,onClick:E},c.default("close",g({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ce=w;w&&w.match(/px$/)&&(ce=w.replace("px",""));const ue={"aria-describedby":k&&"string"==typeof k?ie:Y,"aria-label":G,"aria-labelledby":q&&"string"==typeof q?ne:W};return e.jsx(n.default,h(g({className:O?`${O} carbon-dialog`:"carbon-dialog",disableClose:B,disableEscKey:D,onCancel:E,open:P,restoreFocusOnClose:$,topModalOverride:V},c.default("dialog",te),te),{children:e.jsx(i.default,{additionalWrapperRefs:N,autoFocus:!F,bespokeTrap:T,focusableSelectors:R,focusFirstElement:I,isOpen:P,wrapperRef:le,children:e.jsx(r.DialogPositioner,{fullscreen:ee,children:e.jsxs(r.StyledDialog,h(g(h(g({"aria-modal":!("dialog"!==z||!se)||void 0},ue),{backgroundColor:L?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":_,"data-element":v,"data-role":C,dialogHeight:ce,fullscreen:ee,highlightVariant:A,pagesStyling:J,ref:le,role:z,size:S,tabIndex:-1}),K),{children:[q||Q?ee?e.jsxs(s.default,{hasContent:!!q,hasCloseButton:M,ref:ae,children:["string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",title:q,titleId:ne,subheader:k,subtitleId:ie,divider:!1,help:H}):q,Q]}):e.jsx(r.StyledDialogTitle,{hasSubtitle:!!k,ref:oe,showCloseIcon:M,children:"string"==typeof q?e.jsx(l.Heading,{"data-element":"dialog-title",divider:!1,help:H,subheader:k,subtitleId:ie,title:q,titleId:ne}):q}):null,de,e.jsx(r.StyledDialogContent,h(g({},K),{"data-role":"dialog-content",disableContentPadding:X,fullscreen:ee,hasHeader:void 0!==q,tabIndex:-1,ref:Z,children:x}))]}))})})}))}));exports.Dialog=m,exports.default=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./dialog.style.js"),l=require("../heading/heading.style.js"),a=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("../typography/typography.component.js"),i=require("../../__internal__/modal/modal.component.js"),s=require("../../__internal__/focus-trap/focus-trap.component.js"),d=require("../../__internal__/full-screen-heading/full-screen-heading.component.js"),c=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),p=require("../../__internal__/utils/logger/index.js"),g=require("../../hooks/__internal__/useLocale/useLocale.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){f(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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}let j=!1,m=!1;const O=t.forwardRef(((f,O)=>{var{className:_,"data-component":x="dialog","data-element":v="dialog","data-role":w,children:C,open:P,height:S,size:k="medium",title:q,disableEscKey:D,subtitle:F,disableAutoFocus:R=!1,focusFirstElement:E,focusableSelectors:T,onCancel:B,showCloseIcon:I=!0,bespokeFocusTrap:M,disableClose:H,help:A,highlightVariant:z="default",role:K="dialog",contentPadding:L,greyBackground:N=!1,focusableContainers:V,topModalOverride:W,closeButtonDataProps:U,restoreFocusOnClose:$=!0,"aria-labelledby":Y,"aria-describedby":G,"aria-label":J,pagesStyling:Q,headerChildren:X,disableContentPadding:Z,contentRef:ee,fullscreen:te=!1}=f,re=function(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},o=Object.keys(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)r=o[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(f,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label","pagesStyling","headerChildren","disableContentPadding","contentRef","fullscreen"]);const le=g.default(),ae=t.useRef(null),oe=t.useRef(null),ne=t.useRef(null),{current:ie}=t.useRef(c.default()),{current:se}=t.useRef(c.default()),de=b.default(ae);!j&&H&&(j=!0,p.default.deprecate("The disableClose prop in Dialog is deprecated and will soon be removed.")),!m&&Q&&(m=!0,p.default.deprecate("The pagesStyling prop in Dialog is deprecated and will soon be removed.")),t.useImperativeHandle(O,(()=>({focus(){var e;null===(e=ae.current)||void 0===e||e.focus()}})),[]);const ce=I&&B&&e.jsx(o.default,y(h({"aria-label":le.dialog.ariaLabels.close(),disabled:H,onClick:B},u.default("close",h({"data-element":"close"},U))),{children:e.jsx(a.default,{type:"close"})}));let ue=S;S&&S.match(/px$/)&&(ue=S.replace("px",""));const pe={"aria-describedby":F&&"string"==typeof F?se:G,"aria-label":J,"aria-labelledby":q&&"string"==typeof q?ie:Y};return e.jsx(i.default,y(h({className:_?`${_} carbon-dialog`:"carbon-dialog",disableClose:H,disableEscKey:D,onCancel:B,open:P,restoreFocusOnClose:$,topModalOverride:W},u.default("dialog",re),re),{children:e.jsx(s.default,{additionalWrapperRefs:V,autoFocus:!R,bespokeTrap:M,focusableSelectors:T,focusFirstElement:E,isOpen:P,wrapperRef:ae,children:e.jsx(r.DialogPositioner,{fullscreen:te,children:e.jsxs(r.StyledDialog,y(h(y(h({"aria-modal":!("dialog"!==K||!de)||void 0},pe),{backgroundColor:N?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)","data-component":x,"data-element":v,"data-role":w,dialogHeight:ue,fullscreen:te,highlightVariant:z,pagesStyling:Q,ref:ae,role:K,size:k,tabIndex:-1}),L),{children:[q||X?(()=>{const t=e.jsxs("div",{"data-element":"dialog-title-container",children:["string"==typeof q?e.jsx(e.Fragment,{children:A?e.jsxs("div",{"data-element":"dialog-title-help-wrapper",children:[e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1",marginRight:"16px","data-element":"dialog-title",id:ie,children:q}),e.jsx(l.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",children:A})]}):e.jsx(n.Typography,{wordWrap:"break-word",wordBreak:"normal",variant:"h1","data-element":"dialog-title",id:ie,children:q})}):q,F&&e.jsx("div",{style:{marginTop:"5px",width:"100%",flexBasis:"100%"},"data-element":"subtitle","data-role":"subtitle",id:se,children:F})]});return te?e.jsxs(d.default,{hasContent:!!q,hasCloseButton:I,ref:oe,children:[t,X]}):e.jsxs(r.StyledDialogTitle,{hasSubtitle:!!F,ref:ne,showCloseIcon:I,children:[t,X]})})():null,ce,e.jsx(r.StyledDialogContent,y(h({},L),{"data-role":"dialog-content",disableContentPadding:Z,fullscreen:te,hasHeader:void 0!==q,tabIndex:-1,ref:ee,children:C}))]}))})})}))}));exports.Dialog=O,exports.default=O;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),i=require("styled-system"),d=require("../../style/themes/apply-base-theme.js"),t=require("../heading/heading.style.js"),o=require("../icon-button/icon-button.style.js"),a=require("../form/form.style.js"),n=require("../../__internal__/full-screen-heading/full-screen-heading.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var l=r(e);const s={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},p=(d=!1)=>t=>d?e.css(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(t)?e.css(["",""],i.padding):e.css(["",""],e.css(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])),c=l.default.div.attrs(d.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-499f617a-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:i})=>i&&e.css(["justify-content:stretch;align-items:stretch;"]))),g=l.default.div.attrs(d.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-499f617a-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(d=>{var{disableContentPadding:t,fullscreen:o,hasHeader:n}=d,r=function(e,i){if(null==e)return{};var d,t,o=function(e,i){if(null==e)return{};var d,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)d=a[t],i.indexOf(d)>=0||(o[d]=e[d]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)d=a[t],i.indexOf(d)>=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(o[d]=e[d])}return o}(d,["disableContentPadding","fullscreen","hasHeader"]);return o?e.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],p(t)(r),a.StyledForm,a.StyledForm,a.StyledFormContent,p(t)(r),!n&&e.css(["padding-top:0;"])):e.css(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],t?"0px":"24px 32px 30px",i.padding,a.StyledForm,a.StyledForm,a.StyledFormContent,i.padding,a.StyledFormFooter)})),u=l.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-499f617a-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," ","{align-items:baseline;}> ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:d,fullscreen:t,highlightVariant:o,size:a})=>t?e.css(["background-color:",";height:100%;width:100%;"],i):e.css(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,o&&"ai"===o&&e.css(['&::before{content:"";position:absolute;top:-8px;height:100px;width:100%;z-index:-1;background:linear-gradient( 90deg,#00d639 0%,#00d6de 40%,#9d60ff 90% );border-radius:var(--borderRadius200) var(--borderRadius200) 0 0;}']),"maximise"===a?e.css(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):e.css(["max-height:90vh;max-width:",";width:100%;"],s[a]),d&&e.css(["height:","px;"],d))),t.StyledHeaderContent,o.default,(({fullscreen:i})=>i?e.css(["right:40px;top:26px;"]):e.css(["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:d})=>function({fullscreen:i,pagesStyling:d}){return i&&d?e.css(["","{padding:0;}> ","{right:33px;top:32px;}","{padding:32px 32px 0;}","{width:auto;padding-top:4px;","{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}"],g,o.default,n.default,t.StyledHeading,t.StyledHeader):""}({fullscreen:i,pagesStyling:d}))),x=l.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-499f617a-3"})(["",""],(({fullscreen:i,hasSubtitle:d,showCloseIcon:o})=>!i&&e.css(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",";","{align-items:baseline;}","{margin-bottom:20px;","{color:var(--colorsUtilityYin090);display:block;overflow:hidden;text-overflow:ellipsis;padding:",";}}"],o&&"padding-right: 85px",t.StyledHeaderContent,t.StyledHeading,t.StyledHeadingTitle,!d&&"4px 0px")));exports.DialogPositioner=c,exports.StyledDialog=u,exports.StyledDialogContent=g,exports.StyledDialogTitle=x;
1
+ "use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),d=require("../icon-button/icon-button.style.js"),o=require("../form/form.style.js"),a=require("../../__internal__/full-screen-heading/full-screen-heading.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(e);const r={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=(t=!1)=>d=>t?e.css(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(d)?e.css(["",""],i.padding):e.css(["",""],e.css(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])),p=l.default.div.attrs(t.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-6e8ce702-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:i})=>i&&e.css(["justify-content:stretch;align-items:stretch;"]))),c=l.default.div.attrs(t.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-6e8ce702-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(t=>{var{disableContentPadding:d,fullscreen:a,hasHeader:n}=t,l=function(e,i){if(null==e)return{};var t,d,o=function(e,i){if(null==e)return{};var t,d,o={},a=Object.keys(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||(o[t]=e[t]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["disableContentPadding","fullscreen","hasHeader"]);return a?e.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],s(d)(l),o.StyledForm,o.StyledForm,o.StyledFormContent,s(d)(l),!n&&e.css(["padding-top:0;"])):e.css(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],d?"0px":"24px 32px 30px",i.padding,o.StyledForm,o.StyledForm,o.StyledFormContent,i.padding,o.StyledFormFooter)})),g=l.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-6e8ce702-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:t,fullscreen:d,highlightVariant:o,size:a})=>d?e.css(["background-color:",";height:100%;width:100%;"],i):e.css(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,o&&"ai"===o&&e.css(['&::before{content:"";position:absolute;top:-8px;height:100px;width:100%;z-index:-1;background:linear-gradient( 90deg,#00d639 0%,#00d6de 40%,#9d60ff 90% );border-radius:var(--borderRadius200) var(--borderRadius200) 0 0;}']),"maximise"===a?e.css(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):e.css(["max-height:90vh;max-width:",";width:100%;"],r[a]),t&&e.css(["height:","px;"],t))),d.default,(({fullscreen:i})=>i?e.css(["right:40px;top:26px;"]):e.css(["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:t})=>function({fullscreen:i,pagesStyling:t}){return i&&t?e.css(["","{padding:0;}> ","{right:33px;top:32px;}",'{padding:32px 32px 0;}[data-element="dialog-title-container"]{width:auto;padding-top:4px;[data-element="dialog-title"]{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}'],c,d.default,a.default):""}({fullscreen:i,pagesStyling:t}))),u=l.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-6e8ce702-3"})(["",""],(({fullscreen:i,hasSubtitle:t,showCloseIcon:d})=>!i&&e.css(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",';[data-element="dialog-title-help-wrapper"]{display:inline-flex;align-items:baseline;}[data-element="dialog-title-container"]{margin-bottom:20px;[data-element="dialog-title"]{color:var(--colorsUtilityYin090);display:block;padding:',";}}"],d&&"padding-right: 85px",!t&&"4px 0px")));exports.DialogPositioner=p,exports.StyledDialog=g,exports.StyledDialogContent=c,exports.StyledDialogTitle=u;
@@ -28,5 +28,6 @@ export interface SwitchProps extends Omit<CommonCheckableInputProps, "defaultChe
28
28
  /** Checked state of the input */
29
29
  checked: boolean;
30
30
  }
31
- export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
32
- export default Switch;
31
+ declare const SwitchComponent: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
32
+ export { SwitchComponent as Switch };
33
+ export default SwitchComponent;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),i=require("react"),t=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var n=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var o=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/form-field/form-field.component.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../carbon-provider/__internal__/new-validation.context.js"),require("../../../../../__internal__/input/input.component.js"),require("../../../../../__internal__/input/input-presentation.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/validation-message/validation-message.style.js"),require("../../../../numeral-date/__internal__/numeral-date.context.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../textbox/textbox.style.js"),require("../../../../textbox/__internal__/prefix.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("../../../../../__internal__/modal/modal-manager.js"),require("../../../../../__internal__/modal/modal.style.js"),require("../../../../../__internal__/modal/modal.context.js"),require("../../../../carbon-provider/__internal__/top-modal.context.js"),require("../../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");const a=i.forwardRef((({inputHint:i,namespace:a,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium"},j)=>{const m=n.default(),x=d||_?`${a}-validation-message`:"",b=i?`${a}-input-hint`:"",y=(q?`${x} ${b}`:`${b} ${x}`).trim();return e.jsxs(t.default,{"data-role":`${a}-content-editable`,error:d,warning:_,namespace:a,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{ref:j,"aria-describedby":y,"aria-labelledby":`${a}-label`,"aria-required":c,"aria-invalid":d,className:`${a}-editable`,"data-role":`${a}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var i;const r=null===(i=e.relatedTarget)||void 0===i?void 0:i.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||m(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(o.default,{previews:l})]})}));exports.default=a;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalContentEditable"),t=require("react"),i=require("./content-editor.style.js");require("../../__plugins__/AutoLinker/auto-link.component.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("@lexical/headless"),require("@lexical/html"),require("lexical"),require("@lexical/code"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("../../../text-editor.context.js");var n=require("../../__plugins__/useCursorAtEnd/index.js");require("../CharacterCounter/character-counter.style.js"),require("lodash/debounce"),require("../../../../../__internal__/i18n-context/index.js");var o=require("../LinkPreviewer/link-previewer.component.js");require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("../Mentions/constants.js"),require("../Mentions/mentions.style.js"),require("../../../../tooltip/tooltip.component.js"),require("../../../../portrait/portrait.style.js"),require("../../../../../style/utils/filter-styled-system-padding-props.js"),require("../Placeholder/placeholder.style.js"),require("@lexical/utils"),require("../Toolbar/toolbar.style.js"),require("../../../../button/button.component.js"),require("../../../../box/box.component.js"),require("../Toolbar/buttons/typography-dropdown/dropdown.style.js"),require("../../../../icon/icon.component.js"),require("../Toolbar/button-group/button-group.style.js"),require("../../../../../__internal__/form-field/form-field.component.js"),require("../../../../../__internal__/hint-text/hint-text.style.js"),require("../../../../carbon-provider/__internal__/new-validation.context.js"),require("../../../../../__internal__/input/input.component.js"),require("../../../../../__internal__/input/input-presentation.style.js"),require("../../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),require("invariant"),require("../../../../../__internal__/validations/validation-icon.style.js"),require("../../../../../__internal__/validation-message/validation-message.style.js"),require("../../../../numeral-date/__internal__/numeral-date.context.js"),require("../../../../../__internal__/character-count/character-count.style.js"),require("../../../../textbox/textbox.style.js"),require("../../../../textbox/__internal__/prefix.style.js"),require("../../../../dialog/dialog.style.js"),require("../../../../heading/heading.style.js"),require("../../../../icon-button/icon-button.component.js"),require("../../../../typography/typography.component.js"),require("react-transition-group"),require("../../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js"),require("../../../../portal/portal.js"),require("../../../../../__internal__/modal/modal-manager.js"),require("../../../../../__internal__/modal/modal.style.js"),require("../../../../../__internal__/modal/modal.context.js"),require("../../../../carbon-provider/__internal__/top-modal.context.js"),require("../../../../../__internal__/full-screen-heading/full-screen-heading.component.js"),require("../../../../form/form.component.js"),require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");const a=t.forwardRef((({inputHint:t,namespace:a,previews:l=[],rows:s,readOnly:u,required:c,error:d,warning:_,validationMessagePositionTop:q,size:p="medium"},j)=>{const m=n.default(),x=d||_?`${a}-validation-message`:"",y=t?`${a}-input-hint`:"",b=(q?`${x} ${y}`:`${y} ${x}`).trim();return e.jsxs(i.default,{"data-role":`${a}-content-editable`,error:d,warning:_,namespace:a,rows:s,readOnly:u,size:p,children:[e.jsx(r.ContentEditable,{ref:j,"aria-describedby":b,"aria-labelledby":`${a}-label`,"aria-required":c,"aria-invalid":d,className:`${a}-editable`,"data-role":`${a}-editable`,onBlur:e=>{var r;if(null===(r=e.relatedTarget)||void 0===r?void 0:r.classList.contains("toolbar-button")){var t;const r=null===(t=e.relatedTarget)||void 0===t?void 0:t.id;if(r){const e=document.querySelector(`[id="${r}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||m(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),e.jsx(o.default,{previews:l})]})}));exports.default=a;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/react/LexicalTypeaheadMenuPlugin"),r=require("lexical"),i=require("react"),o=require("react-dom"),s=require("./constants.js"),a=require("./helpers.js"),l=require("./mentions-typeahead-menu-item.component.js"),u=require("./mention-typeahead-option.class.js"),c=require("../../__nodes__/mention.node.js"),d=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),p=require("./mentions.style.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(o);const M=({namespace:o,searchOptions:m})=>{const[M]=t.useLexicalComposerContext(),[h,_]=i.useState(null),C=i.useMemo((()=>h?m.filter((e=>e.name.toLowerCase().startsWith(h.toLowerCase()))):[]),[h,m]),g=d.default(),y=i.useMemo((()=>C.map((e=>new u.MentionTypeaheadOption(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,s.SUGGESTION_LIST_LENGTH_LIMIT)),[C]),L=i.useCallback(((e,t,n)=>{M.update((()=>{const r=c.$createMentionNode(`@${e.name}`);t&&t.replace(r),r.select(),n()}))}),[M]);return i.useEffect((()=>M.registerCommand(r.KEY_BACKSPACE_COMMAND,(()=>{const e=r.$getSelection();if(!r.$isRangeSelection(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(c.$isMentionNode(n)){const e=new r.TextNode(n.getTextContent());return n.replace(e),!0}return!1}),r.COMMAND_PRIORITY_LOW)),[M]),e.jsx(n.LexicalTypeaheadMenuPlugin,{onQueryChange:_,onSelectOption:L,triggerFn:e=>a.getPossibleQueryMatch(e),options:y,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:r,setHighlightedIndex:i})=>t.current&&C.length?x.default.createPortal(e.jsx(p.TypeaheadPopover,{id:`${o}-mentions-menu`,children:e.jsx(p.MentionsList,{"data-role":"mention-list",id:`${o}-mention-list`,role:"listbox","aria-label":g.textEditor.mentions.listAriaLabel(),children:y.map(((t,s)=>e.jsx(l.MentionsTypeaheadMenuItem,{index:s,isSelected:n===s,onClick:()=>{i(s),r(t)},onMouseEnter:()=>{i(s)},option:t,namespace:o,currentQueryString:null!=h?h:void 0},t.key)))})}),t.current):null})};exports.MentionsPlugin=M,exports.default=M;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/react/LexicalTypeaheadMenuPlugin"),i=require("lexical"),r=require("react"),o=require("react-dom"),s=require("./constants.js"),a=require("./helpers.js"),l=require("./mentions-typeahead-menu-item.component.js"),u=require("./mention-typeahead-option.class.js"),c=require("../../__nodes__/mention.node.js"),d=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),p=require("./mentions.style.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(o);const M=({namespace:o,searchOptions:m})=>{const[M]=t.useLexicalComposerContext(),[g,h]=r.useState(null),_=r.useMemo((()=>g?m.filter((e=>e.name.toLowerCase().includes(g.toLowerCase()))):[]),[g,m]),C=d.default(),T=r.useMemo((()=>_.map((e=>new u.MentionTypeaheadOption(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,s.SUGGESTION_LIST_LENGTH_LIMIT)),[_]),y=r.useCallback(((e,t,n)=>{M.update((()=>{const r=c.$createMentionNode(`@${e.name}`);t&&t.replace(r);const o=r.getNextSibling();if(i.$isTextNode(o)&&o.getTextContent().startsWith(" "))o.select(1,1);else{const e=i.$createTextNode(" ");r.insertAfter(e),e.select()}n()}))}),[M]);return r.useEffect((()=>M.registerCommand(i.KEY_BACKSPACE_COMMAND,(()=>{const e=i.$getSelection();if(!i.$isRangeSelection(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(c.$isMentionNode(n)){const e=new i.TextNode(n.getTextContent());return n.replace(e),!0}return!1}),i.COMMAND_PRIORITY_LOW)),[M]),e.jsx(n.LexicalTypeaheadMenuPlugin,{onQueryChange:h,onSelectOption:y,triggerFn:e=>a.getPossibleQueryMatch(e),options:T,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:i,setHighlightedIndex:r})=>t.current&&_.length?x.default.createPortal(e.jsx(p.TypeaheadPopover,{id:`${o}-mentions-menu`,children:e.jsx(p.MentionsList,{"data-role":"mention-list",id:`${o}-mention-list`,role:"listbox","aria-label":C.textEditor.mentions.listAriaLabel(),children:T.map(((t,s)=>{var a,u;const c=null!==(u=null!==(a=t.key)&&void 0!==a?a:t.id)&&void 0!==u?u:`${o}-${s}`;return e.jsx(l.MentionsTypeaheadMenuItem,{index:s,isSelected:n===s,onClick:()=>{r(s),i(t)},onMouseEnter:()=>{r(s)},option:t,namespace:o,currentQueryString:null!=g?g:void 0},c)}))})}),t.current):null})};exports.MentionsPlugin=M,exports.default=M;
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&e.__esModule?e:{default:e}}var o=e(require("styled-components"));const i=o.default.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"sc-537aff0b-0"})(["background:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.3);border-radius:8px;position:relative;width:250px;"]),t=o.default.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"sc-537aff0b-1"})(["padding:8px 0;list-style:none;margin:0;border-radius:8px;max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),n=o.default.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"sc-537aff0b-2"})(['padding:8px 24px;color:#0000008c;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;background-color:#fff;border-radius:0;border:0;&:hover{background-color:#eee;color:#000;border-radius:0;div[data-component="portrait"]{color:#000;[data-element="initials"],[data-component="icon"]{color:#000;}}}&.active{display:flex;width:20px;height:20px;background-size:contain;}&.selected{background:#eee;}.text{display:flex;line-height:20px;flex-grow:1;min-width:150px;margin-left:8px;align-items:center;font-size:14px;margin-top:-1px;}div[data-component="portrait"]{background-color:#f2f5f6ff;color:#000000e6;min-width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #ccd6dbff;display:inline-block;font-size:13px;[data-element="initials"],[data-component="icon"]{color:#8b8b8b;}}']);exports.MentionsList=t,exports.MentionsListItem=n,exports.TypeaheadPopover=i;
1
+ "use strict";function e(e){return e&&e.__esModule?e:{default:e}}var o=e(require("styled-components"));const i=o.default.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"sc-fd1b05a2-0"})(["background:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.3);border-radius:8px;position:relative;width:250px;"]),t=o.default.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"sc-fd1b05a2-1"})(["padding:8px 0;list-style:none;margin:0;border-radius:8px;max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),n=o.default.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"sc-fd1b05a2-2"})(['padding:8px 24px;color:#0000008c;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;background-color:#fff;border-radius:0;border:0;&:hover{background-color:#eee;color:#000;border-radius:0;div[data-component="portrait"]{color:#000;[data-element="initials"],[data-component="icon"]{color:#000;}}}&.active{display:flex;width:20px;height:20px;background-size:contain;}&.selected{background:#eee;}.text{display:flex;line-height:20px;flex-grow:1;min-width:150px;margin-left:8px;align-items:center;font-size:14px;margin-top:-1px;white-space:pre;}div[data-component="portrait"]{background-color:#f2f5f6ff;color:#000000e6;min-width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #ccd6dbff;display:inline-block;font-size:13px;[data-element="initials"],[data-component="icon"]{color:#8b8b8b;}}']);exports.MentionsList=t,exports.MentionsListItem=n,exports.TypeaheadPopover=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),l=require("@lexical/react/LexicalRichTextPlugin"),o=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),c=require("lexical"),d=require("react"),_=require("../../__internal__/label/label.component.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),x=require("../../__internal__/utils/logger/index.js"),g=require("./__internal__/__utils__/constants.js"),j=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),f=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),m=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var h=require("./text-editor.context.js"),v=require("./text-editor.style.js"),b=require("./__internal__/__utils__/helpers.js"),y=require("../../__internal__/hint-text/hint-text.component.js"),q=require("../../__internal__/validation-message/validation-message.component.js"),w=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var P=require("../../style/utils/filter-styled-system-margin-props.js"),O=require("../../__internal__/utils/helpers/tags/tags.js"),E=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),L=require("./__internal__/__utils__/theme.js"),T=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),C=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("./__internal__/__ui__/LinkPreviewer/link-previewer.style.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 S=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),k=require("./__internal__/__ui__/Toolbar/toolbar.component.js");function M(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){M(e,r,t[r])}))}return e}let F=!1,H=!1,R=!1;const B=d.forwardRef(((M,B)=>{var z,A,D,{characterLimit:I=3e3,error:W,footer:N,header:V,inputHint:U,labelText:K,namespace:X=g.COMPONENT_PREFIX,onBlur:G,onCancel:J,onChange:Q,onFocus:Y,onLinkAdded:Z,onSave:ee,placeholder:re,previews:te=[],readOnly:ne=!1,required:ie=!1,rows:ae,size:le="medium",warning:oe,customPlugins:se,validationMessagePositionTop:ue=!1,toolbarControls:ce}=M,de=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(M,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!F&&de.value&&(F=!0,x.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!H&&J&&(H=!0,x.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.")),!R&&ee&&(R=!0,x.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 _e=d.useRef(null!==(D=null!==(A=de.initialValue)&&void 0!==A?A:de.value)&&void 0!==D?D:b.createEmpty()),pe=p.default(),[xe,ge]=d.useState(void 0),je=d.useRef(null),[fe,me]=d.useState(!1);d.useImperativeHandle(B,(()=>({focus(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==je?void 0:je.current,r=()=>{me(!0)},t=()=>{me(!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)}}),[je]);const he=d.useMemo((()=>({namespace:X,nodes:g.MARKDOWN_NODES,onError:e=>x.default.error(e.message),theme:L.getTheme(),editorState:_e.current,editable:!ne})),[X,ne]),ve=d.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(Q){const e=b.SerializeLexical(r);null==Q||Q(t,e)}if(I>0){const e=I-t.length;ge(e<0?pe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[I,pe.textEditor,Q]),be=d.useCallback((e=>{if(!e.isEditable())return;if(!J)return;const r=e.parseEditorState(_e.current);e.setEditorState(r),J()}),[J]),ye=d.useMemo((()=>({namespace:X,onCancel:J?be:void 0,onSave:ee,toolbarControls:ce})),[be,X,J,ee,ce]),qe=oe||xe,we=()=>{switch(le){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e.jsx(v.StyledTextEditorWrapper,(Pe=$({"data-role":`${X}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==Y||Y(e)}},P.default(de),O.default("text-editor",de)),Oe=null!=(Oe={children:e.jsxs(h.default.Provider,{value:{onLinkAdded:Z},children:[e.jsx(_.default,{isRequired:ie,labelId:`${X}-label`,children:K}),U&&!ne&&e.jsx(y.HintText,{id:`${X}-input-hint`,marginBottom:we(),children:U}),e.jsx(r.LexicalComposer,{initialConfig:he,children:e.jsxs(v.StyledWrapper,{"data-role":`${X}-wrapper`,children:[ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),e.jsxs(v.StyledEditorToolbarWrapper,{"data-role":`${X}-editor-toolbar-wrapper`,error:!!W,id:`${X}-editor-toolbar-wrapper`,children:[V&&e.jsx(v.StyledHeaderWrapper,{"data-role":`${X}-header-wrapper`,children:V}),ne?e.jsx(E.default,{"aria-label":K,initialValue:(null===(z=je.current)||void 0===z?void 0:z.innerHTML)||_e.current,size:le}):e.jsxs(e.Fragment,{children:[e.jsx(k.default,$({contentEditorRef:je,hasHeader:Boolean(V),size:le},ye)),e.jsxs(v.StyledTextEditor,{"data-role":`${X}-editor`,error:!!W,children:[e.jsx(l.RichTextPlugin,{contentEditable:e.jsx(C.default,{ref:je,inputHint:U,isFocused:fe,namespace:X,previews:te,rows:ae,readOnly:ne,required:ie,error:!!W,warning:!!oe||!!xe,validationMessagePositionTop:ue,size:le}),placeholder:e.jsx(S.default,{namespace:X,text:re}),ErrorBoundary:n.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(i.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:ve,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(o.LinkPlugin,{validateUrl:b.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),e.jsx(m.default,{}),se]})]}),N&&e.jsx(v.StyledFooterWrapper,{"data-role":`${X}-footer-wrapper`,size:le,children:N}),e.jsx(f.default,{})]}),!ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),I>0&&!ne&&e.jsx(T.default,{isFocused:fe,maxChars:I,namespace:X,marginTop:we()})]})})]})})?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Pe,Object.getOwnPropertyDescriptors(Oe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Oe)).forEach((function(e){Object.defineProperty(Pe,e,Object.getOwnPropertyDescriptor(Oe,e))})),Pe));var Pe,Oe}));exports.TextEditor=B,exports.default=B;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),l=require("@lexical/react/LexicalRichTextPlugin"),o=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),c=require("lexical"),d=require("react"),_=require("../../__internal__/label/label.component.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),x=require("../../__internal__/utils/logger/index.js"),g=require("./__internal__/__utils__/constants.js"),j=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),f=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),m=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var h=require("./text-editor.context.js"),v=require("./text-editor.style.js"),b=require("./__internal__/__utils__/helpers.js"),y=require("../../__internal__/hint-text/hint-text.component.js"),q=require("../../__internal__/validation-message/validation-message.component.js"),w=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var P=require("../../style/utils/filter-styled-system-margin-props.js"),O=require("../../__internal__/utils/helpers/tags/tags.js"),E=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),L=require("./__internal__/__utils__/theme.js"),C=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),T=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("./__internal__/__ui__/LinkPreviewer/link-previewer.style.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 S=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),k=require("./__internal__/__ui__/Toolbar/toolbar.component.js");function M(e){return e&&e.__esModule?e:{default:e}}var $=M(d);function F(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function H(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){F(e,r,t[r])}))}return e}let R=!1,B=!1,z=!1;const A=d.forwardRef(((M,F)=>{var A,D,I,{characterLimit:W=3e3,error:N,footer:V,header:U,inputHint:K,labelText:X,namespace:G=g.COMPONENT_PREFIX,onBlur:J,onCancel:Q,onChange:Y,onFocus:Z,onLinkAdded:ee,onSave:re,placeholder:te,previews:ne=[],readOnly:ie=!1,required:ae=!1,rows:le,size:oe="medium",warning:se,customPlugins:ue,validationMessagePositionTop:ce=!1,toolbarControls:de}=M,_e=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(M,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!R&&_e.value&&(R=!0,x.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!B&&Q&&(B=!0,x.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.")),!z&&re&&(z=!0,x.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 pe=d.useRef(null!==(I=null!==(D=_e.initialValue)&&void 0!==D?D:_e.value)&&void 0!==I?I:b.createEmpty()),xe=p.default(),[ge,je]=d.useState(void 0),fe=d.useRef(null),[me,he]=d.useState(!1);d.useImperativeHandle(F,(()=>({focus(){var e;null===(e=fe.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==fe?void 0:fe.current,r=()=>{he(!0)},t=()=>{he(!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)}}),[fe]);const ve=d.useMemo((()=>({namespace:G,nodes:g.MARKDOWN_NODES,onError:e=>x.default.error(e.message),theme:L.getTheme(),editorState:pe.current,editable:!ie})),[G,ie]),be=d.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(Y){const e=b.SerializeLexical(r);null==Y||Y(t,e)}if(W>0){const e=W-t.length;je(e<0?xe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[W,xe.textEditor,Y]),ye=d.useCallback((e=>{if(!e.isEditable())return;if(!Q)return;const r=e.parseEditorState(pe.current);e.setEditorState(r),Q()}),[Q]),qe=d.useMemo((()=>({namespace:G,onCancel:Q?ye:void 0,onSave:re,toolbarControls:de})),[ye,G,Q,re,de]),we=se||ge,Pe=()=>{switch(oe){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e.jsx(v.StyledTextEditorWrapper,(Oe=H({"data-role":`${G}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==J||J(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==Z||Z(e)}},P.default(_e),O.default("text-editor",_e)),Ee=null!=(Ee={children:e.jsxs(h.default.Provider,{value:{onLinkAdded:ee},children:[e.jsx(_.default,{isRequired:ae,labelId:`${G}-label`,children:X}),K&&!ie&&e.jsx(y.HintText,{id:`${G}-input-hint`,marginBottom:Pe(),children:K}),e.jsx(r.LexicalComposer,{initialConfig:ve,children:e.jsxs(v.StyledWrapper,{"data-role":`${G}-wrapper`,children:[ce&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:N,warning:we,validationId:`${G}-validation-message`,"data-role":`${G}-validation-message`,validationMessagePositionTop:ce}),(N||we)&&e.jsx(w.default,{warning:!(N||!we)})]}),e.jsxs(v.StyledEditorToolbarWrapper,{"data-role":`${G}-editor-toolbar-wrapper`,error:!!N,id:`${G}-editor-toolbar-wrapper`,children:[U&&e.jsx(v.StyledHeaderWrapper,{"data-role":`${G}-header-wrapper`,children:U}),ie?e.jsx(E.default,{"aria-label":X,initialValue:(null===(A=fe.current)||void 0===A?void 0:A.innerHTML)||pe.current,size:oe}):e.jsxs(e.Fragment,{children:[e.jsx(k.default,H({contentEditorRef:fe,hasHeader:Boolean(U),size:oe},qe)),e.jsxs(v.StyledTextEditor,{"data-role":`${G}-editor`,error:!!N,children:[e.jsx(l.RichTextPlugin,{contentEditable:e.jsx(T.default,{ref:fe,inputHint:K,isFocused:me,namespace:G,previews:ne,rows:le,readOnly:ie,required:ae,error:!!N,warning:!!se||!!ge,validationMessagePositionTop:ce,size:oe}),placeholder:e.jsx(S.default,{namespace:G,text:te}),ErrorBoundary:n.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(i.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:be,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(o.LinkPlugin,{validateUrl:b.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),e.jsx(m.default,{}),$.default.Children.toArray(ue)]})]}),V&&e.jsx(v.StyledFooterWrapper,{"data-role":`${G}-footer-wrapper`,size:oe,children:V}),e.jsx(f.default,{})]}),!ce&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:N,warning:we,validationId:`${G}-validation-message`,"data-role":`${G}-validation-message`,validationMessagePositionTop:ce}),(N||we)&&e.jsx(w.default,{warning:!(N||!we)})]}),W>0&&!ie&&e.jsx(C.default,{isFocused:me,maxChars:W,namespace:G,marginTop:Pe()})]})})]})})?Ee:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Oe,Object.getOwnPropertyDescriptors(Ee)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Ee)).forEach((function(e){Object.defineProperty(Oe,e,Object.getOwnPropertyDescriptor(Ee,e))})),Oe));var Oe,Ee}));exports.TextEditor=A,exports.default=A;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "158.14.11",
3
+ "version": "158.15.1",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",
@@ -82,25 +82,25 @@
82
82
  "@semantic-release/changelog": "^6.0.3",
83
83
  "@semantic-release/exec": "^6.0.3",
84
84
  "@semantic-release/git": "^10.0.1",
85
- "@storybook/addon-a11y": "~8.6.12",
86
- "@storybook/addon-actions": "~8.6.12",
87
- "@storybook/addon-controls": "~8.6.12",
88
- "@storybook/addon-docs": "~8.6.12",
89
- "@storybook/addon-essentials": "~8.6.12",
90
- "@storybook/addon-interactions": "~8.6.12",
91
- "@storybook/addon-toolbars": "~8.6.12",
92
- "@storybook/addon-viewport": "~8.6.12",
93
- "@storybook/builder-vite": "~8.6.12",
94
- "@storybook/components": "~8.6.12",
85
+ "@storybook/addon-a11y": "8.6.15",
86
+ "@storybook/addon-actions": "8.6.15",
87
+ "@storybook/addon-controls": "8.6.15",
88
+ "@storybook/addon-docs": "8.6.15",
89
+ "@storybook/addon-essentials": "8.6.15",
90
+ "@storybook/addon-interactions": "8.6.15",
91
+ "@storybook/addon-toolbars": "8.6.15",
92
+ "@storybook/addon-viewport": "8.6.15",
93
+ "@storybook/builder-vite": "8.6.15",
94
+ "@storybook/components": "8.6.15",
95
95
  "@storybook/icons": "1.4.0",
96
- "@storybook/manager-api": "~8.6.12",
97
- "@storybook/preview-api": "~8.6.12",
98
- "@storybook/react": "~8.6.12",
99
- "@storybook/react-vite": "~8.6.12",
100
- "@storybook/test": "~8.6.12",
101
- "@storybook/test-runner": "^0.22.0",
102
- "@storybook/theming": "~8.6.12",
103
- "@storybook/types": "~8.6.12",
96
+ "@storybook/manager-api": "8.6.15",
97
+ "@storybook/preview-api": "8.6.15",
98
+ "@storybook/react": "8.6.15",
99
+ "@storybook/react-vite": "8.6.15",
100
+ "@storybook/test": "8.6.15",
101
+ "@storybook/test-runner": "0.22.0",
102
+ "@storybook/theming": "8.6.15",
103
+ "@storybook/types": "8.6.15",
104
104
  "@swc/core": "^1.11.29",
105
105
  "@swc/helpers": "^0.5.15",
106
106
  "@swc/plugin-styled-components": "^7.1.0",
@@ -181,8 +181,8 @@
181
181
  "rollup-plugin-visualizer": "^5.14.0",
182
182
  "semantic-release": "^25.0.2",
183
183
  "semver": "^7.5.4",
184
- "storybook": "~8.6.12",
185
- "storybook-addon-pseudo-states": "~4.0.2",
184
+ "storybook": "8.6.15",
185
+ "storybook-addon-pseudo-states": "~4.0.3",
186
186
  "styled-components": "^5.3.11",
187
187
  "typescript": "^5.8.3",
188
188
  "url-loader": "^4.1.1",