@ceed/ads 1.41.3-next.5 → 1.41.3

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -37,8 +37,8 @@ export type AutocompleteProps<T extends AutocompleteOption | string = string, Mu
         };
     }) => void;
 } & Omit<JoyAutocompleteProps<AutocompleteOption, Multiple, boolean, boolean>, 'onChange' | 'value' | 'options' | 'defaultValue'>;
-export declare function AutocompleteInner<T extends AutocompleteOption | string, Multiple extends boolean | undefined = false>(props: AutocompleteProps<T, Multiple>, ref: React.Ref<HTMLInputElement>): React.JSX.Element;
-declare const Autocomplete: <T extends string | AutocompleteOption = string, Multiple extends boolean | undefined = false>(props: AutocompleteProps<T, Multiple> & {
-    ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
+declare function Autocomplete<T extends AutocompleteOption | string, Multiple extends boolean | undefined = false>(props: AutocompleteProps<T, Multiple>): React.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
 export { Autocomplete };

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

@@ -1,4 +1,3 @@
 import { Autocomplete } from './Autocomplete';
-export { Autocomplete } from './Autocomplete';
-export type { AutocompleteOption, AutocompleteValue, AutocompleteProps } from './Autocomplete';
+export * from './Autocomplete';
 export default Autocomplete;

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

@@ -18,7 +18,7 @@ export declare const HeadCell: <T extends ObjectLike, GetId>(props: ColumnDef<T,
         currentSort?: Sort | undefined;
     }) => void) | undefined;
     sortOrder: Sort[];
-    onAutoFit?: ((columnId: string) => void) | undefined;
+    onAutoFit?: ((field: keyof T) => void) | undefined;
 }) => React.JSX.Element;
 export declare const BodyCell: <T extends Record<string, any>, ID>(props: {
     tableId: string;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import type { ObjectLike, ColumnDef, DataTableProps, Sort, InferredIdType } from './types';
-export declare function useColumnWidths(columnsById: Record<string, {
-    field: PropertyKey;
-    headerRef: React.RefObject<HTMLTableCellElement>;
-}>): Record<string, number>;
+export declare function useColumnWidths<T>(columnsByField: {
+    [K in keyof T]: {
+        headerRef: React.RefObject<HTMLTableCellElement>;
+    };
+}): Record<string, number>;
 export declare function useDataTableRenderer<T extends Record<PropertyKey, unknown>, GetId extends ((row: T) => any) | undefined = undefined>({ rows: _rows, columns: columnsProp, pinnedColumns, rowCount: totalRowsProp, initialState, pagination, paginationMode, paginationModel, onPaginationModelChange, sortModel: controlledSortModel, sortOrder: _sortOrder, selectionModel, onSortModelChange, onSelectionModelChange, editMode, getId: _getId, isTotalSelected: _isTotalSelected, isRowSelectable, columnGroupingModel, columnVisibilityModel, onColumnVisibilityModelChange, checkboxSelection, }: DataTableProps<T, GetId>): {
     rowCount: number;
     selectableRowCount: number;
@@ -22,7 +23,7 @@ export declare function useDataTableRenderer<T extends Record<PropertyKey, unkno
             currentSort?: Sort | undefined;
         }) => void) | undefined;
         sortOrder: Sort[];
-        onAutoFit?: ((columnId: string) => void) | undefined;
+        onAutoFit?: ((field: keyof T_1) => void) | undefined;
     }) => import("react").JSX.Element;
     BodyRow: <T_2 extends Record<string, any>, ID>(props: {
         tableId: string;
@@ -38,7 +39,7 @@ export declare function useDataTableRenderer<T extends Record<PropertyKey, unkno
         multiple: boolean;
         currentSort?: Sort | undefined;
     }) => void;
-    handleAutoFit: (columnId: string) => void;
+    handleAutoFit: (field: keyof T) => void;
     isAllSelected: boolean;
     isTotalSelected: boolean;
     isSelectedRow: (model: InferredIdType<T, GetId>) => boolean;

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>;

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

