@sebgroup/green-core 3.9.0 → 3.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/regular/arrow-box-left-alt.svg +1 -1
- package/assets/icons/regular/arrow-box-left.svg +1 -1
- package/assets/icons/regular/arrow-box-right.svg +1 -1
- package/assets/icons/regular/arrow-inbox.svg +1 -1
- package/assets/icons/regular/arrow-out-of-box.svg +1 -1
- package/assets/icons/regular/arrow-split.svg +1 -1
- package/assets/icons/regular/arrow-wall-left.svg +1 -1
- package/assets/icons/regular/arrow-wall-right.svg +1 -1
- package/assets/icons/regular/arrow-wall-up.svg +1 -1
- package/assets/icons/regular/bookmark-remove.svg +1 -1
- package/assets/icons/regular/cloud-download.svg +1 -1
- package/assets/icons/regular/cloud-upload.svg +1 -1
- package/assets/icons/regular/file-bend.svg +1 -1
- package/assets/icons/regular/file-chart.svg +1 -1
- package/assets/icons/regular/file-text.svg +1 -1
- package/assets/icons/regular/files.svg +1 -1
- package/assets/icons/regular/lab.svg +1 -1
- package/assets/icons/regular/minimize.svg +1 -1
- package/assets/icons/regular/money-hand.svg +1 -1
- package/assets/icons/regular/newspaper.svg +1 -0
- package/assets/icons/regular/pension.svg +1 -1
- package/assets/icons/regular/people-add.svg +1 -1
- package/assets/icons/regular/people-added.svg +1 -1
- package/assets/icons/regular/people-circle.svg +1 -1
- package/assets/icons/regular/people-remove.svg +1 -1
- package/assets/icons/regular/printer.svg +1 -1
- package/assets/icons/regular/sort-ascending.svg +1 -1
- package/assets/icons/regular/sort-descending.svg +1 -1
- package/assets/icons/regular/square-arrow-top-right.svg +1 -1
- package/assets/icons/regular/warning-sign.svg +1 -1
- package/assets/icons/solid/newspaper.svg +3 -0
- package/components/card/card.styles.js +1 -0
- package/components/icon/icons/arrow-box-left-alt.component.js +1 -1
- package/components/icon/icons/arrow-box-left.component.js +1 -1
- package/components/icon/icons/arrow-box-right.component.js +1 -1
- package/components/icon/icons/arrow-inbox.component.js +1 -1
- package/components/icon/icons/arrow-out-of-box.component.js +1 -1
- package/components/icon/icons/arrow-split.component.js +1 -1
- package/components/icon/icons/arrow-wall-left.component.js +1 -1
- package/components/icon/icons/arrow-wall-right.component.js +1 -1
- package/components/icon/icons/arrow-wall-up.component.js +1 -1
- package/components/icon/icons/bookmark-remove.component.js +1 -1
- package/components/icon/icons/cloud-download.component.js +1 -1
- package/components/icon/icons/cloud-upload.component.js +1 -1
- package/components/icon/icons/file-bend.component.js +1 -1
- package/components/icon/icons/file-chart.component.js +1 -1
- package/components/icon/icons/file-text.component.js +1 -1
- package/components/icon/icons/files.component.js +1 -1
- package/components/icon/icons/index.d.ts +1 -0
- package/components/icon/icons/index.js +1 -0
- package/components/icon/icons/lab.component.js +1 -1
- package/components/icon/icons/minimize.component.js +1 -1
- package/components/icon/icons/money-hand.component.js +1 -1
- package/components/icon/icons/newspaper.component.d.ts +18 -0
- package/components/icon/icons/newspaper.component.js +25 -0
- package/components/icon/icons/newspaper.d.ts +2 -0
- package/components/icon/icons/newspaper.js +6 -0
- package/components/icon/icons/pension.component.js +1 -1
- package/components/icon/icons/people-add.component.js +1 -1
- package/components/icon/icons/people-added.component.js +1 -1
- package/components/icon/icons/people-circle.component.js +1 -1
- package/components/icon/icons/people-remove.component.js +1 -1
- package/components/icon/icons/printer.component.js +1 -1
- package/components/icon/icons/pure.d.ts +1 -0
- package/components/icon/icons/pure.js +1 -0
- package/components/icon/icons/sort-ascending.component.js +1 -1
- package/components/icon/icons/sort-descending.component.js +1 -1
- package/components/icon/icons/square-arrow-top-right.component.js +1 -1
- package/components/icon/icons/warning-sign.component.js +1 -1
- package/components/table/table.component.d.ts +27 -7
- package/components/table/table.component.js +730 -101
- package/components/table/table.imports.js +8 -0
- package/components/table/table.stories.data.d.ts +8 -5
- package/components/table/table.stories.data.js +705 -31
- package/components/table/table.styles.js +409 -189
- package/components/table/table.types.d.ts +97 -11
- package/custom-elements.json +19661 -18968
- package/gds-element.js +1 -1
- package/generated/locales/da.d.ts +4 -1
- package/generated/locales/da.js +4 -1
- package/generated/locales/de.d.ts +4 -1
- package/generated/locales/de.js +4 -1
- package/generated/locales/fi.d.ts +4 -1
- package/generated/locales/fi.js +4 -1
- package/generated/locales/fr.d.ts +4 -1
- package/generated/locales/fr.js +4 -1
- package/generated/locales/it.d.ts +4 -1
- package/generated/locales/it.js +4 -1
- package/generated/locales/nl.d.ts +4 -1
- package/generated/locales/nl.js +4 -1
- package/generated/locales/no.d.ts +4 -1
- package/generated/locales/no.js +4 -1
- package/generated/locales/sv.d.ts +4 -1
- package/generated/locales/sv.js +4 -1
- package/generated/mcp/components.json +1 -1
- package/generated/mcp/icon-newspaper/angular.md +15 -0
- package/generated/mcp/icon-newspaper/api.md +31 -0
- package/generated/mcp/icon-newspaper/index.json +8 -0
- package/generated/mcp/icon-newspaper/react.md +15 -0
- package/generated/mcp/icons.json +13 -1
- package/generated/mcp/index.json +1 -1
- package/generated/mcp/table/angular.md +1 -0
- package/generated/mcp/table/api.md +32 -2
- package/generated/mcp/table/react.md +1 -0
- package/generated/mcp/tokens.json +1 -1
- package/generated/react/icons/icon-newspaper/index.d.ts +672 -0
- package/generated/react/icons/icon-newspaper/index.js +14 -0
- package/generated/react/index.d.ts +6 -5
- package/generated/react/index.js +6 -5
- package/generated/react/table/index.d.ts +10 -4
- package/package.json +2 -1
- package/shared-styles/rbcb-toggle.style.js +1 -1
- package/utils/helpers/custom-element-scoping.js +1 -1
|
@@ -28,12 +28,11 @@
|
|
|
28
28
|
| `searchable` | `boolean` | `-` | Adds search input for data filtering. |
|
|
29
29
|
| `settings` | `boolean` | `-` | Enables column visibility settings. |
|
|
30
30
|
| `striped` | `boolean` | `-` | Applies alternating row background colors. |
|
|
31
|
-
| `actions` | `Types.Actions \| ((row: T, index: number) => any) \| undefined` | `-` | Defines row-level actions. Accepts: action configuration or custom rendering function |
|
|
32
31
|
| `nocache` | `boolean` | `-` | Disables data caching mechanism. |
|
|
33
32
|
| `tfoot` | `Types.Tfoot \| undefined` | `-` | Configures a table footer row (`<tfoot>`) at the bottom of the table. The footer row provides slot insertion points for each visible column, letting consumers render any aggregation (sum, average, count, etc.). Use `tfoot.label` to optionally show a label in the first cell (omitted by default). Use `tfoot.sticky` to pin the footer to the bottom of the scroll area. Slot naming convention: `tfoot:{columnKey}` Accepts: `{ label?: string, sticky?: boolean }` or omit to disable. |
|
|
34
33
|
| `dataLoadKey` | `string \| undefined` | `-` | Key to trigger data reloading when changed. Setting this to a new value forces the table to clear the cache and request new data from the data provider. The value can be any string that is not equal to the previous value. |
|
|
35
34
|
| `height` | `string \| undefined` | `-` | Style Expression Property that controls the height property. Supports space tokens and all valid CSS width values. Sets the height of the table content area and enables vertical scrolling with a sticky header that remains visible. |
|
|
36
|
-
| `variant` | `
|
|
35
|
+
| `variant` | `TableVariant` | `-` | Sets the visual variant of the table container card. Forwards to the underlying `gds-card` component. |
|
|
37
36
|
| `syncFirstRender` | `boolean` | `-` | Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`. This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM is projected. Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the element needs to be measured synchronously after being added to the DOM. |
|
|
38
37
|
|
|
39
38
|
|
|
@@ -47,6 +46,7 @@
|
|
|
47
46
|
| `gds-table-data-loaded` | `CustomEvent<any>` | Fired when data is successfully loaded. Detail: `{ rows: T[], total: number, page: number, rowsPerPage: number, searchQuery: string, sortColumn?: string, sortDirection?: 'asc' \| 'desc' }` |
|
|
48
47
|
| `gds-table-data-error` | `CustomEvent<any>` | Fired when data loading fails. |
|
|
49
48
|
| `gds-table-selection` | `CustomEvent<any>` | Fired when row selection changes. |
|
|
49
|
+
| `gds-table-expand-change` | `CustomEvent<any>` | Fired when row expansion changes. Detail: `{ index: number, row: T, expanded: boolean, expandedIndices: number[] }` |
|
|
50
50
|
|
|
51
51
|
|
|
52
52
|
## Slots
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
| ``error`` | Custom error state content when data loading fails. |
|
|
60
60
|
| ``empty`` | Custom empty state content when no data is available. |
|
|
61
61
|
| ``no-results`` | Custom no results content when search returns empty. |
|
|
62
|
+
| ``expand:{rowKey}:full`` | Full-width expanded content row for custom layouts. |
|
|
62
63
|
|
|
63
64
|
|
|
64
65
|
## Methods
|
|
@@ -83,3 +84,32 @@ Select specific rows by indices
|
|
|
83
84
|
### `getSelection(): { indices: number[]; data: T[] }`
|
|
84
85
|
|
|
85
86
|
Get selected row data
|
|
87
|
+
|
|
88
|
+
### `expandRow(index: number): Promise<boolean>`
|
|
89
|
+
|
|
90
|
+
Expand a specific row by index.
|
|
91
|
+
|
|
92
|
+
**Parameters:**
|
|
93
|
+
|
|
94
|
+
- `index`: `number`
|
|
95
|
+
|
|
96
|
+
### `collapseRow(index: number): boolean`
|
|
97
|
+
|
|
98
|
+
Collapse a specific row by index.
|
|
99
|
+
|
|
100
|
+
**Parameters:**
|
|
101
|
+
|
|
102
|
+
- `index`: `number`
|
|
103
|
+
|
|
104
|
+
### `toggleRowExpansion(index: number, rowOverride?: T): Promise<boolean>`
|
|
105
|
+
|
|
106
|
+
Toggle expanded state for a specific row by index.
|
|
107
|
+
|
|
108
|
+
**Parameters:**
|
|
109
|
+
|
|
110
|
+
- `index`: `number`
|
|
111
|
+
- `rowOverride`: `T` _(optional)_
|
|
112
|
+
|
|
113
|
+
### `getExpandedIndices(): number[]`
|
|
114
|
+
|
|
115
|
+
Get currently expanded row indices.
|
|
@@ -28,6 +28,7 @@ Events are handled using React event handler props. Event names are converted fr
|
|
|
28
28
|
| `gds-table-data-loaded` | `onGdsTableDataLoaded` | `onGdsTableDataLoaded={handler}` |
|
|
29
29
|
| `gds-table-data-error` | `onGdsTableDataError` | `onGdsTableDataError={handler}` |
|
|
30
30
|
| `gds-table-selection` | `onGdsTableSelection` | `onGdsTableSelection={handler}` |
|
|
31
|
+
| `gds-table-expand-change` | `onGdsTableExpandChange` | `onGdsTableExpandChange={handler}` |
|
|
31
32
|
|
|
32
33
|
## Slots in React
|
|
33
34
|
|