@sellmate/design-system-react 1.0.28 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/components.d.ts +12 -1
  2. package/dist/components/components.js +21 -0
  3. package/dist/components/components.server.d.ts +12 -1
  4. package/dist/components/components.server.js +31 -0
  5. package/lib/components/components.server.ts +43 -1
  6. package/lib/components/components.ts +31 -1
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -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,10 @@ 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
+ };
63
+ export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents>;
58
64
  export type SdCardEvents = NonNullable<unknown>;
59
65
  export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
60
66
  export type SdCheckboxEvents = {
@@ -158,6 +164,11 @@ export type SdSelectDropdownEvents = {
158
164
  onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
159
165
  };
160
166
  export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
167
+ export type SdSelectGroupEvents = {
168
+ onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>;
169
+ onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>;
170
+ };
171
+ export declare const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents>;
161
172
  export type SdSelectMultipleEvents = {
162
173
  onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
163
174
  onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
package/dist/components/components.js CHANGED
@@ -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,14 @@ 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: { onSdSelect: 'sdSelect' },
77
+ defineCustomElement: defineSdCalendar
78
+ });
69
79
  export const SdCard = /*@__PURE__*/ createComponent({
70
80
  tagName: 'sd-card',
71
81
  elementClass: SdCardElement,
@@ -293,6 +303,17 @@ export const SdSelectDropdown = /*@__PURE__*/ createComponent({
293
303
  },
294
304
  defineCustomElement: defineSdSelectDropdown
295
305
  });
306
+ export const SdSelectGroup = /*@__PURE__*/ createComponent({
307
+ tagName: 'sd-select-group',
308
+ elementClass: SdSelectGroupElement,
309
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
310
+ react: React,
311
+ events: {
312
+ onSdUpdate: 'sdUpdate',
313
+ onSdDropDownShow: 'sdDropDownShow'
314
+ },
315
+ defineCustomElement: defineSdSelectGroup
316
+ });
296
317
  export const SdSelectMultiple = /*@__PURE__*/ createComponent({
297
318
  tagName: 'sd-select-multiple',
298
319
  elementClass: SdSelectMultipleElement,
package/dist/components/components.server.d.ts CHANGED
@@ -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,10 @@ 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
+ };
65
+ export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents>;
60
66
  export type SdCardEvents = NonNullable<unknown>;
61
67
  export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents>;
62
68
  export type SdCheckboxEvents = {
@@ -160,6 +166,11 @@ export type SdSelectDropdownEvents = {
160
166
  onSdScroll: EventName<SdSelectDropdownCustomEvent<Event>>;
161
167
  };
162
168
  export declare const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, SdSelectDropdownEvents>;
169
+ export type SdSelectGroupEvents = {
170
+ onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>;
171
+ onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>;
172
+ };
173
+ export declare const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents>;
163
174
  export type SdSelectMultipleEvents = {
164
175
  onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>;
165
176
  onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>;
package/dist/components/components.server.js CHANGED
@@ -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: {
package/lib/components/components.server.ts CHANGED
@@ -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,16 @@ export const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Even
108
110
  serializeShadowRoot,
109
111
  });
110
112
 
113
+ export type SdCalendarEvents = { onSdSelect: EventName<CustomEvent<string>> };
114
+
115
+ export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents> = /*@__PURE__*/ createComponent<SdCalendarElement, SdCalendarEvents>({
116
+ tagName: 'sd-calendar',
117
+ properties: { value: 'value' },
118
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
119
+ clientModule: clientComponents.SdCalendar as ReactWebComponent<SdCalendarElement, SdCalendarEvents>,
120
+ serializeShadowRoot,
121
+ });
122
+
111
123
  export type SdCardEvents = NonNullable<unknown>;
112
124
 
113
125
  export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
@@ -580,6 +592,36 @@ export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, Sd
580
592
  serializeShadowRoot,
581
593
  });
582
594
 
595
+ export type SdSelectGroupEvents = {
596
+ onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
597
+ onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
598
+ };
599
+
600
+ export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
601
+ tagName: 'sd-select-group',
602
+ properties: {
603
+ value: 'value',
604
+ placeholder: 'placeholder',
605
+ optionPlaceholder: 'option-placeholder',
606
+ width: 'width',
607
+ dropdownHeight: 'dropdown-height',
608
+ autoFocus: 'auto-focus',
609
+ disabled: 'disabled',
610
+ clearable: 'clearable',
611
+ searchable: 'searchable',
612
+ label: 'label',
613
+ insideLabel: 'inside-label',
614
+ useLabelRequired: 'use-label-required',
615
+ labelTooltip: 'label-tooltip',
616
+ error: 'error',
617
+ options: 'options',
618
+ rules: 'rules'
619
+ },
620
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
621
+ clientModule: clientComponents.SdSelectGroup as ReactWebComponent<SdSelectGroupElement, SdSelectGroupEvents>,
622
+ serializeShadowRoot,
623
+ });
624
+
583
625
  export type SdSelectMultipleEvents = {
584
626
  onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
585
627
  onSdDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
package/lib/components/components.ts CHANGED
@@ -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,17 @@ export const SdButtonV2: StencilReactComponent<SdButtonV2Element, SdButtonV2Even
86
88
  defineCustomElement: defineSdButtonV2
87
89
  });
88
90
 
91
+ export type SdCalendarEvents = { onSdSelect: EventName<CustomEvent<string>> };
92
+
93
+ export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents> = /*@__PURE__*/ createComponent<SdCalendarElement, SdCalendarEvents>({
94
+ tagName: 'sd-calendar',
95
+ elementClass: SdCalendarElement,
96
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
97
+ react: React,
98
+ events: { onSdSelect: 'sdSelect' } as SdCalendarEvents,
99
+ defineCustomElement: defineSdCalendar
100
+ });
101
+
89
102
  export type SdCardEvents = NonNullable<unknown>;
90
103
 
91
104
  export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents>({
@@ -419,6 +432,23 @@ export const SdSelectDropdown: StencilReactComponent<SdSelectDropdownElement, Sd
419
432
  defineCustomElement: defineSdSelectDropdown
420
433
  });
421
434
 
435
+ export type SdSelectGroupEvents = {
436
+ onSdUpdate: EventName<SdSelectGroupCustomEvent<SelectEvents['sdUpdate']>>,
437
+ onSdDropDownShow: EventName<SdSelectGroupCustomEvent<SelectEvents['dropDownShow']>>
438
+ };
439
+
440
+ export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelectGroupEvents> = /*@__PURE__*/ createComponent<SdSelectGroupElement, SdSelectGroupEvents>({
441
+ tagName: 'sd-select-group',
442
+ elementClass: SdSelectGroupElement,
443
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
444
+ react: React,
445
+ events: {
446
+ onSdUpdate: 'sdUpdate',
447
+ onSdDropDownShow: 'sdDropDownShow'
448
+ } as SdSelectGroupEvents,
449
+ defineCustomElement: defineSdSelectGroup
450
+ });
451
+
422
452
  export type SdSelectMultipleEvents = {
423
453
  onSdUpdate: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>>,
424
454
  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.28",
3
+ "version": "1.0.29",
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.28",
57
+ "@sellmate/design-system": "^1.0.29",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {