@sebgroup/green-core 3.9.0 → 3.10.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.
Files changed (39) hide show
  1. package/components/card/card.styles.js +1 -0
  2. package/components/table/table.component.d.ts +27 -7
  3. package/components/table/table.component.js +730 -101
  4. package/components/table/table.imports.js +8 -0
  5. package/components/table/table.stories.data.d.ts +8 -5
  6. package/components/table/table.stories.data.js +705 -31
  7. package/components/table/table.styles.js +409 -189
  8. package/components/table/table.types.d.ts +97 -11
  9. package/custom-elements.json +107543 -107433
  10. package/gds-element.js +1 -1
  11. package/generated/locales/da.d.ts +4 -1
  12. package/generated/locales/da.js +4 -1
  13. package/generated/locales/de.d.ts +4 -1
  14. package/generated/locales/de.js +4 -1
  15. package/generated/locales/fi.d.ts +4 -1
  16. package/generated/locales/fi.js +4 -1
  17. package/generated/locales/fr.d.ts +4 -1
  18. package/generated/locales/fr.js +4 -1
  19. package/generated/locales/it.d.ts +4 -1
  20. package/generated/locales/it.js +4 -1
  21. package/generated/locales/nl.d.ts +4 -1
  22. package/generated/locales/nl.js +4 -1
  23. package/generated/locales/no.d.ts +4 -1
  24. package/generated/locales/no.js +4 -1
  25. package/generated/locales/sv.d.ts +4 -1
  26. package/generated/locales/sv.js +4 -1
  27. package/generated/mcp/components.json +1 -1
  28. package/generated/mcp/icons.json +1 -1
  29. package/generated/mcp/index.json +1 -1
  30. package/generated/mcp/table/angular.md +1 -0
  31. package/generated/mcp/table/api.md +32 -2
  32. package/generated/mcp/table/react.md +1 -0
  33. package/generated/mcp/tokens.json +1 -1
  34. package/generated/react/index.d.ts +6 -6
  35. package/generated/react/index.js +6 -6
  36. package/generated/react/table/index.d.ts +10 -4
  37. package/package.json +1 -1
  38. package/shared-styles/rbcb-toggle.style.js +1 -1
  39. package/utils/helpers/custom-element-scoping.js +1 -1
@@ -13,6 +13,7 @@ const style = css`
13
13
  border-style: solid;
14
14
  display: flex;
15
15
  flex-direction: column;
16
+ --gds-card-variant-background: var(--_background);
16
17
  }
17
18
 
18
19
  :host([variant='neutral-01']) {
@@ -1,6 +1,6 @@
1
1
  import { GdsElement } from '../../gds-element';
2
2
  import * as Types from './table.types';
3
- import type { Variant } from '../card/card.types';
3
+ type TableVariant = 'neutral-01' | 'neutral-02' | 'neutral-02-outlined';
4
4
  /**
5
5
  * @element gds-table
6
6
  * @status beta
@@ -13,6 +13,7 @@ import type { Variant } from '../card/card.types';
13
13
  * @slot `error` - Custom error state content when data loading fails.
14
14
  * @slot `empty` - Custom empty state content when no data is available.
15
15
  * @slot `no-results` - Custom no results content when search returns empty.
16
+ * @slot `expand:{rowKey}:full` - Full-width expanded content row for custom layouts.
16
17
  *
17
18
  * @event gds-page-change - Fired when the active page changes. Detail: `{ page: number }`
18
19
  * @event gds-rows-change - Fired when the rows per page value changes. Detail: `{ rows: number }`
@@ -20,6 +21,7 @@ import type { Variant } from '../card/card.types';
20
21
  * @event gds-table-data-loaded - Fired when data is successfully loaded. Detail: `{ rows: T[], total: number, page: number, rowsPerPage: number, searchQuery: string, sortColumn?: string, sortDirection?: 'asc' | 'desc' }`
21
22
  * @event gds-table-data-error - Fired when data loading fails.
22
23
  * @event gds-table-selection - Fired when row selection changes.
24
+ * @event gds-table-expand-change - Fired when row expansion changes. Detail: `{ index: number, row: T, expanded: boolean, expandedIndices: number[] }`
23
25
  */
24
26
  export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElement {
25
27
  #private;
@@ -96,11 +98,6 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
96
98
  * Applies alternating row background colors.
97
99
  */
98
100
  striped: boolean;
99
- /**
100
- * Defines row-level actions.
101
- * Accepts: action configuration or custom rendering function
102
- */
103
- actions?: Types.Actions | ((row: T, index: number) => any);
104
101
  /**
105
102
  * Disables data caching mechanism.
106
103
  */
@@ -137,7 +134,7 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
137
134
  * Sets the visual variant of the table container card.
138
135
  * Forwards to the underlying `gds-card` component.
139
136
  */
140
- variant: Omit<Variant, 'brand-01' | 'brand-02'>;
137
+ variant: TableVariant;
141
138
  private _isMobile;
142
139
  private _handleMobile;
143
140
  private _view;
@@ -146,6 +143,11 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
146
143
  private _rowsState;
147
144
  private _total;
148
145
  private _selected;
146
+ private _expanded;
147
+ private _expanding;
148
+ private _completingExpansion;
149
+ private _expandedRowsCache;
150
+ private _expandedFullContentResolved;
149
151
  private _error;
150
152
  private _onDataChange;
151
153
  /**
@@ -161,6 +163,7 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
161
163
  private _onRowsChange;
162
164
  private _onColumnsChange;
163
165
  connectedCallback(): void;
166
+ updated(changedProperties: Map<string, unknown>): void;
164
167
  render(): any;
165
168
  /**
166
169
  * Public API
@@ -182,4 +185,21 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsElemen
182
185
  indices: number[];
183
186
  data: T[];
184
187
  };
188
+ /**
189
+ * Expand a specific row by index.
190
+ */
191
+ expandRow(index: number): Promise<boolean>;
192
+ /**
193
+ * Collapse a specific row by index.
194
+ */
195
+ collapseRow(index: number): boolean;
196
+ /**
197
+ * Toggle expanded state for a specific row by index.
198
+ */
199
+ toggleRowExpansion(index: number, rowOverride?: T): Promise<boolean>;
200
+ /**
201
+ * Get currently expanded row indices.
202
+ */
203
+ getExpandedIndices(): number[];
185
204
  }
205
+ export {};