maru_design2 2.23.3 → 2.24.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [2.24.0](https://github.com/42maru-ai/maru-design2/compare/v2.23.3...v2.24.0) (2025-03-14)
+
+
+### Features
+
+* :sparkles: Input - add datetime type [#530](https://github.com/42maru-ai/maru-design2/issues/530) ([2064879](https://github.com/42maru-ai/maru-design2/commit/206487959509eb670169a1ef78c486fdd9a850f8))
+
+
+### Bug Fixes
+
+* :bug: Table - fix tooltip gap type [#527](https://github.com/42maru-ai/maru-design2/issues/527) ([ca36b17](https://github.com/42maru-ai/maru-design2/commit/ca36b17ac9b37147debab36dc29d766a48e914b1))
+* :children_crossing: Dropdown - add text-overflow, tooltip to menu item [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([ece0349](https://github.com/42maru-ai/maru-design2/commit/ece0349e15ddc29944d604f8a9500a7c4b250e70))
+* :children_crossing: Dropdown - add text-overflow, tooltip to menu item [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([9ff0b64](https://github.com/42maru-ai/maru-design2/commit/9ff0b64ec5b845f21b988ed38d21f06beee25244))
+* :children_crossing: Dropdown - add text-overflow, tooltip to toggle button [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([3484605](https://github.com/42maru-ai/maru-design2/commit/34846058cdd6c2ff58e5cb959738f4de9a0429ad))
+* :children-crossing: MSDropdown - add text-overflow, tooltip to menu item [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([e072263](https://github.com/42maru-ai/maru-design2/commit/e072263c6c0a0a19b65dafe571ae95c3f62ddc97))
+* :children-crossing: MSDropdown - add text-overflow, tooltip to toggle button [#521](https://github.com/42maru-ai/maru-design2/issues/521) ([858b23e](https://github.com/42maru-ai/maru-design2/commit/858b23e4194f11cb8d4c8a81a666fc417a8e98e5))
+* :fire: All - remove aria-hidden [#520](https://github.com/42maru-ai/maru-design2/issues/520) ([e3a2303](https://github.com/42maru-ai/maru-design2/commit/e3a23031e5db3ff5f36ec19fee38e057d87ecfa9))
+* :fire: Dropdown - remove inlineLabel ([3d5608c](https://github.com/42maru-ai/maru-design2/commit/3d5608c8d9ec26cc01be91692857404848f5dc93))
+* :fire: Dropdown - remove startArrow ([480e8fc](https://github.com/42maru-ai/maru-design2/commit/480e8fcae64d57cbbc5ee45ad33121cc82438b6f))
+* :fire: Dropdown - remove toggleEndNode ([9148969](https://github.com/42maru-ai/maru-design2/commit/9148969e79c29c3596ade9f5c4be0fffda09ed68))
+* :memo: Dropdown - add long contents with width storybook ([7a8c4d2](https://github.com/42maru-ai/maru-design2/commit/7a8c4d22730d7b614c42e8e36be98d3059efc116))
+* :memo: Dropdown - update desc of width to Docs.mdx ([7bed2ce](https://github.com/42maru-ai/maru-design2/commit/7bed2ce32efee611070b3f6ff670776ac170070d))
+
 ## [2.23.3](https://github.com/42maru-ai/maru-design2/compare/v2.23.2...v2.23.3) (2025-03-12)
 
 

package/dist/components/molecules/dropdown/Dropdown.d.ts

@@ -41,10 +41,6 @@ interface DropdownProps<T extends Record<string, any>> {
      * 에러났을때 메시지. (@v1 isValid, validMessage)
      */
     errorMessage?: string;
-    /**
-     * 토글 안 좌측 상단에 노출할 라벨. (@v1 insideLabel)
-     */
-    inlineLabel?: string;
     label?: string;
     /**
      * 초기화 함수 (@v1 hasClearBtn, onClear)
@@ -81,14 +77,6 @@ interface DropdownProps<T extends Record<string, any>> {
      * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
      */
     anchorEl?: HTMLElement | null;
-    /**
-     * 토글 화살표의 위치를 컴포넌트 시작점에 위치시킬지 여부. (@v1 IsToggleArrowStart)
-     */
-    startArrow?: boolean;
-    /**
-     * 드롭다운 토글 끝점에 위치시킬 노드. (@v1 endNode)
-     */
-    toggleEndNode?: React.ReactNode;
     /**
      * 메뉴 맨 밑에 버튼
      */
@@ -98,5 +86,5 @@ interface DropdownProps<T extends Record<string, any>> {
         onClick: () => void;
     };
 }
-export declare function Dropdown<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage, inlineLabel, label, onClear, noDataMessage, noResultMessage, width, height, customButton, customMenuItem, anchorEl, startArrow, toggleEndNode, menuBottomButton, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Dropdown<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, className, placeholder, searchPlaceholder, disabled, color, stopPropagation, type, errorMessage, label, onClear, noDataMessage, noResultMessage, width, height, customButton, customMenuItem, anchorEl, menuBottomButton, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/molecules/dropdown/menu/MenuItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface Props<T extends Record<string, any>> {
+    item: T;
+    selectedId: string | undefined;
+    onSelect: (id?: string) => void;
+    idKey: string;
+    displayKey: string;
+    width?: number;
+    customMenuItem?: ({ children, rowId, }: {
+        children: React.ReactNode;
+        rowId: string | number;
+    }) => JSX.Element;
+    onClose: () => void;
+}
+declare function MenuItem<T extends Record<string, any>>({ item, selectedId, onSelect, idKey, displayKey, width, customMenuItem: CustomMenuItem, onClose, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/dist/components/molecules/dropdown/menu/index.d.ts

@@ -27,5 +27,5 @@ interface Props<T extends Record<string, any>> {
         onClick: () => void;
     };
 }
-declare function DropdownMenu<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, color, searchPlaceholder, noDataMessage, noResultMessage, width, height, customMenuItem: CustomMenuItem, isSearch, parent, open, onClose, menuBottomButton, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, color, searchPlaceholder, noDataMessage, noResultMessage, width, height, customMenuItem, isSearch, parent, open, onClose, menuBottomButton, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 export default DropdownMenu;

package/dist/components/molecules/dropdown/toggleButton/index.d.ts

@@ -6,11 +6,8 @@ interface Props<T extends Record<string, any>> {
     disabled?: boolean;
     color: TColor;
     stopPropagation?: boolean;
-    inlineLabel?: string;
     width?: number;
     customButton?: React.ReactNode;
-    startArrow?: boolean;
-    toggleEndNode?: React.ReactNode;
     open: boolean;
     selected: T | undefined;
     errored?: boolean;
@@ -18,5 +15,5 @@ interface Props<T extends Record<string, any>> {
     onClear: () => void;
     onClick: () => void;
 }
-declare function DropdownToggleButton<T extends Record<string, any>>({ displayKey, placeholder, disabled, color, stopPropagation, inlineLabel, width, customButton, startArrow, toggleEndNode, open, selected, errored, hasClearBtn, onClear, onClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownToggleButton<T extends Record<string, any>>({ displayKey, placeholder, disabled, color, stopPropagation, width, customButton, open, selected, errored, hasClearBtn, onClear, onClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 export default DropdownToggleButton;

package/dist/components/molecules/multiSelectDropdown/menu/MenuItem.d.ts

@@ -0,0 +1,12 @@
+import { TColor } from '../../../../enums/color';
+interface Props<T extends Record<string, any>> {
+    item: T;
+    selectedIds: string[];
+    onSelect: (ids: string[]) => void;
+    idKey: string;
+    displayKey: string;
+    color?: TColor;
+    width?: number;
+}
+declare function MenuItem<T extends Record<string, any>>({ item, selectedIds, onSelect, idKey, displayKey, color, width, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/dist/enums/type.d.ts

@@ -1,4 +1,4 @@
-export declare const INPUT_TYPES: readonly ["text", "password", "number", "date", "time"];
+export declare const INPUT_TYPES: readonly ["text", "password", "number", "date", "time", "datetime"];
 export type TInputType = (typeof INPUT_TYPES)[number];
 export declare const DROPDOWN_TYPES: readonly ["button", "search"];
 export type TDropdownType = (typeof DROPDOWN_TYPES)[number];