@team-monolith/cds 1.119.0 → 1.119.1

package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContainerNode.js

@@ -1,128 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/CollapsiblePlugin/CollapsibleContainerNode.ts
-// details, summary 구조의 타이틀(summary) 클릭 시 토글 기능의 방지를 위해
-// CHROME 브라우저를 포함한 모든 브라우저에서 div 요소로 그려지도록 수정했습니다.
-import { addClassNamesToElement } from "@lexical/utils";
-import { $getSiblingCaret, $isElementNode, $rewindSiblingCaret, ElementNode, isHTMLElement, } from "lexical";
-import { setDomHiddenUntilFound } from "../../utils/toggleUtils";
-export function $convertToggleContainerElement(domNode) {
-    // open 속성이 없으면 기본값 false
-    const isOpen = "open" in domNode ? domNode.open : false;
-    const node = $createToggleContainerNode(isOpen);
-    return {
-        node,
-    };
-}
-export class ToggleContainerNode extends ElementNode {
-    constructor(open, key) {
-        super(key);
-        this.__open = open;
-    }
-    static getType() {
-        return "toggle-container";
-    }
-    static clone(node) {
-        return new ToggleContainerNode(node.__open, node.__key);
-    }
-    isShadowRoot() {
-        return true;
-    }
-    collapseAtStart(_selection) {
-        // Unwrap the ToggleContainerNode by replacing it with the children
-        // of its children (ToggleTitleNode, ToggleContentNode)
-        const nodesToInsert = [];
-        for (const child of this.getChildren()) {
-            if ($isElementNode(child)) {
-                nodesToInsert.push(...child.getChildren());
-            }
-        }
-        const caret = $rewindSiblingCaret($getSiblingCaret(this, "previous"));
-        caret.splice(1, nodesToInsert);
-        // Merge the first child of the ToggleTitleNode with the
-        // previous sibling of the ToggleContainerNode
-        if (nodesToInsert.length === 0)
-            return true;
-        const firstChild = nodesToInsert[0];
-        firstChild.selectStart().deleteCharacter(true);
-        return true;
-    }
-    // IS_CHROME 분기 제거
-    createDOM(config) {
-        const dom = document.createElement("div");
-        dom.setAttribute("open", "");
-        addClassNamesToElement(dom, config.theme.toggle.container);
-        return dom;
-    }
-    // IS_CHROME 분기 제거
-    updateDOM(prevNode, dom) {
-        const currentOpen = this.__open;
-        if (prevNode.__open !== currentOpen) {
-            const contentDom = dom.children[1];
-            if (!isHTMLElement(contentDom)) {
-                throw new Error("Expected contentDom to be an HTMLElement");
-            }
-            if (currentOpen) {
-                dom.setAttribute("open", "");
-                contentDom.hidden = false;
-            }
-            else {
-                dom.removeAttribute("open");
-                setDomHiddenUntilFound(contentDom);
-            }
-            // 토글 버튼 클릭 또는 타이틀 영역의 엔터 키 입력으로 토글되는 경우
-            // ToggleTitleNode의 아이콘 버튼의 aria-expanded 속성 업데이트
-            const titleDom = dom.children[0];
-            if (!isHTMLElement(titleDom)) {
-                throw new Error("Expected titleDom to be an HTMLElement");
-            }
-            const iconButton = titleDom.firstElementChild;
-            if (iconButton) {
-                iconButton.setAttribute("aria-expanded", currentOpen.toString());
-            }
-        }
-        return false;
-    }
-    static importDOM() {
-        return {
-            details: (_domNode) => ({
-                conversion: $convertToggleContainerElement,
-                priority: 1,
-            }),
-        };
-    }
-    static importJSON(serializedNode) {
-        return $createToggleContainerNode(serializedNode.open).updateFromJSON(serializedNode);
-    }
-    // className 적용을 위한 editor 파라미터 추가
-    exportDOM(editor) {
-        const element = document.createElement("details");
-        addClassNamesToElement(element, editor._config.theme.toggle.container);
-        element.setAttribute("open", this.__open.toString());
-        return { element };
-    }
-    exportJSON() {
-        return Object.assign(Object.assign({}, super.exportJSON()), { open: this.__open });
-    }
-    setOpen(open) {
-        const writable = this.getWritable();
-        writable.__open = open;
-    }
-    getOpen() {
-        return this.getLatest().__open;
-    }
-    toggleOpen() {
-        this.setOpen(!this.getOpen());
-    }
-}
-export function $createToggleContainerNode(isOpen) {
-    return new ToggleContainerNode(isOpen);
-}
-export function $isToggleContainerNode(node) {
-    return node instanceof ToggleContainerNode;
-}

