@team-monolith/cds 1.119.2 → 1.119.3

package/dist/patterns/LexicalEditor/nodes/index.d.ts

@@ -10,6 +10,3 @@ export * from "./SheetSelectNode";
 export * from "./LayoutContainerNode";
 export * from "./LayoutItemNode";
 export * from "./nodes";
-export * from "./toggleNodes/ToggleContainerNode";
-export * from "./toggleNodes/ToggleTitleNode";
-export * from "./toggleNodes/ToggleContentNode";

package/dist/patterns/LexicalEditor/nodes/index.js

@@ -10,6 +10,3 @@ export * from "./SheetSelectNode";
 export * from "./LayoutContainerNode";
 export * from "./LayoutItemNode";
 export * from "./nodes";
-export * from "./toggleNodes/ToggleContainerNode";
-export * from "./toggleNodes/ToggleTitleNode";
-export * from "./toggleNodes/ToggleContentNode";

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

@@ -3,21 +3,19 @@ import { ColoredQuoteNode } from "./ColoredQuoteNode";
 import { ImageNode } from "./ImageNode";
 import { VideoNode } from "./VideoNode";
 import { LayoutContainerNode } from "./LayoutContainerNode";
+import { LayoutItemNode } from "./LayoutItemNode";
 import { ProblemInputNode } from "./ProblemInputNode";
 import { ProblemSelectNode } from "./ProblemSelectNode";
 import { SelfEvaluationNode } from "./SelfEvaluationNode";
 import { SheetInputNode } from "./SheetInputNode";
 import { SheetSelectNode } from "./SheetSelectNode";
-import { ToggleContainerNode } from "./toggleNodes/ToggleContainerNode";
-import { ToggleTitleNode } from "./toggleNodes/ToggleTitleNode";
-import { ToggleContentNode } from "./toggleNodes/ToggleContentNode";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
 import { ListItemNode, ListNode } from "@lexical/list";
 import { CodeHighlightNode, CodeNode } from "@lexical/code";
 import { LinkNode } from "@lexical/link";
 import { FileNode } from "./FileNode";