@@ -20,8 +20,3 @@ export declare function computeAutoFitWidth(params: {
     field: string;
     dataInPage: Record<string, unknown>[];
 }): number | null;
-/**
- * 헤더 셀의 DOM id. `<td headers>`가 이 값을 가리키므로 두 곳이 같은 규칙을 써야 한다.
- * 같은 `field`가 여러 번 쓰일 수 있어 `headerName`이 아니라 컬럼 식별자로 만든다.
- */
-export declare function getHeaderCellId(tableId: string, columnId: string): string;

package/dist/components/IconMenuButton/IconMenuButton.d.ts

@@ -1,10 +1,10 @@
-import React, { AriaAttributes, ComponentProps, ComponentRef, ElementType, ReactNode } from 'react';
-import { MenuButtonProps as JoyMenuButtonProps, IconButtonProps as JoyIconButtonProps, MenuItemProps as JoyMenuItemProps } from '@mui/joy';
+import React, { AriaAttributes, ComponentProps, ElementType, ReactNode } from 'react';
+import { MenuButtonProps as JoyMenuButtonProps } from '@mui/joy';
 export interface IconMenuButtonProps<T extends ElementType = 'button', P extends ElementType = 'li'> {
     size?: JoyMenuButtonProps<T, P>['size'];
     icon: ReactNode;
     buttonComponent?: T;
-    buttonComponentProps?: ComponentProps<T> & AriaAttributes & Pick<JoyIconButtonProps, 'sx'>;
+    buttonComponentProps?: ComponentProps<T> & AriaAttributes;
     disabled?: boolean;
     loading?: boolean;
     color?: JoyMenuButtonProps<T, P>['color'];
@@ -12,13 +12,12 @@ export interface IconMenuButtonProps<T extends ElementType = 'button', P extends
     items?: {
         text: string;
         component?: P;
-        componentProps?: ComponentProps<P> & Pick<JoyMenuItemProps, 'disabled'>;
+        componentProps?: ComponentProps<P>;
     }[];
     placement?: 'bottom-start' | 'bottom' | 'bottom-end';
 }
-type IconMenuButtonRef<T extends ElementType> = React.Ref<ComponentRef<T>>;
-export declare function IconMenuButtonInner<T extends ElementType, P extends ElementType>(props: IconMenuButtonProps<T, P>, ref: IconMenuButtonRef<T>): React.JSX.Element;
-declare const IconMenuButton: <T extends React.ElementType = "button", P extends React.ElementType = "li">(props: IconMenuButtonProps<T, P> & {
-    ref?: IconMenuButtonRef<T>;
-}) => React.ReactElement;
+declare function IconMenuButton<T extends ElementType, P extends ElementType>(props: IconMenuButtonProps<T, P>): React.JSX.Element;
+declare namespace IconMenuButton {
+    var displayName: string;
+}
 export { IconMenuButton };

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

@@ -1,4 +1,3 @@
 import { IconMenuButton } from './IconMenuButton';
-export { IconMenuButton } from './IconMenuButton';
-export type { IconMenuButtonProps } from './IconMenuButton';
+export * from './IconMenuButton';
 export default IconMenuButton;

package/dist/components/Modal/Modal.d.ts

@@ -36,5 +36,8 @@ export type ModalFrameProps = {
     titleStartDecorator?: React.ReactNode;
     onClose?: () => void;
 } & React.ComponentProps<typeof ModalDialog>;
-declare const ModalFrame: React.ForwardRefExoticComponent<Omit<ModalFrameProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ModalFrame(props: ModalFrameProps): React.JSX.Element;
+declare namespace ModalFrame {
+    var displayName: string;
+}
 export { ModalFrame };

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

@@ -46,7 +46,8 @@ export interface SelectProps<OptionValue extends OptionType, Multiple extends bo
     }, newValue: InferOptionValue<OptionValue>) => void;
     multiple?: Multiple;
 }
