sellmate-design-system-react 9.0.0-beta.76 → 9.0.0-beta.77

package/dist/components/STable/README.md

@@ -55,6 +55,7 @@
 | `onVirtualUpdate` | `(range: { from: number; to: number }) => void` |  |
 | `onVirtualReachEnd` | `(info: { from: number; to: number; rowCount: number; threshold: number; }) =>…` |  |
 | `onRowClick` | `(row: TRow) => void` | 행 클릭 |
+| `onRowDoubleClick` | `(row: TRow) => void` | 행 더블클릭. 목록에서 상세를 여는 것처럼 **한 번 누르는 것과 다른 일**을 걸 때 쓴다. 더블클릭도 클릭 두 번이라 `onRowClick` 과 함께 주면 **`onRowClick` 이 두 번 먼저 울린다** — 둘을 함께 쓰려면 `onRowClick` 은 두 번 울려도 결과가 같은 일(행 강조 등)이어야 한다. 선택 체크박스 열과 셀 안의 버튼·링크·입력 위에서 한 더블클릭은 행 더블클릭이 아니다 — 체크박스를 빠르게 두 번 누르거나 입력의 글자를 더블클릭으로 고르다 상세가 열리지 않게 한다. |
 
 #### Methods (ref)
 

package/dist/components/STable/STable.d.ts

@@ -400,6 +400,16 @@ export interface STableProps<TRow extends SRow = SRow> {
     tableId?: string;
     /** 행 클릭 */
     onRowClick?: (row: TRow) => void;
+    /**
+     * 행 더블클릭. 목록에서 상세를 여는 것처럼 **한 번 누르는 것과 다른 일**을 걸 때 쓴다.
+     *
+     * 더블클릭도 클릭 두 번이라 `onRowClick` 과 함께 주면 **`onRowClick` 이 두 번 먼저 울린다** —
+     * 둘을 함께 쓰려면 `onRowClick` 은 두 번 울려도 결과가 같은 일(행 강조 등)이어야 한다.
+     *
+     * 선택 체크박스 열과 셀 안의 버튼·링크·입력 위에서 한 더블클릭은 행 더블클릭이 아니다 —
+     * 체크박스를 빠르게 두 번 누르거나 입력의 글자를 더블클릭으로 고르다 상세가 열리지 않게 한다.
+     */
+    onRowDoubleClick?: (row: TRow) => void;
     className?: string;
     style?: CSSProperties;
 }

package/dist/index.cjs

@@ -16614,6 +16614,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
   onVirtualReachEnd,
   tableId,
   onRowClick,
+  onRowDoubleClick,
   className,
   style
 }, ref) {
@@ -17466,13 +17467,18 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                                 {
                                   "data-row-index": rowIndex,
                                   onClick: () => onRowClick?.(row),
+                                  onDoubleClick: onRowDoubleClick ? (event) => {
+                                    const target = event.target;
+                                    if (target.closest(ROW_INTERACTIVE_SELECTOR)) return;
+                                    onRowDoubleClick(row);
+                                  } : void 0,
                                   onMouseDown: dragSelectOn ? (event) => startDragSelect(rowIndex, event) : void 0,
                                   onMouseEnter: dragSelectOn ? () => extendDragSelect(rowIndex) : void 0,
                                   onContextMenu: contextMenuOn ? (event) => openContextMenu(row, event) : void 0,
                                   className: cn(
                                     "group/table-row",
                                     rowHover && "hover:bg-[var(--color-grey-05)]",
-                                    onRowClick && "cursor-pointer",
+                                    (onRowClick || onRowDoubleClick) && "cursor-pointer",
                                     dragSelectOn && "select-none"
                                   ),
                                   style: { height: virtualScroll ? effectiveRowHeight : rowH },
@@ -17495,6 +17501,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                                           background: rowLocked ? LOCKED_BG : void 0
                                         },
                                         onClick: (e) => e.stopPropagation(),
+                                        onDoubleClick: (e) => e.stopPropagation(),
                                         onClickCapture: (e) => {
                                           shiftPressedRef.current = e.shiftKey;
                                           if (e.shiftKey) window.getSelection()?.removeAllRanges();