package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContentNode.d.ts

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { DOMConversionMap, DOMConversionOutput, DOMExportOutput, EditorConfig, ElementNode, LexicalEditor, LexicalNode, SerializedElementNode } from "lexical";
-type SerializedToggleContentNode = SerializedElementNode;
-export declare function $convertToggleContentElement(_domNode: HTMLElement): DOMConversionOutput | null;
-export declare class ToggleContentNode extends ElementNode {
-    static getType(): string;
-    static clone(node: ToggleContentNode): ToggleContentNode;
-    createDOM(config: EditorConfig, editor: LexicalEditor): HTMLElement;
-    updateDOM(_prevNode: this, _dom: HTMLElement): boolean;
-    static importDOM(): DOMConversionMap | null;
-    exportDOM(editor: LexicalEditor): DOMExportOutput;
-    static importJSON(serializedNode: SerializedToggleContentNode): ToggleContentNode;
-    isShadowRoot(): boolean;
-}
-export declare function $createToggleContentNode(): ToggleContentNode;
-export declare function $isToggleContentNode(node: LexicalNode | null | undefined): node is ToggleContentNode;
-export {};

package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContentNode.js

@@ -1,88 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/CollapsiblePlugin/CollapsibleContentNode.ts
-import { addClassNamesToElement } from "@lexical/utils";
-import { ElementNode, } from "lexical";
-import { $isToggleContainerNode } from "./ToggleContainerNode";
-import { domOnBeforeMatch, setDomHiddenUntilFound, } from "../../utils/toggleUtils";
-const DATA_LEXICAL_TOGGLE_CONTENT = "data-lexical-toggle-content";
-export function $convertToggleContentElement(_domNode) {
-    const node = $createToggleContentNode();
-    return {
-        node,
-    };
-}
-export class ToggleContentNode extends ElementNode {
-    static getType() {
-        return "toggle-content";
-    }
-    static clone(node) {
-        return new ToggleContentNode(node.__key);
-    }
-    // IS_CHROME 분기 제거
-    createDOM(config, editor) {
-        const dom = document.createElement("div");
-        addClassNamesToElement(dom, config.theme.toggle.content);
-        editor.getEditorState().read(() => {
-            const containerNode = this.getParentOrThrow();
-            if (!$isToggleContainerNode(containerNode)) {
-                throw new Error("Expected parent node to be a ToggleContainerNode");
-            }
-            if (!containerNode.__open) {
-                setDomHiddenUntilFound(dom);
-            }
-        });
-        domOnBeforeMatch(dom, () => {
-            editor.update(() => {
-                const containerNode = this.getParentOrThrow().getLatest();
-                if (!$isToggleContainerNode(containerNode)) {
-                    throw new Error("Expected parent node to be a ToggleContainerNode");
-                }
-                if (!containerNode.__open) {
-                    containerNode.toggleOpen();
-                }
-            });
-        });
-        return dom;
-    }
-    updateDOM(_prevNode, _dom) {
-        return false;
-    }
-    static importDOM() {
-        return {
-            div: (domNode) => {
-                if (!domNode.hasAttribute(DATA_LEXICAL_TOGGLE_CONTENT)) {
-                    return null;
-                }
-                return {
-                    conversion: $convertToggleContentElement,
-                    priority: 2,
-                };
-            },
-        };
-    }
-    // className 적용을 위한 editor 파라미터 추가
-    exportDOM(editor) {
-        const element = document.createElement("div");
-        addClassNamesToElement(element, editor._config.theme.toggle.content);
-        element.setAttribute(DATA_LEXICAL_TOGGLE_CONTENT, "true");
-        return { element };
-    }
-    static importJSON(serializedNode) {
-        return $createToggleContentNode().updateFromJSON(serializedNode);
-    }
-    isShadowRoot() {
-        return true;
-    }
-}
-export function $createToggleContentNode() {
-    return new ToggleContentNode();
-}
-export function $isToggleContentNode(node) {
-    return node instanceof ToggleContentNode;
-}

