@prioticket/design-system-web 1.2.0 → 1.3.0-beta.2

package/COMPONENT-DOCUMENTATION.md

@@ -1,6 +1,6 @@
 # @prioticket/design-system-web Components
 
-Version: 1.2.0
+Version: 1.3.0-beta.2
 
 ### <pd-box> (PdBox)
 
@@ -695,6 +695,46 @@ This element is not rendered directly but is used to collect tab information.
 | `icon` | `icon` | `string` | `''` | The icon to display in the tab. |
 | `ariaLabel` | `aria-label` | `string` | `''` | The aria label for accessibility. |
 
+### <pd-table> (PdTable)
+
+No description available.
+
+**Properties**
+
+| Property | Attribute | Type | Default | Description |
+|----------|-----------|------|---------|-------------|
+| `columns` | `columns` | `PdTableColumn<T>[]` | `[]` | Column definitions |
+| `data` | `data` | `T[]` | `[]` | Row data array |
+| `rowKey` |  | `RowKeyFn<T>` |  | Function to extract unique key from each row.
+Defaults to using `row.id` if present, otherwise falls back to index.
+Recommended to provide for proper selection/reordering behavior. |
+| `selectable` | `selectable` | `boolean` | `false` | Enable row selection with checkboxes |
+| `sortable` | `sortable` | `boolean` | `false` | Enable sorting on all columns (can be overridden per-column) |
+| `pagination` | `pagination` | `boolean` | `false` | Enable pagination controls |
+| `pageSize` | `pageSize` | `number` | `10` | Number of items per page |
+| `pageIndex` | `pageIndex` | `number` | `0` | Current page index (zero-based) |
+| `totalItems` | `totalItems` | `number` | `0` | Total item count for server-side pagination.
+When set to a value > 0, disables client-side pagination slicing. |
+| `draggableRows` | `draggable-rows` | `boolean` | `false` | Enable drag-and-drop row reordering |
+| `draggableColumns` | `draggable-columns` | `boolean` | `false` | Enable drag-and-drop column reordering |
+| `loading` | `loading` | `boolean` | `false` | Show loading state |
+| `clearSelectionOnDataChange` | `clear-selection-on-data-change` | `boolean` | `false` | Clear selection when data changes (useful for server-side pagination) |
+| `currencyCode` | `currency-code` | `string` | `'EUR'` | Default currency code for currency-type columns |
+| `locale` | `locale` | `string \| undefined` |  | Locale for number/currency/date formatting (defaults to browser locale) |
+| `pageSizeOptions` | `page-size-options` | `number[]` | `[5, 10, 25, 50, 100]` | Available page size options |
+
+**Events**
+
+| Event | Type | Description |
+|-------|------|-------------|
+| `pd-table-sort` | `CustomEvent` |  |
+| `pd-table-selection-change` | `CustomEvent` |  |
+| `pd-table-row-click` | `CustomEvent` |  |
+| `pd-table-cell-change` | `CustomEvent` |  |
+| `pd-table-row-reorder` | `CustomEvent` |  |
+| `pd-table-column-reorder` | `CustomEvent` |  |
+| `pd-table-page-change` | `CustomEvent` |  |
+
 ### <pd-tabs> (PdTabs)
 
 A thin wrapper around the Material Web Tabs component.

package/component-documentation.json

