@team-monolith/cds 1.67.2 → 1.68.0

package/dist/{CodleDesignSystemProvider.d.ts → CdsProvider.d.ts}

@@ -2,15 +2,15 @@
 import { Theme } from "@emotion/react";
 export declare const light: Theme;
 export declare const dark: Theme;
-interface CodleDesignSystemContext {
+interface CdsContext {
     theme?: Theme;
     lexical?: {
         uploadByFile: (file: File) => Promise<string>;
     };
 }
-export declare const CodleDesignSystemContext: import("react").Context<CodleDesignSystemContext>;
-export default function (props: {
+export declare const CdsContext: import("react").Context<CdsContext>;
+export declare function CdsProvider(props: {
     children: React.ReactNode;
     fontFamily?: string;
-} & CodleDesignSystemContext): React.ReactElement;
+} & CdsContext): React.ReactElement;
 export {};

package/dist/{CodleDesignSystemProvider.js → CdsProvider.js}

@@ -267,9 +267,8 @@ export const dark = {
         },
     },
 };
-export const CodleDesignSystemContext = createContext({});
-// eslint-disable-next-line import/no-anonymous-default-export
-export default function (props) {
+export const CdsContext = createContext({});
+export function CdsProvider(props) {
     const muiTheme = createTheme({
         typography: {
             fontFamily: props.fontFamily,
@@ -287,5 +286,5 @@ export default function (props) {
           body {
             font-family: ${FONT.pretendard};
           }
-        ` }), _jsx(MuiThemeProvider, Object.assign({ theme: muiTheme }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: _jsx(CodleDesignSystemContext.Provider, Object.assign({ value: props }, { children: props.children })) })) }))] }));
+        ` }), _jsx(MuiThemeProvider, Object.assign({ theme: muiTheme }, { children: _jsx(ThemeProvider, Object.assign({ theme: theme }, { children: _jsx(CdsContext.Provider, Object.assign({ value: props }, { children: props.children })) })) }))] }));
 }

package/dist/index.d.ts

@@ -34,8 +34,7 @@ export * from "./components/Tooltip";
 export { default as color } from "./foundation/color";
 export { default as shadows } from "./foundation/shadows";
 export * from "./foundation/breakpoints";
-export { default as CodleDesignSystemProvider } from "./CodleDesignSystemProvider";
-export * from "./CodleDesignSystemProvider";
+export * from "./CdsProvider";
 export * from "./icons";
 export * from "./icons/Custom";
 export * from "./utils/hover";

package/dist/index.js

@@ -34,8 +34,7 @@ export * from "./components/Tooltip";
 export { default as color } from "./foundation/color";
 export { default as shadows } from "./foundation/shadows";
 export * from "./foundation/breakpoints";
-export { default as CodleDesignSystemProvider } from "./CodleDesignSystemProvider";
-export * from "./CodleDesignSystemProvider";
+export * from "./CdsProvider";
 export * from "./icons";
 export * from "./icons/Custom";
 export * from "./utils/hover";

package/dist/patterns/LexicalEditor/LexicalEditor.js

