carbon-react 158.6.1 → 158.7.1

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-interface SaveObjectProps {
-    detail: number;
-    format: number;
-    mode: string;
-    style: string;
-    text: string;
-    type: string;
-    version: number;
-}
-interface SaveProps {
-    children: SaveObjectProps[];
-}
-export interface EditorFormattedValues {
-    htmlString?: string;
-    json?: {
-        root: {
-            children: SaveProps[];
-            direction: string;
-            format: string;
-            indent: number;
-            type: string;
-            version: string;
-        };
-    };
-}
-interface SaveButtonProps {
-    /** The namespace of the editor that this button belongs to */
-    namespace: string;
-    /** The callback to call when the save button is clicked */
-    onSave: (value: EditorFormattedValues) => void;
-}
-declare const SaveButton: ({ namespace, onSave }: SaveButtonProps) => React.JSX.Element;
-export default SaveButton;

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext");require("react");var r=require("../../../helpers.js"),a=require("../../../../../button/button.component.js"),o=require("../../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({namespace:i,onSave:u})=>{const[s]=t.useLexicalComposerContext(),l=o.default();return e.jsx(a.default,{"data-role":`${i}-save-button`,buttonType:"primary","aria-label":l.textEditor.saveButtonAria(),onClick:()=>{if(!s.isEditable())return;const e=r.SerializeLexical(s);null==u||u(e)},children:l.textEditor.saveButton()})};

package/lib/components/text-editor/__internal__/plugins/Toolbar/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.js",
-  "module": "../../../esm/components/text-editor/__internal__/plugins/Toolbar/index.js",
-  "types": "./index.d.ts"
-}

package/lib/components/text-editor/__internal__/plugins/Toolbar/toolbar.component.d.ts