package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleTitleNode.d.ts

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { DOMConversionOutput, EditorConfig, ElementNode, LexicalEditor, LexicalNode, RangeSelection } from "lexical";
-export declare function $convertToggleTitleElement(_domNode: HTMLElement): DOMConversionOutput | null;
-/** @noInheritDoc */
-export declare class ToggleTitleNode extends ElementNode {
-    /** @internal */
-    $config(): import("lexical").StaticNodeConfigRecord<"toggle-title", {
-        $transform(node: ToggleTitleNode): void;
-        extends: typeof ElementNode;
-        importDOM: import("lexical").DOMConversionMap<HTMLElement>;
-    }>;
-    createDOM(config: EditorConfig, editor: LexicalEditor): HTMLElement;
-    updateDOM(_prevNode: this, _dom: HTMLElement): boolean;
-    insertNewAfter(_: RangeSelection, restoreSelection?: boolean): ElementNode;
-}
-export declare function $createToggleTitleNode(): ToggleTitleNode;
-export declare function $isToggleTitleNode(node: LexicalNode | null | undefined): node is ToggleTitleNode;

package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleTitleNode.js

@@ -1,103 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/CollapsiblePlugin/CollapsibleTitleNode.ts
-import { addClassNamesToElement } from "@lexical/utils";
-import { $createParagraphNode, $isElementNode, buildImportMap, ElementNode, } from "lexical";
-import { $isToggleContainerNode } from "./ToggleContainerNode";
-import { $isToggleContentNode } from "./ToggleContentNode";
-export function $convertToggleTitleElement(_domNode) {
-    const node = $createToggleTitleNode();
-    return {
-        node,
-    };
-}
-/** @noInheritDoc */
-export class ToggleTitleNode extends ElementNode {
-    /** @internal */
-    $config() {
-        return this.config("toggle-title", {
-            $transform(node) {
-                if (node.isEmpty()) {
-                    node.remove();
-                }
-            },
-            extends: ElementNode,
-            importDOM: buildImportMap({
-                summary: () => ({
-                    conversion: $convertToggleTitleElement,
-                    priority: 1,
-                }),
-            }),
-        });
-    }
-    // IS_CHROME 분기를 제거하여 모든 브라우저에서 클릭 시 토글 이벤트를 수동으로 처리
-    createDOM(config, editor) {
-        const dom = document.createElement("summary");
-        addClassNamesToElement(dom, config.theme.toggle.title);
-        // 토글 동작을 아이콘 버튼에만 적용하도록 iconBtn 요소를 추가
-        const iconBtn = document.createElement("div");
-        addClassNamesToElement(iconBtn, config.theme.toggle.iconBtn);
-        iconBtn.setAttribute("aria-label", "Toggle content");
-        iconBtn.setAttribute("contenteditable", "false");
-        editor.getEditorState().read(() => {
-            const containerNode = this.getParent();
-            if ($isToggleContainerNode(containerNode)) {
-                iconBtn.setAttribute("aria-expanded", containerNode.getOpen().toString());
-            }
-            else {
-                iconBtn.setAttribute("aria-expanded", "false");
-            }
-        });
-        iconBtn.addEventListener("click", () => {
-            editor.update(() => {
-                const toggleContainer = this.getLatest().getParentOrThrow();
-                if (!$isToggleContainerNode(toggleContainer)) {
-                    throw new Error("Expected parent node to be a ToggleContainerNode");
-                }
-                toggleContainer.toggleOpen();
-            });
-        });
-        dom.appendChild(iconBtn);
-        return dom;
-    }
-    updateDOM(_prevNode, _dom) {
-        return false;
-    }
-    insertNewAfter(_, restoreSelection = true) {
-        const containerNode = this.getParentOrThrow();
-        if (!$isToggleContainerNode(containerNode)) {
-            throw new Error("ToggleTitleNode expects to be child of ToggleContainerNode");
-        }
-        if (containerNode.getOpen()) {
-            const contentNode = this.getNextSibling();
-            if (!$isToggleContentNode(contentNode)) {
-                throw new Error("ToggleTitleNode expects to have ToggleContentNode sibling");
-            }
-            const firstChild = contentNode.getFirstChild();
-            if ($isElementNode(firstChild)) {
-                return firstChild;
-            }
-            else {
-                const paragraph = $createParagraphNode();
-                contentNode.append(paragraph);
-                return paragraph;
-            }
-        }
-        else {
-            const paragraph = $createParagraphNode();
-            containerNode.insertAfter(paragraph, restoreSelection);
-            return paragraph;
-        }
-    }
-}
-export function $createToggleTitleNode() {
-    return new ToggleTitleNode();
-}
-export function $isToggleTitleNode(node) {
-    return node instanceof ToggleTitleNode;
-}

