@iyulab/data-components 0.18.0 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.19.0] - 2026-08-31
+
+### Fixed
+
+- 🔴**`u-simple-sheet`: `Ctrl`/`Cmd` + `C` never copied anything.** Cell selection is internal
+  state, not a real browser text selection (`Range`), so the native `copy` DOM event this
+  component relied on never fired — every browser requires an actual selection for that event to
+  exist. The copy logic itself (TSV serialization, `clipboardData.setData`) was fully implemented
+  and correctly bound; it was simply unreachable from the keyboard. `Ctrl`/`Cmd` + `C`/`V` now
+  detect the key combination explicitly and call the Clipboard API directly, matching the sibling
+  `u-rich-table`'s existing pattern. The native `copy`/`paste` listeners stay as a fallback for an
+  actual text-selection scenario.
+
+### Added
+
+- **`u-simple-sheet` and `u-rich-table` gained a `clipboard-error` event**
+  (`{ action: 'copy' | 'paste', error }`) — a denied clipboard permission or an insecure context
+  previously failed the operation silently (an unhandled promise rejection, no signal to the
+  consumer). Both components now fire this event instead, matching `flex-table`'s existing
+  pattern for the same case.
+
 ## [0.18.0] - 2026-08-19
 
 ### Added

package/dist/_virtual/{_@oxc-project_runtime@0.146.0 → _@oxc-project_runtime@0.147.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.146.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/_virtual/{_@oxc-project_runtime@0.146.0 → _@oxc-project_runtime@0.147.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.146.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }

package/dist/components/data-view/UDataView.js

@@ -1,6 +1,6 @@
 import { styles } from "./UDataView.styles.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import "@iyulab/components/dist/components/icon/UIcon.js";

package/dist/components/simple-sheet/USimpleSheet.d.ts

@@ -112,6 +112,11 @@ export declare class USimpleSheet extends UElement {
     private _onColHeaderMouseDown;
     /** 행 헤더 클릭 → 전체 행 선택 */
     private _onRowHeaderMouseDown;
+    /** Ctrl+C 경로 전용 — 권한 거부·비보안 컨텍스트 등으로 Clipboard API가 실패해도
+     * 조용히 죽지 않고 `clipboard-error`를 낸다(flex-table의 동일 패턴 참조). */
+    private _copySelection;
+    /** Ctrl+V 경로 전용 — 위와 동일한 이유로 실패를 흡수한다. */
+    private _pasteFromClipboard;
     private _onCopy;
     private _onPaste;
     private _selectionToTSV;

package/dist/components/simple-sheet/USimpleSheet.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import { styles } from "./USimpleSheet.styles.js";
 import { html } from "lit";
@@ -92,6 +92,20 @@ var USimpleSheet = class USimpleSheet extends UElement {
 					if (!this.readonly && this._sel) this._fillRight();
 					return;
 				}
+				if (e.key === "c" || e.key === "C") {
+					if (this._sel) {
+						e.preventDefault();
+						this._copySelection();
+					}
+					return;
+				}
+				if (e.key === "v" || e.key === "V") {
+					if (!this.readonly && this._sel) {
+						e.preventDefault();
+						this._pasteFromClipboard();
+					}
+					return;
+				}
 			}
 			if (e.key === "Delete" || e.key === "Backspace") {
 				e.preventDefault();
@@ -625,6 +639,30 @@ var USimpleSheet = class USimpleSheet extends UElement {
       </td>
     `;
 	}
+	/** Ctrl+C 경로 전용 — 권한 거부·비보안 컨텍스트 등으로 Clipboard API가 실패해도
+	* 조용히 죽지 않고 `clipboard-error`를 낸다(flex-table의 동일 패턴 참조). */
+	async _copySelection() {
+		try {
+			await navigator.clipboard.writeText(this._selectionToTSV());
+		} catch (err) {
+			this.fire("clipboard-error", { detail: {
+				action: "copy",
+				error: err
+			} });
+		}
+	}
+	/** Ctrl+V 경로 전용 — 위와 동일한 이유로 실패를 흡수한다. */
+	async _pasteFromClipboard() {
+		try {
+			const text = await navigator.clipboard.readText();
+			this._pasteFromText(text);
+		} catch (err) {
+			this.fire("clipboard-error", { detail: {
+				action: "paste",
+				error: err
+			} });
+		}
+	}
 	_selectionToTSV() {
 		if (!this._sel) return "";
 		const { minRow, maxRow, minCol, maxCol } = normalizeRange(this._sel);

package/dist/components/u-record-picker/URecordPicker.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import "../u-rich-table/URichTable.js";
 import { styles } from "./styles.js";

package/dist/components/u-rich-table/URichTable.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
 import { messages } from "../../utilities/messages.js";
 import { richTableStyles } from "./styles.js";
 import { parseTSV, toTSV } from "./utils/clipboard.js";
@@ -720,11 +720,35 @@ var URichTable = class URichTable extends LitElement {
 		const rows = this.getSelectedRows();
 		if (rows.length === 0) return;
 		const tsv = toTSV(rows, this.columns);
-		await navigator.clipboard.writeText(tsv);
+		try {
+			await navigator.clipboard.writeText(tsv);
+		} catch (err) {
+			this.dispatchEvent(new CustomEvent("clipboard-error", {
+				detail: {
+					action: "copy",
+					error: err
+				},
+				bubbles: true,
+				composed: true
+			}));
+		}
 	}
 	async _handlePaste() {
 		if (this.editingCell) return;
-		const text = await navigator.clipboard.readText();
+		let text;
+		try {
+			text = await navigator.clipboard.readText();
+		} catch (err) {
+			this.dispatchEvent(new CustomEvent("clipboard-error", {
+				detail: {
+					action: "paste",
+					error: err
+				},
+				bubbles: true,
+				composed: true
+			}));
+			return;
+		}
 		if (!text.trim()) return;
 		const parsedRows = parseTSV(text, this.columns);
 		if (parsedRows.length === 0) return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/data-components",
   "description": "iyulab data visualization components",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "keywords": [
     "iyulab",
     "web-components",

package/skills/iyulab-data-components/references/components/data-view.md

@@ -54,6 +54,18 @@ When the user needs to act on rows — selection, inline edit, server paging —
 | `renderCard` | `(item, index) => TemplateResult` | — | | Replaces card content in `grid` / `list` |
 | `renderCell` | `(item, column, index) => TemplateResult \| string` | — | | Replaces cell content in `table` |
 
+## CSS Custom Properties
+
+| Property | Description |
+|----------|-------------|
+| `--dc-muted-color` | Secondary text/labels (default `--u-txt-color-weak`) |
+| `--dc-header-color` | Column/row headers in `mode="table"` (default `--u-txt-color-weak`) |
+| `--dc-empty-color` | Empty-state message (default `--u-txt-color-weak`) |
+
+⚠ Grid gap and card min-width are set via the `gap`/`gridMinWidth` properties (applied as
+inline styles), not custom properties — a stylesheet override of `--gap`/`--min-width` would
+lose to them.
+
 ## DataColumn
 
 | Field | Type | Description |

package/skills/iyulab-data-components/references/components/record-picker.md

@@ -82,3 +82,9 @@ before any selection.
 |------|-------------|
 | `header` | Extra content above the dialog's search bar |
 | `footer` | Replaces the dialog's default Cancel/Confirm buttons |
+
+## CSS Custom Properties
+
+| Property | Description |
+|----------|-------------|
+| `--record-picker-popover-max-height` | Max height of the inline dropdown (default `50vh`) |

package/skills/iyulab-data-components/references/components/rich-table.md

@@ -178,6 +178,7 @@ type SelectionChange = RichTableEventMap['selection-change'];
 | `row-expand` | `{ row, expanded }` | A detail row was opened or closed |
 | `row-activate` | `{ row, id, via }` | A row was clicked, or `Enter` was pressed on a focused non-editable cell (`via` is `'click'` or `'keyboard'`). Independent of `selectable` — selection is "what to act on", activation is "what to view" |
 | `paste` | `{ rows }` | TSV was pasted into the grid |
+| `clipboard-error` | `{ action: 'copy' \| 'paste', error }` | `Ctrl`/`Cmd` + `C`/`V` called the Clipboard API and it rejected (denied permission, insecure context) |
 
 ## ColumnDef
 
@@ -207,6 +208,15 @@ type SelectionChange = RichTableEventMap['selection-change'];
 | `bulk-actions` | Toolbar area shown while rows are selected |
 | `toolbar-end` | Trailing toolbar area, always shown |
 
+## CSS Custom Properties
+
+| Property | Description |
+|----------|-------------|
+| `--dc-font-size` | Body cell / edit input font size, shared with the edit control so the size doesn't jump on entering edit mode (default `--u-density`, `13px`) |
+| `--dc-muted-color` | Secondary text — pager caption, disabled affordances (default `--u-txt-color-weak`) |
+| `--dc-icon-color` | Sort indicator, expander, row-menu icon color (default `--u-txt-color-weak`) |
+| `--dc-empty-color` | Empty-state message color (default `--u-txt-color-weak`) |
+
 ## Keyboard
 
 | Keys | Action |

package/skills/iyulab-data-components/references/components/simple-sheet.md

@@ -48,6 +48,20 @@ from a server, use [`u-rich-table`](./rich-table.md) instead.
 | `noMatchMessage` | `string` | `''` | | Text shown when a `strict` dropdown has no match (falls back to the locale string) |
 | `theme` | `'light'\|'dark'` | — | ✓ | Forces a theme. Unset follows the ancestor `theme`/`data-theme` context (`:host-context`, Chromium only) |
 
+## CSS Custom Properties
+
+| Property | Description |
+|----------|-------------|
+| `--dc-sheet-height` | Host height (default `400px`) |
+| `--dc-row-height` | Row height, also used as cell `line-height` (default `24px`) |
+| `--dc-cell-padding-block` / `--dc-cell-padding-inline` | Cell and edit-input padding (default `0px` / `6px`) |
+| `--dc-font-size` | Body cell / edit input / dropdown item font size (default `--u-density`, `13px`) |
+| `--dc-header-font-size` | Column header font size (default `12px` — independent of `--dc-font-size`/`--u-density` by design) |
+| `--dc-header-font-weight` | Column header font weight (default `600`) |
+| `--dc-header-color` | Column/row header text color (default `--u-txt-color-weak`) |
+| `--dc-empty-color` | Empty-state message color (default `--u-txt-color-weak`) |
+| `--dc-readonly-color` | Read-only cell text color (default `--u-txt-color-weak`) |
+
 ## Methods
 
 | Method | Description |
@@ -72,6 +86,7 @@ from a server, use [`u-rich-table`](./rich-table.md) instead.
 | Event | `detail` | Fired when |
 |---|---|---|
 | `change` | `{ data: string[][] }` | Any edit, paste, fill or `setCell()` committed a value |
+| `clipboard-error` | `{ action: 'copy' \| 'paste', error: unknown }` | `Ctrl`/`Cmd` + `C`/`V` called the Clipboard API and it rejected (denied permission, insecure context) |
 
 ## SheetColumn