@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.
- package/dist/components/components.d.ts +22 -86
- package/dist/components/components.js +21 -130
- package/dist/components/components.server.d.ts +22 -86
- package/dist/components/components.server.js +15 -197
- package/dist/index.d.ts +1 -1
- package/lib/components/components.server.ts +27 -279
- package/lib/components/components.ts +33 -208
- package/lib/index.ts +0 -4
- package/package.json +2 -2
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
/* eslint-disable */
|
|
9
9
|
|
|
10
|
-
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, 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
|
|
10
|
+
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, 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";
|
|
11
11
|
import { SdActionModal as SdActionModalElement, defineCustomElement as defineSdActionModal } from "@sellmate/design-system/dist/components/sd-action-modal.js";
|
|
12
12
|
import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
13
13
|
import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
@@ -42,22 +42,13 @@ import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdN
|
|
|
42
42
|
import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
43
43
|
import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
44
44
|
import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
|
|
45
|
-
import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
|
|
46
45
|
import { SdRadioButton as SdRadioButtonElement, defineCustomElement as defineSdRadioButton } from "@sellmate/design-system/dist/components/sd-radio-button.js";
|
|
47
46
|
import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
|
|
48
47
|
import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
54
|
-
import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
|
|
55
|
-
import { SdSelectSearchInput as SdSelectSearchInputElement, defineCustomElement as defineSdSelectSearchInput } from "@sellmate/design-system/dist/components/sd-select-search-input.js";
|
|
56
|
-
import { SdSelectV2ListItemSearch as SdSelectV2ListItemSearchElement, defineCustomElement as defineSdSelectV2ListItemSearch } from "@sellmate/design-system/dist/components/sd-select-v2-list-item-search.js";
|
|
57
|
-
import { SdSelectV2ListItem as SdSelectV2ListItemElement, defineCustomElement as defineSdSelectV2ListItem } from "@sellmate/design-system/dist/components/sd-select-v2-list-item.js";
|
|
58
|
-
import { SdSelectV2Listbox as SdSelectV2ListboxElement, defineCustomElement as defineSdSelectV2Listbox } from "@sellmate/design-system/dist/components/sd-select-v2-listbox.js";
|
|
59
|
-
import { SdSelectV2Trigger as SdSelectV2TriggerElement, defineCustomElement as defineSdSelectV2Trigger } from "@sellmate/design-system/dist/components/sd-select-v2-trigger.js";
|
|
60
|
-
import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV2 } from "@sellmate/design-system/dist/components/sd-select-v2.js";
|
|
48
|
+
import { SdSelectListItemSearch as SdSelectListItemSearchElement, defineCustomElement as defineSdSelectListItemSearch } from "@sellmate/design-system/dist/components/sd-select-list-item-search.js";
|
|
49
|
+
import { SdSelectListItem as SdSelectListItemElement, defineCustomElement as defineSdSelectListItem } from "@sellmate/design-system/dist/components/sd-select-list-item.js";
|
|
50
|
+
import { SdSelectListbox as SdSelectListboxElement, defineCustomElement as defineSdSelectListbox } from "@sellmate/design-system/dist/components/sd-select-listbox.js";
|
|
51
|
+
import { SdSelectTrigger as SdSelectTriggerElement, defineCustomElement as defineSdSelectTrigger } from "@sellmate/design-system/dist/components/sd-select-trigger.js";
|
|
61
52
|
import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
62
53
|
import { SdSwitch as SdSwitchElement, defineCustomElement as defineSdSwitch } from "@sellmate/design-system/dist/components/sd-switch.js";
|
|
63
54
|
import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
|
|
@@ -73,7 +64,6 @@ import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from
|
|
|
73
64
|
import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
74
65
|
import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
75
66
|
import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
|
|
76
|
-
import { TableTest as TableTestElement, defineCustomElement as defineTableTest } from "@sellmate/design-system/dist/components/table-test.js";
|
|
77
67
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
78
68
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
79
69
|
import React from 'react';
|
|
@@ -557,17 +547,6 @@ export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> =
|
|
|
557
547
|
defineCustomElement: defineSdPortal
|
|
558
548
|
});
|
|
559
549
|
|
|
560
|
-
export type SdProgressEvents = NonNullable<unknown>;
|
|
561
|
-
|
|
562
|
-
export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents> = /*@__PURE__*/ createComponent<SdProgressElement, SdProgressEvents>({
|
|
563
|
-
tagName: 'sd-progress',
|
|
564
|
-
elementClass: SdProgressElement,
|
|
565
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
566
|
-
react: React,
|
|
567
|
-
events: {} as SdProgressEvents,
|
|
568
|
-
defineCustomElement: defineSdProgress
|
|
569
|
-
});
|
|
570
|
-
|
|
571
550
|
export type SdRadioEvents = { onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>> };
|
|
572
551
|
|
|
573
552
|
export const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents> = /*@__PURE__*/ createComponent<SdRadioElement, SdRadioEvents>({
|
|
@@ -602,8 +581,8 @@ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGro
|
|
|
602
581
|
});
|
|
603
582
|
|
|
604
583
|
export type SdSelectEvents = {
|
|
605
|
-
onSdUpdate: EventName<SdSelectCustomEvent<
|
|
606
|
-
onSdDropDownShow: EventName<
|
|
584
|
+
onSdUpdate: EventName<SdSelectCustomEvent<SelectValue>>,
|
|
585
|
+
onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
|
|
607
586
|
};
|
|
608
587
|
|
|
609
588
|
export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> = /*@__PURE__*/ createComponent<SdSelectElement, SdSelectEvents>({
|
|
@@ -618,205 +597,62 @@ export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> =
|
|
|
618
597
|
defineCustomElement: defineSdSelect
|
|
619
598
|
});
|
|
620
599
|
|
|
621
|
-
export type
|
|
622
|
-
onSdOptionClick: EventName<SdSelectDropdownCustomEvent<{
|
|
623
|
-
option: SelectOption;
|
|
624
|
-
index: number;
|
|
625
|
-
event: MouseEvent;
|
|
626
|
-
}>>,
|
|
627
|
-
onSdOptionFiltered: EventName<SdSelectDropdownCustomEvent<SelectOption[]>>,
|
|
628
|
-
onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>
|
|
629
|
-
};
|
|
630
|
-
|
|
631
|
-
export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents> = /*@__PURE__*/ createComponent<SdSelectDropdownElement, SdSelectDropdownEvents>({
|
|
632
|
-
tagName: 'sd-select-dropdown',
|
|
633
|
-
elementClass: SdSelectDropdownElement,
|
|
634
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
635
|
-
react: React,
|
|
636
|
-
events: {
|
|
637
|
-
onSdOptionClick: 'sdOptionClick',
|
|
638
|
-
onSdOptionFiltered: 'sdOptionFiltered',
|
|
639
|
-
onSdScroll: 'sdScroll'
|
|
640
|
-
} as SdSelectDropdownEvents,
|
|
641
|
-
defineCustomElement: defineSdSelectDropdown
|
|
642
|
-
});
|
|
643
|
-
|
|
644
|
-
export type SdSelectGroupEvents = {
|
|
645
|
-
onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
|
|
646
|
-
onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
|
|
647
|
-
};
|
|
648
|
-
|
|
649
|
-
export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
|
|
650
|
-
tagName: 'sd-select-group',
|
|
651
|
-
elementClass: SdSelectGroupElement,
|
|
652
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
653
|
-
react: React,
|
|
654
|
-
events: {
|
|
655
|
-
onSdUpdate: 'sdUpdate',
|
|
656
|
-
onSdDropDownShow: 'sdDropDownShow'
|
|
657
|
-
} as SdSelectGroupEvents,
|
|
658
|
-
defineCustomElement: defineSdSelectGroup
|
|
659
|
-
});
|
|
660
|
-
|
|
661
|
-
export type SdSelectMultipleEvents = {
|
|
662
|
-
onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
|
|
663
|
-
onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
664
|
-
};
|
|
665
|
-
|
|
666
|
-
export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleElement, SdSelectMultipleEvents>({
|
|
667
|
-
tagName: 'sd-select-multiple',
|
|
668
|
-
elementClass: SdSelectMultipleElement,
|
|
669
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
670
|
-
react: React,
|
|
671
|
-
events: {
|
|
672
|
-
onSdUpdate: 'sdUpdate',
|
|
673
|
-
onSdDropDownShow: 'sdDropDownShow'
|
|
674
|
-
} as SdSelectMultipleEvents,
|
|
675
|
-
defineCustomElement: defineSdSelectMultiple
|
|
676
|
-
});
|
|
677
|
-
|
|
678
|
-
export type SdSelectMultipleGroupEvents = {
|
|
679
|
-
onSdUpdate: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdUpdate']>>,
|
|
680
|
-
onSdDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
681
|
-
};
|
|
600
|
+
export type SdSelectListItemEvents = { onSdListItemClick: EventName<SdSelectListItemCustomEvent<SelectOption>> };
|
|
682
601
|
|
|
683
|
-
export const
|
|
684
|
-
tagName: 'sd-select-
|
|
685
|
-
elementClass:
|
|
602
|
+
export const SdSelectListItem: StencilReactComponent<SdSelectListItemElement, SdSelectListItemEvents> = /*@__PURE__*/ createComponent<SdSelectListItemElement, SdSelectListItemEvents>({
|
|
603
|
+
tagName: 'sd-select-list-item',
|
|
604
|
+
elementClass: SdSelectListItemElement,
|
|
686
605
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
687
606
|
react: React,
|
|
688
|
-
events: {
|
|
689
|
-
|
|
690
|
-
onSdDropDownShow: 'sdDropDownShow'
|
|
691
|
-
} as SdSelectMultipleGroupEvents,
|
|
692
|
-
defineCustomElement: defineSdSelectMultipleGroup
|
|
607
|
+
events: { onSdListItemClick: 'sdListItemClick' } as SdSelectListItemEvents,
|
|
608
|
+
defineCustomElement: defineSdSelectListItem
|
|
693
609
|
});
|
|
694
610
|
|
|
695
|
-
export type
|
|
696
|
-
onOptionClick: EventName<SdSelectOptionCustomEvent<{
|
|
697
|
-
option: SelectOption;
|
|
698
|
-
index: number;
|
|
699
|
-
event: MouseEvent;
|
|
700
|
-
}>>
|
|
701
|
-
};
|
|
702
|
-
|
|
703
|
-
export const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents> = /*@__PURE__*/ createComponent<SdSelectOptionElement, SdSelectOptionEvents>({
|
|
704
|
-
tagName: 'sd-select-option',
|
|
705
|
-
elementClass: SdSelectOptionElement,
|
|
706
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
707
|
-
react: React,
|
|
708
|
-
events: { onOptionClick: 'optionClick' } as SdSelectOptionEvents,
|
|
709
|
-
defineCustomElement: defineSdSelectOption
|
|
710
|
-
});
|
|
711
|
-
|
|
712
|
-
export type SdSelectOptionGroupEvents = {
|
|
713
|
-
onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
|
|
714
|
-
option: SelectOptionGroup;
|
|
715
|
-
isSelected: boolean | null;
|
|
716
|
-
index: number;
|
|
717
|
-
event: MouseEvent;
|
|
718
|
-
}>>
|
|
719
|
-
};
|
|
720
|
-
|
|
721
|
-
export const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents> = /*@__PURE__*/ createComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>({
|
|
722
|
-
tagName: 'sd-select-option-group',
|
|
723
|
-
elementClass: SdSelectOptionGroupElement,
|
|
724
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
725
|
-
react: React,
|
|
726
|
-
events: { onOptionClick: 'optionClick' } as SdSelectOptionGroupEvents,
|
|
727
|
-
defineCustomElement: defineSdSelectOptionGroup
|
|
728
|
-
});
|
|
729
|
-
|
|
730
|
-
export type SdSelectSearchInputEvents = {
|
|
731
|
-
onSdSearchInput: EventName<CustomEvent<string>>,
|
|
732
|
-
onSdSearchFocus: EventName<CustomEvent<void>>
|
|
733
|
-
};
|
|
734
|
-
|
|
735
|
-
export const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents> = /*@__PURE__*/ createComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>({
|
|
736
|
-
tagName: 'sd-select-search-input',
|
|
737
|
-
elementClass: SdSelectSearchInputElement,
|
|
738
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
739
|
-
react: React,
|
|
740
|
-
events: {
|
|
741
|
-
onSdSearchInput: 'sdSearchInput',
|
|
742
|
-
onSdSearchFocus: 'sdSearchFocus'
|
|
743
|
-
} as SdSelectSearchInputEvents,
|
|
744
|
-
defineCustomElement: defineSdSelectSearchInput
|
|
745
|
-
});
|
|
746
|
-
|
|
747
|
-
export type SdSelectV2Events = {
|
|
748
|
-
onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>,
|
|
749
|
-
onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
|
|
750
|
-
};
|
|
751
|
-
|
|
752
|
-
export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Events> = /*@__PURE__*/ createComponent<SdSelectV2Element, SdSelectV2Events>({
|
|
753
|
-
tagName: 'sd-select-v2',
|
|
754
|
-
elementClass: SdSelectV2Element,
|
|
755
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
756
|
-
react: React,
|
|
757
|
-
events: {
|
|
758
|
-
onSdUpdate: 'sdUpdate',
|
|
759
|
-
onSdDropDownShow: 'sdDropDownShow'
|
|
760
|
-
} as SdSelectV2Events,
|
|
761
|
-
defineCustomElement: defineSdSelectV2
|
|
762
|
-
});
|
|
763
|
-
|
|
764
|
-
export type SdSelectV2ListItemEvents = { onSdListItemClick: EventName<SdSelectV2ListItemCustomEvent<SelectV2Option>> };
|
|
765
|
-
|
|
766
|
-
export const SdSelectV2ListItem: StencilReactComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListItemElement, SdSelectV2ListItemEvents>({
|
|
767
|
-
tagName: 'sd-select-v2-list-item',
|
|
768
|
-
elementClass: SdSelectV2ListItemElement,
|
|
769
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
770
|
-
react: React,
|
|
771
|
-
events: { onSdListItemClick: 'sdListItemClick' } as SdSelectV2ListItemEvents,
|
|
772
|
-
defineCustomElement: defineSdSelectV2ListItem
|
|
773
|
-
});
|
|
774
|
-
|
|
775
|
-
export type SdSelectV2ListItemSearchEvents = {
|
|
611
|
+
export type SdSelectListItemSearchEvents = {
|
|
776
612
|
onSdSearchFilter: EventName<CustomEvent<string>>,
|
|
777
613
|
onSdSearchFocus: EventName<CustomEvent<void>>
|
|
778
614
|
};
|
|
779
615
|
|
|
780
|
-
export const
|
|
781
|
-
tagName: 'sd-select-
|
|
782
|
-
elementClass:
|
|
616
|
+
export const SdSelectListItemSearch: StencilReactComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents> = /*@__PURE__*/ createComponent<SdSelectListItemSearchElement, SdSelectListItemSearchEvents>({
|
|
617
|
+
tagName: 'sd-select-list-item-search',
|
|
618
|
+
elementClass: SdSelectListItemSearchElement,
|
|
783
619
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
784
620
|
react: React,
|
|
785
621
|
events: {
|
|
786
622
|
onSdSearchFilter: 'sdSearchFilter',
|
|
787
623
|
onSdSearchFocus: 'sdSearchFocus'
|
|
788
|
-
} as
|
|
789
|
-
defineCustomElement:
|
|
624
|
+
} as SdSelectListItemSearchEvents,
|
|
625
|
+
defineCustomElement: defineSdSelectListItemSearch
|
|
790
626
|
});
|
|
791
627
|
|
|
792
|
-
export type
|
|
628
|
+
export type SdSelectListboxEvents = { onSdOptionSelect: EventName<SdSelectListboxCustomEvent<SelectOptionSelectDetail>> };
|
|
793
629
|
|
|
794
|
-
export const
|
|
795
|
-
tagName: 'sd-select-
|
|
796
|
-
elementClass:
|
|
630
|
+
export const SdSelectListbox: StencilReactComponent<SdSelectListboxElement, SdSelectListboxEvents> = /*@__PURE__*/ createComponent<SdSelectListboxElement, SdSelectListboxEvents>({
|
|
631
|
+
tagName: 'sd-select-listbox',
|
|
632
|
+
elementClass: SdSelectListboxElement,
|
|
797
633
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
798
634
|
react: React,
|
|
799
|
-
events: { onSdOptionSelect: 'sdOptionSelect' } as
|
|
800
|
-
defineCustomElement:
|
|
635
|
+
events: { onSdOptionSelect: 'sdOptionSelect' } as SdSelectListboxEvents,
|
|
636
|
+
defineCustomElement: defineSdSelectListbox
|
|
801
637
|
});
|
|
802
638
|
|
|
803
|
-
export type
|
|
639
|
+
export type SdSelectTriggerEvents = {
|
|
804
640
|
onSdTriggerClick: EventName<CustomEvent<void>>,
|
|
805
641
|
onSdTriggerFocus: EventName<CustomEvent<void>>,
|
|
806
642
|
onSdTriggerBlur: EventName<CustomEvent<void>>
|
|
807
643
|
};
|
|
808
644
|
|
|
809
|
-
export const
|
|
810
|
-
tagName: 'sd-select-
|
|
811
|
-
elementClass:
|
|
645
|
+
export const SdSelectTrigger: StencilReactComponent<SdSelectTriggerElement, SdSelectTriggerEvents> = /*@__PURE__*/ createComponent<SdSelectTriggerElement, SdSelectTriggerEvents>({
|
|
646
|
+
tagName: 'sd-select-trigger',
|
|
647
|
+
elementClass: SdSelectTriggerElement,
|
|
812
648
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
813
649
|
react: React,
|
|
814
650
|
events: {
|
|
815
651
|
onSdTriggerClick: 'sdTriggerClick',
|
|
816
652
|
onSdTriggerFocus: 'sdTriggerFocus',
|
|
817
653
|
onSdTriggerBlur: 'sdTriggerBlur'
|
|
818
|
-
} as
|
|
819
|
-
defineCustomElement:
|
|
654
|
+
} as SdSelectTriggerEvents,
|
|
655
|
+
defineCustomElement: defineSdSelectTrigger
|
|
820
656
|
});
|
|
821
657
|
|
|
822
658
|
export type SdSwitchEvents = { onSdUpdate: EventName<CustomEvent<boolean>> };
|
|
@@ -935,14 +771,14 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
|
|
|
935
771
|
defineCustomElement: defineSdTextarea
|
|
936
772
|
});
|
|
937
773
|
|
|
938
|
-
export type SdTheadEvents =
|
|
774
|
+
export type SdTheadEvents = { onSdColumnSort: EventName<SdTheadCustomEvent<{ column: SdTableColumn }>> };
|
|
939
775
|
|
|
940
776
|
export const SdThead: StencilReactComponent<SdTheadElement, SdTheadEvents> = /*@__PURE__*/ createComponent<SdTheadElement, SdTheadEvents>({
|
|
941
777
|
tagName: 'sd-thead',
|
|
942
778
|
elementClass: SdTheadElement,
|
|
943
779
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
944
780
|
react: React,
|
|
945
|
-
events: {} as SdTheadEvents,
|
|
781
|
+
events: { onSdColumnSort: 'sdColumnSort' } as SdTheadEvents,
|
|
946
782
|
defineCustomElement: defineSdThead
|
|
947
783
|
});
|
|
948
784
|
|
|
@@ -1006,14 +842,3 @@ export const SdTr: StencilReactComponent<SdTrElement, SdTrEvents> = /*@__PURE__*
|
|
|
1006
842
|
events: {} as SdTrEvents,
|
|
1007
843
|
defineCustomElement: defineSdTr
|
|
1008
844
|
});
|
|
1009
|
-
|
|
1010
|
-
export type TableTestEvents = { onTableReady: EventName<CustomEvent<void>> };
|
|
1011
|
-
|
|
1012
|
-
export const TableTest: StencilReactComponent<TableTestElement, TableTestEvents> = /*@__PURE__*/ createComponent<TableTestElement, TableTestEvents>({
|
|
1013
|
-
tagName: 'table-test',
|
|
1014
|
-
elementClass: TableTestElement,
|
|
1015
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
1016
|
-
react: React,
|
|
1017
|
-
events: { onTableReady: 'tableReady' } as TableTestEvents,
|
|
1018
|
-
defineCustomElement: defineTableTest
|
|
1019
|
-
});
|
package/lib/index.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.78",
|
|
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": "^1.0.
|
|
57
|
+
"@sellmate/design-system": "^1.0.78",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|