@crispy-seed/data-table 0.11.1 → 0.12.0

package/dist/index.d.ts

@@ -285,6 +285,19 @@ interface DataTableColumn<TRow> {
     onOpenPreview?: (row: TRow) => void;
     /** `onOpenPreview` 아이콘의 aria-label입니다. @default "Open preview" */
     openPreviewLabel?: string;
+    /**
+     * `type: "entity"` only -- makes the entity NAME itself clickable-to-navigate,
+     * matching how Attio actually enters a record (measured live: clicking the name
+     * text, an `<a href="/…/company/<id>">` sized to the name, not the row). Takes
+     * priority over the value's own `href` (`DataTableEntityValue.href`) when both are
+     * given. `event.stopPropagation()`'d, so a name click never also fires the row's
+     * `onRowClick` -- independent of the `onOpenPreview` button above, which stays a
+     * separate affordance for the same row. Renders a plain, non-underlined-until-
+     * hover name (crisp's own measured shape: normal name color/weight, an underline
+     * affordance on hover, not a blue link) rather than `onOpenPreview`'s icon button.
+     * Omit for a plain, non-clickable name (the existing default).
+     */
+    onOpenRecord?: (row: TRow) => void;
     /**
      * 셀 텍스트 옆에 고정으로 붙는 접미(trailing) 아이콘입니다 (예: 링크 열의 외부 링크
      * 아이콘, 위치 열의 핀 아이콘) -- 텍스트가 길어져도 이 아이콘은 잘리거나 사라지지
@@ -521,6 +534,20 @@ interface DataTableProps<TRow extends {
      * 됩니다 -- 새 prop 없이 기존 `style` 전달만으로 두 모드 다 지원됩니다.
      */
     scrollProps?: Omit<react.ComponentPropsWithoutRef<"div">, "ref" | "onScroll">;
+    /**
+     * 행 가상화(windowing): 스크롤 컨테이너 뷰포트 근처의 행만 렌더링하고 나머지는 위/아래
+     * spacer 행으로 대체해 전체 스크롤 높이를 유지합니다. 수천 행 이상에서 사용하세요.
+     * 기본값(`false`)이면 지금까지처럼 모든 행을 렌더링합니다. 켜면 모든 행이 `rowHeight`로
+     * 동일한 높이여야 하고, 스크롤이 생기도록 높이 제한(`style={{ maxHeight }}` 등)이
+     * 필요합니다. 무한 스크롤(`onLoadMore`)은 sentinel 대신 스크롤 위치로 트리거됩니다.
+     * @default false
+     */
+    virtualized?: boolean;
+    /** `virtualized`일 때 한 행의 높이(px)입니다. 레시피의 행 높이(36px)와 일치해야 합니다.
+     *  @default 36 */
+    rowHeight?: number;
+    /** `virtualized`일 때 뷰포트 위/아래로 추가 렌더링할 행 수입니다. @default 8 */
+    overscan?: number;
 }
 /**
  * @see https://seed-design.io/react/components/data-table