@sellmate/design-system-react 1.0.66 → 1.0.68
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 +8 -0
- package/dist/components/components.js +14 -0
- package/dist/components/components.server.d.ts +8 -0
- package/dist/components/components.server.js +17 -2
- package/lib/components/components.server.ts +25 -2
- package/lib/components/components.ts +22 -0
- package/package.json +2 -2
|
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
|
|
|
11
11
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
12
12
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
13
13
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
14
|
+
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
14
15
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
15
16
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
16
17
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -103,6 +104,13 @@ export type SdCheckboxEvents = {
|
|
|
103
104
|
onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
|
|
104
105
|
};
|
|
105
106
|
export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
|
|
107
|
+
export type SdChipEvents = {
|
|
108
|
+
onSdUpdate: EventName<CustomEvent<string>>;
|
|
109
|
+
onSdRemove: EventName<CustomEvent<void>>;
|
|
110
|
+
onSdFocus: EventName<CustomEvent<void>>;
|
|
111
|
+
onSdBlur: EventName<CustomEvent<void>>;
|
|
112
|
+
};
|
|
113
|
+
export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
|
|
106
114
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
107
115
|
export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
|
|
108
116
|
export type SdConfirmModalEvents = {
|
|
@@ -7,6 +7,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
|
|
|
7
7
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
8
8
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
9
9
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
10
|
+
import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
10
11
|
import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
11
12
|
import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
12
13
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -139,6 +140,19 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
|
|
|
139
140
|
events: { onSdUpdate: 'sdUpdate' },
|
|
140
141
|
defineCustomElement: defineSdCheckbox
|
|
141
142
|
});
|
|
143
|
+
export const SdChip = /*@__PURE__*/ createComponent({
|
|
144
|
+
tagName: 'sd-chip',
|
|
145
|
+
elementClass: SdChipElement,
|
|
146
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
147
|
+
react: React,
|
|
148
|
+
events: {
|
|
149
|
+
onSdUpdate: 'sdUpdate',
|
|
150
|
+
onSdRemove: 'sdRemove',
|
|
151
|
+
onSdFocus: 'sdFocus',
|
|
152
|
+
onSdBlur: 'sdBlur'
|
|
153
|
+
},
|
|
154
|
+
defineCustomElement: defineSdChip
|
|
155
|
+
});
|
|
142
156
|
export const SdCircleProgress = /*@__PURE__*/ createComponent({
|
|
143
157
|
tagName: 'sd-circle-progress',
|
|
144
158
|
elementClass: SdCircleProgressElement,
|
|
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
|
|
|
11
11
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
12
12
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
13
13
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
14
|
+
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
14
15
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
15
16
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
16
17
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -105,6 +106,13 @@ export type SdCheckboxEvents = {
|
|
|
105
106
|
onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
|
|
106
107
|
};
|
|
107
108
|
export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
|
|
109
|
+
export type SdChipEvents = {
|
|
110
|
+
onSdUpdate: EventName<CustomEvent<string>>;
|
|
111
|
+
onSdRemove: EventName<CustomEvent<void>>;
|
|
112
|
+
onSdFocus: EventName<CustomEvent<void>>;
|
|
113
|
+
onSdBlur: EventName<CustomEvent<void>>;
|
|
114
|
+
};
|
|
115
|
+
export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
|
|
108
116
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
109
117
|
export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
|
|
110
118
|
export type SdConfirmModalEvents = {
|
|
@@ -121,6 +121,20 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
|
|
|
121
121
|
clientModule: clientComponents.SdCheckbox,
|
|
122
122
|
serializeShadowRoot,
|
|
123
123
|
});
|
|
124
|
+
export const SdChip = /*@__PURE__*/ createComponent({
|
|
125
|
+
tagName: 'sd-chip',
|
|
126
|
+
properties: {
|
|
127
|
+
name: 'name',
|
|
128
|
+
value: 'value',
|
|
129
|
+
error: 'error',
|
|
130
|
+
disabled: 'disabled',
|
|
131
|
+
placeholder: 'placeholder',
|
|
132
|
+
rules: 'rules'
|
|
133
|
+
},
|
|
134
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
135
|
+
clientModule: clientComponents.SdChip,
|
|
136
|
+
serializeShadowRoot,
|
|
137
|
+
});
|
|
124
138
|
export const SdCircleProgress = /*@__PURE__*/ createComponent({
|
|
125
139
|
tagName: 'sd-circle-progress',
|
|
126
140
|
properties: {
|
|
@@ -340,7 +354,7 @@ export const SdGuide = /*@__PURE__*/ createComponent({
|
|
|
340
354
|
type: 'type',
|
|
341
355
|
label: 'label',
|
|
342
356
|
message: 'message',
|
|
343
|
-
|
|
357
|
+
url: 'url',
|
|
344
358
|
popupTitle: 'popup-title',
|
|
345
359
|
popupWidth: 'popup-width'
|
|
346
360
|
},
|
|
@@ -408,6 +422,7 @@ export const SdLoadingModal = /*@__PURE__*/ createComponent({
|
|
|
408
422
|
properties: {
|
|
409
423
|
state: 'state',
|
|
410
424
|
message: 'message',
|
|
425
|
+
useButton: 'use-button',
|
|
411
426
|
buttonLabel: 'button-label',
|
|
412
427
|
width: 'width',
|
|
413
428
|
height: 'height'
|
|
@@ -418,7 +433,7 @@ export const SdLoadingModal = /*@__PURE__*/ createComponent({
|
|
|
418
433
|
});
|
|
419
434
|
export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
420
435
|
tagName: 'sd-modal-container',
|
|
421
|
-
properties: {},
|
|
436
|
+
properties: { autoRemove: 'auto-remove' },
|
|
422
437
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
423
438
|
clientModule: clientComponents.SdModalContainer,
|
|
424
439
|
serializeShadowRoot,
|
|
@@ -17,6 +17,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
|
|
|
17
17
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
18
18
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
19
19
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
20
|
+
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
20
21
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
21
22
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
22
23
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -225,6 +226,27 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
|
|
|
225
226
|
serializeShadowRoot,
|
|
226
227
|
});
|
|
227
228
|
|
|
229
|
+
export type SdChipEvents = {
|
|
230
|
+
onSdUpdate: EventName<CustomEvent<string>>,
|
|
231
|
+
onSdRemove: EventName<CustomEvent<void>>,
|
|
232
|
+
onSdFocus: EventName<CustomEvent<void>>,
|
|
233
|
+
onSdBlur: EventName<CustomEvent<void>>
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents> = /*@__PURE__*/ createComponent<SdChipElement, SdChipEvents>({
|
|
237
|
+
tagName: 'sd-chip',
|
|
238
|
+
properties: {
|
|
239
|
+
name: 'name',
|
|
240
|
+
value: 'value',
|
|
241
|
+
error: 'error',
|
|
242
|
+
disabled: 'disabled',
|
|
243
|
+
placeholder: 'placeholder',
|
|
244
|
+
rules: 'rules'},
|
|
245
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
246
|
+
clientModule: clientComponents.SdChip as ReactWebComponent<SdChipElement, SdChipEvents>,
|
|
247
|
+
serializeShadowRoot,
|
|
248
|
+
});
|
|
249
|
+
|
|
228
250
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
229
251
|
|
|
230
252
|
export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents>({
|
|
@@ -513,7 +535,7 @@ export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@
|
|
|
513
535
|
type: 'type',
|
|
514
536
|
label: 'label',
|
|
515
537
|
message: 'message',
|
|
516
|
-
|
|
538
|
+
url: 'url',
|
|
517
539
|
popupTitle: 'popup-title',
|
|
518
540
|
popupWidth: 'popup-width'},
|
|
519
541
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
@@ -595,6 +617,7 @@ export const SdLoadingModal: StencilReactComponent<SdLoadingModalElement, SdLoad
|
|
|
595
617
|
properties: {
|
|
596
618
|
state: 'state',
|
|
597
619
|
message: 'message',
|
|
620
|
+
useButton: 'use-button',
|
|
598
621
|
buttonLabel: 'button-label',
|
|
599
622
|
width: 'width',
|
|
600
623
|
height: 'height'
|
|
@@ -608,7 +631,7 @@ export type SdModalContainerEvents = NonNullable<unknown>;
|
|
|
608
631
|
|
|
609
632
|
export const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents> = /*@__PURE__*/ createComponent<SdModalContainerElement, SdModalContainerEvents>({
|
|
610
633
|
tagName: 'sd-modal-container',
|
|
611
|
-
properties: {},
|
|
634
|
+
properties: { autoRemove: 'auto-remove' },
|
|
612
635
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
613
636
|
clientModule: clientComponents.SdModalContainer as ReactWebComponent<SdModalContainerElement, SdModalContainerEvents>,
|
|
614
637
|
serializeShadowRoot,
|
|
@@ -16,6 +16,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
|
|
|
16
16
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
17
17
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
18
18
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
19
|
+
import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
19
20
|
import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
20
21
|
import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
21
22
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -184,6 +185,27 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
|
|
|
184
185
|
defineCustomElement: defineSdCheckbox
|
|
185
186
|
});
|
|
186
187
|
|
|
188
|
+
export type SdChipEvents = {
|
|
189
|
+
onSdUpdate: EventName<CustomEvent<string>>,
|
|
190
|
+
onSdRemove: EventName<CustomEvent<void>>,
|
|
191
|
+
onSdFocus: EventName<CustomEvent<void>>,
|
|
192
|
+
onSdBlur: EventName<CustomEvent<void>>
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents> = /*@__PURE__*/ createComponent<SdChipElement, SdChipEvents>({
|
|
196
|
+
tagName: 'sd-chip',
|
|
197
|
+
elementClass: SdChipElement,
|
|
198
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
199
|
+
react: React,
|
|
200
|
+
events: {
|
|
201
|
+
onSdUpdate: 'sdUpdate',
|
|
202
|
+
onSdRemove: 'sdRemove',
|
|
203
|
+
onSdFocus: 'sdFocus',
|
|
204
|
+
onSdBlur: 'sdBlur'
|
|
205
|
+
} as SdChipEvents,
|
|
206
|
+
defineCustomElement: defineSdChip
|
|
207
|
+
});
|
|
208
|
+
|
|
187
209
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
188
210
|
|
|
189
211
|
export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents>({
|
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.68",
|
|
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.68",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|