@@ -40,7 +40,7 @@ export function LexicalEditor(props) {
     const { className, contentEditableClassName, value, onChange, editable = true, showQuizSolution = false, freezeProblemNode = false, isSheetEnabled = false, isQuizEnabled = false, children, } = props;
     const theme = useTheme();
     const initialConfig = {
-        namespace: "CodleLexicalEditor",
+        namespace: "CustomLexicalEditor",
         onError: (error) => console.error(error),
         nodes,
         // 마운트 된 이후 editable 수정해도 theme에 반영되지 않음 유의

package/dist/patterns/LexicalEditor/Plugins.js

@@ -10,7 +10,7 @@ import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
 import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
-import { CODLE_TRANSFORMERS } from "./plugins/MarkdownTransformers";
+import { CUSTOM_TRANSFORMERS } from "./plugins/MarkdownTransformers";
 import { ListPlugin } from "@lexical/react/LexicalListPlugin";
 import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
 import { HorizontalRulePlugin } from "@lexical/react/LexicalHorizontalRulePlugin";
@@ -47,7 +47,7 @@ export default function Plugins(props) {
                     onChange === null || onChange === void 0 ? void 0 : onChange(editorState.toJSON());
                 }, 
                 // ignore 하지 않으면 Form에서 수정하지 않았는데 Dirty로 처리됨.
-                ignoreSelectionChange: true }), _jsx(AutoFocusPlugin, {}), isEditable && (_jsxs(_Fragment, { children: [_jsx(TabIndentationPlugin, {}), _jsx(ComponentPickerMenuPlugin, { isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled }), _jsx(MarkdownShortcutPlugin, { transformers: CODLE_TRANSFORMERS }), _jsx(HistoryPlugin, {})] })), floatingAnchorElem && isEditable && (_jsxs(_Fragment, { children: [_jsx(ComponentAdderPlugin, { anchorElem: floatingAnchorElem, isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem }), _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem, isLinkEditMode: isLinkEditMode, setIsLinkEditMode: setIsLinkEditMode })] })), !isEditable && _jsx(LexicalClickableLinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(HorizontalRulePlugin, {}), _jsx(ImagesPlugin, {}), _jsx(TablePlugin, {}), _jsx(LinkPlugin, {}), _jsx(ListMaxIndentLevelPlugin, { maxDepth: 5 }), _jsx(ProblemInputPlugin, {}), _jsx(ProblemSelectPlugin, {}), _jsx(LayoutPlugin, {}), _jsx(SheetSelectPlugin, {}), _jsx(SheetInputPlugin, {}), _jsx(SelfEvaluationPlugin, {})] }));
+                ignoreSelectionChange: true }), _jsx(AutoFocusPlugin, {}), isEditable && (_jsxs(_Fragment, { children: [_jsx(TabIndentationPlugin, {}), _jsx(ComponentPickerMenuPlugin, { isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled }), _jsx(MarkdownShortcutPlugin, { transformers: CUSTOM_TRANSFORMERS }), _jsx(HistoryPlugin, {})] })), floatingAnchorElem && isEditable && (_jsxs(_Fragment, { children: [_jsx(ComponentAdderPlugin, { anchorElem: floatingAnchorElem, isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem }), _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem, isLinkEditMode: isLinkEditMode, setIsLinkEditMode: setIsLinkEditMode })] })), !isEditable && _jsx(LexicalClickableLinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(HorizontalRulePlugin, {}), _jsx(ImagesPlugin, {}), _jsx(TablePlugin, {}), _jsx(LinkPlugin, {}), _jsx(ListMaxIndentLevelPlugin, { maxDepth: 5 }), _jsx(ProblemInputPlugin, {}), _jsx(ProblemSelectPlugin, {}), _jsx(LayoutPlugin, {}), _jsx(SheetSelectPlugin, {}), _jsx(SheetInputPlugin, {}), _jsx(SelfEvaluationPlugin, {})] }));
 }
 const ScrollArea = styled.div `
   min-height: 150px;

package/dist/patterns/LexicalEditor/components/FileSelectInput.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef } from "react";
-import { Button, CodleDesignSystemContext } from "../../..";
+import { Button, CdsContext } from "../../..";
 import { UploadLineIcon } from "../../../icons";
 import styled from "@emotion/styled";
 /**
@@ -20,7 +20,7 @@ import styled from "@emotion/styled";
 export function FileSelectInput(props) {
     const { onChange, accept } = props;
     const inputRef = useRef(null);
-    const cdsContext = useContext(CodleDesignSystemContext);
+    const cdsContext = useContext(CdsContext);
     return (_jsxs(_Fragment, { children: [_jsx(Button, { fullWidth: true, color: "grey", size: "medium", label: "\uD30C\uC77C \uC120\uD0DD\uD558\uAE30", onClick: () => {
                     var _a;
                     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();

package/dist/patterns/LexicalEditor/convertToMarkdown.js

@@ -1,6 +1,6 @@
 import { createEditor } from "lexical";
 import { $convertToMarkdownString } from "@lexical/markdown";
-import { CODLE_TRANSFORMERS } from "./plugins/MarkdownTransformers";
+import { CUSTOM_TRANSFORMERS } from "./plugins/MarkdownTransformers";
 import { nodes } from "./nodes";
 export function convertToMarkdown(serializedLexical, transformers) {
     // Create a Lexical editor instance
@@ -15,7 +15,7 @@ export function convertToMarkdown(serializedLexical, transformers) {
     // Convert the Lexical editor state to Markdown string
     let markdown = "";
     editor.update(() => {
-        markdown = $convertToMarkdownString(transformers !== null && transformers !== void 0 ? transformers : CODLE_TRANSFORMERS);
+        markdown = $convertToMarkdownString(transformers !== null && transformers !== void 0 ? transformers : CUSTOM_TRANSFORMERS);
     });
     return markdown;
 }

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

@@ -21,7 +21,7 @@ function TextFormatFloatingToolbar({ editor, anchorElem, isLink, isBold, isItali
     const popupCharStylesEditorRef = useRef(null);
     const insertLink = useCallback(() => {
         if (!isLink) {
-            editor.dispatchCommand(TOGGLE_LINK_COMMAND, "https://codle.io");
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, "https://example.com/");
         }
         else {
             editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);

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

@@ -10,5 +10,5 @@ export declare const HR: ElementTransformer;
 export declare const IMAGE: TextMatchTransformer;
 export declare const TABLE: ElementTransformer;
 export declare const IMAGE_LLM: TextMatchTransformer;
-export declare const CODLE_TRANSFORMERS: Array<Transformer>;
+export declare const CUSTOM_TRANSFORMERS: Array<Transformer>;
 export declare const LLM_TRANSFORMERS: Array<Transformer>;

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

@@ -71,7 +71,7 @@ export const TABLE = {
             for (const cell of row.getChildren()) {
                 // It's TableCellNode so it's just to make flow happy
                 if ($isTableCellNode(cell)) {
-                    rowOutput.push($convertToMarkdownString(CODLE_TRANSFORMERS, cell).replace(/\n/g, "\\n"));
+                    rowOutput.push($convertToMarkdownString(CUSTOM_TRANSFORMERS, cell).replace(/\n/g, "\\n"));
                     if (cell.__headerState === TableCellHeaderStates.ROW) {
                         isHeaderRow = true;
                     }
@@ -164,7 +164,7 @@ function getTableColumnsSize(table) {
 const createTableCell = (textContent) => {
     textContent = textContent.replace(/\\n/g, "\n");
     const cell = $createTableCellNode(TableCellHeaderStates.NO_STATUS);
-    $convertFromMarkdownString(textContent, CODLE_TRANSFORMERS, cell);
+    $convertFromMarkdownString(textContent, CUSTOM_TRANSFORMERS, cell);
     return cell;
 };
 const mapToTableCells = (textContent) => {
@@ -211,7 +211,7 @@ export const IMAGE_LLM = {
     trigger: ")",
     type: "text-match",
 };
-export const CODLE_TRANSFORMERS = [
+export const CUSTOM_TRANSFORMERS = [
     TABLE,
     HR,
     IMAGE,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.67.2",
+  "version": "1.68.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,