carbon-react 158.38.0 → 158.38.2
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.
- package/esm/components/text-editor/__internal__/__nodes__/styled-span.node.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js +1 -1
- package/lib/components/text-editor/__internal__/__nodes__/styled-span.node.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{TextNode as t}from"lexical";function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(
|
|
1
|
+
import{TextNode as t}from"lexical";function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(t,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}function r(t,e,i,r){return new n(t,e,i,r)}function o(t){return t instanceof n}export{r as $createStyledSpanNode,o as $isStyledSpanNode,n as StyledSpanNode};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as n}from"@lexical/react/LexicalComposerContext";import{mergeRegister as i}from"@lexical/utils";import{$getSelection as r,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as d,$isParagraphNode as c}from"lexical";import{useRef as u,useState as m,useCallback as p,useEffect as b}from"react";import{StyledToolbarWrapper as f,StyledToolbar as h,CommandButtons as g}from"./toolbar.style.js";import v from"../../../../button/button.component.js";import
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as n}from"@lexical/react/LexicalComposerContext";import{mergeRegister as i}from"@lexical/utils";import{$getSelection as r,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as d,$isParagraphNode as c}from"lexical";import{useRef as u,useState as m,useCallback as p,useEffect as b}from"react";import{StyledToolbarWrapper as f,StyledToolbar as h,CommandButtons as g}from"./toolbar.style.js";import v from"../../../../button/button.component.js";import x from"../../../../../hooks/__internal__/useLocale/useLocale.js";import y from"./buttons/bold.component.js";import k from"./buttons/hyperlink.component.js";import E from"./buttons/italic.component.js";import j from"./buttons/list.component.js";import B from"./buttons/save.component.js";import F from"./buttons/typography.component.js";import w from"./buttons/underline.component.js";import z from"./button-group/button-group.component.js";import{TEXT_EDITOR_ACTION_TYPES as C}from"../../__utils__/constants.js";import{Textbox as D}from"../../../../textbox/textbox.component.js";import{$createLinkNode as L}from"@lexical/link";import{Dialog as $}from"../../../../dialog/dialog.component.js";import{Form as A}from"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";const I=({contentEditorRef:I,namespace:_,hasHeader:S,onCancel:q,onSave:O,size:T="medium",toolbarControls:H=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{const[R]=n(),U=R.isEditable(),N=u(null),[K,G]=m(!1),[J,M]=m(!1),[P,Q]=m(!1),[V,W]=m(!1),[X,Y]=m(!1),[Z,ee]=m(-1),[te,oe]=m(""),[ne,ie]=m(""),re=x(),le=H.includes("typography"),ae=H.includes("bold")||H.includes("italic")||H.includes("underline"),se=H.includes("unordered-list")||H.includes("ordered-list"),de=H.includes("link"),ce=p((()=>{const e=r();l(e)&&(G(e.hasFormat(C.Bold)),M(e.hasFormat(C.Italic)),Q(e.hasFormat(C.Underline)))}),[]);b((()=>i(R.registerUpdateListener((({editorState:e})=>{e.read((()=>{R.isEditable()&&ce()}))})))),[ce,R]);const ue=()=>{oe(""),ie(""),W(!1)};if(!U)return null;const me=te.length&&ne.length;return e(f,{"data-role":`${_}-toolbar-wrapper`,hasHeader:S,id:`${_}-toolbar-wrapper`,size:T,children:[e(h,{role:"toolbar","aria-label":re.textEditor.toolbarAriaLabel(),"data-role":`${_}-toolbar`,id:`${_}-toolbar`,ref:N,onKeyDown:e=>{var t,o;if(0===H.length||!N.current)return;const n=Array.from(null===(t=N.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const i=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let r=-1;switch(e.key){case"ArrowRight":e.preventDefault(),X||(r=i<n.length-1?i+1:0);break;case"ArrowLeft":e.preventDefault(),X||(r=i>0?i-1:n.length-1);break;case"Home":e.preventDefault(),r=0;break;case"End":e.preventDefault(),r=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===r?0:-1})),r>-1&&(null===(o=n[r])||void 0===o||o.focus())},tabIndex:-1,children:[e(t,{children:[le&&o(z,{name:"typography-formatting-buttons",namespace:_,showDivider:ae||se||de,children:o(F,{contentEditorRef:I,namespace:_,isFirstButton:!0,isOpen:X,setIsOpen:Y,focusedIndex:Z,setFocusedIndex:ee,size:T})}),ae&&e(z,{name:"text-formatting-buttons",namespace:_,showDivider:se||de,children:[H.includes("bold")&&o(y,{isActive:K,namespace:_,isFirstButton:!le,size:T}),H.includes("italic")&&o(E,{isActive:J,namespace:_,isFirstButton:!le&&!H.includes("bold"),size:T}),H.includes("underline")&&o(w,{isActive:P,namespace:_,isFirstButton:!le&&!H.includes("bold")&&!H.includes("italic"),size:T})]}),se&&o(z,{name:"list-formatting-buttons",namespace:_,showDivider:de,children:o(j,{namespace:_,olIsFirstButton:!le&&!ae&&!H.includes("unordered-list"),showOL:H.includes("ordered-list"),showUL:H.includes("unordered-list"),ulIsFirstButton:!le&&!ae,size:T})}),de&&o(z,{name:"hyperlink-formatting-buttons",namespace:_,showDivider:!1,children:o(k,{namespace:_,isFirstButton:!le&&!ae&&!se,setDialogOpen:W,size:T})})]}),o($,{open:V,onCancel:()=>{ue()},title:re.textEditor.hyperlink.dialogTitle(),"data-role":`${_}-hyperlink-dialog`,"aria-label":re.textEditor.hyperlink.dialogTitle(),size:"small",children:e(A,{leftSideButtons:o(v,{"data-role":`${_}-hyperlink-cancel-button`,onClick:()=>{ue()},children:re.textEditor.cancelButton()}),saveButton:o(v,{buttonType:"primary",type:"submit",disabled:!me,"data-role":`${_}-hyperlink-save-button`,children:re.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),R.isEditable()&&(R.update((()=>{const e=a(),t=e.getChildrenSize(),o=r(),n=L(ne);if(n.append(s(te)),0===t){const t=d();t.append(n),e.append(t),t.selectEnd()}else if(l(o))o.insertNodes([n]);else{const t=e.getLastChild();c(t)&&t.append(n)}})),ue())},children:[o(D,{label:re.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,"data-role":`${_}-hyperlink-text-field`,value:te,onChange:e=>oe(e.target.value)}),o(D,{label:re.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,"data-role":`${_}-hyperlink-link-field`,value:ne,onChange:e=>ie(e.target.value)})]})})]}),e(g,{"data-role":`${_}-command-buttons`,children:[q&&o(v,{buttonType:"tertiary","data-role":`${_}-cancel-button`,"aria-label":re.textEditor.cancelButtonAria(),onClick:()=>null==q?void 0:q(R),size:T,className:"command-button",children:re.textEditor.cancelButton()}),O&&o(B,{namespace:_,onSave:O,size:T})]})]})};export{I as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("lexical");function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t.TextNode{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(
|
|
1
|
+
"use strict";var t=require("lexical");function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t.TextNode{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(t,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}exports.$createStyledSpanNode=function(t,e,i,r){return new n(t,e,i,r)},exports.$isStyledSpanNode=function(t){return t instanceof n},exports.StyledSpanNode=n;
|
|
@@ -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/utils"),r=require("lexical"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),n=require("@lexical/utils"),r=require("lexical"),i=require("react"),o=require("./toolbar.style.js"),a=require("../../../../button/button.component.js"),l=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),d=require("./buttons/hyperlink.component.js"),u=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),b=require("./buttons/typography.component.js"),m=require("./buttons/underline.component.js"),x=require("./button-group/button-group.component.js"),h=require("../../__utils__/constants.js"),f=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),j=require("../../../../dialog/dialog.component.js"),v=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js"),exports.default=({contentEditorRef:y,namespace:E,hasHeader:k,onCancel:q,onSave:S,size:T="medium",toolbarControls:$=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{const[_]=t.useLexicalComposerContext(),C=_.isEditable(),B=i.useRef(null),[D,F]=i.useState(!1),[I,L]=i.useState(!1),[w,z]=i.useState(!1),[A,O]=i.useState(!1),[R,N]=i.useState(!1),[P,H]=i.useState(-1),[U,X]=i.useState(""),[Y,K]=i.useState(""),M=l.default(),W=$.includes("typography"),G=$.includes("bold")||$.includes("italic")||$.includes("underline"),J=$.includes("unordered-list")||$.includes("ordered-list"),Q=$.includes("link"),V=i.useCallback((()=>{const e=r.$getSelection();r.$isRangeSelection(e)&&(F(e.hasFormat(h.TEXT_EDITOR_ACTION_TYPES.Bold)),L(e.hasFormat(h.TEXT_EDITOR_ACTION_TYPES.Italic)),z(e.hasFormat(h.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);i.useEffect((()=>n.mergeRegister(_.registerUpdateListener((({editorState:e})=>{e.read((()=>{_.isEditable()&&V()}))})))),[V,_]);const Z=()=>{X(""),K(""),O(!1)};if(!C)return null;const ee=U.length&&Y.length;return e.jsxs(o.StyledToolbarWrapper,{"data-role":`${E}-toolbar-wrapper`,hasHeader:k,id:`${E}-toolbar-wrapper`,size:T,children:[e.jsxs(o.StyledToolbar,{role:"toolbar","aria-label":M.textEditor.toolbarAriaLabel(),"data-role":`${E}-toolbar`,id:`${E}-toolbar`,ref:B,onKeyDown:e=>{var t,n;if(0===$.length||!B.current)return;const r=Array.from(null===(t=B.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!r.length)return;const i=r.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let o=-1;switch(e.key){case"ArrowRight":e.preventDefault(),R||(o=i<r.length-1?i+1:0);break;case"ArrowLeft":e.preventDefault(),R||(o=i>0?i-1:r.length-1);break;case"Home":e.preventDefault(),o=0;break;case"End":e.preventDefault(),o=r.length-1;break;default:return}r.forEach(((e,t)=>{e.tabIndex=t===o?0:-1})),o>-1&&(null===(n=r[o])||void 0===n||n.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[W&&e.jsx(x.default,{name:"typography-formatting-buttons",namespace:E,showDivider:G||J||Q,children:e.jsx(b.default,{contentEditorRef:y,namespace:E,isFirstButton:!0,isOpen:R,setIsOpen:N,focusedIndex:P,setFocusedIndex:H,size:T})}),G&&e.jsxs(x.default,{name:"text-formatting-buttons",namespace:E,showDivider:J||Q,children:[$.includes("bold")&&e.jsx(s.default,{isActive:D,namespace:E,isFirstButton:!W,size:T}),$.includes("italic")&&e.jsx(u.default,{isActive:I,namespace:E,isFirstButton:!W&&!$.includes("bold"),size:T}),$.includes("underline")&&e.jsx(m.default,{isActive:w,namespace:E,isFirstButton:!W&&!$.includes("bold")&&!$.includes("italic"),size:T})]}),J&&e.jsx(x.default,{name:"list-formatting-buttons",namespace:E,showDivider:Q,children:e.jsx(c.default,{namespace:E,olIsFirstButton:!W&&!G&&!$.includes("unordered-list"),showOL:$.includes("ordered-list"),showUL:$.includes("unordered-list"),ulIsFirstButton:!W&&!G,size:T})}),Q&&e.jsx(x.default,{name:"hyperlink-formatting-buttons",namespace:E,showDivider:!1,children:e.jsx(d.default,{namespace:E,isFirstButton:!W&&!G&&!J,setDialogOpen:O,size:T})})]}),e.jsx(j.Dialog,{open:A,onCancel:()=>{Z()},title:M.textEditor.hyperlink.dialogTitle(),"data-role":`${E}-hyperlink-dialog`,"aria-label":M.textEditor.hyperlink.dialogTitle(),size:"small",children:e.jsxs(v.Form,{leftSideButtons:e.jsx(a.default,{"data-role":`${E}-hyperlink-cancel-button`,onClick:()=>{Z()},children:M.textEditor.cancelButton()}),saveButton:e.jsx(a.default,{buttonType:"primary",type:"submit",disabled:!ee,"data-role":`${E}-hyperlink-save-button`,children:M.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),_.isEditable()&&(_.update((()=>{const e=r.$getRoot(),t=e.getChildrenSize(),n=r.$getSelection(),i=g.$createLinkNode(Y);if(i.append(r.$createTextNode(U)),0===t){const t=r.$createParagraphNode();t.append(i),e.append(t),t.selectEnd()}else if(r.$isRangeSelection(n))n.insertNodes([i]);else{const t=e.getLastChild();r.$isParagraphNode(t)&&t.append(i)}})),Z())},children:[e.jsx(f.Textbox,{label:M.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,"data-role":`${E}-hyperlink-text-field`,value:U,onChange:e=>X(e.target.value)}),e.jsx(f.Textbox,{label:M.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,"data-role":`${E}-hyperlink-link-field`,value:Y,onChange:e=>K(e.target.value)})]})})]}),e.jsxs(o.CommandButtons,{"data-role":`${E}-command-buttons`,children:[q&&e.jsx(a.default,{buttonType:"tertiary","data-role":`${E}-cancel-button`,"aria-label":M.textEditor.cancelButtonAria(),onClick:()=>null==q?void 0:q(_),size:T,className:"command-button",children:M.textEditor.cancelButton()}),S&&e.jsx(p.default,{namespace:E,onSave:S,size:T})]})]})};
|