@sellmate/design-system-react 1.0.40 → 1.0.42
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 +10 -9
- package/dist/components/components.js +14 -13
- package/dist/components/components.server.d.ts +10 -9
- package/dist/components/components.server.js +27 -17
- package/lib/components/components.server.ts +38 -27
- package/lib/components/components.ts +24 -22
- 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";
|
|
@@ -57,6 +57,12 @@ import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/comp
|
|
|
57
57
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
58
58
|
export type SdBadgeEvents = NonNullable<unknown>;
|
|
59
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>;
|
|
60
66
|
export type SdButtonEvents = {
|
|
61
67
|
onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
|
|
62
68
|
};
|
|
@@ -81,7 +87,7 @@ export type SdCheckboxEvents = {
|
|
|
81
87
|
export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
|
|
82
88
|
export type SdConfirmModalEvents = {
|
|
83
89
|
onSdClose: EventName<CustomEvent<void>>;
|
|
84
|
-
|
|
90
|
+
onSdOk: EventName<CustomEvent<void>>;
|
|
85
91
|
};
|
|
86
92
|
export declare const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConfirmModalEvents>;
|
|
87
93
|
export type SdDateBoxEvents = {
|
|
@@ -141,11 +147,6 @@ export type SdLoadingSpinnerEvents = NonNullable<unknown>;
|
|
|
141
147
|
export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
|
|
142
148
|
export type SdModalContainerEvents = NonNullable<unknown>;
|
|
143
149
|
export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
|
|
144
|
-
export type SdNoticeModalEvents = {
|
|
145
|
-
onSdClose: EventName<CustomEvent<void>>;
|
|
146
|
-
onSdConfirm: EventName<CustomEvent<void>>;
|
|
147
|
-
};
|
|
148
|
-
export declare const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents>;
|
|
149
150
|
export type SdNumberInputEvents = {
|
|
150
151
|
onSdUpdate: EventName<CustomEvent<number | null>>;
|
|
151
152
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
|
|
@@ -245,7 +246,7 @@ export type SdSelectV2ListItemSearchEvents = {
|
|
|
245
246
|
};
|
|
246
247
|
export declare const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>;
|
|
247
248
|
export type SdSelectV2ListboxEvents = {
|
|
248
|
-
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
249
|
+
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>>;
|
|
249
250
|
};
|
|
250
251
|
export declare const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>;
|
|
251
252
|
export type SdSelectV2TriggerEvents = {
|
|
@@ -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";
|
|
@@ -60,6 +60,18 @@ export const SdBadge = /*@__PURE__*/ createComponent({
|
|
|
60
60
|
events: {},
|
|
61
61
|
defineCustomElement: defineSdBadge
|
|
62
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
|
+
});
|
|
63
75
|
export const SdButton = /*@__PURE__*/ createComponent({
|
|
64
76
|
tagName: 'sd-button',
|
|
65
77
|
elementClass: SdButtonElement,
|
|
@@ -110,7 +122,7 @@ export const SdConfirmModal = /*@__PURE__*/ createComponent({
|
|
|
110
122
|
react: React,
|
|
111
123
|
events: {
|
|
112
124
|
onSdClose: 'sdClose',
|
|
113
|
-
|
|
125
|
+
onSdOk: 'sdOk'
|
|
114
126
|
},
|
|
115
127
|
defineCustomElement: defineSdConfirmModal
|
|
116
128
|
});
|
|
@@ -237,17 +249,6 @@ export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
|
237
249
|
events: {},
|
|
238
250
|
defineCustomElement: defineSdModalContainer
|
|
239
251
|
});
|
|
240
|
-
export const SdNoticeModal = /*@__PURE__*/ createComponent({
|
|
241
|
-
tagName: 'sd-notice-modal',
|
|
242
|
-
elementClass: SdNoticeModalElement,
|
|
243
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
244
|
-
react: React,
|
|
245
|
-
events: {
|
|
246
|
-
onSdClose: 'sdClose',
|
|
247
|
-
onSdConfirm: 'sdConfirm'
|
|
248
|
-
},
|
|
249
|
-
defineCustomElement: defineSdNoticeModal
|
|
250
|
-
});
|
|
251
252
|
export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
252
253
|
tagName: 'sd-number-input',
|
|
253
254
|
elementClass: SdNumberInputElement,
|
|
@@ -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";
|
|
@@ -59,6 +59,12 @@ import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ss
|
|
|
59
59
|
export declare const serializeShadowRoot: SerializeShadowRootOptions;
|
|
60
60
|
export type SdBadgeEvents = NonNullable<unknown>;
|
|
61
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>;
|
|
62
68
|
export type SdButtonEvents = {
|
|
63
69
|
onSdClick: EventName<SdButtonCustomEvent<MouseEvent>>;
|
|
64
70
|
};
|
|
@@ -83,7 +89,7 @@ export type SdCheckboxEvents = {
|
|
|
83
89
|
export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
|
|
84
90
|
export type SdConfirmModalEvents = {
|
|
85
91
|
onSdClose: EventName<CustomEvent<void>>;
|
|
86
|
-
|
|
92
|
+
onSdOk: EventName<CustomEvent<void>>;
|
|
87
93
|
};
|
|
88
94
|
export declare const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConfirmModalEvents>;
|
|
89
95
|
export type SdDateBoxEvents = {
|
|
@@ -143,11 +149,6 @@ export type SdLoadingSpinnerEvents = NonNullable<unknown>;
|
|
|
143
149
|
export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
|
|
144
150
|
export type SdModalContainerEvents = NonNullable<unknown>;
|
|
145
151
|
export declare const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents>;
|
|
146
|
-
export type SdNoticeModalEvents = {
|
|
147
|
-
onSdClose: EventName<CustomEvent<void>>;
|
|
148
|
-
onSdConfirm: EventName<CustomEvent<void>>;
|
|
149
|
-
};
|
|
150
|
-
export declare const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents>;
|
|
151
152
|
export type SdNumberInputEvents = {
|
|
152
153
|
onSdUpdate: EventName<CustomEvent<number | null>>;
|
|
153
154
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
|
|
@@ -247,7 +248,7 @@ export type SdSelectV2ListItemSearchEvents = {
|
|
|
247
248
|
};
|
|
248
249
|
export declare const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemSearchElement, SdSelectV2ListItemSearchEvents>;
|
|
249
250
|
export type SdSelectV2ListboxEvents = {
|
|
250
|
-
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
251
|
+
onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>>;
|
|
251
252
|
};
|
|
252
253
|
export declare const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>;
|
|
253
254
|
export type SdSelectV2TriggerEvents = {
|
|
@@ -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: {
|
|
@@ -274,23 +301,6 @@ export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
|
274
301
|
clientModule: clientComponents.SdModalContainer,
|
|
275
302
|
serializeShadowRoot,
|
|
276
303
|
});
|
|
277
|
-
export const SdNoticeModal = /*@__PURE__*/ createComponent({
|
|
278
|
-
tagName: 'sd-notice-modal',
|
|
279
|
-
properties: {
|
|
280
|
-
modalTitle: 'modal-title',
|
|
281
|
-
titleClass: 'title-class',
|
|
282
|
-
mainButtonLabel: 'main-button-label',
|
|
283
|
-
subButtonLabel: 'sub-button-label',
|
|
284
|
-
tagPreset: 'tag-preset',
|
|
285
|
-
tagLabel: 'tag-label',
|
|
286
|
-
slotLabel: 'slot-label',
|
|
287
|
-
topMessage: 'topMessage',
|
|
288
|
-
bottomMessage: 'bottomMessage'
|
|
289
|
-
},
|
|
290
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
291
|
-
clientModule: clientComponents.SdNoticeModal,
|
|
292
|
-
serializeShadowRoot,
|
|
293
|
-
});
|
|
294
304
|
export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
295
305
|
tagName: 'sd-number-input',
|
|
296
306
|
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";
|
|
@@ -78,6 +78,40 @@ export const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents> = /*@
|
|
|
78
78
|
serializeShadowRoot,
|
|
79
79
|
});
|
|
80
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
|
+
|
|
81
115
|
export type SdButtonEvents = { onSdClick: EventName<SdButtonCustomEvent<MouseEvent>> };
|
|
82
116
|
|
|
83
117
|
export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> = /*@__PURE__*/ createComponent<SdButtonElement, SdButtonEvents>({
|
|
@@ -161,7 +195,7 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
|
|
|
161
195
|
|
|
162
196
|
export type SdConfirmModalEvents = {
|
|
163
197
|
onSdClose: EventName<CustomEvent<void>>,
|
|
164
|
-
|
|
198
|
+
onSdOk: EventName<CustomEvent<void>>
|
|
165
199
|
};
|
|
166
200
|
|
|
167
201
|
export const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConfirmModalEvents> = /*@__PURE__*/ createComponent<SdConfirmModalElement, SdConfirmModalEvents>({
|
|
@@ -417,29 +451,6 @@ export const SdModalContainer: StencilReactComponent<SdModalContainerElement, Sd
|
|
|
417
451
|
serializeShadowRoot,
|
|
418
452
|
});
|
|
419
453
|
|
|
420
|
-
export type SdNoticeModalEvents = {
|
|
421
|
-
onSdClose: EventName<CustomEvent<void>>,
|
|
422
|
-
onSdConfirm: EventName<CustomEvent<void>>
|
|
423
|
-
};
|
|
424
|
-
|
|
425
|
-
export const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents> = /*@__PURE__*/ createComponent<SdNoticeModalElement, SdNoticeModalEvents>({
|
|
426
|
-
tagName: 'sd-notice-modal',
|
|
427
|
-
properties: {
|
|
428
|
-
modalTitle: 'modal-title',
|
|
429
|
-
titleClass: 'title-class',
|
|
430
|
-
mainButtonLabel: 'main-button-label',
|
|
431
|
-
subButtonLabel: 'sub-button-label',
|
|
432
|
-
tagPreset: 'tag-preset',
|
|
433
|
-
tagLabel: 'tag-label',
|
|
434
|
-
slotLabel: 'slot-label',
|
|
435
|
-
topMessage: 'topMessage',
|
|
436
|
-
bottomMessage: 'bottomMessage'
|
|
437
|
-
},
|
|
438
|
-
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
439
|
-
clientModule: clientComponents.SdNoticeModal as ReactWebComponent<SdNoticeModalElement, SdNoticeModalEvents>,
|
|
440
|
-
serializeShadowRoot,
|
|
441
|
-
});
|
|
442
|
-
|
|
443
454
|
export type SdNumberInputEvents = {
|
|
444
455
|
onSdUpdate: EventName<CustomEvent<number | null>>,
|
|
445
456
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
|
|
@@ -861,7 +872,7 @@ export const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemS
|
|
|
861
872
|
serializeShadowRoot,
|
|
862
873
|
});
|
|
863
874
|
|
|
864
|
-
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
875
|
+
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>> };
|
|
865
876
|
|
|
866
877
|
export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
|
|
867
878
|
tagName: 'sd-select-v2-listbox',
|
|
@@ -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";
|
|
@@ -74,6 +74,25 @@ export const SdBadge: StencilReactComponent<SdBadgeElement, SdBadgeEvents> = /*@
|
|
|
74
74
|
defineCustomElement: defineSdBadge
|
|
75
75
|
});
|
|
76
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
|
+
|
|
77
96
|
export type SdButtonEvents = { onSdClick: EventName<SdButtonCustomEvent<MouseEvent>> };
|
|
78
97
|
|
|
79
98
|
export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents> = /*@__PURE__*/ createComponent<SdButtonElement, SdButtonEvents>({
|
|
@@ -137,7 +156,7 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
|
|
|
137
156
|
|
|
138
157
|
export type SdConfirmModalEvents = {
|
|
139
158
|
onSdClose: EventName<CustomEvent<void>>,
|
|
140
|
-
|
|
159
|
+
onSdOk: EventName<CustomEvent<void>>
|
|
141
160
|
};
|
|
142
161
|
|
|
143
162
|
export const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConfirmModalEvents> = /*@__PURE__*/ createComponent<SdConfirmModalElement, SdConfirmModalEvents>({
|
|
@@ -147,7 +166,7 @@ export const SdConfirmModal: StencilReactComponent<SdConfirmModalElement, SdConf
|
|
|
147
166
|
react: React,
|
|
148
167
|
events: {
|
|
149
168
|
onSdClose: 'sdClose',
|
|
150
|
-
|
|
169
|
+
onSdOk: 'sdOk'
|
|
151
170
|
} as SdConfirmModalEvents,
|
|
152
171
|
defineCustomElement: defineSdConfirmModal
|
|
153
172
|
});
|
|
@@ -333,23 +352,6 @@ export const SdModalContainer: StencilReactComponent<SdModalContainerElement, Sd
|
|
|
333
352
|
defineCustomElement: defineSdModalContainer
|
|
334
353
|
});
|
|
335
354
|
|
|
336
|
-
export type SdNoticeModalEvents = {
|
|
337
|
-
onSdClose: EventName<CustomEvent<void>>,
|
|
338
|
-
onSdConfirm: EventName<CustomEvent<void>>
|
|
339
|
-
};
|
|
340
|
-
|
|
341
|
-
export const SdNoticeModal: StencilReactComponent<SdNoticeModalElement, SdNoticeModalEvents> = /*@__PURE__*/ createComponent<SdNoticeModalElement, SdNoticeModalEvents>({
|
|
342
|
-
tagName: 'sd-notice-modal',
|
|
343
|
-
elementClass: SdNoticeModalElement,
|
|
344
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
345
|
-
react: React,
|
|
346
|
-
events: {
|
|
347
|
-
onSdClose: 'sdClose',
|
|
348
|
-
onSdConfirm: 'sdConfirm'
|
|
349
|
-
} as SdNoticeModalEvents,
|
|
350
|
-
defineCustomElement: defineSdNoticeModal
|
|
351
|
-
});
|
|
352
|
-
|
|
353
355
|
export type SdNumberInputEvents = {
|
|
354
356
|
onSdUpdate: EventName<CustomEvent<number | null>>,
|
|
355
357
|
onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
|
|
@@ -634,7 +636,7 @@ export const SdSelectV2ListItemSearch: StencilReactComponent<SdSelectV2ListItemS
|
|
|
634
636
|
defineCustomElement: defineSdSelectV2ListItemSearch
|
|
635
637
|
});
|
|
636
638
|
|
|
637
|
-
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<
|
|
639
|
+
export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2ListboxCustomEvent<SelectV2OptionSelectDetail>> };
|
|
638
640
|
|
|
639
641
|
export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
|
|
640
642
|
tagName: 'sd-select-v2-listbox',
|
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.42",
|
|
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.42",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|