@sellmate/design-system-react 1.0.76 → 1.0.78

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 (9) hide show
  1. package/dist/components/components.d.ts +22 -86
  2. package/dist/components/components.js +21 -130
  3. package/dist/components/components.server.d.ts +22 -86
  4. package/dist/components/components.server.js +15 -197
  5. package/dist/index.d.ts +1 -1
  6. package/lib/components/components.server.ts +27 -279
  7. package/lib/components/components.ts +33 -208
  8. package/lib/index.ts +0 -4
  9. package/package.json +2 -2
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 DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
5
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListboxCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
6
6
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
7
7
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
8
8
  import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -37,22 +37,13 @@ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/d
37
37
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
38
38
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
39
39
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
40
- import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
41
40
  import { SdRadioButton as SdRadioButtonElement } from "@sellmate/design-system/dist/components/sd-radio-button.js";
42
41
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
43
42
  import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
44
- import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
45
- import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
46
- import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
47
- import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
48
- import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
49
- import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
50
- import { SdSelectSearchInput as SdSelectSearchInputElement } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
51
- import { SdSelectV2ListItemSearch as SdSelectV2ListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item-search.js";
52
- import { SdSelectV2ListItem as SdSelectV2ListItemElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item.js";
53
- import { SdSelectV2Listbox as SdSelectV2ListboxElement } from "@sellmate/design-system/dist/components/sd-select-v2-listbox.js";
54
- import { SdSelectV2Trigger as SdSelectV2TriggerElement } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
55
- import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/components/sd-select-v2.js";
43
+ import { SdSelectListItemSearch as SdSelectListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-list-item-search.js";
44
+ import { SdSelectListItem as SdSelectListItemElement } from "@sellmate/design-system/dist/components/sd-select-list-item.js";
45
+ import { SdSelectListbox as SdSelectListboxElement } from "@sellmate/design-system/dist/components/sd-select-listbox.js";
46
+ import { SdSelectTrigger as SdSelectTriggerElement } from "@sellmate/design-system/dist/components/sd-select-trigger.js";
56
47
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
57
48
  import { SdSwitch as SdSwitchElement } from "@sellmate/design-system/dist/components/sd-switch.js";
58
49
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
@@ -68,7 +59,6 @@ import { SdToast as SdToastElement } from "@sellmate/design-system/dist/componen
68
59
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
69
60
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
70
61
  import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
71
- import { TableTest as TableTestElement } from "@sellmate/design-system/dist/components/table-test.js";
72
62
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
73
63
  export type SdActionModalEvents = {
74
64
  onSdClose: EventName<CustomEvent<void>>;
@@ -231,8 +221,6 @@ export type SdPortalEvents = {
231
221
  onSdClose: EventName<CustomEvent<void>>;
232
222
  };
233
223
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
234
- export type SdProgressEvents = NonNullable<unknown>;
235
- export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
236
224
  export type SdRadioEvents = {
237
225
  onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
238
226
  };
@@ -246,83 +234,31 @@ export type SdRadioGroupEvents = {
246
234
  };
247
235
  export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
248
236
  export type SdSelectEvents = {
249
- onSdUpdate: EventName<SdSelectCustomEvent<SelectEvents['sdUpdate']>>;
250
- onSdDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
251
- };
252
- export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
253
- export type SdSelectDropdownEvents = {
254
- onSdOptionClick: EventName<SdSelectDropdownCustomEvent<{
255
- option: SelectOption;
256
- index: number;
257
- event: MouseEvent;
258
- }>>;
259
- onSdOptionFiltered: EventName<SdSelectDropdownCustomEvent<SelectOption[]>>;
260
- onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
261
- };
262
- export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
263
- export type SdSelectGroupEvents = {
264
- onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>;
265
- onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>;
266
- };
267
- export declare const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents>;
268
- export type SdSelectMultipleEvents = {
269
- onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
270
- onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
271
- };
272
- export declare const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents>;
273
- export type SdSelectMultipleGroupEvents = {
274
- onSdUpdate: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdUpdate']>>;
275
- onSdDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>;
276
- };
277
- export declare const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>;
278
- export type SdSelectOptionEvents = {
279
- onOptionClick: EventName<SdSelectOptionCustomEvent<{
280
- option: SelectOption;
281
- index: number;
282
- event: MouseEvent;
283
- }>>;
284
- };
285
- export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;
286
- export type SdSelectOptionGroupEvents = {
287
- onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
288
- option: SelectOptionGroup;
289
- isSelected: boolean | null;
290
- index: number;
291
- event: MouseEvent;
292
- }>>;
293
- };
294
- export declare const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>;
295
- export type SdSelectSearchInputEvents = {
296
- onSdSearchInput: EventName<CustomEvent<string>>;
297
- onSdSearchFocus: EventName<CustomEvent<void>>;
298
- };
299
- export declare const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>;
300
- export type SdSelectV2Events = {
301
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>;
237
+ onSdUpdate: EventName<SdSelectCustomEvent<SelectValue>>;
302
238
  onSdDropDownShow: EventName<CustomEvent<{
303
239
  isOpen: boolean;
304
240
  }>>;
305
241
  };
306
- export declare const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Events>;
307
- export type SdSelectV2ListItemEvents = {
308
- onSdListItemClick: EventName<SdSelectV2ListItemCustomEvent<SelectV2Option>>;
242
+ export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
243
+ export type SdSelectListItemEvents = {
244
+ onSdListItemClick: EventName<SdSelectListItemCustomEvent<SelectOption>>;
309
245
  };
310
- export declare const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>;
311
- export type SdSelectV2ListItemSearchEvents = {
246
+ export declare const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents>;
247
+ export type SdSelectListItemSearchEvents = {
312
248
  onSdSearchFilter: EventName<CustomEvent<string>>;
313
249
  onSdSearchFocus: EventName<CustomEvent<void>>;
314
250
  };
315
- export declare const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>;
316
- export type SdSelectV2ListboxEvents = {
317
- onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>>;
251
+ export declare const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>;
252
+ export type SdSelectListboxEvents = {
253
+ onSdOptionSelect: EventName<SdSelectListboxCustomEvent<SelectOptionSelectDetail>>;
318
254
  };
319
- export declare const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>;
320
- export type SdSelectV2TriggerEvents = {
255
+ export declare const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents>;
256
+ export type SdSelectTriggerEvents = {
321
257
  onSdTriggerClick: EventName<CustomEvent<void>>;
322
258
  onSdTriggerFocus: EventName<CustomEvent<void>>;
323
259
  onSdTriggerBlur: EventName<CustomEvent<void>>;
324
260
  };
325
- export declare const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>;
261
+ export declare const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents>;
326
262
  export type SdSwitchEvents = {
327
263
  onSdUpdate: EventName<CustomEvent<boolean>>;
328
264
  };
@@ -363,7 +299,11 @@ export type SdTextareaEvents = {
363
299
  onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
364
300
  };
365
301
  export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
366
- export type SdTheadEvents = NonNullable<unknown>;
302
+ export type SdTheadEvents = {
303
+ onSdColumnSort: EventName<SdTheadCustomEvent<{
304
+ column: SdTableColumn;
305
+ }>>;
306
+ };
367
307
  export declare const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents>;
368
308
  export type SdToastEvents = {
369
309
  onSdClose: EventName<CustomEvent<void>>;
@@ -386,7 +326,3 @@ export type SdTooltipEvents = NonNullable<unknown>;
386
326
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
387
327
  export type SdTrEvents = NonNullable<unknown>;
388
328
  export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
389
- export type TableTestEvents = {
390
- onTableReady: EventName<CustomEvent<void>>;
391
- };
392
- export declare const TableTest: StencilReactComponent<TableTestElement, TableTestEvents>;
package/dist/components/components.js CHANGED
@@ -33,22 +33,13 @@ import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdN
33
33
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
34
34
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
35
35
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
36
- import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
37
36
  import { SdRadioButton as SdRadioButtonElement, defineCustomElement as defineSdRadioButton } from "@sellmate/design-system/dist/components/sd-radio-button.js";
38
37
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
39
38
  import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
40
- import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
41
- import { SdSelectGroup as SdSelectGroupElement, defineCustomElement as defineSdSelectGroup } from "@sellmate/design-system/dist/components/sd-select-group.js";
42
- import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
43
- import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
44
- import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
45
- import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
46
- import { SdSelectSearchInput as SdSelectSearchInputElement, defineCustomElement as defineSdSelectSearchInput } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
47
- import { SdSelectV2ListItemSearch as SdSelectV2ListItemSearchElement, defineCustomElement as defineSdSelectV2ListItemSearch } from "@sellmate/design-system/dist/components/sd-select-v2-list-item-search.js";
48
- import { SdSelectV2ListItem as SdSelectV2ListItemElement, defineCustomElement as defineSdSelectV2ListItem } from "@sellmate/design-system/dist/components/sd-select-v2-list-item.js";
49
- import { SdSelectV2Listbox as SdSelectV2ListboxElement, defineCustomElement as defineSdSelectV2Listbox } from "@sellmate/design-system/dist/components/sd-select-v2-listbox.js";
50
- import { SdSelectV2Trigger as SdSelectV2TriggerElement, defineCustomElement as defineSdSelectV2Trigger } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
51
- import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV2 } from "@sellmate/design-system/dist/components/sd-select-v2.js";
39
+ import { SdSelectListItemSearch as SdSelectListItemSearchElement, defineCustomElement as defineSdSelectListItemSearch } from "@sellmate/design-system/dist/components/sd-select-list-item-search.js";
40
+ import { SdSelectListItem as SdSelectListItemElement, defineCustomElement as defineSdSelectListItem } from "@sellmate/design-system/dist/components/sd-select-list-item.js";
41
+ import { SdSelectListbox as SdSelectListboxElement, defineCustomElement as defineSdSelectListbox } from "@sellmate/design-system/dist/components/sd-select-listbox.js";
42
+ import { SdSelectTrigger as SdSelectTriggerElement, defineCustomElement as defineSdSelectTrigger } from "@sellmate/design-system/dist/components/sd-select-trigger.js";
52
43
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
53
44
  import { SdSwitch as SdSwitchElement, defineCustomElement as defineSdSwitch } from "@sellmate/design-system/dist/components/sd-switch.js";
54
45
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
@@ -64,7 +55,6 @@ import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from
64
55
  import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
65
56
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
66
57
  import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
67
- import { TableTest as TableTestElement, defineCustomElement as defineTableTest } from "@sellmate/design-system/dist/components/table-test.js";
68
58
  import { createComponent } from '@stencil/react-output-target/runtime';
69
59
  import React from 'react';
70
60
  export const SdActionModal = /*@__PURE__*/ createComponent({
@@ -390,14 +380,6 @@ export const SdPortal = /*@__PURE__*/ createComponent({
390
380
  events: { onSdClose: 'sdClose' },
391
381
  defineCustomElement: defineSdPortal
392
382
  });
393
- export const SdProgress = /*@__PURE__*/ createComponent({
394
- tagName: 'sd-progress',
395
- elementClass: SdProgressElement,
396
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
397
- react: React,
398
- events: {},
399
- defineCustomElement: defineSdProgress
400
- });
401
383
  export const SdRadio = /*@__PURE__*/ createComponent({
402
384
  tagName: 'sd-radio',
403
385
  elementClass: SdRadioElement,
@@ -433,119 +415,36 @@ export const SdSelect = /*@__PURE__*/ createComponent({
433
415
  },
434
416
  defineCustomElement: defineSdSelect
435
417
  });
436
- export const SdSelectDropdown = /*@__PURE__*/ createComponent({
437
- tagName: 'sd-select-dropdown',
438
- elementClass: SdSelectDropdownElement,
439
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
440
- react: React,
441
- events: {
442
- onSdOptionClick: 'sdOptionClick',
443
- onSdOptionFiltered: 'sdOptionFiltered',
444
- onSdScroll: 'sdScroll'
445
- },
446
- defineCustomElement: defineSdSelectDropdown
447
- });
448
- export const SdSelectGroup = /*@__PURE__*/ createComponent({
449
- tagName: 'sd-select-group',
450
- elementClass: SdSelectGroupElement,
451
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
452
- react: React,
453
- events: {
454
- onSdUpdate: 'sdUpdate',
455
- onSdDropDownShow: 'sdDropDownShow'
456
- },
457
- defineCustomElement: defineSdSelectGroup
458
- });
459
- export const SdSelectMultiple = /*@__PURE__*/ createComponent({
460
- tagName: 'sd-select-multiple',
461
- elementClass: SdSelectMultipleElement,
462
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
463
- react: React,
464
- events: {
465
- onSdUpdate: 'sdUpdate',
466
- onSdDropDownShow: 'sdDropDownShow'
467
- },
468
- defineCustomElement: defineSdSelectMultiple
469
- });
470
- export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
471
- tagName: 'sd-select-multiple-group',
472
- elementClass: SdSelectMultipleGroupElement,
473
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
474
- react: React,
475
- events: {
476
- onSdUpdate: 'sdUpdate',
477
- onSdDropDownShow: 'sdDropDownShow'
478
- },
479
- defineCustomElement: defineSdSelectMultipleGroup
480
- });
481
- export const SdSelectOption = /*@__PURE__*/ createComponent({
482
- tagName: 'sd-select-option',
483
- elementClass: SdSelectOptionElement,
484
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
485
- react: React,
486
- events: { onOptionClick: 'optionClick' },
487
- defineCustomElement: defineSdSelectOption
488
- });
489
- export const SdSelectOptionGroup = /*@__PURE__*/ createComponent({
490
- tagName: 'sd-select-option-group',
491
- elementClass: SdSelectOptionGroupElement,
492
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
493
- react: React,
494
- events: { onOptionClick: 'optionClick' },
495
- defineCustomElement: defineSdSelectOptionGroup
496
- });
497
- export const SdSelectSearchInput = /*@__PURE__*/ createComponent({
498
- tagName: 'sd-select-search-input',
499
- elementClass: SdSelectSearchInputElement,
500
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
501
- react: React,
502
- events: {
503
- onSdSearchInput: 'sdSearchInput',
504
- onSdSearchFocus: 'sdSearchFocus'
505
- },
506
- defineCustomElement: defineSdSelectSearchInput
507
- });
508
- export const SdSelectV2 = /*@__PURE__*/ createComponent({
509
- tagName: 'sd-select-v2',
510
- elementClass: SdSelectV2Element,
511
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
512
- react: React,
513
- events: {
514
- onSdUpdate: 'sdUpdate',
515
- onSdDropDownShow: 'sdDropDownShow'
516
- },
517
- defineCustomElement: defineSdSelectV2
518
- });
519
- export const SdSelectV2ListItem = /*@__PURE__*/ createComponent({
520
- tagName: 'sd-select-v2-list-item',
521
- elementClass: SdSelectV2ListItemElement,
418
+ export const SdSelectListItem = /*@__PURE__*/ createComponent({
419
+ tagName: 'sd-select-list-item',
420
+ elementClass: SdSelectListItemElement,
522
421
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
523
422
  react: React,
524
423
  events: { onSdListItemClick: 'sdListItemClick' },
525
- defineCustomElement: defineSdSelectV2ListItem
424
+ defineCustomElement: defineSdSelectListItem
526
425
  });
527
- export const SdSelectV2ListItemSearch = /*@__PURE__*/ createComponent({
528
- tagName: 'sd-select-v2-list-item-search',
529
- elementClass: SdSelectV2ListItemSearchElement,
426
+ export const SdSelectListItemSearch = /*@__PURE__*/ createComponent({
427
+ tagName: 'sd-select-list-item-search',
428
+ elementClass: SdSelectListItemSearchElement,
530
429
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
531
430
  react: React,
532
431
  events: {
533
432
  onSdSearchFilter: 'sdSearchFilter',
534
433
  onSdSearchFocus: 'sdSearchFocus'
535
434
  },
536
- defineCustomElement: defineSdSelectV2ListItemSearch
435
+ defineCustomElement: defineSdSelectListItemSearch
537
436
  });
538
- export const SdSelectV2Listbox = /*@__PURE__*/ createComponent({
539
- tagName: 'sd-select-v2-listbox',
540
- elementClass: SdSelectV2ListboxElement,
437
+ export const SdSelectListbox = /*@__PURE__*/ createComponent({
438
+ tagName: 'sd-select-listbox',
439
+ elementClass: SdSelectListboxElement,
541
440
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
542
441
  react: React,
543
442
  events: { onSdOptionSelect: 'sdOptionSelect' },
544
- defineCustomElement: defineSdSelectV2Listbox
443
+ defineCustomElement: defineSdSelectListbox
545
444
  });
546
- export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
547
- tagName: 'sd-select-v2-trigger',
548
- elementClass: SdSelectV2TriggerElement,
445
+ export const SdSelectTrigger = /*@__PURE__*/ createComponent({
446
+ tagName: 'sd-select-trigger',
447
+ elementClass: SdSelectTriggerElement,
549
448
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
550
449
  react: React,
551
450
  events: {
@@ -553,7 +452,7 @@ export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
553
452
  onSdTriggerFocus: 'sdTriggerFocus',
554
453
  onSdTriggerBlur: 'sdTriggerBlur'
555
454
  },
556
- defineCustomElement: defineSdSelectV2Trigger
455
+ defineCustomElement: defineSdSelectTrigger
557
456
  });
558
457
  export const SdSwitch = /*@__PURE__*/ createComponent({
559
458
  tagName: 'sd-switch',
@@ -634,7 +533,7 @@ export const SdThead = /*@__PURE__*/ createComponent({
634
533
  elementClass: SdTheadElement,
635
534
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
636
535
  react: React,
637
- events: {},
536
+ events: { onSdColumnSort: 'sdColumnSort' },
638
537
  defineCustomElement: defineSdThead
639
538
  });
640
539
  export const SdToast = /*@__PURE__*/ createComponent({
@@ -680,11 +579,3 @@ export const SdTr = /*@__PURE__*/ createComponent({
680
579
  events: {},
681
580
  defineCustomElement: defineSdTr
682
581
  });
683
- export const TableTest = /*@__PURE__*/ createComponent({
684
- tagName: 'table-test',
685
- elementClass: TableTestElement,
686
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
687
- react: React,
688
- events: { onTableReady: 'tableReady' },
689
- defineCustomElement: defineTableTest
690
- });
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 DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
5
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListboxCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
6
6
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
7
7
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
8
8
  import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -37,22 +37,13 @@ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/d
37
37
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
38
38
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
39
39
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
40
- import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
41
40
  import { SdRadioButton as SdRadioButtonElement } from "@sellmate/design-system/dist/components/sd-radio-button.js";
42
41
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
43
42
  import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
44
- import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
45
- import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
46
- import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
47
- import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
48
- import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
49
- import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
50
- import { SdSelectSearchInput as SdSelectSearchInputElement } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
51
- import { SdSelectV2ListItemSearch as SdSelectV2ListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item-search.js";
52
- import { SdSelectV2ListItem as SdSelectV2ListItemElement } from "@sellmate/design-system/dist/components/sd-select-v2-list-item.js";
53
- import { SdSelectV2Listbox as SdSelectV2ListboxElement } from "@sellmate/design-system/dist/components/sd-select-v2-listbox.js";
54
- import { SdSelectV2Trigger as SdSelectV2TriggerElement } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
55
- import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/components/sd-select-v2.js";
43
+ import { SdSelectListItemSearch as SdSelectListItemSearchElement } from "@sellmate/design-system/dist/components/sd-select-list-item-search.js";
44
+ import { SdSelectListItem as SdSelectListItemElement } from "@sellmate/design-system/dist/components/sd-select-list-item.js";
45
+ import { SdSelectListbox as SdSelectListboxElement } from "@sellmate/design-system/dist/components/sd-select-listbox.js";
46
+ import { SdSelectTrigger as SdSelectTriggerElement } from "@sellmate/design-system/dist/components/sd-select-trigger.js";
56
47
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
57
48
  import { SdSwitch as SdSwitchElement } from "@sellmate/design-system/dist/components/sd-switch.js";
58
49
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
@@ -68,7 +59,6 @@ import { SdToast as SdToastElement } from "@sellmate/design-system/dist/componen
68
59
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
69
60
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
70
61
  import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
71
- import { TableTest as TableTestElement } from "@sellmate/design-system/dist/components/table-test.js";
72
62
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
73
63
  import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
74
64
  export declare const serializeShadowRoot: SerializeShadowRootOptions;
@@ -233,8 +223,6 @@ export type SdPortalEvents = {
233
223
  onSdClose: EventName<CustomEvent<void>>;
234
224
  };
235
225
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
236
- export type SdProgressEvents = NonNullable<unknown>;
237
- export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
238
226
  export type SdRadioEvents = {
239
227
  onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
240
228
  };
@@ -248,83 +236,31 @@ export type SdRadioGroupEvents = {
248
236
  };
249
237
  export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
250
238
  export type SdSelectEvents = {
251
- onSdUpdate: EventName<SdSelectCustomEvent<SelectEvents['sdUpdate']>>;
252
- onSdDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
253
- };
254
- export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
255
- export type SdSelectDropdownEvents = {
256
- onSdOptionClick: EventName<SdSelectDropdownCustomEvent<{
257
- option: SelectOption;
258
- index: number;
259
- event: MouseEvent;
260
- }>>;
261
- onSdOptionFiltered: EventName<SdSelectDropdownCustomEvent<SelectOption[]>>;
262
- onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
263
- };
264
- export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
265
- export type SdSelectGroupEvents = {
266
- onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>;
267
- onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>;
268
- };
269
- export declare const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents>;
270
- export type SdSelectMultipleEvents = {
271
- onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
272
- onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
273
- };
274
- export declare const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents>;
275
- export type SdSelectMultipleGroupEvents = {
276
- onSdUpdate: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdUpdate']>>;
277
- onSdDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>;
278
- };
279
- export declare const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>;
280
- export type SdSelectOptionEvents = {
281
- onOptionClick: EventName<SdSelectOptionCustomEvent<{
282
- option: SelectOption;
283
- index: number;
284
- event: MouseEvent;
285
- }>>;
286
- };
287
- export declare const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents>;
288
- export type SdSelectOptionGroupEvents = {
289
- onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
290
- option: SelectOptionGroup;
291
- isSelected: boolean | null;
292
- index: number;
293
- event: MouseEvent;
294
- }>>;
295
- };
296
- export declare const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>;
297
- export type SdSelectSearchInputEvents = {
298
- onSdSearchInput: EventName<CustomEvent<string>>;
299
- onSdSearchFocus: EventName<CustomEvent<void>>;
300
- };
301
- export declare const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>;
302
- export type SdSelectV2Events = {
303
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>;
239
+ onSdUpdate: EventName<SdSelectCustomEvent<SelectValue>>;
304
240
  onSdDropDownShow: EventName<CustomEvent<{
305
241
  isOpen: boolean;
306
242
  }>>;
307
243
  };
308
- export declare const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Events>;
309
- export type SdSelectV2ListItemEvents = {
310
- onSdListItemClick: EventName<SdSelectV2ListItemCustomEvent<SelectV2Option>>;
244
+ export declare const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents>;
245
+ export type SdSelectListItemEvents = {
246
+ onSdListItemClick: EventName<SdSelectListItemCustomEvent<SelectOption>>;
311
247
  };
312
- export declare const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>;
313
- export type SdSelectV2ListItemSearchEvents = {
248
+ export declare const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents>;
249
+ export type SdSelectListItemSearchEvents = {
314
250
  onSdSearchFilter: EventName<CustomEvent<string>>;
315
251
  onSdSearchFocus: EventName<CustomEvent<void>>;
316
252
  };
317
- export declare const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>;
318
- export type SdSelectV2ListboxEvents = {
319
- onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>>;
253
+ export declare const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>;
254
+ export type SdSelectListboxEvents = {
255
+ onSdOptionSelect: EventName<SdSelectListboxCustomEvent<SelectOptionSelectDetail>>;
320
256
  };
321
- export declare const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>;
322
- export type SdSelectV2TriggerEvents = {
257
+ export declare const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents>;
258
+ export type SdSelectTriggerEvents = {
323
259
  onSdTriggerClick: EventName<CustomEvent<void>>;
324
260
  onSdTriggerFocus: EventName<CustomEvent<void>>;
325
261
  onSdTriggerBlur: EventName<CustomEvent<void>>;
326
262
  };
327
- export declare const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>;
263
+ export declare const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents>;
328
264
  export type SdSwitchEvents = {
329
265
  onSdUpdate: EventName<CustomEvent<boolean>>;
330
266
  };
@@ -365,7 +301,11 @@ export type SdTextareaEvents = {
365
301
  onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
366
302
  };
367
303
  export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
368
- export type SdTheadEvents = NonNullable<unknown>;
304
+ export type SdTheadEvents = {
305
+ onSdColumnSort: EventName<SdTheadCustomEvent<{
306
+ column: SdTableColumn;
307
+ }>>;
308
+ };
369
309
  export declare const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents>;
370
310
  export type SdToastEvents = {
371
311
  onSdClose: EventName<CustomEvent<void>>;
@@ -388,7 +328,3 @@ export type SdTooltipEvents = NonNullable<unknown>;
388
328
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
389
329
  export type SdTrEvents = NonNullable<unknown>;
390
330
  export declare const SdTr: StencilReactComponent<SdTrElement, SdTrEvents>;
391
- export type TableTestEvents = {
392
- onTableReady: EventName<CustomEvent<void>>;
393
- };
394
- export declare const TableTest: StencilReactComponent<TableTestElement, TableTestEvents>;