@team-monolith/cds 1.102.4 → 1.102.6

package/dist/patterns/Dropdown/DropdownItem/DropdownItem.js

@@ -53,7 +53,11 @@ const DropdownItem = React.forwardRef(function DropdownItem(props, ref) {
     return (_jsxs(_Fragment, { children: [_jsx(Component, Object.assign({ className: className, ref: ref, tabIndex: disabled ? -1 : 0, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: handleClick, "aria-disabled": disabled }, other, { "aria-expanded": isSubMenuExist ? isSubMenuShowed : undefined, "aria-controls": isSubMenuExist ? dropdownMenuId : undefined, disabled: disabled }, (Component === "button"
                 ? {
                     type: "button",
-                    css: RESET_BUTTON,
+                    css: css `
+                ${RESET_BUTTON}
+                display: block;
+                width: 100%;
+              `,
                 }
                 : {}), { children: _jsxs(Item, Object.assign({ ref: itemRef, disabled: disabled, selected: isSubMenuShowed || Boolean(active) }, { children: [_jsxs(LeftWrapper, { children: [checkbox && (_jsx(StyledCheckboxInput, Object.assign({}, checkboxProps, { disabled: disabled, onClick: (e) => {
                                         e.stopPropagation();

package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectBox/SelectBoxComponent.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ImageProps } from "../../../../components/InsertImageDialog";
-export declare const SelectBoxClasses: {
+export declare const selectBoxClasses: {
     readonly container: "SheetSelectNode-SelectBox-container";
     readonly index: "SheetSelectNode-SelectBox-index";
     readonly content: "SheetSelectNode-SelectBox-content";

package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectBox/SelectBoxComponent.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { forwardRef } from "react";
-export const SelectBoxClasses = {
+export const selectBoxClasses = {
     container: "SheetSelectNode-SelectBox-container",
     index: "SheetSelectNode-SelectBox-index",
     content: "SheetSelectNode-SelectBox-content",
@@ -47,7 +47,7 @@ const TYPE_TO_INDEX_STYLE = (theme, type) => ({
 export const SelectBoxComponent = forwardRef(function SelectBoxComponent(props, ref) {
     const { className, type, index, image, text, onClick } = props, restProps = __rest(props, ["className", "type", "index", "image", "text", "onClick"]);
     const theme = useTheme();
-    return (_jsxs(Container, Object.assign({ className: `${className} ${SelectBoxClasses.container}`, ref: ref }, restProps, { css: TYPE_TO_CONTAINER_STYLE(theme, type), onClick: onClick }, { children: [_jsx(Index, Object.assign({ className: SelectBoxClasses.index, "aria-hidden": "true", css: TYPE_TO_INDEX_STYLE(theme, type) }, { children: index })), _jsxs(Content, Object.assign({ className: SelectBoxClasses.content, "aria-hidden": "true" }, { children: [image && (_jsx("img", { "aria-hidden": "true", src: image.src, alt: image.altText, css: css `
+    return (_jsxs(Container, Object.assign({ className: `${className} ${selectBoxClasses.container}`, ref: ref }, restProps, { css: TYPE_TO_CONTAINER_STYLE(theme, type), onClick: onClick }, { children: [_jsx(Index, Object.assign({ className: selectBoxClasses.index, "aria-hidden": "true", css: TYPE_TO_INDEX_STYLE(theme, type) }, { children: index })), _jsxs(Content, Object.assign({ className: selectBoxClasses.content, "aria-hidden": "true" }, { children: [image && (_jsx("img", { "aria-hidden": "true", src: image.src, alt: image.altText, css: css `
               height: auto;
               // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
               max-width: 100%;

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdderPlugin.d.ts

@@ -10,5 +10,7 @@ export interface ComponentAdderPluginProps {
     isQuizEnabled: boolean;
     showFileUpload: boolean;
 }
-export declare const COMPONENT_ADDER_MENU_CLASSNAME = "component-adder-menu";
+export declare const componentAdderClasses: {
+    readonly menu: "ComponentAdder-menu";
+};
 export declare function ComponentAdderPlugin(props: ComponentAdderPluginProps): JSX.Element | null;

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

@@ -33,9 +33,11 @@ import { InsertImageDialog } from "../../components/InsertImageDialog";
 import { INSERT_IMAGE_COMMAND } from "../ImagesPlugin";
 import { UploadFileDialog } from "../../components/UploadFileDialog";
 import { UPLOAD_FILE_COMMAND } from "../FilePlugin";
-export const COMPONENT_ADDER_MENU_CLASSNAME = "component-adder-menu";
+export const componentAdderClasses = {
+    menu: "ComponentAdder-menu",
+};
 function isOnMenu(element) {
-    return !!element.closest(`.${COMPONENT_ADDER_MENU_CLASSNAME}`);
+    return !!element.closest(`.${componentAdderClasses.menu}`);
 }
 // https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
 // Component Picker에도 비슷한 코드가 있지만 LexicalTypeaheadMenuPlugin 에서
@@ -165,7 +167,7 @@ export function ComponentAdderPlugin(props) {
                     : null, onSelectOption: onSelectOption, onClose: () => {
                     setNodeKey(null);
                     onClose();
-                } }), createPortal(_jsxs(_Fragment, { children: [_jsx(ComponentAdder, { ref: menuRef, className: COMPONENT_ADDER_MENU_CLASSNAME, onPlusClick: () => __awaiter(this, void 0, void 0, function* () {
+                } }), createPortal(_jsxs(_Fragment, { children: [_jsx(ComponentAdder, { ref: menuRef, className: componentAdderClasses.menu, onPlusClick: () => __awaiter(this, void 0, void 0, function* () {
                             if (!blockElem) {
                                 return;
                             }

package/dist/utils/reset.d.ts

@@ -1,4 +1,3 @@
 export declare const RESET_COMMON_BOX: import("@emotion/utils").SerializedStyles;
 export declare const RESET_BUTTON: import("@emotion/utils").SerializedStyles;
 export declare const RESET_TABLE: import("@emotion/utils").SerializedStyles;
-export declare const RESET_LI: import("@emotion/utils").SerializedStyles;

package/dist/utils/reset.js

@@ -13,6 +13,7 @@ export const RESET_BUTTON = css `
   background: none;
   font: inherit;
   text-align: inherit;
+  letter-spacing: inherit;
 `;
 export const RESET_TABLE = css `
   padding: 0;
@@ -20,11 +21,3 @@ export const RESET_TABLE = css `
   border-spacing: 0px;
   border-collapse: collapse;
 `;
-export const RESET_LI = css `
-  list-style: none; /* 기본 리스트 스타일 제거 */
-
-  /* ::marker를 완전히 숨김 */
-  &::marker {
-    display: none;
-  }
-`;

package/package.json

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