@team-monolith/cds 1.26.2 → 1.27.0

package/dist/patterns/Dropdown/Dropdown.d.ts

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
-import { ButtonColor, ButtonSize } from "../..";
 import { DropdownMenuProps } from "./DropdownMenu";
 import { SerializedStyles } from "@emotion/react";
+import { ButtonColor, ButtonSize } from "../../components/Button";
 export interface DropdownProps {
     className?: string;
     component?: React.ElementType;
@@ -12,8 +12,6 @@ export interface DropdownProps {
     color?: ButtonColor;
     /** 버튼 컴포넌트 크기 */
     size?: ButtonSize;
-    /** 버튼 컴포넌트 텍스트 굵음 여부 */
-    bold?: boolean;
     /** 버튼 컴포넌트 내 좌측에 표기될 아이콘 */
     startIcon?: React.ReactNode;
     /** 버튼 컴포넌트 내 우측에 표기될 아이콘 */
@@ -35,4 +33,4 @@ export interface DropdownProps {
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=203-95329&t=FwczLZ1IVvskUVbT-0)
  */
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<any>>;
-export { Dropdown };
+export default Dropdown;

package/dist/patterns/Dropdown/Dropdown.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useRef, useState } from "react";
-import { Button, ArrowDropDownFillIcon } from "../..";
-import { DropdownMenu } from "./DropdownMenu";
+import DropdownMenu from "./DropdownMenu";
+import Button from "../../components/Button";
+import { ArrowDropDownFillIcon } from "../../icons";
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=203-95329&t=FwczLZ1IVvskUVbT-0)
  */
 const Dropdown = forwardRef((props, ref) => {
-    const { className, component: Component = "div", disabled, color = "primary", size = "medium", bold, startIcon, endIcon = _jsx(ArrowDropDownFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick, } = props;
+    const { className, component: Component = "div", disabled, color = "primary", size = "medium", startIcon, endIcon = _jsx(ArrowDropDownFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick, } = props;
     const buttonProps = {
         disabled,
         color,
@@ -24,7 +25,6 @@ const Dropdown = forwardRef((props, ref) => {
     };
     const handleClose = (e) => {
         var _a;
-        e.stopPropagation();
         setOpen(false);
         setItemState((prevState) => {
             const newState = new Map(prevState);
@@ -38,6 +38,6 @@ const Dropdown = forwardRef((props, ref) => {
         });
         (_a = menuProps === null || menuProps === void 0 ? void 0 : menuProps.onClose) === null || _a === void 0 ? void 0 : _a.call(menuProps, e);
     };
-    return (_jsxs(Component, Object.assign({ className: className, ref: ref }, { children: [_jsx(Button, Object.assign({ css: buttonCss, ref: menuRef }, buttonProps, { label: label, bold: bold, onClick: handleClick, fullWidth: true })), _jsx(DropdownMenu, Object.assign({}, menuProps, { open: open, onClose: handleClose, anchorEl: menuRef.current, closeOnItemClick: closeOnItemClick, itemState: itemState, setItemState: setItemState }, { children: children }))] })));
+    return (_jsxs(Component, Object.assign({ className: className, ref: ref }, { children: [_jsx(Button, Object.assign({ css: buttonCss, ref: menuRef }, buttonProps, { label: label, onClick: handleClick, fullWidth: true })), _jsx(DropdownMenu, Object.assign({}, menuProps, { open: open, onClose: handleClose, anchorEl: menuRef.current, closeOnItemClick: closeOnItemClick, itemState: itemState, setItemState: setItemState }, { children: children }))] })));
 });
-export { Dropdown };
+export default Dropdown;

package/dist/patterns/Dropdown/DropdownItem/DropdownItem.d.ts

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { SerializedStyles } from "@emotion/react";
 import * as React from "react";
-import { CheckboxInputProps } from "../../..";
 import { DropdownMenuProps } from "../DropdownMenu";
+import { CheckboxInputProps } from "../../../components/CheckboxInput";
 export type DropdownItemType = "default" | "danger";
 export type ItemState = Map<string, {
     open: boolean;
@@ -47,4 +47,4 @@ export interface DropdownItemProps {
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1900&t=FwczLZ1IVvskUVbT-0)
  */
 declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<any>>;
-export { DropdownItem };
+export default DropdownItem;

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

@@ -14,11 +14,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/reac
 import { css } from "@emotion/react";
 import * as React from "react";
 import styled from "@emotion/styled";
-import { CheckboxInput, ArrowRightSLineIcon, HOVER, } from "../../..";
 import { useContext, useRef } from "react";
-import { DropdownMenu } from "../DropdownMenu";
+import DropdownMenu from "../DropdownMenu";
 import DropdownContext from "../DropdownContext";
 import { getSelected, setSelected } from "./selected";
+import CheckboxInput from "../../../components/CheckboxInput";
+import { ArrowRightSLineIcon } from "../../../icons";
+import { HOVER } from "../../../utils/hover";
 const TYPE_TO_COLOR = (theme, type) => {
     return {
         default: theme.color.foreground.neutralBase,
@@ -123,4 +125,4 @@ const Item = styled.div(({ theme, selected, disabled }) => css `
       background-color: ${theme.color.background.neutralBase};
     `}
   `);
-export { DropdownItem };
+export default DropdownItem;

package/dist/patterns/Dropdown/DropdownItem/index.d.ts

@@ -1 +1,2 @@
+export { default } from "./DropdownItem";
 export * from "./DropdownItem";

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

@@ -1 +1,2 @@
+export { default } from "./DropdownItem";
 export * from "./DropdownItem";

package/dist/patterns/Dropdown/DropdownMenu/DropdownMenu.d.ts

@@ -34,4 +34,4 @@ export interface DropdownMenuProps extends Omit<ModalProps, "open" | "onClose" |
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1921&t=FwczLZ1IVvskUVbT-0)
  */
 declare const DropdownMenu: React.ForwardRefExoticComponent<Omit<DropdownMenuProps, "ref"> & React.RefAttributes<any>>;
-export { DropdownMenu };
+export default DropdownMenu;

package/dist/patterns/Dropdown/DropdownMenu/DropdownMenu.js

@@ -14,10 +14,10 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import React, { useContext } from "react";
-import { shadows } from "../../..";
 import { Modal as MuiModal, Grow as MuiGrow, Portal, } from "@mui/material";
 import { ORIGIN_PROPS_TO_POSITION, ORIGIN_PROPS_TO_TRANSFORM, } from "./style";
 import DropdownContext from "../DropdownContext";
+import shadows from "../../../foundation/shadows";
 export const DROPDOWN_MENU_WIDTH = 124;
 export const DROPDOWN_MENU_MAX_HEIGHT = 160;
 /**
@@ -89,4 +89,4 @@ const Menu = styled.div(({ theme }) => css `
     // 최상위 메뉴의 mui modal 백드롭의 z-index는 1300입니다.
     z-index: 1300;
   `);
-export { DropdownMenu };
+export default DropdownMenu;

package/dist/patterns/Dropdown/DropdownMenu/index.d.ts

@@ -1 +1,2 @@
+export { default } from "./DropdownMenu";
 export * from "./DropdownMenu";

package/dist/patterns/Dropdown/DropdownMenu/index.js

@@ -1 +1,2 @@
+export { default } from "./DropdownMenu";
 export * from "./DropdownMenu";

package/dist/patterns/Dropdown/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Dropdown";
-export * from "./DropdownItem";
-export * from "./DropdownMenu";
+export { default } from "./Dropdown";

package/dist/patterns/Dropdown/index.js

@@ -1,3 +1,2 @@
 export * from "./Dropdown";
-export * from "./DropdownItem";
-export * from "./DropdownMenu";
+export { default } from "./Dropdown";

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/TextTypeDropdown.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
+import Dropdown from "../../../../Dropdown";
 import { css, useTheme } from "@emotion/react";
-import { Dropdown, DropdownItem } from "../../../../..";
+import DropdownItem from "../../../../Dropdown/DropdownItem";
 export default function TextTypeDropdown(props) {
     const theme = useTheme();
     const { index, control, disabled } = props;

package/dist/patterns/SegmentedControl/SegmentedControlButton.js

@@ -30,7 +30,7 @@ export const SegmentedControlButton = React.forwardRef(function SegmentedControl
     const isActive = context.multiSelect
         ? context.value.includes(props.value)
         : context.value === props.value;
-    return (_jsx(StyledButton, Object.assign({}, other, { ref: ref, startIcon: typeof startIcon === "function" ? startIcon(isActive) : startIcon, endIcon: typeof endIcon === "function" ? endIcon(isActive) : endIcon, isActive: isActive, color: isActive ? "white" : "textNeutral", size: context.size, onClick: handleClick })));
+    return (_jsx(StyledButton, Object.assign({}, other, { ref: ref, startIcon: typeof startIcon === "function" ? startIcon(isActive) : startIcon, endIcon: typeof endIcon === "function" ? endIcon(isActive) : endIcon, isActive: isActive, color: isActive ? "white" : "textNeutral", size: context.size, onClick: handleClick, disabled: context.disabled || props.disabled })));
 });
 const StyledButton = styled(Button, {
     shouldForwardProp: (prop) => prop !== "isActive",

package/dist/patterns/SegmentedControl/SegmentedControlGroup.d.ts

@@ -8,6 +8,8 @@ export type SegmentedControlGroupProps = {
     size: ButtonSize | SquareButtonSize;
     /** 전체 너비 유무 */
     fullWidth?: boolean;
+    /** 비활성화 여부 */
+    disabled?: boolean;
 } & ({
     /** 중복 선택 가능 유무 */
     multiSelect?: false;

package/dist/patterns/SegmentedControl/SegmentedControlGroup.js

@@ -7,7 +7,7 @@ import React from "react";
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?node-id=181%3A89883)
  */
 export const SegmentedControlGroup = React.forwardRef(function SegmentedControlGroup(props, ref) {
-    const { component: Component = "div", className, children, fullWidth, multiSelect, } = props;
+    const { component: Component = "div", className, children, fullWidth, disabled, multiSelect, } = props;
     const theme = useTheme();
     return (_jsx(Component, Object.assign({ ref: ref, className: className, css: css `
           display: flex;

package/package.json

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