@sellmate/design-system-react 1.0.28 → 1.0.30
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 +24 -1
- package/dist/components/components.js +32 -2
- package/dist/components/components.server.d.ts +24 -1
- package/dist/components/components.server.js +31 -0
- package/lib/components/components.server.ts +54 -3
- package/lib/components/components.ts +53 -5
- package/package.json +2 -2
|
@@ -2,10 +2,11 @@
|
|
|
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 DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
|
|
5
|
+
import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, 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 { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
8
8
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
9
|
+
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
9
10
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
10
11
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
11
12
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -30,6 +31,7 @@ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/desig
|
|
|
30
31
|
import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
|
|
31
32
|
import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
|
|
32
33
|
import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
|
|
34
|
+
import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
|
|
33
35
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
34
36
|
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
35
37
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -55,6 +57,14 @@ export type SdButtonV2Events = {
|
|
|
55
57
|
onSdClick: EventName<SdButtonV2CustomEvent<MouseEvent>>;
|
|
56
58
|
};
|
|
57
59
|
export declare const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Events>;
|
|
60
|
+
export type SdCalendarEvents = {
|
|
61
|
+
onSdSelect: EventName<CustomEvent<string>>;
|
|
62
|
+
onSdViewChange: EventName<CustomEvent<{
|
|
63
|
+
year: number;
|
|
64
|
+
month: number;
|
|
65
|
+
}>>;
|
|
66
|
+
};
|
|
67
|
+
export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents>;
|
|
58
68
|
export type SdCardEvents = NonNullable<unknown>;
|
|
59
69
|
export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
|
|
60
70
|
export type SdCheckboxEvents = {
|
|
@@ -68,10 +78,18 @@ export type SdDateBoxEvents = {
|
|
|
68
78
|
export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
|
|
69
79
|
export type SdDatePickerEvents = {
|
|
70
80
|
onSdUpdate: EventName<CustomEvent<string | null>>;
|
|
81
|
+
onSdViewChange: EventName<CustomEvent<{
|
|
82
|
+
year: number;
|
|
83
|
+
month: number;
|
|
84
|
+
}>>;
|
|
71
85
|
};
|
|
72
86
|
export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
|
|
73
87
|
export type SdDateRangePickerEvents = {
|
|
74
88
|
onSdUpdate: EventName<CustomEvent<[string, string]>>;
|
|
89
|
+
onSdViewChange: EventName<CustomEvent<{
|
|
90
|
+
year: number;
|
|
91
|
+
month: number;
|
|
92
|
+
}>>;
|
|
75
93
|
};
|
|
76
94
|
export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
|
|
77
95
|
export type SdDropdownButtonEvents = {
|
|
@@ -158,6 +176,11 @@ export type SdSelectDropdownEvents = {
|
|
|
158
176
|
onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
|
|
159
177
|
};
|
|
160
178
|
export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
|
|
179
|
+
export type SdSelectGroupEvents = {
|
|
180
|
+
onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>;
|
|
181
|
+
onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>;
|
|
182
|
+
};
|
|
183
|
+
export declare const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents>;
|
|
161
184
|
export type SdSelectMultipleEvents = {
|
|
162
185
|
onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
|
|
163
186
|
onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
3
3
|
import { SdButtonV2 as SdButtonV2Element, defineCustomElement as defineSdButtonV2 } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
4
4
|
import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
5
|
+
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
5
6
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
6
7
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
7
8
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -26,6 +27,7 @@ import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as
|
|
|
26
27
|
import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
|
|
27
28
|
import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
|
|
28
29
|
import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
|
|
30
|
+
import { SdSelectGroup as SdSelectGroupElement, defineCustomElement as defineSdSelectGroup } from "@sellmate/design-system/dist/components/sd-select-group.js";
|
|
29
31
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
30
32
|
import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
31
33
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -66,6 +68,17 @@ export const SdButtonV2 = /*@__PURE__*/ createComponent({
|
|
|
66
68
|
events: { onSdClick: 'sdClick' },
|
|
67
69
|
defineCustomElement: defineSdButtonV2
|
|
68
70
|
});
|
|
71
|
+
export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
72
|
+
tagName: 'sd-calendar',
|
|
73
|
+
elementClass: SdCalendarElement,
|
|
74
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
75
|
+
react: React,
|
|
76
|
+
events: {
|
|
77
|
+
onSdSelect: 'sdSelect',
|
|
78
|
+
onSdViewChange: 'sdViewChange'
|
|
79
|
+
},
|
|
80
|
+
defineCustomElement: defineSdCalendar
|
|
81
|
+
});
|
|
69
82
|
export const SdCard = /*@__PURE__*/ createComponent({
|
|
70
83
|
tagName: 'sd-card',
|
|
71
84
|
elementClass: SdCardElement,
|
|
@@ -98,7 +111,10 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
|
|
|
98
111
|
elementClass: SdDatePickerElement,
|
|
99
112
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
100
113
|
react: React,
|
|
101
|
-
events: {
|
|
114
|
+
events: {
|
|
115
|
+
onSdUpdate: 'sdUpdate',
|
|
116
|
+
onSdViewChange: 'sdViewChange'
|
|
117
|
+
},
|
|
102
118
|
defineCustomElement: defineSdDatePicker
|
|
103
119
|
});
|
|
104
120
|
export const SdDateRangePicker = /*@__PURE__*/ createComponent({
|
|
@@ -106,7 +122,10 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
|
|
|
106
122
|
elementClass: SdDateRangePickerElement,
|
|
107
123
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
108
124
|
react: React,
|
|
109
|
-
events: {
|
|
125
|
+
events: {
|
|
126
|
+
onSdUpdate: 'sdUpdate',
|
|
127
|
+
onSdViewChange: 'sdViewChange'
|
|
128
|
+
},
|
|
110
129
|
defineCustomElement: defineSdDateRangePicker
|
|
111
130
|
});
|
|
112
131
|
export const SdDropdownButton = /*@__PURE__*/ createComponent({
|
|
@@ -293,6 +312,17 @@ export const SdSelectDropdown = /*@__PURE__*/ createComponent({
|
|
|
293
312
|
},
|
|
294
313
|
defineCustomElement: defineSdSelectDropdown
|
|
295
314
|
});
|
|
315
|
+
export const SdSelectGroup = /*@__PURE__*/ createComponent({
|
|
316
|
+
tagName: 'sd-select-group',
|
|
317
|
+
elementClass: SdSelectGroupElement,
|
|
318
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
319
|
+
react: React,
|
|
320
|
+
events: {
|
|
321
|
+
onSdUpdate: 'sdUpdate',
|
|
322
|
+
onSdDropDownShow: 'sdDropDownShow'
|
|
323
|
+
},
|
|
324
|
+
defineCustomElement: defineSdSelectGroup
|
|
325
|
+
});
|
|
296
326
|
export const SdSelectMultiple = /*@__PURE__*/ createComponent({
|
|
297
327
|
tagName: 'sd-select-multiple',
|
|
298
328
|
elementClass: SdSelectMultipleElement,
|
|
@@ -2,10 +2,11 @@
|
|
|
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 DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
|
|
5
|
+
import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, 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 { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
8
8
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
9
|
+
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
9
10
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
10
11
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
11
12
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -30,6 +31,7 @@ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/desig
|
|
|
30
31
|
import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
|
|
31
32
|
import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
|
|
32
33
|
import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
|
|
34
|
+
import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
|
|
33
35
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
34
36
|
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
35
37
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -57,6 +59,14 @@ export type SdButtonV2Events = {
|
|
|
57
59
|
onSdClick: EventName<SdButtonV2CustomEvent<MouseEvent>>;
|
|
58
60
|
};
|
|
59
61
|
export declare const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Events>;
|
|
62
|
+
export type SdCalendarEvents = {
|
|
63
|
+
onSdSelect: EventName<CustomEvent<string>>;
|
|
64
|
+
onSdViewChange: EventName<CustomEvent<{
|
|
65
|
+
year: number;
|
|
66
|
+
month: number;
|
|
67
|
+
}>>;
|
|
68
|
+
};
|
|
69
|
+
export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents>;
|
|
60
70
|
export type SdCardEvents = NonNullable<unknown>;
|
|
61
71
|
export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
|
|
62
72
|
export type SdCheckboxEvents = {
|
|
@@ -70,10 +80,18 @@ export type SdDateBoxEvents = {
|
|
|
70
80
|
export declare const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>;
|
|
71
81
|
export type SdDatePickerEvents = {
|
|
72
82
|
onSdUpdate: EventName<CustomEvent<string | null>>;
|
|
83
|
+
onSdViewChange: EventName<CustomEvent<{
|
|
84
|
+
year: number;
|
|
85
|
+
month: number;
|
|
86
|
+
}>>;
|
|
73
87
|
};
|
|
74
88
|
export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents>;
|
|
75
89
|
export type SdDateRangePickerEvents = {
|
|
76
90
|
onSdUpdate: EventName<CustomEvent<[string, string]>>;
|
|
91
|
+
onSdViewChange: EventName<CustomEvent<{
|
|
92
|
+
year: number;
|
|
93
|
+
month: number;
|
|
94
|
+
}>>;
|
|
77
95
|
};
|
|
78
96
|
export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
|
|
79
97
|
export type SdDropdownButtonEvents = {
|
|
@@ -160,6 +178,11 @@ export type SdSelectDropdownEvents = {
|
|
|
160
178
|
onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
|
|
161
179
|
};
|
|
162
180
|
export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
|
|
181
|
+
export type SdSelectGroupEvents = {
|
|
182
|
+
onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>;
|
|
183
|
+
onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>;
|
|
184
|
+
};
|
|
185
|
+
export declare const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents>;
|
|
163
186
|
export type SdSelectMultipleEvents = {
|
|
164
187
|
onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
|
|
165
188
|
onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
|
|
@@ -51,6 +51,13 @@ export const SdButtonV2 = /*@__PURE__*/ createComponent({
|
|
|
51
51
|
clientModule: clientComponents.SdButtonV2,
|
|
52
52
|
serializeShadowRoot,
|
|
53
53
|
});
|
|
54
|
+
export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
55
|
+
tagName: 'sd-calendar',
|
|
56
|
+
properties: { value: 'value' },
|
|
57
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
58
|
+
clientModule: clientComponents.SdCalendar,
|
|
59
|
+
serializeShadowRoot,
|
|
60
|
+
});
|
|
54
61
|
export const SdCard = /*@__PURE__*/ createComponent({
|
|
55
62
|
tagName: 'sd-card',
|
|
56
63
|
properties: {
|
|
@@ -417,6 +424,30 @@ export const SdSelectDropdown = /*@__PURE__*/ createComponent({
|
|
|
417
424
|
clientModule: clientComponents.SdSelectDropdown,
|
|
418
425
|
serializeShadowRoot,
|
|
419
426
|
});
|
|
427
|
+
export const SdSelectGroup = /*@__PURE__*/ createComponent({
|
|
428
|
+
tagName: 'sd-select-group',
|
|
429
|
+
properties: {
|
|
430
|
+
value: 'value',
|
|
431
|
+
placeholder: 'placeholder',
|
|
432
|
+
optionPlaceholder: 'option-placeholder',
|
|
433
|
+
width: 'width',
|
|
434
|
+
dropdownHeight: 'dropdown-height',
|
|
435
|
+
autoFocus: 'auto-focus',
|
|
436
|
+
disabled: 'disabled',
|
|
437
|
+
clearable: 'clearable',
|
|
438
|
+
searchable: 'searchable',
|
|
439
|
+
label: 'label',
|
|
440
|
+
insideLabel: 'inside-label',
|
|
441
|
+
useLabelRequired: 'use-label-required',
|
|
442
|
+
labelTooltip: 'label-tooltip',
|
|
443
|
+
error: 'error',
|
|
444
|
+
options: 'options',
|
|
445
|
+
rules: 'rules'
|
|
446
|
+
},
|
|
447
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
448
|
+
clientModule: clientComponents.SdSelectGroup,
|
|
449
|
+
serializeShadowRoot,
|
|
450
|
+
});
|
|
420
451
|
export const SdSelectMultiple = /*@__PURE__*/ createComponent({
|
|
421
452
|
tagName: 'sd-select-multiple',
|
|
422
453
|
properties: {
|
|
@@ -8,10 +8,11 @@
|
|
|
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 DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
|
|
11
|
+
import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, 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 { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
14
14
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
15
|
+
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
15
16
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
16
17
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
17
18
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -36,6 +37,7 @@ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/desig
|
|
|
36
37
|
import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
|
|
37
38
|
import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
|
|
38
39
|
import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
|
|
40
|
+
import { SdSelectGroup as SdSelectGroupElement } from "@sellmate/design-system/dist/components/sd-select-group.js";
|
|
39
41
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
40
42
|
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
41
43
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -108,6 +110,19 @@ export const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Even
|
|
|
108
110
|
serializeShadowRoot,
|
|
109
111
|
});
|
|
110
112
|
|
|
113
|
+
export type SdCalendarEvents = {
|
|
114
|
+
onSdSelect: EventName<CustomEvent<string>>,
|
|
115
|
+
onSdViewChange: EventName<CustomEvent<{ year: number; month: number }>>
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents> = /*@__PURE__*/ createComponent<SdCalendarElement, SdCalendarEvents>({
|
|
119
|
+
tagName: 'sd-calendar',
|
|
120
|
+
properties: { value: 'value' },
|
|
121
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
122
|
+
clientModule: clientComponents.SdCalendar as ReactWebComponent<SdCalendarElement, SdCalendarEvents>,
|
|
123
|
+
serializeShadowRoot,
|
|
124
|
+
});
|
|
125
|
+
|
|
111
126
|
export type SdCardEvents = NonNullable<unknown>;
|
|
112
127
|
|
|
113
128
|
export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
|
|
@@ -158,7 +173,10 @@ export const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>
|
|
|
158
173
|
serializeShadowRoot,
|
|
159
174
|
});
|
|
160
175
|
|
|
161
|
-
export type SdDatePickerEvents = {
|
|
176
|
+
export type SdDatePickerEvents = {
|
|
177
|
+
onSdUpdate: EventName<CustomEvent<string | null>>,
|
|
178
|
+
onSdViewChange: EventName<CustomEvent<{ year: number; month: number }>>
|
|
179
|
+
};
|
|
162
180
|
|
|
163
181
|
export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents> = /*@__PURE__*/ createComponent<SdDatePickerElement, SdDatePickerEvents>({
|
|
164
182
|
tagName: 'sd-date-picker',
|
|
@@ -173,7 +191,10 @@ export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePick
|
|
|
173
191
|
serializeShadowRoot,
|
|
174
192
|
});
|
|
175
193
|
|
|
176
|
-
export type SdDateRangePickerEvents = {
|
|
194
|
+
export type SdDateRangePickerEvents = {
|
|
195
|
+
onSdUpdate: EventName<CustomEvent<[string, string]>>,
|
|
196
|
+
onSdViewChange: EventName<CustomEvent<{ year: number; month: number }>>
|
|
197
|
+
};
|
|
177
198
|
|
|
178
199
|
export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents> = /*@__PURE__*/ createComponent<SdDateRangePickerElement, SdDateRangePickerEvents>({
|
|
179
200
|
tagName: 'sd-date-range-picker',
|
|
@@ -580,6 +601,36 @@ export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, Sd
|
|
|
580
601
|
serializeShadowRoot,
|
|
581
602
|
});
|
|
582
603
|
|
|
604
|
+
export type SdSelectGroupEvents = {
|
|
605
|
+
onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
|
|
606
|
+
onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
|
|
607
|
+
};
|
|
608
|
+
|
|
609
|
+
export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
|
|
610
|
+
tagName: 'sd-select-group',
|
|
611
|
+
properties: {
|
|
612
|
+
value: 'value',
|
|
613
|
+
placeholder: 'placeholder',
|
|
614
|
+
optionPlaceholder: 'option-placeholder',
|
|
615
|
+
width: 'width',
|
|
616
|
+
dropdownHeight: 'dropdown-height',
|
|
617
|
+
autoFocus: 'auto-focus',
|
|
618
|
+
disabled: 'disabled',
|
|
619
|
+
clearable: 'clearable',
|
|
620
|
+
searchable: 'searchable',
|
|
621
|
+
label: 'label',
|
|
622
|
+
insideLabel: 'inside-label',
|
|
623
|
+
useLabelRequired: 'use-label-required',
|
|
624
|
+
labelTooltip: 'label-tooltip',
|
|
625
|
+
error: 'error',
|
|
626
|
+
options: 'options',
|
|
627
|
+
rules: 'rules'
|
|
628
|
+
},
|
|
629
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
630
|
+
clientModule: clientComponents.SdSelectGroup as ReactWebComponent<SdSelectGroupElement, SdSelectGroupEvents>,
|
|
631
|
+
serializeShadowRoot,
|
|
632
|
+
});
|
|
633
|
+
|
|
583
634
|
export type SdSelectMultipleEvents = {
|
|
584
635
|
onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
|
|
585
636
|
onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
@@ -7,10 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
/* eslint-disable */
|
|
9
9
|
|
|
10
|
-
import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
|
|
10
|
+
import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTextareaCustomEvent, 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 { SdButtonV2 as SdButtonV2Element, defineCustomElement as defineSdButtonV2 } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
13
13
|
import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
14
|
+
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
14
15
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
15
16
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
16
17
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -35,6 +36,7 @@ import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as
|
|
|
35
36
|
import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
|
|
36
37
|
import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
|
|
37
38
|
import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
|
|
39
|
+
import { SdSelectGroup as SdSelectGroupElement, defineCustomElement as defineSdSelectGroup } from "@sellmate/design-system/dist/components/sd-select-group.js";
|
|
38
40
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
39
41
|
import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
40
42
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -86,6 +88,23 @@ export const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Even
|
|
|
86
88
|
defineCustomElement: defineSdButtonV2
|
|
87
89
|
});
|
|
88
90
|
|
|
91
|
+
export type SdCalendarEvents = {
|
|
92
|
+
onSdSelect: EventName<CustomEvent<string>>,
|
|
93
|
+
onSdViewChange: EventName<CustomEvent<{ year: number; month: number }>>
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents> = /*@__PURE__*/ createComponent<SdCalendarElement, SdCalendarEvents>({
|
|
97
|
+
tagName: 'sd-calendar',
|
|
98
|
+
elementClass: SdCalendarElement,
|
|
99
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
100
|
+
react: React,
|
|
101
|
+
events: {
|
|
102
|
+
onSdSelect: 'sdSelect',
|
|
103
|
+
onSdViewChange: 'sdViewChange'
|
|
104
|
+
} as SdCalendarEvents,
|
|
105
|
+
defineCustomElement: defineSdCalendar
|
|
106
|
+
});
|
|
107
|
+
|
|
89
108
|
export type SdCardEvents = NonNullable<unknown>;
|
|
90
109
|
|
|
91
110
|
export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
|
|
@@ -125,25 +144,37 @@ export const SdDateBox: StencilReactComponent<SdDateBoxElement, SdDateBoxEvents>
|
|
|
125
144
|
defineCustomElement: defineSdDateBox
|
|
126
145
|
});
|
|
127
146
|
|
|
128
|
-
export type SdDatePickerEvents = {
|
|
147
|
+
export type SdDatePickerEvents = {
|
|
148
|
+
onSdUpdate: EventName<CustomEvent<string | null>>,
|
|
149
|
+
onSdViewChange: EventName<CustomEvent<{ year: number; month: number }>>
|
|
150
|
+
};
|
|
129
151
|
|
|
130
152
|
export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents> = /*@__PURE__*/ createComponent<SdDatePickerElement, SdDatePickerEvents>({
|
|
131
153
|
tagName: 'sd-date-picker',
|
|
132
154
|
elementClass: SdDatePickerElement,
|
|
133
155
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
134
156
|
react: React,
|
|
135
|
-
events: {
|
|
157
|
+
events: {
|
|
158
|
+
onSdUpdate: 'sdUpdate',
|
|
159
|
+
onSdViewChange: 'sdViewChange'
|
|
160
|
+
} as SdDatePickerEvents,
|
|
136
161
|
defineCustomElement: defineSdDatePicker
|
|
137
162
|
});
|
|
138
163
|
|
|
139
|
-
export type SdDateRangePickerEvents = {
|
|
164
|
+
export type SdDateRangePickerEvents = {
|
|
165
|
+
onSdUpdate: EventName<CustomEvent<[string, string]>>,
|
|
166
|
+
onSdViewChange: EventName<CustomEvent<{ year: number; month: number }>>
|
|
167
|
+
};
|
|
140
168
|
|
|
141
169
|
export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents> = /*@__PURE__*/ createComponent<SdDateRangePickerElement, SdDateRangePickerEvents>({
|
|
142
170
|
tagName: 'sd-date-range-picker',
|
|
143
171
|
elementClass: SdDateRangePickerElement,
|
|
144
172
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
145
173
|
react: React,
|
|
146
|
-
events: {
|
|
174
|
+
events: {
|
|
175
|
+
onSdUpdate: 'sdUpdate',
|
|
176
|
+
onSdViewChange: 'sdViewChange'
|
|
177
|
+
} as SdDateRangePickerEvents,
|
|
147
178
|
defineCustomElement: defineSdDateRangePicker
|
|
148
179
|
});
|
|
149
180
|
|
|
@@ -419,6 +450,23 @@ export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, Sd
|
|
|
419
450
|
defineCustomElement: defineSdSelectDropdown
|
|
420
451
|
});
|
|
421
452
|
|
|
453
|
+
export type SdSelectGroupEvents = {
|
|
454
|
+
onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
|
|
455
|
+
onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
|
|
456
|
+
};
|
|
457
|
+
|
|
458
|
+
export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
|
|
459
|
+
tagName: 'sd-select-group',
|
|
460
|
+
elementClass: SdSelectGroupElement,
|
|
461
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
462
|
+
react: React,
|
|
463
|
+
events: {
|
|
464
|
+
onSdUpdate: 'sdUpdate',
|
|
465
|
+
onSdDropDownShow: 'sdDropDownShow'
|
|
466
|
+
} as SdSelectGroupEvents,
|
|
467
|
+
defineCustomElement: defineSdSelectGroup
|
|
468
|
+
});
|
|
469
|
+
|
|
422
470
|
export type SdSelectMultipleEvents = {
|
|
423
471
|
onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
|
|
424
472
|
onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
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.30",
|
|
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.30",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|