@sellmate/design-system-react 1.0.39 → 1.0.41
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 +14 -8
- package/dist/components/components.js +22 -12
- package/dist/components/components.server.d.ts +14 -8
- package/dist/components/components.server.js +50 -17
- package/lib/components/components.server.ts +64 -26
- package/lib/components/components.ts +34 -20
- package/package.json +2 -2
|
@@ -2,8 +2,9 @@
|
|
|
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 SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
|
|
5
|
+
import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
|
|
6
6
|
import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
7
|
+
import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
7
8
|
import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
8
9
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
9
10
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
@@ -23,7 +24,6 @@ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components
|
|
|
23
24
|
import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
|
|
24
25
|
import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
|
|
25
26
|
import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
|
|
26
|
-
import { SdNoticeModal as SdNoticeModalElement } from "@sellmate/design-system/dist/components/sd-notice-modal.js";
|
|
27
27
|
import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
|
|
28
28
|
import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
29
29
|
import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
@@ -47,6 +47,7 @@ import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/co
|
|
|
47
47
|
import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
48
48
|
import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
49
49
|
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
50
|
+
import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
|
|
50
51
|
import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
51
52
|
import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
|
|
52
53
|
import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
@@ -56,6 +57,12 @@ import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/comp
|
|
|
56
57
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
57
58
|
export type SdBadgeEvents = NonNullable<unknown>;
|
|
58
59
|
export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
|
|
60
|
+
export type SdBarcodeInputEvents = {
|
|
61
|
+
onSdUpdate: EventName<CustomEvent<string | number | null>>;
|
|
62
|
+
onSdFocus: EventName<SdBarcodeInputCustomEvent<Event>>;
|
|
63
|
+
onSdBlur: EventName<SdBarcodeInputCustomEvent<Event>>;
|
|
64
|
+
};
|
|
65
|
+
export declare const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarcodeInputEvents>;
|
|
59
66
|
export type SdButtonEvents = {
|
|
60
67
|
onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
|
|
61
68
|
};
|
|
@@ -140,11 +147,6 @@ export type SdLoadingSpinnerEvents = NonNullable<unknown>;
|
|
|
140
147
|
export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
|
|
141
148
|
export type SdModalContainerEvents = NonNullable<unknown>;
|
|
142
149
|
export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
|
|
143
|
-
export type SdNoticeModalEvents = {
|
|
144
|
-
onSdClose: EventName<CustomEvent<void>>;
|
|
145
|
-
onSdConfirm: EventName<CustomEvent<void>>;
|
|
146
|
-
};
|
|
147
|
-
export declare const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents>;
|
|
148
150
|
export type SdNumberInputEvents = {
|
|
149
151
|
onSdUpdate: EventName<CustomEvent<number | null>>;
|
|
150
152
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
|
|
@@ -244,7 +246,7 @@ export type SdSelectV2ListItemSearchEvents = {
|
|
|
244
246
|
};
|
|
245
247
|
export declare const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>;
|
|
246
248
|
export type SdSelectV2ListboxEvents = {
|
|
247
|
-
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
249
|
+
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>>;
|
|
248
250
|
};
|
|
249
251
|
export declare const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>;
|
|
250
252
|
export type SdSelectV2TriggerEvents = {
|
|
@@ -257,6 +259,10 @@ export type SdTabsEvents = {
|
|
|
257
259
|
export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
|
|
258
260
|
export type SdTagEvents = NonNullable<unknown>;
|
|
259
261
|
export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
|
|
262
|
+
export type SdTextLinkEvents = {
|
|
263
|
+
onSdClick: EventName<CustomEvent<void>>;
|
|
264
|
+
};
|
|
265
|
+
export declare const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents>;
|
|
260
266
|
export type SdTextareaEvents = {
|
|
261
267
|
onSdUpdate: EventName<CustomEvent<string | null>>;
|
|
262
268
|
onSdFocus: EventName<SdTextareaCustomEvent<Event>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
3
|
+
import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
3
4
|
import { SdButtonV2 as SdButtonV2Element, defineCustomElement as defineSdButtonV2 } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
4
5
|
import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
5
6
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
@@ -19,7 +20,6 @@ import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@s
|
|
|
19
20
|
import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
|
|
20
21
|
import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
|
|
21
22
|
import { SdModalContainer as SdModalContainerElement, defineCustomElement as defineSdModalContainer } from "@sellmate/design-system/dist/components/sd-modal-container.js";
|
|
22
|
-
import { SdNoticeModal as SdNoticeModalElement, defineCustomElement as defineSdNoticeModal } from "@sellmate/design-system/dist/components/sd-notice-modal.js";
|
|
23
23
|
import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
|
|
24
24
|
import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
25
25
|
import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
@@ -43,6 +43,7 @@ import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV
|
|
|
43
43
|
import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
44
44
|
import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
45
45
|
import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
46
|
+
import { SdTextLink as SdTextLinkElement, defineCustomElement as defineSdTextLink } from "@sellmate/design-system/dist/components/sd-text-link.js";
|
|
46
47
|
import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
47
48
|
import { SdToastContainer as SdToastContainerElement, defineCustomElement as defineSdToastContainer } from "@sellmate/design-system/dist/components/sd-toast-container.js";
|
|
48
49
|
import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
@@ -59,6 +60,18 @@ export const SdBadge = /*@__PURE__*/ createComponent({
|
|
|
59
60
|
events: {},
|
|
60
61
|
defineCustomElement: defineSdBadge
|
|
61
62
|
});
|
|
63
|
+
export const SdBarcodeInput = /*@__PURE__*/ createComponent({
|
|
64
|
+
tagName: 'sd-barcode-input',
|
|
65
|
+
elementClass: SdBarcodeInputElement,
|
|
66
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
67
|
+
react: React,
|
|
68
|
+
events: {
|
|
69
|
+
onSdUpdate: 'sdUpdate',
|
|
70
|
+
onSdFocus: 'sdFocus',
|
|
71
|
+
onSdBlur: 'sdBlur'
|
|
72
|
+
},
|
|
73
|
+
defineCustomElement: defineSdBarcodeInput
|
|
74
|
+
});
|
|
62
75
|
export const SdButton = /*@__PURE__*/ createComponent({
|
|
63
76
|
tagName: 'sd-button',
|
|
64
77
|
elementClass: SdButtonElement,
|
|
@@ -236,17 +249,6 @@ export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
|
236
249
|
events: {},
|
|
237
250
|
defineCustomElement: defineSdModalContainer
|
|
238
251
|
});
|
|
239
|
-
export const SdNoticeModal = /*@__PURE__*/ createComponent({
|
|
240
|
-
tagName: 'sd-notice-modal',
|
|
241
|
-
elementClass: SdNoticeModalElement,
|
|
242
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
243
|
-
react: React,
|
|
244
|
-
events: {
|
|
245
|
-
onSdClose: 'sdClose',
|
|
246
|
-
onSdConfirm: 'sdConfirm'
|
|
247
|
-
},
|
|
248
|
-
defineCustomElement: defineSdNoticeModal
|
|
249
|
-
});
|
|
250
252
|
export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
251
253
|
tagName: 'sd-number-input',
|
|
252
254
|
elementClass: SdNumberInputElement,
|
|
@@ -460,6 +462,14 @@ export const SdTag = /*@__PURE__*/ createComponent({
|
|
|
460
462
|
events: {},
|
|
461
463
|
defineCustomElement: defineSdTag
|
|
462
464
|
});
|
|
465
|
+
export const SdTextLink = /*@__PURE__*/ createComponent({
|
|
466
|
+
tagName: 'sd-text-link',
|
|
467
|
+
elementClass: SdTextLinkElement,
|
|
468
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
469
|
+
react: React,
|
|
470
|
+
events: { onSdClick: 'sdClick' },
|
|
471
|
+
defineCustomElement: defineSdTextLink
|
|
472
|
+
});
|
|
463
473
|
export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
464
474
|
tagName: 'sd-textarea',
|
|
465
475
|
elementClass: SdTextareaElement,
|
|
@@ -2,8 +2,9 @@
|
|
|
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 SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
|
|
5
|
+
import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
|
|
6
6
|
import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
7
|
+
import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
7
8
|
import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
8
9
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
9
10
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
@@ -23,7 +24,6 @@ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components
|
|
|
23
24
|
import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
|
|
24
25
|
import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
|
|
25
26
|
import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
|
|
26
|
-
import { SdNoticeModal as SdNoticeModalElement } from "@sellmate/design-system/dist/components/sd-notice-modal.js";
|
|
27
27
|
import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
|
|
28
28
|
import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
29
29
|
import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
@@ -47,6 +47,7 @@ import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/co
|
|
|
47
47
|
import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
48
48
|
import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
49
49
|
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
50
|
+
import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
|
|
50
51
|
import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
51
52
|
import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
|
|
52
53
|
import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
@@ -58,6 +59,12 @@ import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ss
|
|
|
58
59
|
export declare const serializeShadowRoot: SerializeShadowRootOptions;
|
|
59
60
|
export type SdBadgeEvents = NonNullable<unknown>;
|
|
60
61
|
export declare const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents>;
|
|
62
|
+
export type SdBarcodeInputEvents = {
|
|
63
|
+
onSdUpdate: EventName<CustomEvent<string | number | null>>;
|
|
64
|
+
onSdFocus: EventName<SdBarcodeInputCustomEvent<Event>>;
|
|
65
|
+
onSdBlur: EventName<SdBarcodeInputCustomEvent<Event>>;
|
|
66
|
+
};
|
|
67
|
+
export declare const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarcodeInputEvents>;
|
|
61
68
|
export type SdButtonEvents = {
|
|
62
69
|
onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
|
|
63
70
|
};
|
|
@@ -142,11 +149,6 @@ export type SdLoadingSpinnerEvents = NonNullable<unknown>;
|
|
|
142
149
|
export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
|
|
143
150
|
export type SdModalContainerEvents = NonNullable<unknown>;
|
|
144
151
|
export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
|
|
145
|
-
export type SdNoticeModalEvents = {
|
|
146
|
-
onSdClose: EventName<CustomEvent<void>>;
|
|
147
|
-
onSdConfirm: EventName<CustomEvent<void>>;
|
|
148
|
-
};
|
|
149
|
-
export declare const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents>;
|
|
150
152
|
export type SdNumberInputEvents = {
|
|
151
153
|
onSdUpdate: EventName<CustomEvent<number | null>>;
|
|
152
154
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
|
|
@@ -246,7 +248,7 @@ export type SdSelectV2ListItemSearchEvents = {
|
|
|
246
248
|
};
|
|
247
249
|
export declare const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>;
|
|
248
250
|
export type SdSelectV2ListboxEvents = {
|
|
249
|
-
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
251
|
+
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>>;
|
|
250
252
|
};
|
|
251
253
|
export declare const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>;
|
|
252
254
|
export type SdSelectV2TriggerEvents = {
|
|
@@ -259,6 +261,10 @@ export type SdTabsEvents = {
|
|
|
259
261
|
export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
|
|
260
262
|
export type SdTagEvents = NonNullable<unknown>;
|
|
261
263
|
export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
|
|
264
|
+
export type SdTextLinkEvents = {
|
|
265
|
+
onSdClick: EventName<CustomEvent<void>>;
|
|
266
|
+
};
|
|
267
|
+
export declare const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents>;
|
|
262
268
|
export type SdTextareaEvents = {
|
|
263
269
|
onSdUpdate: EventName<CustomEvent<string | null>>;
|
|
264
270
|
onSdFocus: EventName<SdTextareaCustomEvent<Event>>;
|
|
@@ -17,6 +17,33 @@ export const SdBadge = /*@__PURE__*/ createComponent({
|
|
|
17
17
|
clientModule: clientComponents.SdBadge,
|
|
18
18
|
serializeShadowRoot,
|
|
19
19
|
});
|
|
20
|
+
export const SdBarcodeInput = /*@__PURE__*/ createComponent({
|
|
21
|
+
tagName: 'sd-barcode-input',
|
|
22
|
+
properties: {
|
|
23
|
+
value: 'value',
|
|
24
|
+
size: 'size',
|
|
25
|
+
addonLabel: 'addon-label',
|
|
26
|
+
placeholder: 'placeholder',
|
|
27
|
+
disabled: 'disabled',
|
|
28
|
+
clearable: 'clearable',
|
|
29
|
+
width: 'width',
|
|
30
|
+
autoFocus: 'auto-focus',
|
|
31
|
+
status: 'status',
|
|
32
|
+
hint: 'hint',
|
|
33
|
+
errorMessage: 'error-message',
|
|
34
|
+
inputClass: 'input-class',
|
|
35
|
+
readonly: 'readonly',
|
|
36
|
+
error: 'error',
|
|
37
|
+
focused: 'focused',
|
|
38
|
+
hovered: 'hovered',
|
|
39
|
+
label: 'label',
|
|
40
|
+
labelTooltip: 'label-tooltip',
|
|
41
|
+
rules: 'rules'
|
|
42
|
+
},
|
|
43
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
44
|
+
clientModule: clientComponents.SdBarcodeInput,
|
|
45
|
+
serializeShadowRoot,
|
|
46
|
+
});
|
|
20
47
|
export const SdButton = /*@__PURE__*/ createComponent({
|
|
21
48
|
tagName: 'sd-button',
|
|
22
49
|
properties: {
|
|
@@ -160,6 +187,9 @@ export const SdField = /*@__PURE__*/ createComponent({
|
|
|
160
187
|
hovered: 'hovered',
|
|
161
188
|
focused: 'focused',
|
|
162
189
|
status: 'status',
|
|
190
|
+
hint: 'hint',
|
|
191
|
+
errorMessage: 'error-message',
|
|
192
|
+
width: 'width',
|
|
163
193
|
label: 'label',
|
|
164
194
|
addonLabel: 'addon-label',
|
|
165
195
|
labelTooltip: 'label-tooltip',
|
|
@@ -242,6 +272,8 @@ export const SdInput = /*@__PURE__*/ createComponent({
|
|
|
242
272
|
width: 'width',
|
|
243
273
|
autoFocus: 'auto-focus',
|
|
244
274
|
status: 'status',
|
|
275
|
+
hint: 'hint',
|
|
276
|
+
errorMessage: 'error-message',
|
|
245
277
|
inputClass: 'input-class',
|
|
246
278
|
readonly: 'readonly',
|
|
247
279
|
error: 'error',
|
|
@@ -269,23 +301,6 @@ export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
|
269
301
|
clientModule: clientComponents.SdModalContainer,
|
|
270
302
|
serializeShadowRoot,
|
|
271
303
|
});
|
|
272
|
-
export const SdNoticeModal = /*@__PURE__*/ createComponent({
|
|
273
|
-
tagName: 'sd-notice-modal',
|
|
274
|
-
properties: {
|
|
275
|
-
modalTitle: 'modal-title',
|
|
276
|
-
titleClass: 'title-class',
|
|
277
|
-
mainButtonLabel: 'main-button-label',
|
|
278
|
-
subButtonLabel: 'sub-button-label',
|
|
279
|
-
tagPreset: 'tag-preset',
|
|
280
|
-
tagLabel: 'tag-label',
|
|
281
|
-
slotLabel: 'slot-label',
|
|
282
|
-
topMessage: 'topMessage',
|
|
283
|
-
bottomMessage: 'bottomMessage'
|
|
284
|
-
},
|
|
285
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
286
|
-
clientModule: clientComponents.SdNoticeModal,
|
|
287
|
-
serializeShadowRoot,
|
|
288
|
-
});
|
|
289
304
|
export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
290
305
|
tagName: 'sd-number-input',
|
|
291
306
|
properties: {
|
|
@@ -302,6 +317,8 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
|
302
317
|
width: 'width',
|
|
303
318
|
autoFocus: 'auto-focus',
|
|
304
319
|
status: 'status',
|
|
320
|
+
hint: 'hint',
|
|
321
|
+
errorMessage: 'error-message',
|
|
305
322
|
inputClass: 'input-class',
|
|
306
323
|
readonly: 'readonly',
|
|
307
324
|
error: 'error',
|
|
@@ -570,6 +587,8 @@ export const SdSelectV2 = /*@__PURE__*/ createComponent({
|
|
|
570
587
|
label: 'label',
|
|
571
588
|
addonLabel: 'addon-label',
|
|
572
589
|
error: 'error',
|
|
590
|
+
hint: 'hint',
|
|
591
|
+
errorMessage: 'error-message',
|
|
573
592
|
fieldName: 'field-name',
|
|
574
593
|
labelTooltip: 'label-tooltip',
|
|
575
594
|
emitValue: 'emit-value',
|
|
@@ -651,6 +670,20 @@ export const SdTag = /*@__PURE__*/ createComponent({
|
|
|
651
670
|
clientModule: clientComponents.SdTag,
|
|
652
671
|
serializeShadowRoot,
|
|
653
672
|
});
|
|
673
|
+
export const SdTextLink = /*@__PURE__*/ createComponent({
|
|
674
|
+
tagName: 'sd-text-link',
|
|
675
|
+
properties: {
|
|
676
|
+
label: 'label',
|
|
677
|
+
icon: 'icon',
|
|
678
|
+
iconColor: 'icon-color',
|
|
679
|
+
useArrow: 'use-arrow',
|
|
680
|
+
underline: 'underline',
|
|
681
|
+
disabled: 'disabled'
|
|
682
|
+
},
|
|
683
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
684
|
+
clientModule: clientComponents.SdTextLink,
|
|
685
|
+
serializeShadowRoot,
|
|
686
|
+
});
|
|
654
687
|
export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
655
688
|
tagName: 'sd-textarea',
|
|
656
689
|
properties: {
|
|
@@ -8,8 +8,9 @@
|
|
|
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 SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
|
|
11
|
+
import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
|
|
12
12
|
import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
13
|
+
import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
13
14
|
import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
14
15
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
15
16
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
@@ -29,7 +30,6 @@ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components
|
|
|
29
30
|
import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
|
|
30
31
|
import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
|
|
31
32
|
import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
|
|
32
|
-
import { SdNoticeModal as SdNoticeModalElement } from "@sellmate/design-system/dist/components/sd-notice-modal.js";
|
|
33
33
|
import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
|
|
34
34
|
import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
35
35
|
import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
@@ -53,6 +53,7 @@ import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/co
|
|
|
53
53
|
import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
54
54
|
import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
55
55
|
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
56
|
+
import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
|
|
56
57
|
import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
57
58
|
import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
|
|
58
59
|
import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
@@ -77,6 +78,40 @@ export const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents> = /*@
|
|
|
77
78
|
serializeShadowRoot,
|
|
78
79
|
});
|
|
79
80
|
|
|
81
|
+
export type SdBarcodeInputEvents = {
|
|
82
|
+
onSdUpdate: EventName<CustomEvent<string | number | null>>,
|
|
83
|
+
onSdFocus: EventName<SdBarcodeInputCustomEvent<Event>>,
|
|
84
|
+
onSdBlur: EventName<SdBarcodeInputCustomEvent<Event>>
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
export const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarcodeInputEvents> = /*@__PURE__*/ createComponent<SdBarcodeInputElement, SdBarcodeInputEvents>({
|
|
88
|
+
tagName: 'sd-barcode-input',
|
|
89
|
+
properties: {
|
|
90
|
+
value: 'value',
|
|
91
|
+
size: 'size',
|
|
92
|
+
addonLabel: 'addon-label',
|
|
93
|
+
placeholder: 'placeholder',
|
|
94
|
+
disabled: 'disabled',
|
|
95
|
+
clearable: 'clearable',
|
|
96
|
+
width: 'width',
|
|
97
|
+
autoFocus: 'auto-focus',
|
|
98
|
+
status: 'status',
|
|
99
|
+
hint: 'hint',
|
|
100
|
+
errorMessage: 'error-message',
|
|
101
|
+
inputClass: 'input-class',
|
|
102
|
+
readonly: 'readonly',
|
|
103
|
+
error: 'error',
|
|
104
|
+
focused: 'focused',
|
|
105
|
+
hovered: 'hovered',
|
|
106
|
+
label: 'label',
|
|
107
|
+
labelTooltip: 'label-tooltip',
|
|
108
|
+
rules: 'rules'
|
|
109
|
+
},
|
|
110
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
111
|
+
clientModule: clientComponents.SdBarcodeInput as ReactWebComponent<SdBarcodeInputElement, SdBarcodeInputEvents>,
|
|
112
|
+
serializeShadowRoot,
|
|
113
|
+
});
|
|
114
|
+
|
|
80
115
|
export type SdButtonEvents = { onSdClick: EventName<SdButtonCustomEvent<MouseEvent>> };
|
|
81
116
|
|
|
82
117
|
export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> = /*@__PURE__*/ createComponent<SdButtonElement, SdButtonEvents>({
|
|
@@ -270,6 +305,9 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
|
|
|
270
305
|
hovered: 'hovered',
|
|
271
306
|
focused: 'focused',
|
|
272
307
|
status: 'status',
|
|
308
|
+
hint: 'hint',
|
|
309
|
+
errorMessage: 'error-message',
|
|
310
|
+
width: 'width',
|
|
273
311
|
label: 'label',
|
|
274
312
|
addonLabel: 'addon-label',
|
|
275
313
|
labelTooltip: 'label-tooltip',
|
|
@@ -377,6 +415,8 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
|
|
|
377
415
|
width: 'width',
|
|
378
416
|
autoFocus: 'auto-focus',
|
|
379
417
|
status: 'status',
|
|
418
|
+
hint: 'hint',
|
|
419
|
+
errorMessage: 'error-message',
|
|
380
420
|
inputClass: 'input-class',
|
|
381
421
|
readonly: 'readonly',
|
|
382
422
|
error: 'error',
|
|
@@ -411,29 +451,6 @@ export const SdModalContainer: StencilReactComponent<SdModalContainerElement, Sd
|
|
|
411
451
|
serializeShadowRoot,
|
|
412
452
|
});
|
|
413
453
|
|
|
414
|
-
export type SdNoticeModalEvents = {
|
|
415
|
-
onSdClose: EventName<CustomEvent<void>>,
|
|
416
|
-
onSdConfirm: EventName<CustomEvent<void>>
|
|
417
|
-
};
|
|
418
|
-
|
|
419
|
-
export const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents> = /*@__PURE__*/ createComponent<SdNoticeModalElement, SdNoticeModalEvents>({
|
|
420
|
-
tagName: 'sd-notice-modal',
|
|
421
|
-
properties: {
|
|
422
|
-
modalTitle: 'modal-title',
|
|
423
|
-
titleClass: 'title-class',
|
|
424
|
-
mainButtonLabel: 'main-button-label',
|
|
425
|
-
subButtonLabel: 'sub-button-label',
|
|
426
|
-
tagPreset: 'tag-preset',
|
|
427
|
-
tagLabel: 'tag-label',
|
|
428
|
-
slotLabel: 'slot-label',
|
|
429
|
-
topMessage: 'topMessage',
|
|
430
|
-
bottomMessage: 'bottomMessage'
|
|
431
|
-
},
|
|
432
|
-
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
433
|
-
clientModule: clientComponents.SdNoticeModal as ReactWebComponent<SdNoticeModalElement, SdNoticeModalEvents>,
|
|
434
|
-
serializeShadowRoot,
|
|
435
|
-
});
|
|
436
|
-
|
|
437
454
|
export type SdNumberInputEvents = {
|
|
438
455
|
onSdUpdate: EventName<CustomEvent<number | null>>,
|
|
439
456
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
|
|
@@ -456,6 +473,8 @@ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumber
|
|
|
456
473
|
width: 'width',
|
|
457
474
|
autoFocus: 'auto-focus',
|
|
458
475
|
status: 'status',
|
|
476
|
+
hint: 'hint',
|
|
477
|
+
errorMessage: 'error-message',
|
|
459
478
|
inputClass: 'input-class',
|
|
460
479
|
readonly: 'readonly',
|
|
461
480
|
error: 'error',
|
|
@@ -811,6 +830,8 @@ export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Even
|
|
|
811
830
|
label: 'label',
|
|
812
831
|
addonLabel: 'addon-label',
|
|
813
832
|
error: 'error',
|
|
833
|
+
hint: 'hint',
|
|
834
|
+
errorMessage: 'error-message',
|
|
814
835
|
fieldName: 'field-name',
|
|
815
836
|
labelTooltip: 'label-tooltip',
|
|
816
837
|
emitValue: 'emit-value',
|
|
@@ -851,7 +872,7 @@ export const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemS
|
|
|
851
872
|
serializeShadowRoot,
|
|
852
873
|
});
|
|
853
874
|
|
|
854
|
-
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
875
|
+
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>> };
|
|
855
876
|
|
|
856
877
|
export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
|
|
857
878
|
tagName: 'sd-select-v2-listbox',
|
|
@@ -914,6 +935,23 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
|
|
|
914
935
|
serializeShadowRoot,
|
|
915
936
|
});
|
|
916
937
|
|
|
938
|
+
export type SdTextLinkEvents = { onSdClick: EventName<CustomEvent<void>> };
|
|
939
|
+
|
|
940
|
+
export const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents> = /*@__PURE__*/ createComponent<SdTextLinkElement, SdTextLinkEvents>({
|
|
941
|
+
tagName: 'sd-text-link',
|
|
942
|
+
properties: {
|
|
943
|
+
label: 'label',
|
|
944
|
+
icon: 'icon',
|
|
945
|
+
iconColor: 'icon-color',
|
|
946
|
+
useArrow: 'use-arrow',
|
|
947
|
+
underline: 'underline',
|
|
948
|
+
disabled: 'disabled'
|
|
949
|
+
},
|
|
950
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
951
|
+
clientModule: clientComponents.SdTextLink as ReactWebComponent<SdTextLinkElement, SdTextLinkEvents>,
|
|
952
|
+
serializeShadowRoot,
|
|
953
|
+
});
|
|
954
|
+
|
|
917
955
|
export type SdTextareaEvents = {
|
|
918
956
|
onSdUpdate: EventName<CustomEvent<string | null>>,
|
|
919
957
|
onSdFocus: EventName<SdTextareaCustomEvent<Event>>,
|
|
@@ -7,8 +7,9 @@
|
|
|
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 SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
|
|
10
|
+
import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, 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 SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
|
|
11
11
|
import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
12
|
+
import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
12
13
|
import { SdButtonV2 as SdButtonV2Element, defineCustomElement as defineSdButtonV2 } from "@sellmate/design-system/dist/components/sd-button-v2.js";
|
|
13
14
|
import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
14
15
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
@@ -28,7 +29,6 @@ import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@s
|
|
|
28
29
|
import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
|
|
29
30
|
import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
|
|
30
31
|
import { SdModalContainer as SdModalContainerElement, defineCustomElement as defineSdModalContainer } from "@sellmate/design-system/dist/components/sd-modal-container.js";
|
|
31
|
-
import { SdNoticeModal as SdNoticeModalElement, defineCustomElement as defineSdNoticeModal } from "@sellmate/design-system/dist/components/sd-notice-modal.js";
|
|
32
32
|
import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
|
|
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";
|
|
@@ -52,6 +52,7 @@ import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV
|
|
|
52
52
|
import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
53
53
|
import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
54
54
|
import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
55
|
+
import { SdTextLink as SdTextLinkElement, defineCustomElement as defineSdTextLink } from "@sellmate/design-system/dist/components/sd-text-link.js";
|
|
55
56
|
import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
56
57
|
import { SdToastContainer as SdToastContainerElement, defineCustomElement as defineSdToastContainer } from "@sellmate/design-system/dist/components/sd-toast-container.js";
|
|
57
58
|
import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
@@ -73,6 +74,25 @@ export const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents> = /*@
|
|
|
73
74
|
defineCustomElement: defineSdBadge
|
|
74
75
|
});
|
|
75
76
|
|
|
77
|
+
export type SdBarcodeInputEvents = {
|
|
78
|
+
onSdUpdate: EventName<CustomEvent<string | number | null>>,
|
|
79
|
+
onSdFocus: EventName<SdBarcodeInputCustomEvent<Event>>,
|
|
80
|
+
onSdBlur: EventName<SdBarcodeInputCustomEvent<Event>>
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarcodeInputEvents> = /*@__PURE__*/ createComponent<SdBarcodeInputElement, SdBarcodeInputEvents>({
|
|
84
|
+
tagName: 'sd-barcode-input',
|
|
85
|
+
elementClass: SdBarcodeInputElement,
|
|
86
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
87
|
+
react: React,
|
|
88
|
+
events: {
|
|
89
|
+
onSdUpdate: 'sdUpdate',
|
|
90
|
+
onSdFocus: 'sdFocus',
|
|
91
|
+
onSdBlur: 'sdBlur'
|
|
92
|
+
} as SdBarcodeInputEvents,
|
|
93
|
+
defineCustomElement: defineSdBarcodeInput
|
|
94
|
+
});
|
|
95
|
+
|
|
76
96
|
export type SdButtonEvents = { onSdClick: EventName<SdButtonCustomEvent<MouseEvent>> };
|
|
77
97
|
|
|
78
98
|
export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> = /*@__PURE__*/ createComponent<SdButtonElement, SdButtonEvents>({
|
|
@@ -332,23 +352,6 @@ export const SdModalContainer: StencilReactComponent<SdModalContainerElement, Sd
|
|
|
332
352
|
defineCustomElement: defineSdModalContainer
|
|
333
353
|
});
|
|
334
354
|
|
|
335
|
-
export type SdNoticeModalEvents = {
|
|
336
|
-
onSdClose: EventName<CustomEvent<void>>,
|
|
337
|
-
onSdConfirm: EventName<CustomEvent<void>>
|
|
338
|
-
};
|
|
339
|
-
|
|
340
|
-
export const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents> = /*@__PURE__*/ createComponent<SdNoticeModalElement, SdNoticeModalEvents>({
|
|
341
|
-
tagName: 'sd-notice-modal',
|
|
342
|
-
elementClass: SdNoticeModalElement,
|
|
343
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
344
|
-
react: React,
|
|
345
|
-
events: {
|
|
346
|
-
onSdClose: 'sdClose',
|
|
347
|
-
onSdConfirm: 'sdConfirm'
|
|
348
|
-
} as SdNoticeModalEvents,
|
|
349
|
-
defineCustomElement: defineSdNoticeModal
|
|
350
|
-
});
|
|
351
|
-
|
|
352
355
|
export type SdNumberInputEvents = {
|
|
353
356
|
onSdUpdate: EventName<CustomEvent<number | null>>,
|
|
354
357
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
|
|
@@ -633,7 +636,7 @@ export const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemS
|
|
|
633
636
|
defineCustomElement: defineSdSelectV2ListItemSearch
|
|
634
637
|
});
|
|
635
638
|
|
|
636
|
-
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
639
|
+
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>> };
|
|
637
640
|
|
|
638
641
|
export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
|
|
639
642
|
tagName: 'sd-select-v2-listbox',
|
|
@@ -677,6 +680,17 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
|
|
|
677
680
|
defineCustomElement: defineSdTag
|
|
678
681
|
});
|
|
679
682
|
|
|
683
|
+
export type SdTextLinkEvents = { onSdClick: EventName<CustomEvent<void>> };
|
|
684
|
+
|
|
685
|
+
export const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents> = /*@__PURE__*/ createComponent<SdTextLinkElement, SdTextLinkEvents>({
|
|
686
|
+
tagName: 'sd-text-link',
|
|
687
|
+
elementClass: SdTextLinkElement,
|
|
688
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
689
|
+
react: React,
|
|
690
|
+
events: { onSdClick: 'sdClick' } as SdTextLinkEvents,
|
|
691
|
+
defineCustomElement: defineSdTextLink
|
|
692
|
+
});
|
|
693
|
+
|
|
680
694
|
export type SdTextareaEvents = {
|
|
681
695
|
onSdUpdate: EventName<CustomEvent<string | null>>,
|
|
682
696
|
onSdFocus: EventName<SdTextareaCustomEvent<Event>>,
|
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.41",
|
|
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.41",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|