@uniai-fe/uds-primitives 0.3.11 → 0.3.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

package/src/components/calendar/markup/Core.tsx

@@ -2,7 +2,7 @@
 
 import { DatePicker } from "@mantine/dates";
 import { CalendarIcon } from "./Icon";
-import type { CalendarGridProps } from "../types";
+import type { CalendarDatePickerProps, CalendarGridProps } from "../types";
 import { mapValueToPicker, parseValueFromPicker } from "../utils";
 
 /**
@@ -20,6 +20,14 @@ export default function CalendarCore({
   onChange,
   datePickerProps,
 }: CalendarGridProps) {
+  const { valueFormat: _deprecatedValueFormat, ...safeDatePickerProps } =
+    (datePickerProps ?? {}) as CalendarDatePickerProps & {
+      /**
+       * deprecated DatePicker 표시 포맷 옵션
+       */
+      valueFormat?: unknown;
+    };
+
   // 기본 DatePicker 옵션/스타일 책임을 Calendar.Core에 고정한다.
   const resolvedDatePickerProps = {
     size: "sm" as const,
@@ -27,7 +35,8 @@ export default function CalendarCore({
     weekendDays: [] as Array<0 | 1 | 2 | 3 | 4 | 5 | 6>,
     nextIcon: <CalendarIcon.Chevron.right />,
     previousIcon: <CalendarIcon.Chevron.left />,
-    ...datePickerProps,
+    // 변경: 지원하지 않는 valueFormat은 제거한 뒤 DatePicker 옵션을 병합한다.
+    ...safeDatePickerProps,
     classNames: {
       levelsGroup: "calendar-month-level",
       month: "calendar-month-table",
@@ -44,7 +53,7 @@ export default function CalendarCore({
       yearsList: "calendar-years-list",
       yearsListCell: "calendar-years-list-cell",
       yearsListControl: "calendar-years-list-control",
-      ...(datePickerProps?.classNames ?? {}),
+      ...(safeDatePickerProps.classNames ?? {}),
     },
   };
 

package/src/components/calendar/types/calendar.ts

@@ -35,7 +35,6 @@ export type CalendarOnChange = (value: CalendarValue) => void;
 /**
  * Mantine DatePicker 공개 옵션.
  * @property {Partial<Record<DatePickerStylesNames, string>>} [classNames] Mantine 내부 스타일 클래스 매핑
- * @property {string} [valueFormat] DatePicker 표시 포맷
  */
 export type CalendarDatePickerProps = Partial<
   Omit<
@@ -49,10 +48,6 @@ export type CalendarDatePickerProps = Partial<
     | "styles"
   >
 > & {
-  /**
-   * DatePicker 표시 포맷
-   */
-  valueFormat?: string;
   /**
    * Mantine 내부 스타일 classNames override.
    */

package/src/components/input/markup/date/Template.tsx

@@ -23,9 +23,8 @@ const INPUT_DATE_TABLE_FORMAT = "YY-MM-DD";
 
 /**
  * Input Date Template; trigger + calendar 조합.
- * priority가 table이면 trigger 표시 포맷/DatePicker 기본 valueFormat을 `YY-MM-DD`로 맞춘다.
+ * priority가 table이면 trigger 표시 포맷을 `YY-MM-DD`로 맞춘다.
  * placeholder는 format과 별도 props로 처리되며, format 변경으로 placeholder가 자동 치환되지는 않는다.
- * 단, `datePickerProps.valueFormat`이 주어지면 해당 포맷을 우선한다.
  * @component
  * @param {InputCalendarProps} props
  * @param {CalendarMode} [props.mode="date"] 날짜/시간 모드
@@ -132,17 +131,6 @@ const InputDateTemplate = forwardRef<HTMLDivElement, InputCalendarProps>(
       [calendarValue, priority],
     );
 
-    const resolvedDatePickerProps = useMemo(() => {
-      if (priority !== "table" || datePickerProps?.valueFormat) {
-        return datePickerProps;
-      }
-      // table priority는 yy-MM-dd 포맷을 기본값으로 둔다.
-      return {
-        ...datePickerProps,
-        valueFormat: INPUT_DATE_TABLE_FORMAT,
-      };
-    }, [datePickerProps, priority]);
-
     const handleTriggerClick = (event: ReactMouseEvent<Element>) => {
       triggerOnClick?.(event);
     };
@@ -195,7 +183,8 @@ const InputDateTemplate = forwardRef<HTMLDivElement, InputCalendarProps>(
         readOnly={readOnly}
         value={calendarValue}
         onChange={handleCalendarChange}
-        datePickerProps={resolvedDatePickerProps}
+        // 변경: Mantine DatePicker는 valueFormat prop을 지원하지 않으므로 옵션을 그대로 전달한다.
+        datePickerProps={datePickerProps}
         header={header}
         footer={footerContent}
         open={resolvedCalendarOpen}

package/src/components/select/markup/foundation/Base.tsx

@@ -59,8 +59,10 @@ const SelectTriggerBase = forwardRef<HTMLElement, SelectTriggerBaseProps>(
       className: clsx("select-button", className),
       "data-priority": priority,
       "data-size": size,
-      // 변경: readOnly도 disabled와 동일한 시각 상태를 사용하고 텍스트 컬러만 별도 스타일로 분리한다.
+      ...restProps,
+      // 변경: Radix Dropdown.Trigger가 주입하는 data-state(open|closed)를 최종 단계에서 덮어써 visual state를 고정한다.
       "data-state": resolvedState,
+      // 변경: readOnly도 disabled와 동일한 시각 상태를 사용하고 텍스트 컬러만 별도 스타일로 분리한다.
       "data-readonly": readOnly ? "true" : undefined,
       "data-open": open || undefined,
       "data-multiple": multiple || undefined,
@@ -68,7 +70,6 @@ const SelectTriggerBase = forwardRef<HTMLElement, SelectTriggerBaseProps>(
       "aria-readonly": readOnly ? "true" : undefined,
       "aria-haspopup": ariaHasPopup ?? "listbox",
       "aria-expanded": ariaExpanded ?? open,
-      ...restProps,
     };
 
     const elementSpecificProps =