persian-data-grid 0.5.0 → 0.6.0

package/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2015 The Vazirmatn Project Authors (https://github.com/rastikerdar/vazirmatn)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/README.md

@@ -1,14 +1,59 @@
 # Persian Data Grid
 
+[![CI](https://github.com/hamidrezafallahi/ERP-Table/actions/workflows/ci.yml/badge.svg)](https://github.com/hamidrezafallahi/ERP-Table/actions/workflows/ci.yml)
 [![npm version](https://img.shields.io/npm/v/persian-data-grid.svg)](https://www.npmjs.com/package/persian-data-grid)
 [![npm downloads](https://img.shields.io/npm/dm/persian-data-grid.svg)](https://www.npmjs.com/package/persian-data-grid)
 [![license](https://img.shields.io/npm/l/persian-data-grid.svg)](https://github.com/hamidrezafallahi/ERP-Table/blob/main/LICENSE)
 [![React](https://img.shields.io/badge/React-17%20%7C%2018%20%7C%2019-61dafb)](https://react.dev/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-ready-3178c6)](https://www.typescriptlang.org/)
 
-**Persian / Jalali ERP data grid for React** — event-sourced, IndexedDB storage, Excel/IDE keyboard navigation, RTL, and reactive cells that call your API.
+**Persian / Jalali data grid for React** — event-sourced, IndexedDB storage, cell keyboard navigation, RTL, and reactive cells that call a **host-injected** API.
 
-> npm package: [`persian-data-grid`](https://www.npmjs.com/package/persian-data-grid) · Author: [Hamidreza Fallahi](https://github.com/hamidrezafallahi)
+A **Data Grid** for enterprise forms: voucher lines, money columns, Jalali date cells, row actions, optional virtual scroll, and Excel/PDF plugins.
+
+> npm package: [`persian-data-grid`](https://www.npmjs.com/package/persian-data-grid) · Author: [Hamidreza Fallahi](https://github.com/hamidrezafallahi) · Demo: [hamidrezafallahi.github.io/ERP-Table](https://hamidrezafallahi.github.io/ERP-Table/)
+
+---
+
+## Table of contents
+
+- [Features](#features)
+- [Performance](#performance)
+- [Install](#install)
+- [Quick start](#quick-start)
+- [API overview](#api-overview)
+- [Demo](#demo)
+- [فارسی](#فارسی)
+- [Changelog](#changelog)
+- [Contributing](#contributing)
+- [License](#license)
+
+---
+
+## Features
+
+- **Grid** — published React chrome (pagination, row index/actions, Jalali date cells)
+- **RTL-native** layout and Shamsi / Jalali date cells (internal calendar; optional enhanced UI via `persian-data-grid/date-picker-jalali`)
+- **Cell keyboard navigation** — arrows, Tab, Enter, Home/End; **Ctrl+C/X/V** Excel clipboard round-trip; fill handle on range corner (numeric + Jalali series, one undo). See [`docs/keyboard.md`](docs/keyboard.md).
+- **VirtualList** — row window on by default (`session` present); pass `virtualization={false}` for pagination
+- **Event-sourced session** with IndexedDB and cell undo
+- **Excel / PDF plugins** on the view stream (domain aggregates stay untouched)
+- **TypeScript**, React **17 / 18 / 19**
+
+## Performance
+
+CI harness — see [docs/performance.md](./docs/performance.md):
+
+| Metric | Measured |
+|--------|----------|
+| Hydrate 100k rows (8 cols) | 1675 ms |
+| Scroll 1000 viewport steps | 156 ms |
+| 100 cell edits | 674 ms |
+| Sort (rebuild index) | 2014 ms |
+| Text filter | 403 ms |
+| Heap delta 100k × 20 cols | 215 MB |
+
+---
 
 ## Install
 
@@ -22,42 +67,154 @@ pnpm add persian-data-grid
 
 **Peer dependencies:** `react` and `react-dom` (`^17` / `^18` / `^19`).
 
+Install does **not** connect to arianERP. Default `remoteApi` is `NoopRemoteApi`. ERP hosts must inject `FetchRemoteApi` from `persian-data-grid/adapters/arian-erp` — see [examples/host-arian-erp/host-arian-erp.md](./examples/host-arian-erp/host-arian-erp.md) (`_auth`, `persist:arianERP`, `Defaults`).
+
+Styles are **not** auto-injected. Import the CSS (recommended) or call `injectGridStyles()` once if the host has no CSS bundler:
+
 ```tsx
-import { ERPTable } from 'persian-data-grid';
+import { DataGrid } from 'persian-data-grid';
+import 'persian-data-grid/styles.css';
+
+type Invoice = { id: string; title: string; amount: number; date: string };
+
+<DataGrid<Invoice>
+  rowData={invoices}
+  columnDefs={[
+    { field: 'title', headerName: 'شرح' },
+    { field: 'amount', type: 'price' },
+    { field: 'date', type: 'date' },
+  ]}
+  onCellValueChanged={(e) => save(e.data)}
+/>
+```
+
+---
+
+## Quick start
+
+```tsx
+import { DataGrid } from 'persian-data-grid';
+import 'persian-data-grid/styles.css';
+
+type Invoice = { id: string; title: string; amount: number; date: string };
+
+export function InvoiceLines({ invoices }: { invoices: Invoice[] }) {
+  return (
+    <DataGrid<Invoice>
+      rowData={invoices}
+      columnDefs={[
+        { field: 'title', headerName: 'شرح' },
+        { field: 'amount', type: 'price' },
+        { field: 'date', type: 'date' },
+      ]}
+      onCellValueChanged={(e) => save(e.data)}
+    />
+  );
+}
+```
+
+Headless composition (own UI + `VirtualList`):
+
+```ts
+import { createGrid, VirtualList } from 'persian-data-grid';
+
+const grid = createGrid({
+  columnDefs: [{ field: 'title', headerName: 'شرح' }],
+  rowData: invoices,
+});
+await grid.ready;
+```
+
+---
+
+## API overview
+
+| Export | Purpose |
+|--------|---------|
+| Grid | Drop-in React **grid** |
+| `injectGridStyles` | Explicit CSS inject when the host cannot `import` CSS |
+| Composition root | session, engine, plugins |
+| `VirtualList` | Virtualized row window |
+| `ExcelExportPlugin` / `ExcelImportPlugin` | xlsx |
+| `PdfExportPlugin` | pdf |
+| `GridApi` / `apiRef` | Imperative control (PR-86). `UITableController` class is on `/headless`. |
 
-<ERPTable
+See [docs/public-api.md](./docs/public-api.md), [docs/getting-started.md](./docs/getting-started.md), [docs/cell-components.md](./docs/cell-components.md), [docs/components.md](./docs/components.md), [examples/host-arian-erp/host-arian-erp.md](./examples/host-arian-erp/host-arian-erp.md).
+
+Product docs site (English source + فارسی, live demos, TypeDoc API): `yarn docs:dev` — build with `yarn docs:build` (also in CI).
+---
+
+## Demo
+
+| Page | URL |
+|------|-----|
+| Live grid | https://hamidrezafallahi.github.io/ERP-Table/ |
+| Guide | https://hamidrezafallahi.github.io/ERP-Table/guide/ |
+
+```bash
+yarn install
+yarn dev:docs        # landing / live grid docs
+yarn dev             # live grid + VirtualList playground
+yarn build:demo      # static site → demo/dist
+yarn deploy:demo     # GitHub Pages
+```
+
+---
+
+## فارسی
+
+### معرفی
+
+`persian-data-grid` یک **Data Grid** برای فرم‌های سازمانی فارسی است: گرید با RTL، سلول تاریخ شمسی، ناوبری کیبورد بین سلول‌ها، صفحه‌بندی پیش‌فرض (مجازی‌سازی اختیاری)، و خروجی Excel/PDF.
+
+### نصب
+
+```bash
+npm i persian-data-grid
+```
+
+وابستگی‌های peer: `react` و `react-dom` (نسخه ۱۷، ۱۸ یا ۱۹).
+
+نصب به‌تنهایی به ERP وصل نمی‌شود. پیش‌فرض `NoopRemoteApi` است. میزبان arianERP باید `FetchRemoteApi` را از `persian-data-grid/adapters/arian-erp` تزریق کند: [examples/host-arian-erp/host-arian-erp.md](./examples/host-arian-erp/host-arian-erp.md).
+
+استایل خودکار تزریق نمی‌شود. `import 'persian-data-grid/styles.css'` را اضافه کنید (یا برای هاست بدون bundler، `injectGridStyles()`).
+
+### شروع سریع
+
+```tsx
+import { DataGrid } from 'persian-data-grid';
+import 'persian-data-grid/styles.css';
+
+<DataGrid
   store="erp"
   tableKey={pageId}
   actor={actor}
-  columns={columnConfig}
+  columns={columns}
   rows={rows}
-  tableHeight={tableHeight}
-  multiSelectConfig={multiSelectConfig}
+  tableHeight={420}
   onReady={setController}
 />
 ```
 
-## Docs
+### دمو زنده
 
-| Doc | Path |
-|-----|------|
-| Getting started | [docs/getting-started.md](./docs/getting-started.md) |
-| Public API | [docs/public-api.md](./docs/public-api.md) |
-| Components | [docs/components.md](./docs/components.md) |
-| Event catalog | [docs/event-catalog.md](./docs/event-catalog.md) |
+[https://hamidrezafallahi.github.io/ERP-Table/](https://hamidrezafallahi.github.io/ERP-Table/)
 
-## Local demo
+---
 
-```bash
-yarn install
-yarn dev:docs        # landing / live docs
-yarn dev             # ERPTable playground
-yarn build           # tsup → dist
-```
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) (Keep a Changelog). The next npm line is **0.6.0**.
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md). Security reports: [SECURITY.md](./SECURITY.md).
 
 ## License
 
-MIT © [Hamidreza Fallahi](https://github.com/hamidrezafallahi)
+MIT © [Hamidreza Fallahi](https://github.com/hamidrezafallahi) (`LICENSE` in the npm tarball).
+
+The optional Vazirmatn PDF font is SIL Open Font License 1.1 (`OFL.txt` in the tarball; banner on `persian-data-grid/plugins/pdf`).
 
 Repository: [github.com/hamidrezafallahi/ERP-Table](https://github.com/hamidrezafallahi/ERP-Table)  
 Issues: [GitHub Issues](https://github.com/hamidrezafallahi/ERP-Table/issues)  

package/dist/ERPTableGroupRow-J5Z2LRC5.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+var chunkH2LESGMX_cjs = require('./chunk-H2LESGMX.cjs');
+var chunkUC7PHDM6_cjs = require('./chunk-UC7PHDM6.cjs');
+require('./chunk-KUBVDIF7.cjs');
+require('./chunk-CILNIWYW.cjs');
+require('./chunk-SX4VQXAA.cjs');
+require('./chunk-QZN7R2WP.cjs');
+require('./chunk-Z4QPZ3Z3.cjs');
+require('./chunk-KRJG3KMP.cjs');
+require('./chunk-J7CPPFXT.cjs');
+require('./chunk-DFFP7SJ6.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function ERPTableGroupRowComponent({
+  row,
+  index,
+  pinnedTopCount = 0,
+  table,
+  controller,
+  isSelected,
+  isActive
+}) {
+  const colWindow = chunkH2LESGMX_cjs.useColumnWindowOrAll(
+    table.columns ?? [],
+    table.columnWidths
+  );
+  const expanded = row.groupExpanded !== false;
+  const groupField = row.groupField;
+  const label = row.groupKey ?? "";
+  const hasIndex = colWindow.allVisible.some(
+    (col) => col.fieldName === "index" || col.fieldType === "index"
+  );
+  const toggle = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (row.groupKey != null) controller.toggleRowGroup(row.groupKey);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      role: "row",
+      className: `pdg-group-row font-semibold ${isSelected ? "bg-blue-100" : "bg-blue-blue11"}${isActive ? " border-gray-gray8" : " border-gray-gray5"}`,
+      "data-rowid": row.id,
+      "data-pdg-row-kind": "group",
+      "data-pdg-group-key": row.groupKey,
+      "aria-rowindex": chunkH2LESGMX_cjs.ariaDataRowIndex(index, pinnedTopCount),
+      "aria-expanded": expanded,
+      "aria-level": 1,
+      onClick: (e) => controller.onRowClick(row.id, {
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey
+      }),
+      onDoubleClick: (e) => {
+        if (!e.shiftKey && !e.ctrlKey && !e.altKey) {
+          e.preventDefault();
+          controller.onRowSelect(row.id);
+        }
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkH2LESGMX_cjs.ColumnWindowCells,
+        {
+          window: colWindow,
+          spacerElement: "td",
+          spacerRole: "presentation",
+          renderColumn: (c, absoluteColIndex) => {
+            const pin = chunkH2LESGMX_cjs.columnPinCellProps(
+              c,
+              colWindow.startPinOffsets,
+              colWindow.endPinOffsets
+            );
+            const isIndex = c.fieldName === "index" || c.fieldType === "index";
+            const isGroupField = groupField != null && c.fieldName === groupField;
+            const showChevron = isIndex || isGroupField && !hasIndex;
+            const cellValue = isGroupField ? label : row.cells[c.fieldName]?.display ?? row.cells[c.fieldName]?.value ?? "";
+            const chevron = showChevron ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pdg-group-row__chevron inline-flex items-center justify-center w-6 h-6 border-0 bg-transparent cursor-pointer",
+                "aria-label": expanded ? "Collapse group" : "Expand group",
+                "aria-expanded": expanded,
+                onClick: toggle,
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: expanded ? "\u25BE" : "\u25B8" })
+              }
+            ) : null;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "td",
+              {
+                role: "gridcell",
+                "aria-colindex": chunkH2LESGMX_cjs.ariaColIndex(absoluteColIndex),
+                className: `p-0 h-full overflow-hidden border ${pin.className}`.trim(),
+                "data-columnid": c.fieldName,
+                "data-erp-col-pin": pin["data-erp-col-pin"],
+                style: {
+                  ...chunkUC7PHDM6_cjs.columnSizeStyle(
+                    c,
+                    table.columnWidths,
+                    colWindow.layoutWidths
+                  ),
+                  ...pin.style
+                },
+                children: isIndex ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center h-full px-2", children: chevron }) : isGroupField ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 h-full px-2", children: [
+                  chevron,
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    label,
+                    typeof row.groupChildCount === "number" ? ` (${row.groupChildCount})` : ""
+                  ] })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center h-full px-2 tabular-nums", children: cellValue == null || cellValue === "" ? null : String(cellValue) })
+              },
+              c.fieldName
+            );
+          }
+        }
+      )
+    }
+  );
+}
+var ERPTableGroupRow = React__default.default.memo(
+  ERPTableGroupRowComponent,
+  (prev, next) => prev.row === next.row && prev.index === next.index && prev.controller === next.controller && prev.isSelected === next.isSelected && prev.isActive === next.isActive && prev.table.columns === next.table.columns && prev.table.columnWidths === next.table.columnWidths && prev.pinnedTopCount === next.pinnedTopCount
+);
+
+exports.ERPTableGroupRow = ERPTableGroupRow;
+//# sourceMappingURL=ERPTableGroupRow-J5Z2LRC5.cjs.map
+//# sourceMappingURL=ERPTableGroupRow-J5Z2LRC5.cjs.map

package/dist/ERPTableGroupRow-J5Z2LRC5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ui/desktop/ERPTableGroupRow.tsx"],"names":["useColumnWindowOrAll","jsx","ariaDataRowIndex","ColumnWindowCells","columnPinCellProps","ariaColIndex","columnSizeStyle","jsxs","React"],"mappings":"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","file":"ERPTableGroupRow-J5Z2LRC5.cjs","sourcesContent":["import React from 'react';\r\n\r\nimport { columnSizeStyle } from '../../engine/columnWidth';\r\nimport type { UITableController } from '../../infrastructure/ui/UITableController';\r\nimport { ariaColIndex, ariaDataRowIndex } from '../a11y/gridRoles';\r\nimport { columnPinCellProps } from '../columnPin';\r\nimport type { UIRow } from '../type';\r\nimport { useColumnWindowOrAll } from '../virtual/columnWindow';\r\nimport { ColumnWindowCells } from '../virtual/ColumnWindowCells';\r\n\r\nexport type ERPTableGroupRowProps = {\r\n  row: UIRow;\r\n  index: number;\r\n  pinnedTopCount?: number;\r\n  table: Pick<\r\n    import('../../engine/type').TableViewState,\r\n    'columns' | 'columnWidths' | 'activeCell'\r\n  >;\r\n  controller: UITableController;\r\n  tableKey: string;\r\n  isSelected: boolean;\r\n  isActive: boolean;\r\n};\r\n\r\n/** Synthetic group header row (PR-121). */\r\nfunction ERPTableGroupRowComponent({\r\n  row,\r\n  index,\r\n  pinnedTopCount = 0,\r\n  table,\r\n  controller,\r\n  isSelected,\r\n  isActive,\r\n}: ERPTableGroupRowProps) {\r\n  const colWindow = useColumnWindowOrAll(\r\n    table.columns ?? [],\r\n    table.columnWidths,\r\n  );\r\n  const expanded = row.groupExpanded !== false;\r\n  const groupField = row.groupField;\r\n  const label = row.groupKey ?? '';\r\n  const hasIndex = colWindow.allVisible.some(\r\n    (col) => col.fieldName === 'index' || col.fieldType === 'index',\r\n  );\r\n\r\n  const toggle = (e: React.SyntheticEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if (row.groupKey != null) controller.toggleRowGroup(row.groupKey);\r\n  };\r\n\r\n  return (\r\n    <tr\r\n      role=\"row\"\r\n      className={`pdg-group-row font-semibold ${\r\n        isSelected ? 'bg-blue-100' : 'bg-blue-blue11'\r\n      }${isActive ? ' border-gray-gray8' : ' border-gray-gray5'}`}\r\n      data-rowid={row.id}\r\n      data-pdg-row-kind=\"group\"\r\n      data-pdg-group-key={row.groupKey}\r\n      aria-rowindex={ariaDataRowIndex(index, pinnedTopCount)}\r\n      aria-expanded={expanded}\r\n      aria-level={1}\r\n      onClick={(e) =>\r\n        controller.onRowClick(row.id, {\r\n          ctrlKey: e.ctrlKey,\r\n          shiftKey: e.shiftKey,\r\n        })\r\n      }\r\n      onDoubleClick={(e) => {\r\n        if (!e.shiftKey && !e.ctrlKey && !e.altKey) {\r\n          e.preventDefault();\r\n          controller.onRowSelect(row.id);\r\n        }\r\n      }}\r\n    >\r\n      <ColumnWindowCells\r\n        window={colWindow}\r\n        spacerElement=\"td\"\r\n        spacerRole=\"presentation\"\r\n        renderColumn={(c, absoluteColIndex) => {\r\n          const pin = columnPinCellProps(\r\n            c,\r\n            colWindow.startPinOffsets,\r\n            colWindow.endPinOffsets,\r\n          );\r\n          const isIndex = c.fieldName === 'index' || c.fieldType === 'index';\r\n          const isGroupField = groupField != null && c.fieldName === groupField;\r\n          const showChevron = isIndex || (isGroupField && !hasIndex);\r\n          const cellValue = isGroupField\r\n            ? label\r\n            : (row.cells[c.fieldName]?.display ??\r\n              row.cells[c.fieldName]?.value ??\r\n              '');\r\n\r\n          const chevron = showChevron ? (\r\n            <button\r\n              type=\"button\"\r\n              className=\"pdg-group-row__chevron inline-flex items-center justify-center w-6 h-6 border-0 bg-transparent cursor-pointer\"\r\n              aria-label={expanded ? 'Collapse group' : 'Expand group'}\r\n              aria-expanded={expanded}\r\n              onClick={toggle}\r\n            >\r\n              <span aria-hidden>{expanded ? '▾' : '▸'}</span>\r\n            </button>\r\n          ) : null;\r\n\r\n          return (\r\n            <td\r\n              key={c.fieldName}\r\n              role=\"gridcell\"\r\n              aria-colindex={ariaColIndex(absoluteColIndex)}\r\n              className={`p-0 h-full overflow-hidden border ${pin.className}`.trim()}\r\n              data-columnid={c.fieldName}\r\n              data-erp-col-pin={pin['data-erp-col-pin']}\r\n              style={{\r\n                ...columnSizeStyle(\r\n                  c,\r\n                  table.columnWidths,\r\n                  colWindow.layoutWidths,\r\n                ),\r\n                ...pin.style,\r\n              }}\r\n            >\r\n              {isIndex ? (\r\n                <div className=\"flex items-center h-full px-2\">{chevron}</div>\r\n              ) : isGroupField ? (\r\n                <div className=\"flex items-center gap-1.5 h-full px-2\">\r\n                  {chevron}\r\n                  <span>\r\n                    {label}\r\n                    {typeof row.groupChildCount === 'number'\r\n                      ? ` (${row.groupChildCount})`\r\n                      : ''}\r\n                  </span>\r\n                </div>\r\n              ) : (\r\n                <div className=\"flex items-center h-full px-2 tabular-nums\">\r\n                  {cellValue == null || cellValue === ''\r\n                    ? null\r\n                    : String(cellValue)}\r\n                </div>\r\n              )}\r\n            </td>\r\n          );\r\n        }}\r\n      />\r\n    </tr>\r\n  );\r\n}\r\n\r\nexport const ERPTableGroupRow = React.memo(\r\n  ERPTableGroupRowComponent,\r\n  (prev, next) =>\r\n    prev.row === next.row &&\r\n    prev.index === next.index &&\r\n    prev.controller === next.controller &&\r\n    prev.isSelected === next.isSelected &&\r\n    prev.isActive === next.isActive &&\r\n    prev.table.columns === next.table.columns &&\r\n    prev.table.columnWidths === next.table.columnWidths &&\r\n    prev.pinnedTopCount === next.pinnedTopCount,\r\n);\r\n"]}

package/dist/ERPTableGroupRow-PSAPAHGL.js

@@ -0,0 +1,125 @@
+import { useColumnWindowOrAll, ColumnWindowCells, columnPinCellProps, ariaColIndex, ariaDataRowIndex } from './chunk-6XBXZPBW.js';
+import { columnSizeStyle } from './chunk-IPPIXOVQ.js';
+import './chunk-QQMU44KJ.js';
+import './chunk-SZ7BLAY3.js';
+import './chunk-F4PYOYHR.js';
+import './chunk-77UXAJII.js';
+import './chunk-TN4MG6FY.js';
+import './chunk-GQEDLUMB.js';
+import './chunk-MUQQKPWR.js';
+import './chunk-AU3RDJYQ.js';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ERPTableGroupRowComponent({
+  row,
+  index,
+  pinnedTopCount = 0,
+  table,
+  controller,
+  isSelected,
+  isActive
+}) {
+  const colWindow = useColumnWindowOrAll(
+    table.columns ?? [],
+    table.columnWidths
+  );
+  const expanded = row.groupExpanded !== false;
+  const groupField = row.groupField;
+  const label = row.groupKey ?? "";
+  const hasIndex = colWindow.allVisible.some(
+    (col) => col.fieldName === "index" || col.fieldType === "index"
+  );
+  const toggle = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (row.groupKey != null) controller.toggleRowGroup(row.groupKey);
+  };
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      role: "row",
+      className: `pdg-group-row font-semibold ${isSelected ? "bg-blue-100" : "bg-blue-blue11"}${isActive ? " border-gray-gray8" : " border-gray-gray5"}`,
+      "data-rowid": row.id,
+      "data-pdg-row-kind": "group",
+      "data-pdg-group-key": row.groupKey,
+      "aria-rowindex": ariaDataRowIndex(index, pinnedTopCount),
+      "aria-expanded": expanded,
+      "aria-level": 1,
+      onClick: (e) => controller.onRowClick(row.id, {
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey
+      }),
+      onDoubleClick: (e) => {
+        if (!e.shiftKey && !e.ctrlKey && !e.altKey) {
+          e.preventDefault();
+          controller.onRowSelect(row.id);
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        ColumnWindowCells,
+        {
+          window: colWindow,
+          spacerElement: "td",
+          spacerRole: "presentation",
+          renderColumn: (c, absoluteColIndex) => {
+            const pin = columnPinCellProps(
+              c,
+              colWindow.startPinOffsets,
+              colWindow.endPinOffsets
+            );
+            const isIndex = c.fieldName === "index" || c.fieldType === "index";
+            const isGroupField = groupField != null && c.fieldName === groupField;
+            const showChevron = isIndex || isGroupField && !hasIndex;
+            const cellValue = isGroupField ? label : row.cells[c.fieldName]?.display ?? row.cells[c.fieldName]?.value ?? "";
+            const chevron = showChevron ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "pdg-group-row__chevron inline-flex items-center justify-center w-6 h-6 border-0 bg-transparent cursor-pointer",
+                "aria-label": expanded ? "Collapse group" : "Expand group",
+                "aria-expanded": expanded,
+                onClick: toggle,
+                children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: expanded ? "\u25BE" : "\u25B8" })
+              }
+            ) : null;
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                role: "gridcell",
+                "aria-colindex": ariaColIndex(absoluteColIndex),
+                className: `p-0 h-full overflow-hidden border ${pin.className}`.trim(),
+                "data-columnid": c.fieldName,
+                "data-erp-col-pin": pin["data-erp-col-pin"],
+                style: {
+                  ...columnSizeStyle(
+                    c,
+                    table.columnWidths,
+                    colWindow.layoutWidths
+                  ),
+                  ...pin.style
+                },
+                children: isIndex ? /* @__PURE__ */ jsx("div", { className: "flex items-center h-full px-2", children: chevron }) : isGroupField ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 h-full px-2", children: [
+                  chevron,
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    label,
+                    typeof row.groupChildCount === "number" ? ` (${row.groupChildCount})` : ""
+                  ] })
+                ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center h-full px-2 tabular-nums", children: cellValue == null || cellValue === "" ? null : String(cellValue) })
+              },
+              c.fieldName
+            );
+          }
+        }
+      )
+    }
+  );
+}
+var ERPTableGroupRow = React.memo(
+  ERPTableGroupRowComponent,
+  (prev, next) => prev.row === next.row && prev.index === next.index && prev.controller === next.controller && prev.isSelected === next.isSelected && prev.isActive === next.isActive && prev.table.columns === next.table.columns && prev.table.columnWidths === next.table.columnWidths && prev.pinnedTopCount === next.pinnedTopCount
+);
+
+export { ERPTableGroupRow };
+//# sourceMappingURL=ERPTableGroupRow-PSAPAHGL.js.map
+//# sourceMappingURL=ERPTableGroupRow-PSAPAHGL.js.map

package/dist/ERPTableGroupRow-PSAPAHGL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ui/desktop/ERPTableGroupRow.tsx"],"names":[],"mappings":"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","file":"ERPTableGroupRow-PSAPAHGL.js","sourcesContent":["import React from 'react';\r\n\r\nimport { columnSizeStyle } from '../../engine/columnWidth';\r\nimport type { UITableController } from '../../infrastructure/ui/UITableController';\r\nimport { ariaColIndex, ariaDataRowIndex } from '../a11y/gridRoles';\r\nimport { columnPinCellProps } from '../columnPin';\r\nimport type { UIRow } from '../type';\r\nimport { useColumnWindowOrAll } from '../virtual/columnWindow';\r\nimport { ColumnWindowCells } from '../virtual/ColumnWindowCells';\r\n\r\nexport type ERPTableGroupRowProps = {\r\n  row: UIRow;\r\n  index: number;\r\n  pinnedTopCount?: number;\r\n  table: Pick<\r\n    import('../../engine/type').TableViewState,\r\n    'columns' | 'columnWidths' | 'activeCell'\r\n  >;\r\n  controller: UITableController;\r\n  tableKey: string;\r\n  isSelected: boolean;\r\n  isActive: boolean;\r\n};\r\n\r\n/** Synthetic group header row (PR-121). */\r\nfunction ERPTableGroupRowComponent({\r\n  row,\r\n  index,\r\n  pinnedTopCount = 0,\r\n  table,\r\n  controller,\r\n  isSelected,\r\n  isActive,\r\n}: ERPTableGroupRowProps) {\r\n  const colWindow = useColumnWindowOrAll(\r\n    table.columns ?? [],\r\n    table.columnWidths,\r\n  );\r\n  const expanded = row.groupExpanded !== false;\r\n  const groupField = row.groupField;\r\n  const label = row.groupKey ?? '';\r\n  const hasIndex = colWindow.allVisible.some(\r\n    (col) => col.fieldName === 'index' || col.fieldType === 'index',\r\n  );\r\n\r\n  const toggle = (e: React.SyntheticEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if (row.groupKey != null) controller.toggleRowGroup(row.groupKey);\r\n  };\r\n\r\n  return (\r\n    <tr\r\n      role=\"row\"\r\n      className={`pdg-group-row font-semibold ${\r\n        isSelected ? 'bg-blue-100' : 'bg-blue-blue11'\r\n      }${isActive ? ' border-gray-gray8' : ' border-gray-gray5'}`}\r\n      data-rowid={row.id}\r\n      data-pdg-row-kind=\"group\"\r\n      data-pdg-group-key={row.groupKey}\r\n      aria-rowindex={ariaDataRowIndex(index, pinnedTopCount)}\r\n      aria-expanded={expanded}\r\n      aria-level={1}\r\n      onClick={(e) =>\r\n        controller.onRowClick(row.id, {\r\n          ctrlKey: e.ctrlKey,\r\n          shiftKey: e.shiftKey,\r\n        })\r\n      }\r\n      onDoubleClick={(e) => {\r\n        if (!e.shiftKey && !e.ctrlKey && !e.altKey) {\r\n          e.preventDefault();\r\n          controller.onRowSelect(row.id);\r\n        }\r\n      }}\r\n    >\r\n      <ColumnWindowCells\r\n        window={colWindow}\r\n        spacerElement=\"td\"\r\n        spacerRole=\"presentation\"\r\n        renderColumn={(c, absoluteColIndex) => {\r\n          const pin = columnPinCellProps(\r\n            c,\r\n            colWindow.startPinOffsets,\r\n            colWindow.endPinOffsets,\r\n          );\r\n          const isIndex = c.fieldName === 'index' || c.fieldType === 'index';\r\n          const isGroupField = groupField != null && c.fieldName === groupField;\r\n          const showChevron = isIndex || (isGroupField && !hasIndex);\r\n          const cellValue = isGroupField\r\n            ? label\r\n            : (row.cells[c.fieldName]?.display ??\r\n              row.cells[c.fieldName]?.value ??\r\n              '');\r\n\r\n          const chevron = showChevron ? (\r\n            <button\r\n              type=\"button\"\r\n              className=\"pdg-group-row__chevron inline-flex items-center justify-center w-6 h-6 border-0 bg-transparent cursor-pointer\"\r\n              aria-label={expanded ? 'Collapse group' : 'Expand group'}\r\n              aria-expanded={expanded}\r\n              onClick={toggle}\r\n            >\r\n              <span aria-hidden>{expanded ? '▾' : '▸'}</span>\r\n            </button>\r\n          ) : null;\r\n\r\n          return (\r\n            <td\r\n              key={c.fieldName}\r\n              role=\"gridcell\"\r\n              aria-colindex={ariaColIndex(absoluteColIndex)}\r\n              className={`p-0 h-full overflow-hidden border ${pin.className}`.trim()}\r\n              data-columnid={c.fieldName}\r\n              data-erp-col-pin={pin['data-erp-col-pin']}\r\n              style={{\r\n                ...columnSizeStyle(\r\n                  c,\r\n                  table.columnWidths,\r\n                  colWindow.layoutWidths,\r\n                ),\r\n                ...pin.style,\r\n              }}\r\n            >\r\n              {isIndex ? (\r\n                <div className=\"flex items-center h-full px-2\">{chevron}</div>\r\n              ) : isGroupField ? (\r\n                <div className=\"flex items-center gap-1.5 h-full px-2\">\r\n                  {chevron}\r\n                  <span>\r\n                    {label}\r\n                    {typeof row.groupChildCount === 'number'\r\n                      ? ` (${row.groupChildCount})`\r\n                      : ''}\r\n                  </span>\r\n                </div>\r\n              ) : (\r\n                <div className=\"flex items-center h-full px-2 tabular-nums\">\r\n                  {cellValue == null || cellValue === ''\r\n                    ? null\r\n                    : String(cellValue)}\r\n                </div>\r\n              )}\r\n            </td>\r\n          );\r\n        }}\r\n      />\r\n    </tr>\r\n  );\r\n}\r\n\r\nexport const ERPTableGroupRow = React.memo(\r\n  ERPTableGroupRowComponent,\r\n  (prev, next) =>\r\n    prev.row === next.row &&\r\n    prev.index === next.index &&\r\n    prev.controller === next.controller &&\r\n    prev.isSelected === next.isSelected &&\r\n    prev.isActive === next.isActive &&\r\n    prev.table.columns === next.table.columns &&\r\n    prev.table.columnWidths === next.table.columnWidths &&\r\n    prev.pinnedTopCount === next.pinnedTopCount,\r\n);\r\n"]}