@@ -1,11 +1,11 @@
 {
   "package": {
     "name": "@prioticket/design-system-web",
-    "version": "1.2.0",
+    "version": "1.3.0-beta.2",
     "description": "",
     "installation": "npm install @prioticket/design-system-web"
   },
-  "generatedAt": "2025-11-27T15:21:23.895Z",
+  "generatedAt": "2025-12-05T12:08:09.050Z",
   "components": {
     "pd-box": {
       "tagName": "pd-box",
@@ -2115,6 +2115,180 @@
       "slots": [],
       "cssProperties": []
     },
+    "pd-table": {
+      "tagName": "pd-table",
+      "className": "PdTable",
+      "description": "No description available.",
+      "properties": [
+        {
+          "name": "columns",
+          "type": "PdTableColumn<T>[]",
+          "attribute": "columns",
+          "description": "Column definitions",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "data",
+          "type": "T[]",
+          "attribute": "data",
+          "description": "Row data array",
+          "default": "[]",
+          "required": false
+        },
+        {
+          "name": "rowKey",
+          "type": "RowKeyFn<T>",
+          "attribute": null,
+          "description": "Function to extract unique key from each row.\nDefaults to using `row.id` if present, otherwise falls back to index.\nRecommended to provide for proper selection/reordering behavior.",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "selectable",
+          "type": "boolean",
+          "attribute": "selectable",
+          "description": "Enable row selection with checkboxes",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "sortable",
+          "type": "boolean",
+          "attribute": "sortable",
+          "description": "Enable sorting on all columns (can be overridden per-column)",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "pagination",
+          "type": "boolean",
+          "attribute": "pagination",
+          "description": "Enable pagination controls",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "pageSize",
+          "type": "number",
+          "attribute": "pageSize",
+          "description": "Number of items per page",
+          "default": "10",
+          "required": false
+        },
+        {
+          "name": "pageIndex",
+          "type": "number",
+          "attribute": "pageIndex",
+          "description": "Current page index (zero-based)",
+          "default": "0",
+          "required": false
+        },
+        {
+          "name": "totalItems",
+          "type": "number",
+          "attribute": "totalItems",
+          "description": "Total item count for server-side pagination.\nWhen set to a value > 0, disables client-side pagination slicing.",
+          "default": "0",
+          "required": false
+        },
+        {
+          "name": "draggableRows",
+          "type": "boolean",
+          "attribute": "draggable-rows",
+          "description": "Enable drag-and-drop row reordering",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "draggableColumns",
+          "type": "boolean",
+          "attribute": "draggable-columns",
+          "description": "Enable drag-and-drop column reordering",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "attribute": "loading",
+          "description": "Show loading state",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "clearSelectionOnDataChange",
+          "type": "boolean",
+          "attribute": "clear-selection-on-data-change",
+          "description": "Clear selection when data changes (useful for server-side pagination)",
+          "default": "false",
+          "required": false
+        },
+        {
+          "name": "currencyCode",
+          "type": "string",
+          "attribute": "currency-code",
+          "description": "Default currency code for currency-type columns",
+          "default": "'EUR'",
+          "required": false
+        },
+        {
+          "name": "locale",
+          "type": "string | undefined",
+          "attribute": "locale",
+          "description": "Locale for number/currency/date formatting (defaults to browser locale)",
+          "default": null,
+          "required": false
+        },
+        {
+          "name": "pageSizeOptions",
+          "type": "number[]",
+          "attribute": "page-size-options",
+          "description": "Available page size options",
+          "default": "[5, 10, 25, 50, 100]",
+          "required": false
+        }
+      ],
+      "events": [
+        {
+          "name": "pd-table-sort",
+          "type": "CustomEvent",
+          "description": ""
+        },
+        {
+          "name": "pd-table-selection-change",
+          "type": "CustomEvent",
+          "description": ""
+        },
+        {
+          "name": "pd-table-row-click",
+          "type": "CustomEvent",
+          "description": ""
+        },
+        {
+          "name": "pd-table-cell-change",
+          "type": "CustomEvent",
+          "description": ""
+        },
+        {
+          "name": "pd-table-row-reorder",
+          "type": "CustomEvent",
+          "description": ""
+        },
+        {
+          "name": "pd-table-column-reorder",
+          "type": "CustomEvent",
+          "description": ""
+        },
+        {
+          "name": "pd-table-page-change",
+          "type": "CustomEvent",
+          "description": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": []
+    },
     "pd-tabs": {
       "tagName": "pd-tabs",
       "className": "PdTabs",