@sellmate/design-system-react 0.0.38 → 0.0.40

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 (7) hide show
  1. package/dist/components/components.d.ts +20 -1
  2. package/dist/components/components.js +49 -0
  3. package/dist/components/components.server.d.ts +20 -1
  4. package/dist/components/components.server.js +50 -0
  5. package/lib/components/components.server.ts +75 -1
  6. package/lib/components/components.ts +69 -1
  7. package/package.json +3 -3
package/dist/components/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -23,10 +23,15 @@ import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-sy
23
23
  import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
24
24
  import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
25
25
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
26
+ import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
26
27
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
27
28
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
29
+ import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
30
+ import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
31
+ import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
28
32
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
29
33
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
34
+ import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
30
35
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
31
36
  export type SdBadgeEvents = NonNullable<unknown>;
32
37
  export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
@@ -117,11 +122,25 @@ export type SdTableEvents = {
117
122
  onSdRowsPerPageChange: EventName<CustomEvent<number>>;
118
123
  };
119
124
  export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
125
+ export type SdTableBackupEvents = {
126
+ onSdSelectChange: EventName<SdTableBackupCustomEvent<Row[]>>;
127
+ onSdPageChange: EventName<CustomEvent<number>>;
128
+ onSdRowsPerPageChange: EventName<CustomEvent<number>>;
129
+ };
130
+ export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
120
131
  export type SdTagEvents = NonNullable<unknown>;
121
132
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
133
+ export type SdTbodyEvents = NonNullable<unknown>;
134
+ export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents>;
135
+ export type SdTdEvents = NonNullable<unknown>;
136
+ export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
137
+ export type SdThEvents = NonNullable<unknown>;
138
+ export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
122
139
  export type SdTooltipEvents = NonNullable<unknown>;
123
140
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
124
141
  export type SdTooltipPortalEvents = {
125
142
  onSdClose: EventName<CustomEvent<void>>;
126
143
  };
127
144
  export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;
145
+ export type SdTrEvents = NonNullable<unknown>;
146
+ export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
package/dist/components/components.js CHANGED
@@ -19,10 +19,15 @@ import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as def
19
19
  import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
20
20
  import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
21
21
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
22
+ import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
22
23
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
23
24
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
25
+ import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
26
+ import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
27
+ import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
24
28
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
25
29
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
30
+ import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
26
31
  import { createComponent } from '@stencil/react-output-target/runtime';
27
32
  import React from 'react';
