@ceed/ads 1.41.3-next.5 → 1.41.3-next.6

package/dist/components/DataTable/components.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import type { ObjectLike, ColumnDef, Sort } from './types';
+import type { ObjectLike, RenderedColumnDef, Sort } from './types';
 export declare const TextEllipsis: ({ children, lineClamp, ...rest }: {
     children: ReactNode;
     lineClamp?: number | undefined;
@@ -7,7 +7,7 @@ export declare const TextEllipsis: ({ children, lineClamp, ...rest }: {
 export declare const CellTextEllipsis: ({ children }: {
     children: ReactNode;
 }) => React.JSX.Element;
-export declare const HeadCell: <T extends ObjectLike, GetId>(props: ColumnDef<T, GetId> & {
+export declare const HeadCell: <T extends ObjectLike, GetId>(props: RenderedColumnDef<T, GetId> & {
     tableId: string;
     stickyHeader?: boolean | undefined;
     editMode?: boolean | undefined;
@@ -26,14 +26,14 @@ export declare const BodyCell: <T extends Record<string, any>, ID>(props: {
     rowId: ID;
     editMode?: boolean | undefined;
     noWrap?: boolean | undefined;
-} & ColumnDef<T, any>) => React.JSX.Element;
+} & RenderedColumnDef<T, any>) => React.JSX.Element;
 export declare const BodyRow: <T extends Record<string, any>, ID>(props: {
     tableId: string;
     row: T;
     rowId: ID;
     editMode?: boolean;
     noWrap?: boolean;
-    columns: ColumnDef<T, any>[];
+    columns: RenderedColumnDef<T, any>[];
 }) => JSX.Element;
 export declare const VirtualizedTableRow: React.NamedExoticComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
     striped?: boolean | undefined;

package/dist/components/DataTable/hooks.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ObjectLike, ColumnDef, DataTableProps, Sort, InferredIdType } from './types';
+import type { ObjectLike, RenderedColumnDef, DataTableProps, Sort, InferredIdType } from './types';
 export declare function useColumnWidths(columnsById: Record<string, {
     field: PropertyKey;
     headerRef: React.RefObject<HTMLTableCellElement>;
@@ -11,7 +11,7 @@ export declare function useDataTableRenderer<T extends Record<PropertyKey, unkno
     pageSize: number;
     onPaginationModelChange: (newPage: number) => void;
     getId: (row: T, index?: number) => InferredIdType<T, GetId>;
-    HeadCell: <T_1 extends ObjectLike, GetId_1>(props: ColumnDef<T_1, GetId_1> & {
+    HeadCell: <T_1 extends ObjectLike, GetId_1>(props: RenderedColumnDef<T_1, GetId_1> & {
         tableId: string;
         stickyHeader?: boolean | undefined;
         editMode?: boolean | undefined;
@@ -30,7 +30,7 @@ export declare function useDataTableRenderer<T extends Record<PropertyKey, unkno
         rowId: ID;
         editMode?: boolean | undefined;
         noWrap?: boolean | undefined;
-        columns: ColumnDef<T_2, any>[];
+        columns: RenderedColumnDef<T_2, any>[];
     }) => JSX.Element;
     dataInPage: T[];
     handleSortChange: (props: {
@@ -47,7 +47,7 @@ export declare function useDataTableRenderer<T extends Record<PropertyKey, unkno
     onRowFocus: (rowId: InferredIdType<T, GetId>) => void;
     onAllCheckboxChange: () => void;
     onCheckboxChange: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, selectedModel: InferredIdType<T, GetId>) => void;
-    columns: ColumnDef<T, InferredIdType<T, GetId>>[];
+    columns: RenderedColumnDef<T, InferredIdType<T, GetId>>[];
     tableMinWidth: number;
     processedColumnGroups: {
         groups: import("./types").ProcessedColumnGroup[][];

package/dist/components/DataTable/types.d.ts

@@ -73,13 +73,6 @@ export type FlattenedColumn<T extends Record<PropertyKey, any>, ID> = ColumnDef<
 export type BaseColumnDef<T extends Record<PropertyKey, V>, V, ID> = {
     [K in keyof T]: {
         field: K;
-        /**
-         * DataTable이 내부에서 자동으로 붙이는 컬럼 식별자. `field`를 그대로 쓰고, 같은 `field`가 여러 번
-         * 정의된 경우에만 두 번째부터 `__2`, `__3` 접미사를 붙인다(이미 쓰인 이름은 건너뛴다).
-         * 숨긴 컬럼까지 포함한 전체 컬럼 기준으로 매기므로 컬럼을 숨겨도 값이 바뀌지 않는다.
-         * <col> key와 헤더 ref 매칭에만 쓰는 내부값이다. 소비자가 지정해도 무시되고, 외부에서 의존할 값이 아니다.
-         */
-        columnId?: string;
         headerName?: string;
         headerRef?: React.RefObject<HTMLTableCellElement>;
         tableColRef?: React.RefObject<HTMLTableColElement>;
@@ -155,6 +148,15 @@ export type ActionsColumnDef<T extends Record<PropertyKey, string>, ID> = BaseCo
     }) => ReactNode[];
 };
 export type ColumnDef<T extends Record<PropertyKey, any>, ID = unknown> = AutocompleteColumnDef<T, ID> | CurrencyColumnDef<T, ID> | DateColumnDef<T, ID> | NumberColumnDef<T, ID> | TextColumnDef<T, ID> | LongTextColumnDef<T, ID> | LinkColumnDef<T, ID> | SelectColumnDef<T, ID> | ActionsColumnDef<T, ID>;
+/**
+ * 내부 렌더러가 `columnId`를 붙인 컬럼. `columnId`는 `field`를 그대로 쓰고, 같은 `field`가 여러 번
+ * 정의된 경우에만 두 번째부터 `__2`, `__3` 접미사를 붙인다(이미 쓰인 이름은 건너뛴다).
+ * 숨긴 컬럼까지 포함한 전체 컬럼 기준으로 매기므로 컬럼을 숨겨도 값이 바뀌지 않는다.
+ * <col> key와 헤더 ref 매칭에만 쓰는 내부값이라 소비자 `ColumnDef`에는 없다.
+ */
+export type RenderedColumnDef<T extends Record<PropertyKey, any>, ID = unknown> = ColumnDef<T, ID> & {
+    columnId: string;
+};
 export type ColumnVisibilityModel = Record<string, boolean>;
 export type Sort = 'asc' | 'desc' | null;
 export type SortModel<T extends Record<PropertyKey, any>> = {

package/dist/components/IconMenuButton/IconMenuButton.type-test.d.ts

@@ -0,0 +1,5 @@
+import type { IconMenuButtonProps } from './IconMenuButton';
+type Assert<T extends true> = T;
+export type ButtonComponentPropsAcceptsSx = Assert<'sx' extends keyof NonNullable<IconMenuButtonProps['buttonComponentProps']> ? true : false>;
+export type ItemComponentPropsAcceptsDisabled = Assert<'disabled' extends keyof NonNullable<NonNullable<IconMenuButtonProps['items']>[number]['componentProps']> ? true : false>;
+export {};

package/dist/components/Select/Select.d.ts

@@ -46,6 +46,10 @@ export interface SelectProps<OptionValue extends OptionType, Multiple extends bo
     }, newValue: InferOptionValue<OptionValue>) => void;
     multiple?: Multiple;
 }
+/**
+ * @visibleName Select
+ */
+export declare function SelectInner<OptionValue extends OptionType, Multiple extends boolean = false>(props: SelectProps<OptionValue, Multiple>, ref: React.Ref<HTMLButtonElement>): React.JSX.Element;
 declare const Select: <OptionValue extends OptionType, Multiple extends boolean = false>(props: SelectProps<OptionValue, Multiple> & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => React.ReactElement;

package/dist/components/Select/index.d.ts

@@ -1,3 +1,4 @@
 import { Select } from './Select';
-export * from './Select';
+export { Select, Option } from './Select';
+export type { SelectProps, OptionType, InferOptionValue, OptionProps, JoySelectProps } from './Select';
 export default Select;

package/dist/components/data-display/DataTable.md

@@ -2426,7 +2426,7 @@ interface DataTableApi {
 - `pinnedColumns` and `columnGroupingModel` cannot be used simultaneously.
 - Two columns may share the same `field`. DataTable derives an internal per-column id so each duplicate keeps its own header/`<col>` element, measured width, and header `id`. The first column with a given `field` uses the `field` itself; each later duplicate gets a `__2`, `__3`, … suffix, skipping any name that is already a real `field`. The id is deliberately field-derived rather than positional: a positional id renumbers when a column is hidden, which would move a resized column's inline `<col>` width onto its neighbour. `sortModel` and `columnVisibilityModel` still match by `field`, so they apply to every column sharing it.
 - The header cell `id` (`<th id>`, referenced by each `<td headers>`) is built from that internal column id. It is stable across visibility changes, but it is an implementation detail — do not target it from external selectors, CSS, or `aria-labelledby`. The same applies to `data-hds-column-id` on the header cell, which carries the raw internal id.
-- `data-field` on the header cell still holds the column's `field`, so selectors like `th[data-field="dessert"]` keep working. It is not unique when two columns share a `field`.
+- `data-field` on the header cell holds the column's `field`. Like the ids above it is an implementation detail for debugging — do not target it from external selectors or CSS. It is not unique when two columns share a `field`.
 - Do not pin a duplicated `field`. `pinnedColumns` matches by `field` and cannot address one of the duplicates, so every column sharing it resolves to the same offset and they render stacked on top of each other.
 - `editMode` must be `true` for editing-related UI to be active.
 - When `paginationMode="server"`, `rowCount` must be specified.

package/dist/components/inputs/Calendar.md

@@ -303,23 +303,23 @@ const shouldDisableDate = useCallback(
 
 ### Key Props
 
-| Prop                | Type                                        | Default            | Description                                                            |
-| ------------------- | ------------------------------------------- | ------------------ | ---------------------------------------------------------------------- |
-| `value`             | `[Date, Date \| undefined]`                 | -                  | Selected date(s) for controlled mode. Single date: `[date, undefined]` |
-| `defaultValue`      | `[Date, Date \| undefined]`                 | -                  | Initial date(s) for uncontrolled mode                                  |
-| `onChange`          | `(date: [Date, Date \| undefined]) => void` | -                  | Callback when date selection changes                                   |
-| `view`              | `'month' \| 'day'`                          | `'day'`            | Active calendar view                                                   |
-| `views`             | `('month' \| 'day')[]`                      | `['month', 'day']` | Available views for navigation                                         |
-| `onViewChange`      | `(view: 'month' \| 'day') => void`          | -                  | Callback when view changes                                             |
-| `onMonthChange`     | `(newMonth: Date) => void`                  | -                  | Callback when the displayed month changes                              |
-| `rangeSelection`    | `boolean`                                   | `false`            | Enable date range selection (two dates)                                |
-| `locale`            | `string`                                    | `'default'`        | Locale for month/day names (BCP 47 format)                             |
-| `minDate`           | `Date`                                      | -                  | Minimum selectable date                                                |
-| `maxDate`           | `Date`                                      | -                  | Maximum selectable date                                                |
-| `disableFuture`     | `boolean`                                   | `false`            | Disable all future dates                                               |
-| `disablePast`       | `boolean`                                   | `false`            | Disable all past dates                                                 |
-| `shouldDisableDate` | `(date: Date) => boolean`                   | -                  | Custom function to disable specific dates                              |
-| `slots`             | `{ day?, monthButton?, yearButton? }`       | -                  | Custom component slots for calendar elements                           |
+| Prop                | Type                                         | Default            | Description                                                            |
+| ------------------- | -------------------------------------------- | ------------------ | ---------------------------------------------------------------------- |
+| `value`             | `[Date, Date \| undefined]`                  | -                  | Selected date(s) for controlled mode. Single date: `[date, undefined]` |
+| `defaultValue`      | `[Date, Date \| undefined]`                  | -                  | Initial date(s) for uncontrolled mode                                  |
+| `onChange`          | `(date: [Date, Date \| undefined]) => void`  | -                  | Callback when date selection changes                                   |
+| `view`              | `'month' \| 'day'`                           | `'day'`            | Active calendar view                                                   |
+| `views`             | `('month' \| 'day')[]`                       | `['month', 'day']` | Available views for navigation                                         |
+| `onViewChange`      | `(view: 'month' \| 'day') => void`           | -                  | Callback when view changes                                             |
+| `onMonthChange`     | `(newMonth: Date) => void`                   | -                  | Callback when the displayed month changes                              |
+| `rangeSelection`    | `boolean`                                    | `false`            | Enable date range selection (two dates)                                |
+| `locale`            | `string`                                     | `'default'`        | Locale for month/day names (BCP 47 format)                             |
+| `minDate`           | `Date`                                       | -                  | Minimum selectable date                                                |
+| `maxDate`           | `Date`                                       | -                  | Maximum selectable date                                                |
+| `disableFuture`     | `boolean`                                    | `false`            | Disable all future dates                                               |
+| `disablePast`       | `boolean`                                    | `false`            | Disable all past dates                                                 |
+| `shouldDisableDate` | `(date: Date) => boolean`                    | -                  | Custom function to disable specific dates                              |
+| `slots`             | `Partial<Record<CalendarSlot, ElementType>>` | -                  | Not implemented. The prop is accepted but no slot is overridable yet   |
 
 ## Accessibility
 

package/dist/components/navigation/IconMenuButton.md

@@ -242,6 +242,11 @@ function EditorToolbar({ onAction }) {
 | `buttonComponent`      | `ElementType`                                                          | -           | Custom trigger element                                                   |
 | `buttonComponentProps` | `object`                                                               | -           | Props passed to the trigger. Reaches Joy `IconButton`, so `sx` works     |
 
+> **Note**: `buttonComponentProps` is typed as `ComponentProps<buttonComponent> & AriaAttributes` plus an explicit
+> allow-list of Joy `IconButton` props — currently only `sx`. `items[].componentProps` works the same way against Joy
+> `MenuItem` — currently only `disabled`. Every other Joy prop still reaches the underlying Joy component at runtime,
+> but it does not type-check: extend the `Pick<...>` in `IconMenuButton.tsx` when you need one.
+
 ## Best Practices
 
 - **Always provide `aria-label`.** Since IconMenuButton has no visible text, screen readers rely entirely on the `aria-label` to announce the button's purpose. Include context when possible.