@@ -1,15 +0,0 @@
-import { LexicalEditor } from "lexical";
-import React from "react";
-import { EditorFormattedValues } from "./buttons/save.component";
-interface ToolbarProps {
-    /** The namespace of the editor that this toolbar belongs to */
-    namespace: string;
-    /** Determines if the Text Editor has a header */
-    hasHeader?: boolean;
-    /** The callback to call when the cancel button is clicked */
-    onCancel?: (editor: LexicalEditor) => void;
-    /** The callback to call when the save button is clicked */
-    onSave?: (value: EditorFormattedValues) => void;
-}
-declare const Toolbar: ({ namespace, hasHeader, onCancel, onSave }: ToolbarProps) => React.JSX.Element;
-export default Toolbar;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),o=require("@lexical/utils"),r=require("lexical"),a=require("react"),n=require("./toolbar.style.js"),s=require("../../constants.js"),l=require("../../../../button/button.component.js"),i=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),u=require("./buttons/bold.component.js"),c=require("./buttons/italic.component.js"),d=require("./buttons/list.component.js"),m=require("./buttons/save.component.js");exports.default=({namespace:b,hasHeader:f,onCancel:x,onSave:p})=>{const[j]=t.useLexicalComposerContext(),q=a.useRef(null),[v,y]=a.useState(!1),[h,g]=a.useState(!1),[E,A]=a.useState([]);a.useLayoutEffect((()=>{const e=document.querySelectorAll(`[data-role="${b}-formatting-buttons"] button`);A(Array.from(e))}),[b]);const L=i.default(),S=a.useCallback((()=>{const e=r.$getSelection();r.$isRangeSelection(e)&&(y(e.hasFormat(s.TextEditorActionTypes.Bold)),g(e.hasFormat(s.TextEditorActionTypes.Italic)))}),[]);return a.useEffect((()=>o.mergeRegister(j.registerUpdateListener((({editorState:e})=>{e.read((()=>{j.isEditable()&&S()}))})))),[S,j]),a.useEffect((()=>{var e;const t=q.current,o=e=>{const t=E.findIndex((e=>e===document.activeElement));if("ArrowRight"===e.key){const e=(t+1)%E.length;E[e].focus()}else if("ArrowLeft"===e.key){const e=(t-1+E.length)%E.length;E[e].focus()}};return null===(e=q.current)||void 0===e||e.addEventListener("keydown",o),()=>{null==t||t.removeEventListener("keydown",o)}}),[E]),e.jsxs(n.StyledToolbar,{role:"toolbar",hasHeader:f,"aria-label":L.textEditor.toolbarAriaLabel(),"data-role":`${b}-toolbar`,id:`${b}-toolbar`,ref:q,children:[e.jsxs(n.FormattingButtons,{"data-role":`${b}-formatting-buttons`,children:[e.jsx(u.default,{isActive:v,namespace:b}),e.jsx(c.default,{isActive:h,namespace:b}),e.jsx(d.default,{namespace:b})]}),e.jsxs(n.CommandButtons,{"data-role":`${b}-command-buttons`,children:[x&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${b}-cancel-button`,"aria-label":L.textEditor.cancelButtonAria(),onClick:()=>null==x?void 0:x(j),children:L.textEditor.cancelButton()}),p&&e.jsx(m.default,{namespace:b,onSave:p})]})]})};

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

@@ -1 +0,0 @@
-"use strict";var t=require("styled-components"),o=require("../../../../button/button.component.js");function r(t){return t&&t.__esModule?t:{default:t}}var e=r(t);const a=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"sc-9f02df-0"})(["display:flex;flex-direction:row;gap:8px;background-color:var(--colorsActionMajorYang100);padding:12px;border-top-left-radius:",";border-top-right-radius:",";border-bottom-left-radius:0;border-bottom-right-radius:0;justify-content:space-between;align-items:center;margin-left:1px;margin-right:1px;"],(({hasHeader:t})=>t?"0":"var(--borderRadius100)"),(({hasHeader:t})=>t?"0":"var(--borderRadius100)")),i=e.default.div.withConfig({displayName:"toolbar.style__FormattingButtons",componentId:"sc-9f02df-1"})(["display:flex;flex-direction:row;gap:8px;"]),n=e.default.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"sc-9f02df-2"})(["display:flex;flex-direction:row;gap:8px;"]),s=e.default(o.default).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"sc-9f02df-3"})(["display:inline-flex;justify-content:center;align-items:center;padding:6px;border-radius:var(--borderRadius100);border:medium;cursor:pointer;&:hover{> span{color:var(--colorsUtilityYang100) !important;}}"," > span{","}"],(({isActive:o})=>t.css(["background-color:",";"],o?"var(--colorsActionMajor600)":"transparent")),(({isActive:o})=>t.css(["color:"," !important;"],o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100) ")));exports.CommandButtons=n,exports.FormattingButton=s,exports.FormattingButtons=i,exports.StyledToolbar=a;

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

@@ -1 +0,0 @@
-"use strict";var e=require("./AutoLinker/auto-link.component.js"),r=require("./CharacterCounter/character-counter.component.js"),o=require("./ContentEditor/content-editor.component.js"),t=require("./LinkMonitor/link-monitor.plugin.js"),n=require("./LinkPreviewer/link-previewer.component.js"),i=require("./Placeholder/placeholder.component.js"),u=require("./Toolbar/toolbar.component.js"),l=require("./useCursorAtEnd/index.js");exports.AutoLinkerPlugin=e.default,exports.CharacterCounterPlugin=r.default,exports.ContentEditor=o.default,exports.LinkMonitorPlugin=t.default,exports.LinkPreviewerPlugin=n.default,exports.Placeholder=i.default,exports.ToolbarPlugin=u.default,exports.useCursorAtEnd=l.default;

package/lib/components/text-editor/__internal__/plugins/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.js",
-  "module": "../../../esm/components/text-editor/__internal__/plugins/index.js",
-  "types": "./index.d.ts"
-}

package/lib/components/text-editor/__internal__/plugins/useCursorAtEnd/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "main": "./index.js",
-  "module": "../../../esm/components/text-editor/__internal__/plugins/useCursorAtEnd/index.js",
-  "types": "./index.d.ts"
-}

package/lib/components/text-editor/__internal__/read-only-rte.component.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { TextEditorProps } from "../text-editor.component";
-declare const ReadOnlyEditor: ({ namespace, initialValue, }: Partial<TextEditorProps>) => React.JSX.Element;
-export default ReadOnlyEditor;

package/lib/components/text-editor/__internal__/read-only-rte.component.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalContentEditable"),a=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalRichTextPlugin"),o=require("react"),n=require("../utils.js"),l=require("./constants.js"),c=require("../../../__internal__/utils/logger/index.js");const s=e=>{let r;if(!e)return n.createFromHTML("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return n.createFromHTML(e);const r=`<p dir="ltr"><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return n.createFromHTML(r)}return e};exports.default=({namespace:n="carbon-rte-readonly",initialValue:u})=>{const d=o.useMemo((()=>({namespace:n,nodes:l.markdownNodes,onError:e=>c.default.error(e.message),theme:l.theme,editorState:s(u),editable:!1})),[n,u]);return e.jsx(r.LexicalComposer,{initialConfig:d,children:e.jsx(i.RichTextPlugin,{contentEditable:e.jsx(t.ContentEditable,{"data-role":`${n}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:a.LexicalErrorBoundary})})};

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

@@ -1,4 +0,0 @@
-declare const createFromHTML: (html: string) => string;
-/** Creates and returns a string representation of an empty editor */
-declare const createEmpty: () => string;
-export { createEmpty, createFromHTML };

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

@@ -1 +0,0 @@
-"use strict";var e=require("./__internal__/helpers.js");exports.createEmpty=()=>'{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1}],"direction":null,"format":"","indent":0,"type":"root","version":1}}',exports.createFromHTML=r=>e.DeserializeHTML(r);