28
33
  export const SdBadge = /*@__PURE__*/ createComponent({
@@ -215,6 +220,18 @@ export const SdTable = /*@__PURE__*/ createComponent({
215
220
  },
216
221
  defineCustomElement: defineSdTable
217
222
  });
223
+ export const SdTableBackup = /*@__PURE__*/ createComponent({
224
+ tagName: 'sd-table-backup',
225
+ elementClass: SdTableBackupElement,
226
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
227
+ react: React,
228
+ events: {
229
+ onSdSelectChange: 'sdSelectChange',
230
+ onSdPageChange: 'sdPageChange',
231
+ onSdRowsPerPageChange: 'sdRowsPerPageChange'
232
+ },
233
+ defineCustomElement: defineSdTableBackup
234
+ });
218
235
  export const SdTag = /*@__PURE__*/ createComponent({
219
236
  tagName: 'sd-tag',
220
237
  elementClass: SdTagElement,
@@ -223,6 +240,30 @@ export const SdTag = /*@__PURE__*/ createComponent({
223
240
  events: {},
224
241
  defineCustomElement: defineSdTag
225
242
  });
243
+ export const SdTbody = /*@__PURE__*/ createComponent({
244
+ tagName: 'sd-tbody',
245
+ elementClass: SdTbodyElement,
246
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
247
+ react: React,
248
+ events: {},
249
+ defineCustomElement: defineSdTbody
250
+ });
251
+ export const SdTd = /*@__PURE__*/ createComponent({
252
+ tagName: 'sd-td',
253
+ elementClass: SdTdElement,
254
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
255
+ react: React,
256
+ events: {},
257
+ defineCustomElement: defineSdTd
258
+ });
259
+ export const SdTh = /*@__PURE__*/ createComponent({
260
+ tagName: 'sd-th',
261
+ elementClass: SdThElement,
262
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
263
+ react: React,
264
+ events: {},
265
+ defineCustomElement: defineSdTh
266
+ });
226
267
  export const SdTooltip = /*@__PURE__*/ createComponent({
227
268
  tagName: 'sd-tooltip',
228
269
  elementClass: SdTooltipElement,
@@ -239,3 +280,11 @@ export const SdTooltipPortal = /*@__PURE__*/ createComponent({
239
280
  events: { onSdClose: 'sdClose' },
240
281
  defineCustomElement: defineSdTooltipPortal
241
282
  });
283
+ export const SdTr = /*@__PURE__*/ createComponent({
284
+ tagName: 'sd-tr',
285
+ elementClass: SdTrElement,
286
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
287
+ react: React,
288
+ events: {},
289
+ defineCustomElement: defineSdTr
290
+ });
package/dist/components/components.server.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -23,10 +23,15 @@ import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-sy
23
23
  import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
24
24
  import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
25
25
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
26
+ import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
26
27
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
27
28
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
29
+ import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
30
+ import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
31
+ import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
28
32
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
29
33
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
34
+ import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
30
35
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
31
36
  import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
32
37
  export declare const serializeShadowRoot: SerializeShadowRootOptions;
@@ -119,11 +124,25 @@ export type SdTableEvents = {
119
124
  onSdRowsPerPageChange: EventName<CustomEvent<number>>;
120
125
  };
121
126
  export declare const SdTable: StencilReactComponent<SdTableElement, SdTableEvents>;
127
+ export type SdTableBackupEvents = {
128
+ onSdSelectChange: EventName<SdTableBackupCustomEvent<Row[]>>;
129
+ onSdPageChange: EventName<CustomEvent<number>>;
130
+ onSdRowsPerPageChange: EventName<CustomEvent<number>>;
131
+ };
132
+ export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
122
133
  export type SdTagEvents = NonNullable<unknown>;
123
134
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
135
+ export type SdTbodyEvents = NonNullable<unknown>;
136
+ export declare const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents>;
137
+ export type SdTdEvents = NonNullable<unknown>;
138
+ export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
139
+ export type SdThEvents = NonNullable<unknown>;
140
+ export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
124
141
  export type SdTooltipEvents = NonNullable<unknown>;
125
142
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
126
143
  export type SdTooltipPortalEvents = {
127
144
  onSdClose: EventName<CustomEvent<void>>;
128
145
  };
129
146
  export declare const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents>;
147
+ export type SdTrEvents = NonNullable<unknown>;
148
+ export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
package/dist/components/components.server.js CHANGED
@@ -305,6 +305,24 @@ export const SdTable = /*@__PURE__*/ createComponent({
305
305
  clientModule: clientComponents.SdTable,
306
306
  serializeShadowRoot,
307
307
  });
308
+ export const SdTableBackup = /*@__PURE__*/ createComponent({
309
+ tagName: 'sd-table-backup',
310
+ properties: {
311
+ rowKey: 'row-key',
312
+ selectable: 'selectable',
313
+ resizable: 'resizable',
314
+ width: 'width',
315
+ height: 'height',
316
+ stickyHeader: 'sticky-header',
317
+ noDataLabel: 'no-data-label',
318
+ isLoading: 'is-loading',
319
+ useInternalPagination: 'use-internal-pagination',
320
+ useRowsPerPageSelect: 'use-rows-per-page-select'
321
+ },
322
+ hydrateModule: import('@sellmate/design-system/hydrate'),
323
+ clientModule: clientComponents.SdTableBackup,
324
+ serializeShadowRoot,
325
+ });
308
326
  export const SdTag = /*@__PURE__*/ createComponent({
309
327
  tagName: 'sd-tag',
310
328
  properties: {
@@ -319,6 +337,31 @@ export const SdTag = /*@__PURE__*/ createComponent({
319
337
  clientModule: clientComponents.SdTag,
320
338
  serializeShadowRoot,
321
339
  });
340
+ export const SdTbody = /*@__PURE__*/ createComponent({
341
+ tagName: 'sd-tbody',
342
+ properties: {},
343
+ hydrateModule: import('@sellmate/design-system/hydrate'),
344
+ clientModule: clientComponents.SdTbody,
345
+ serializeShadowRoot,
346
+ });
347
+ export const SdTd = /*@__PURE__*/ createComponent({
348
+ tagName: 'sd-td',
349
+ properties: {
350
+ name: 'name',
351
+ align: 'align',
352
+ tdClass: 'td-class'
353
+ },
354
+ hydrateModule: import('@sellmate/design-system/hydrate'),
355
+ clientModule: clientComponents.SdTd,
356
+ serializeShadowRoot,
357
+ });
358
+ export const SdTh = /*@__PURE__*/ createComponent({
359
+ tagName: 'sd-th',
360
+ properties: {},
361
+ hydrateModule: import('@sellmate/design-system/hydrate'),
362
+ clientModule: clientComponents.SdTh,
363
+ serializeShadowRoot,
364
+ });
322
365
  export const SdTooltip = /*@__PURE__*/ createComponent({
323
366
  tagName: 'sd-tooltip',
324
367
  properties: {
@@ -350,3 +393,10 @@ export const SdTooltipPortal = /*@__PURE__*/ createComponent({
350
393
  clientModule: clientComponents.SdTooltipPortal,
351
394
  serializeShadowRoot,
352
395
  });
396
+ export const SdTr = /*@__PURE__*/ createComponent({
397
+ tagName: 'sd-tr',
398
+ properties: {},
399
+ hydrateModule: import('@sellmate/design-system/hydrate'),
400
+ clientModule: clientComponents.SdTr,
401
+ serializeShadowRoot,
402
+ });
package/lib/components/components.server.ts CHANGED
@@ -8,7 +8,7 @@
8
8
  // @ts-ignore - ignore potential type issues as the project is importing itself
9
9
  import * as clientComponents from '@sellmate/design-system-react';
10
10
 
11
- import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
+ import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
12
12
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
13
13
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
14
14
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -29,10 +29,15 @@ import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-sy
29
29
  import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
30
30
  import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
31
31
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
32
+ import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
32
33
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
33
34
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
35
+ import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
36
+ import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
37
+ import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
34
38
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
35
39
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
40
+ import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
36
41
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
37
42
  import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
38
43
 
@@ -434,6 +439,31 @@ export const SdTable: StencilReactComponent<SdTableElement, SdTableEvents> = /*@
434
439
  serializeShadowRoot,
435
440
  });
436
441
 
442
+ export type SdTableBackupEvents = {
443
+ onSdSelectChange: EventName<SdTableBackupCustomEvent<Row[]>>,
444
+ onSdPageChange: EventName<CustomEvent<number>>,
445
+ onSdRowsPerPageChange: EventName<CustomEvent<number>>
446
+ };
447
+
448
+ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents> = /*@__PURE__*/ createComponent<SdTableBackupElement, SdTableBackupEvents>({
449
+ tagName: 'sd-table-backup',
450
+ properties: {
451
+ rowKey: 'row-key',
452
+ selectable: 'selectable',
453
+ resizable: 'resizable',
454
+ width: 'width',
455
+ height: 'height',
456
+ stickyHeader: 'sticky-header',
457
+ noDataLabel: 'no-data-label',
458
+ isLoading: 'is-loading',
459
+ useInternalPagination: 'use-internal-pagination',
460
+ useRowsPerPageSelect: 'use-rows-per-page-select'
461
+ },
462
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
463
+ clientModule: clientComponents.SdTableBackup as ReactWebComponent<SdTableBackupElement, SdTableBackupEvents>,
464
+ serializeShadowRoot,
465
+ });
466
+
437
467
  export type SdTagEvents = NonNullable<unknown>;
438
468
 
439
469
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
@@ -451,6 +481,40 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
451
481
  serializeShadowRoot,
452
482
  });
453
483
 
484
+ export type SdTbodyEvents = NonNullable<unknown>;
485
+
486
+ export const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents> = /*@__PURE__*/ createComponent<SdTbodyElement, SdTbodyEvents>({
487
+ tagName: 'sd-tbody',
488
+ properties: {},
489
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
490
+ clientModule: clientComponents.SdTbody as ReactWebComponent<SdTbodyElement, SdTbodyEvents>,
491
+ serializeShadowRoot,
492
+ });
493
+
494
+ export type SdTdEvents = NonNullable<unknown>;
495
+
496
+ export const SdTd: StencilReactComponent<SdTdElement, SdTdEvents> = /*@__PURE__*/ createComponent<SdTdElement, SdTdEvents>({
497
+ tagName: 'sd-td',
498
+ properties: {
499
+ name: 'name',
500
+ align: 'align',
501
+ tdClass: 'td-class'
502
+ },
503
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
504
+ clientModule: clientComponents.SdTd as ReactWebComponent<SdTdElement, SdTdEvents>,
505
+ serializeShadowRoot,
506
+ });
507
+
508
+ export type SdThEvents = NonNullable<unknown>;
509
+
510
+ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*/ createComponent<SdThElement, SdThEvents>({
511
+ tagName: 'sd-th',
512
+ properties: {},
513
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
514
+ clientModule: clientComponents.SdTh as ReactWebComponent<SdThElement, SdThEvents>,
515
+ serializeShadowRoot,
516
+ });
517
+
454
518
  export type SdTooltipEvents = NonNullable<unknown>;
455
519
 
456
520
  export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
@@ -487,3 +551,13 @@ export const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTo
487
551
  clientModule: clientComponents.SdTooltipPortal as ReactWebComponent<SdTooltipPortalElement, SdTooltipPortalEvents>,
488
552
  serializeShadowRoot,
489
553
  });
554
+
555
+ export type SdTrEvents = NonNullable<unknown>;
556
+
557
+ export const SdTr: StencilReactComponent<SdTrElement, SdTrEvents> = /*@__PURE__*/ createComponent<SdTrElement, SdTrEvents>({
558
+ tagName: 'sd-tr',
559
+ properties: {},
560
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
561
+ clientModule: clientComponents.SdTr as ReactWebComponent<SdTrElement, SdTrEvents>,
562
+ serializeShadowRoot,
563
+ });
package/lib/components/components.ts CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
10
+ import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
11
  import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
12
12
  import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
13
13
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -28,10 +28,15 @@ import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as def
28
28
  import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
29
29
  import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
30
30
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
31
+ import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
31
32
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
32
33
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
34
+ import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
35
+ import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
36
+ import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
33
37
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
34
38
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
39
+ import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
35
40
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
36
41
  import { createComponent } from '@stencil/react-output-target/runtime';
37
42
  import React from 'react';
@@ -324,6 +329,25 @@ export const SdTable: StencilReactComponent<SdTableElement, SdTableEvents> = /*@
324
329
  defineCustomElement: defineSdTable
325
330
  });
326
331
 
332
+ export type SdTableBackupEvents = {
333
+ onSdSelectChange: EventName<SdTableBackupCustomEvent<Row[]>>,
334
+ onSdPageChange: EventName<CustomEvent<number>>,
335
+ onSdRowsPerPageChange: EventName<CustomEvent<number>>
336
+ };
337
+
338
+ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents> = /*@__PURE__*/ createComponent<SdTableBackupElement, SdTableBackupEvents>({
339
+ tagName: 'sd-table-backup',
340
+ elementClass: SdTableBackupElement,
341
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
342
+ react: React,
343
+ events: {
344
+ onSdSelectChange: 'sdSelectChange',
345
+ onSdPageChange: 'sdPageChange',
346
+ onSdRowsPerPageChange: 'sdRowsPerPageChange'
347
+ } as SdTableBackupEvents,
348
+ defineCustomElement: defineSdTableBackup
349
+ });
350
+
327
351
  export type SdTagEvents = NonNullable<unknown>;
328
352
 
329
353
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
@@ -335,6 +359,39 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
335
359
  defineCustomElement: defineSdTag
336
360
  });
337
361
 
362
+ export type SdTbodyEvents = NonNullable<unknown>;
363
+
364
+ export const SdTbody: StencilReactComponent<SdTbodyElement, SdTbodyEvents> = /*@__PURE__*/ createComponent<SdTbodyElement, SdTbodyEvents>({
365
+ tagName: 'sd-tbody',
366
+ elementClass: SdTbodyElement,
367
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
368
+ react: React,
369
+ events: {} as SdTbodyEvents,
370
+ defineCustomElement: defineSdTbody
371
+ });
372
+
373
+ export type SdTdEvents = NonNullable<unknown>;
374
+
375
+ export const SdTd: StencilReactComponent<SdTdElement, SdTdEvents> = /*@__PURE__*/ createComponent<SdTdElement, SdTdEvents>({
376
+ tagName: 'sd-td',
377
+ elementClass: SdTdElement,
378
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
379
+ react: React,
380
+ events: {} as SdTdEvents,
381
+ defineCustomElement: defineSdTd
382
+ });
383
+
384
+ export type SdThEvents = NonNullable<unknown>;
385
+
386
+ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*/ createComponent<SdThElement, SdThEvents>({
387
+ tagName: 'sd-th',
388
+ elementClass: SdThElement,
389
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
390
+ react: React,
391
+ events: {} as SdThEvents,
392
+ defineCustomElement: defineSdTh
393
+ });
394
+
338
395
  export type SdTooltipEvents = NonNullable<unknown>;
339
396
 
340
397
  export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
@@ -356,3 +413,14 @@ export const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTo
356
413
  events: { onSdClose: 'sdClose' } as SdTooltipPortalEvents,
357
414
  defineCustomElement: defineSdTooltipPortal
358
415
  });
416
+
417
+ export type SdTrEvents = NonNullable<unknown>;
418
+
419
+ export const SdTr: StencilReactComponent<SdTrElement, SdTrEvents> = /*@__PURE__*/ createComponent<SdTrElement, SdTrEvents>({
420
+ tagName: 'sd-tr',
421
+ elementClass: SdTrElement,
422
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
423
+ react: React,
424
+ events: {} as SdTrEvents,
425
+ defineCustomElement: defineSdTr
426
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "0.0.38",
3
+ "version": "0.0.40",
4
4
  "description": "Design System - React Component Wrappers",
5
5
  "keywords": [
6
6
  "react",
@@ -54,7 +54,7 @@
54
54
  "dev": "tsc --watch"
55
55
  },
56
56
  "dependencies": {
57
- "@sellmate/design-system": "^0.0.33",
57
+ "@sellmate/design-system": "^0.0.35",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {
@@ -68,5 +68,5 @@
68
68
  "rimraf": "^6.0.1",
69
69
  "typescript": "^5.9.3"
70
70
  },
71
- "gitHead": "80694b4fa16cdbfcde2b3d48641ccac4e4bd6533"
71
+ "gitHead": "6e278aaf6f79e73865336335bb078dc5723aa8a0"
72
72
  }