-declare const Select: <OptionValue extends OptionType, Multiple extends boolean = false>(props: SelectProps<OptionValue, Multiple> & {
-    ref?: React.Ref<HTMLButtonElement>;
-}) => React.ReactElement;
+declare function Select<OptionValue extends OptionType, Multiple extends boolean = false>(props: SelectProps<OptionValue, Multiple>): React.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
 export { Select };

package/dist/components/Textarea/Textarea.d.ts

@@ -7,5 +7,8 @@ export type TextareaProps = {
     error?: boolean;
     helperText?: React.ReactNode;
 } & JoyTextareaProps & MotionProps;
-declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: {
+    (props: TextareaProps): React.JSX.Element;
+    displayName: string;
+};
 export { Textarea };

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

@@ -1,4 +1,3 @@
 import { Textarea } from './Textarea';
-export { Textarea } from './Textarea';
-export type { TextareaProps, JoyTextareaProps } from './Textarea';
+export * from './Textarea';
 export default Textarea;

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

@@ -2424,10 +2424,6 @@ interface DataTableApi {
 ### Feature Combination Constraints
 
 - `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`.
-- 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/navigation/IconMenuButton.md

@@ -229,18 +229,18 @@ function EditorToolbar({ onAction }) {
 
 ### Key Props
 
-| Prop                   | Type                                                                   | Default     | Description                                                              |
-| ---------------------- | ---------------------------------------------------------------------- | ----------- | ------------------------------------------------------------------------ |
-| `icon`                 | `ReactNode`                                                            | (required)  | Icon element to render in the trigger button                             |
-| `items`                | `{ text: string; component?: ElementType; componentProps?: object }[]` | -           | Menu items. `componentProps` reaches Joy `MenuItem`, so `disabled` works |
-| `size`                 | `'sm' \| 'md' \| 'lg'`                                                 | `'sm'`      | Button size                                                              |
-| `color`                | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'`         | `'neutral'` | Button color                                                             |
-| `variant`              | `'solid' \| 'soft' \| 'outlined' \| 'plain'`                           | `'plain'`   | Button visual style                                                      |
-| `disabled`             | `boolean`                                                              | `false`     | Disables the button                                                      |
-| `loading`              | `boolean`                                                              | `false`     | Shows loading indicator                                                  |
-| `placement`            | `Placement`                                                            | `'bottom'`  | Menu position                                                            |
-| `buttonComponent`      | `ElementType`                                                          | -           | Custom trigger element                                                   |
-| `buttonComponentProps` | `object`                                                               | -           | Props passed to the trigger. Reaches Joy `IconButton`, so `sx` works     |
+| Prop                   | Type                                                                   | Default     | Description                                  |
+| ---------------------- | ---------------------------------------------------------------------- | ----------- | -------------------------------------------- |
+| `icon`                 | `ReactNode`                                                            | (required)  | Icon element to render in the trigger button |
+| `items`                | `{ text: string; component?: ElementType; componentProps?: object }[]` | -           | Menu items                                   |
+| `size`                 | `'sm' \| 'md' \| 'lg'`                                                 | `'sm'`      | Button size                                  |
+| `color`                | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'`         | `'neutral'` | Button color                                 |
+| `variant`              | `'solid' \| 'soft' \| 'outlined' \| 'plain'`                           | `'plain'`   | Button visual style                          |
+| `disabled`             | `boolean`                                                              | `false`     | Disables the button                          |
+| `loading`              | `boolean`                                                              | `false`     | Shows loading indicator                      |
+| `placement`            | `Placement`                                                            | `'bottom'`  | Menu position                                |
+| `buttonComponent`      | `ElementType`                                                          | -           | Custom trigger element                       |
+| `buttonComponentProps` | `object`                                                               | -           | Props passed to custom trigger               |
 
 ## Best Practices