package/dist/patterns/LexicalEditor/plugins/TogglePlugin/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export declare const INSERT_TOGGLE_COMMAND: import("lexical").LexicalCommand<void>;
-export declare function TogglePlugin(): null;

package/dist/patterns/LexicalEditor/plugins/TogglePlugin/index.js

@@ -1,146 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/CollapsiblePlugin/index.ts
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { $setBlocksType } from "@lexical/selection";
-import { $findMatchingParent, $insertNodeToNearestRoot, mergeRegister, } from "@lexical/utils";
-import { $createParagraphNode, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, createCommand, INSERT_PARAGRAPH_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, } from "lexical";
-import { useEffect } from "react";
-import { $createToggleContainerNode, $createToggleTitleNode, $createToggleContentNode, $isToggleContainerNode, $isToggleTitleNode, $isToggleContentNode, ToggleContainerNode, ToggleTitleNode, ToggleContentNode, } from "../../nodes";
-export const INSERT_TOGGLE_COMMAND = createCommand("INSERT_TOGGLE_COMMAND");
-export function TogglePlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        if (!editor.hasNodes([
-            ToggleContainerNode,
-            ToggleTitleNode,
-            ToggleContentNode,
-        ])) {
-            throw new Error("TogglePlugin: ToggleContainerNode, ToggleTitleNode, or ToggleContentNode not registered on editor");
-        }
-        const $onEscapeUp = () => {
-            var _a;
-            const selection = $getSelection();
-            if ($isRangeSelection(selection) &&
-                selection.isCollapsed() &&
-                selection.anchor.offset === 0) {
-                const container = $findMatchingParent(selection.anchor.getNode(), $isToggleContainerNode);
-                if ($isToggleContainerNode(container)) {
-                    const parent = container.getParent();
-                    if (parent !== null &&
-                        parent.getFirstChild() === container &&
-                        selection.anchor.key === ((_a = container.getFirstDescendant()) === null || _a === void 0 ? void 0 : _a.getKey())) {
-                        container.insertBefore($createParagraphNode());
-                    }
-                }
-            }
-            return false;
-        };
-        const $onEscapeDown = () => {
-            const selection = $getSelection();
-            if ($isRangeSelection(selection) && selection.isCollapsed()) {
-                const container = $findMatchingParent(selection.anchor.getNode(), $isToggleContainerNode);
-                if ($isToggleContainerNode(container)) {
-                    const parent = container.getParent();
-                    if (parent !== null && parent.getLastChild() === container) {
-                        const titleParagraph = container.getFirstDescendant();
-                        const contentParagraph = container.getLastDescendant();
-                        if ((contentParagraph !== null &&
-                            selection.anchor.key === contentParagraph.getKey() &&
-                            selection.anchor.offset ===
-                                contentParagraph.getTextContentSize()) ||
-                            (titleParagraph !== null &&
-                                selection.anchor.key === titleParagraph.getKey() &&
-                                selection.anchor.offset === titleParagraph.getTextContentSize())) {
-                            container.insertAfter($createParagraphNode());
-                        }
-                    }
-                }
-            }
-            return false;
-        };
-        return mergeRegister(
-        // Structure enforcing transformers for each node type. In case nesting structure is not
-        // "Container > Title + Content" it'll unwrap nodes and convert it back
-        // to regular content.
-        editor.registerNodeTransform(ToggleContentNode, (node) => {
-            const parent = node.getParent();
-            if (!$isToggleContainerNode(parent)) {
-                const children = node.getChildren();
-                for (const child of children) {
-                    node.insertBefore(child);
-                }
-                node.remove();
-            }
-        }), editor.registerNodeTransform(ToggleTitleNode, (node) => {
-            const parent = node.getParent();
-            if (!$isToggleContainerNode(parent)) {
-                node.replace($createParagraphNode().append(...node.getChildren()));
-                return;
-            }
-        }), editor.registerNodeTransform(ToggleContainerNode, (node) => {
-            const children = node.getChildren();
-            if (children.length !== 2 ||
-                !$isToggleTitleNode(children[0]) ||
-                !$isToggleContentNode(children[1])) {
-                for (const child of children) {
-                    node.insertBefore(child);
-                }
-                node.remove();
-            }
-        }), 
-        // When toggle is the last child pressing down/right arrow will insert paragraph
-        // below it to allow adding more content. It's similar what $insertBlockNode
-        // (mainly for decorators), except it'll always be possible to continue adding
-        // new content even if trailing paragraph is accidentally deleted
-        editor.registerCommand(KEY_ARROW_DOWN_COMMAND, $onEscapeDown, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_RIGHT_COMMAND, $onEscapeDown, COMMAND_PRIORITY_LOW), 
-        // When toggle is the first child pressing up/left arrow will insert paragraph
-        // above it to allow adding more content. It's similar what $insertBlockNode
-        // (mainly for decorators), except it'll always be possible to continue adding
-        // new content even if leading paragraph is accidentally deleted
-        editor.registerCommand(KEY_ARROW_UP_COMMAND, $onEscapeUp, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ARROW_LEFT_COMMAND, $onEscapeUp, COMMAND_PRIORITY_LOW), 
-        // Enter goes from Title to Content rather than a new line inside Title
-        editor.registerCommand(INSERT_PARAGRAPH_COMMAND, () => {
-            var _a;
-            const selection = $getSelection();
-            if ($isRangeSelection(selection)) {
-                const titleNode = $findMatchingParent(selection.anchor.getNode(), (node) => $isToggleTitleNode(node));
-                if ($isToggleTitleNode(titleNode)) {
-                    const container = titleNode.getParent();
-                    if (container && $isToggleContainerNode(container)) {
-                        if (!container.getOpen()) {
-                            container.toggleOpen();
-                        }
-                        (_a = titleNode.getNextSibling()) === null || _a === void 0 ? void 0 : _a.selectEnd();
-                        return true;
-                    }
-                }
-            }
-            return false;
-        }, COMMAND_PRIORITY_LOW), editor.registerCommand(INSERT_TOGGLE_COMMAND, () => {
-            editor.update(() => {
-                const title = $createToggleTitleNode();
-                const paragraph = $createParagraphNode();
-                const selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    // 선택된 블록이 있는 경우 기존 블록을 토글 블록으로 변환하여 불필요한 줄바꿈 생성 방지
-                    $setBlocksType(selection, () => 
-                    // 생성된 토글 블록의 open 속성은 기본값 false (노션 동작을 따름)
-                    $createToggleContainerNode(false).append(title.append(paragraph), $createToggleContentNode().append($createParagraphNode())));
-                }
-                else {
-                    // 선택된 블록이 없는 경우 레퍼런스 코드의 동작을 따름
-                    $insertNodeToNearestRoot($createToggleContainerNode(false).append(title.append(paragraph), $createToggleContentNode().append($createParagraphNode())));
-                }
-                paragraph.select();
-            });
-            return true;
-        }, COMMAND_PRIORITY_LOW));
-    }, [editor]);
-    return null;
-}

package/dist/patterns/LexicalEditor/utils/toggleUtils.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export declare function setDomHiddenUntilFound(dom: HTMLElement): void;
-export declare function domOnBeforeMatch(dom: HTMLElement, callback: () => void): void;

package/dist/patterns/LexicalEditor/utils/toggleUtils.js

@@ -1,18 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-// https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/CollapsiblePlugin/CollapsibleUtils.ts
-export function setDomHiddenUntilFound(dom) {
-    // @ts-expect-error 'hidden' 속성은 boolean으로만 정의되어 있지만,
-    // Chromium 계열 브라우저에서는 실험적으로 'until-found' 문자열 값도 지원한다.
-    dom.hidden = "until-found";
-}
-export function domOnBeforeMatch(dom, callback) {
-    if ("onbeforematch" in dom) {
-        dom.onbeforematch = callback;
-    }
-}