-export declare const nodes: (typeof ColoredQuoteNode | typeof QuoteNode | typeof ImageNode | typeof VideoNode | typeof FileNode | typeof ProblemInputNode | typeof ProblemSelectNode | typeof SelfEvaluationNode | typeof SheetInputNode | typeof SheetSelectNode | typeof LayoutContainerNode | typeof ToggleContentNode | typeof ToggleTitleNode | typeof ToggleContainerNode | typeof HeadingNode | typeof ListNode | typeof ListItemNode | typeof CodeNode | typeof CodeHighlightNode | typeof TableNode | typeof TableCellNode | typeof TableRowNode | typeof LinkNode | typeof HorizontalRuleNode | {
+export declare const nodes: (typeof ColoredQuoteNode | typeof QuoteNode | typeof ImageNode | typeof VideoNode | typeof FileNode | typeof ProblemInputNode | typeof ProblemSelectNode | typeof SelfEvaluationNode | typeof SheetInputNode | typeof SheetSelectNode | typeof LayoutContainerNode | typeof LayoutItemNode | typeof HeadingNode | typeof ListNode | typeof ListItemNode | typeof CodeNode | typeof CodeHighlightNode | typeof TableNode | typeof TableCellNode | typeof TableRowNode | typeof LinkNode | typeof HorizontalRuleNode | {
     replace: typeof QuoteNode;
     with: () => ColoredQuoteNode;
 })[];

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

@@ -9,9 +9,6 @@ import { ProblemSelectNode } from "./ProblemSelectNode";
 import { SelfEvaluationNode } from "./SelfEvaluationNode";
 import { SheetInputNode } from "./SheetInputNode";
 import { SheetSelectNode } from "./SheetSelectNode";
-import { ToggleContainerNode } from "./toggleNodes/ToggleContainerNode";
-import { ToggleTitleNode } from "./toggleNodes/ToggleTitleNode";
-import { ToggleContentNode } from "./toggleNodes/ToggleContentNode";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
 import { ListItemNode, ListNode } from "@lexical/list";
@@ -42,9 +39,6 @@ export const nodes = [
     SheetSelectNode,
     SheetInputNode,
     SelfEvaluationNode,
-    ToggleContainerNode,
-    ToggleTitleNode,
-    ToggleContentNode,
     {
         replace: QuoteNode,
         with: () => new ColoredQuoteNode("grey"),

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdder.js

@@ -9,59 +9,59 @@ export const ComponentAdder = forwardRef(function ComponentAdder(props, ref) {
     const [editor] = useLexicalComposerContext();
     return (_jsxs(Container, { ref: ref, className: className, children: [_jsx(PlusContainer, { onClick: onPlusClick, children: editor._editable && _jsx(PlusIcon, {}) }), _jsx(MenuContainer, { draggable: true, onClick: onMenuClick, onDragStart: onMenuDragStart, onDragEnd: onMenuDragEnd, children: editor._editable && _jsx(MenuIcon, {}) })] }));
 });
-const Container = styled.div `
-  display: flex;
-  align-items: flex-start;
-  gap: 3px;
-
-  position: absolute;
-  left: 0;
-  top: 0;
-  will-change: transform;
+const Container = styled.div `
+  display: flex;
+  align-items: flex-start;
+  gap: 3px;
+
+  position: absolute;
+  left: 0;
+  top: 0;
+  will-change: transform;
 `;
-const PlusContainer = styled.div `
-  display: flex;
-  width: 26px;
-  height: 26px;
-  justify-content: center;
-  align-items: center;
-  border-radius: 5px;
-  background: ${({ theme }) => theme.color.foreground.neutralAlt};
-
-  cursor: pointer;
-
-  &:hover {
-    background-color: #eff2f5;
-  }
+const PlusContainer = styled.div `
+  display: flex;
+  width: 26px;
+  height: 26px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 5px;
+  background: ${({ theme }) => theme.color.foreground.neutralAlt};
+
+  cursor: pointer;
+
+  &:hover {
+    background-color: #eff2f5;
+  }
 `;
-const PlusIcon = styled.div `
-  width: 24px;
-  height: 24px;
-  // svg는 hover 이벤트를 path마다 받아서 불편함
-  // Lexical에서 동일한 접근법을 사용하고 있음
-  background-image: url(${plus});
+const PlusIcon = styled.div `
+  width: 24px;
+  height: 24px;
+  // svg는 hover 이벤트를 path마다 받아서 불편함
+  // Lexical에서 동일한 접근법을 사용하고 있음
+  background-image: url(${plus});
 `;
-const MenuContainer = styled.div `
-  display: flex;
-  width: 26px;
-  height: 26px;
-  justify-content: center;
-  align-items: center;
-  border-radius: 5px;
-  background: ${({ theme }) => theme.color.foreground.neutralAlt};
-
-  cursor: grab;
-
-  &:active {
-    cursor: grabbing;
-  }
-
-  &:hover {
-    background-color: #eff2f5;
-  }
+const MenuContainer = styled.div `
+  display: flex;
+  width: 26px;
+  height: 26px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 5px;
+  background: ${({ theme }) => theme.color.foreground.neutralAlt};
+
+  cursor: grab;
+
+  &:active {
+    cursor: grabbing;
+  }
+
+  &:hover {
+    background-color: #eff2f5;
+  }
 `;
-const MenuIcon = styled.div `
-  width: 24px;
-  height: 24px;
-  background-image: url(${menu});
+const MenuIcon = styled.div `
+  width: 24px;
+  height: 24px;
+  background-image: url(${menu});
 `;

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdderPlugin.js

@@ -171,8 +171,8 @@ export function ComponentAdderPlugin(props) {
                     editor.dispatchCommand(INSERT_VIDEO_COMMAND, props);
                 }, shouldReset: true }), _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
                     editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
-                } }), _jsx(LexicalNodeMenuPlugin, { nodeKey: nodeKey, anchorClassName: cssToClassName `
-          z-index: ${ZINDEX.DIALOG + 1};
+                } }), _jsx(LexicalNodeMenuPlugin, { nodeKey: nodeKey, anchorClassName: cssToClassName `
+          z-index: ${ZINDEX.DIALOG + 1};
         `, options: filteredOptions, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current && filteredOptions.length
                     ? ReactDOM.createPortal(_jsx(ComponentPickerMenuList, { options: filteredOptions, selectedIndex: selectedIndex, selectOptionAndCleanUp: selectOptionAndCleanUp, setHighlightedIndex: setHighlightedIndex }), anchorElementRef.current)
                     : null, onSelectOption: onSelectOption, onClose: () => {
@@ -219,6 +219,7 @@ export function ComponentAdderPlugin(props) {
                             const baseOptions = getBaseOptions({
                                 editor,
                                 theme,
+                                t,
                                 setImageOpen,
                                 setVideoOpen,
                                 isSheetEnabled,
@@ -262,13 +263,13 @@ export function ComponentAdderPlugin(props) {
                             }));
                         }), onMenuDragStart: onDragStart, onMenuDragEnd: onDragEnd }), _jsx(TargetLine, { ref: targetLineRef })] }), anchorElem)] }));
 }
-const TargetLine = styled.div `
-  pointer-events: none;
-  background: deepskyblue;
-  height: 4px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  opacity: 0;
-  will-change: transform;
+const TargetLine = styled.div `
+  pointer-events: none;
+  background: deepskyblue;
+  height: 4px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0;
+  will-change: transform;
 `;

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/menu.svg

@@ -1,8 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-  <path d="M9.41002 7.29999H9.40002" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
-  <path d="M14.6 7.29999H14.59" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
-  <path d="M9.31004 12H9.30005" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
-  <path d="M14.6 12H14.59" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
-  <path d="M9.41002 16.7H9.40002" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
-  <path d="M14.6 16.7H14.59" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M9.41002 7.29999H9.40002" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M14.6 7.29999H14.59" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M9.31004 12H9.30005" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M14.6 12H14.59" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M9.41002 16.7H9.40002" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
+  <path d="M14.6 16.7H14.59" stroke="#363636" stroke-width="2.6" stroke-linecap="round"/>
 </svg>

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/plus.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-  <path d="M12 7V12M12 12V17M12 12H17M12 12H7" stroke="#363636" stroke-width="2" stroke-linecap="round"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M12 7V12M12 12V17M12 12H17M12 12H7" stroke="#363636" stroke-width="2" stroke-linecap="round"/>
 </svg>