@sellmate/design-system-react 0.0.35 → 0.0.37
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 +3 -0
- package/dist/components/components.js +9 -0
- package/dist/components/components.server.d.ts +3 -0
- package/dist/components/components.server.js +16 -1
- package/lib/components/components.server.ts +20 -1
- package/lib/components/components.ts +12 -0
- package/package.json +3 -3
|
@@ -17,6 +17,7 @@ import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-sy
|
|
|
17
17
|
import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
18
18
|
import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
19
19
|
import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
|
|
20
|
+
import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
|
|
20
21
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
21
22
|
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
22
23
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -76,6 +77,8 @@ export type SdPortalEvents = {
|
|
|
76
77
|
onSdClose: EventName<CustomEvent<void>>;
|
|
77
78
|
};
|
|
78
79
|
export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
|
|
80
|
+
export type SdProgressEvents = NonNullable<unknown>;
|
|
81
|
+
export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
|
|
79
82
|
export type SdSelectEvents = {
|
|
80
83
|
onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
|
|
81
84
|
onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
|
|
@@ -13,6 +13,7 @@ import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as def
|
|
|
13
13
|
import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
14
14
|
import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
15
15
|
import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
|
|
16
|
+
import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
|
|
16
17
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
17
18
|
import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
18
19
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -145,6 +146,14 @@ export const SdPortal = /*@__PURE__*/ createComponent({
|
|
|
145
146
|
events: { onSdClose: 'sdClose' },
|
|
146
147
|
defineCustomElement: defineSdPortal
|
|
147
148
|
});
|
|
149
|
+
export const SdProgress = /*@__PURE__*/ createComponent({
|
|
150
|
+
tagName: 'sd-progress',
|
|
151
|
+
elementClass: SdProgressElement,
|
|
152
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
153
|
+
react: React,
|
|
154
|
+
events: {},
|
|
155
|
+
defineCustomElement: defineSdProgress
|
|
156
|
+
});
|
|
148
157
|
export const SdSelect = /*@__PURE__*/ createComponent({
|
|
149
158
|
tagName: 'sd-select',
|
|
150
159
|
elementClass: SdSelectElement,
|
|
@@ -17,6 +17,7 @@ import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-sy
|
|
|
17
17
|
import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
18
18
|
import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
19
19
|
import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
|
|
20
|
+
import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
|
|
20
21
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
21
22
|
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
22
23
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -78,6 +79,8 @@ export type SdPortalEvents = {
|
|
|
78
79
|
onSdClose: EventName<CustomEvent<void>>;
|
|
79
80
|
};
|
|
80
81
|
export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
|
|
82
|
+
export type SdProgressEvents = NonNullable<unknown>;
|
|
83
|
+
export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
|
|
81
84
|
export type SdSelectEvents = {
|
|
82
85
|
onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
|
|
83
86
|
onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
|
|
@@ -192,6 +192,20 @@ export const SdPortal = /*@__PURE__*/ createComponent({
|
|
|
192
192
|
clientModule: clientComponents.SdPortal,
|
|
193
193
|
serializeShadowRoot,
|
|
194
194
|
});
|
|
195
|
+
export const SdProgress = /*@__PURE__*/ createComponent({
|
|
196
|
+
tagName: 'sd-progress',
|
|
197
|
+
properties: {
|
|
198
|
+
type: 'type',
|
|
199
|
+
status: 'status',
|
|
200
|
+
percentage: 'percentage',
|
|
201
|
+
size: 'size',
|
|
202
|
+
strokeWidth: 'stroke-width',
|
|
203
|
+
label: 'label'
|
|
204
|
+
},
|
|
205
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
206
|
+
clientModule: clientComponents.SdProgress,
|
|
207
|
+
serializeShadowRoot,
|
|
208
|
+
});
|
|
195
209
|
export const SdSelect = /*@__PURE__*/ createComponent({
|
|
196
210
|
tagName: 'sd-select',
|
|
197
211
|
properties: {
|
|
@@ -237,7 +251,8 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
|
|
|
237
251
|
disabled: 'disabled',
|
|
238
252
|
clearable: 'clearable',
|
|
239
253
|
searchable: 'searchable',
|
|
240
|
-
useCheckbox: 'use-checkbox'
|
|
254
|
+
useCheckbox: 'use-checkbox',
|
|
255
|
+
useAll: 'use-all'
|
|
241
256
|
},
|
|
242
257
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
243
258
|
clientModule: clientComponents.SdSelectMultipleGroup,
|
|
@@ -23,6 +23,7 @@ import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-sy
|
|
|
23
23
|
import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
24
24
|
import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
25
25
|
import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
|
|
26
|
+
import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
|
|
26
27
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
27
28
|
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
28
29
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -273,6 +274,23 @@ export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> =
|
|
|
273
274
|
serializeShadowRoot,
|
|
274
275
|
});
|
|
275
276
|
|
|
277
|
+
export type SdProgressEvents = NonNullable<unknown>;
|
|
278
|
+
|
|
279
|
+
export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents> = /*@__PURE__*/ createComponent<SdProgressElement, SdProgressEvents>({
|
|
280
|
+
tagName: 'sd-progress',
|
|
281
|
+
properties: {
|
|
282
|
+
type: 'type',
|
|
283
|
+
status: 'status',
|
|
284
|
+
percentage: 'percentage',
|
|
285
|
+
size: 'size',
|
|
286
|
+
strokeWidth: 'stroke-width',
|
|
287
|
+
label: 'label'
|
|
288
|
+
},
|
|
289
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
290
|
+
clientModule: clientComponents.SdProgress as ReactWebComponent<SdProgressElement, SdProgressEvents>,
|
|
291
|
+
serializeShadowRoot,
|
|
292
|
+
});
|
|
293
|
+
|
|
276
294
|
export type SdSelectEvents = {
|
|
277
295
|
onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
|
|
278
296
|
onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
|
|
@@ -335,7 +353,8 @@ export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupE
|
|
|
335
353
|
disabled: 'disabled',
|
|
336
354
|
clearable: 'clearable',
|
|
337
355
|
searchable: 'searchable',
|
|
338
|
-
useCheckbox: 'use-checkbox'
|
|
356
|
+
useCheckbox: 'use-checkbox',
|
|
357
|
+
useAll: 'use-all'
|
|
339
358
|
},
|
|
340
359
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
341
360
|
clientModule: clientComponents.SdSelectMultipleGroup as ReactWebComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>,
|
|
@@ -22,6 +22,7 @@ import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as def
|
|
|
22
22
|
import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
|
|
23
23
|
import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
|
|
24
24
|
import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
|
|
25
|
+
import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
|
|
25
26
|
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
|
|
26
27
|
import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
27
28
|
import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
@@ -207,6 +208,17 @@ export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> =
|
|
|
207
208
|
defineCustomElement: defineSdPortal
|
|
208
209
|
});
|
|
209
210
|
|
|
211
|
+
export type SdProgressEvents = NonNullable<unknown>;
|
|
212
|
+
|
|
213
|
+
export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents> = /*@__PURE__*/ createComponent<SdProgressElement, SdProgressEvents>({
|
|
214
|
+
tagName: 'sd-progress',
|
|
215
|
+
elementClass: SdProgressElement,
|
|
216
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
217
|
+
react: React,
|
|
218
|
+
events: {} as SdProgressEvents,
|
|
219
|
+
defineCustomElement: defineSdProgress
|
|
220
|
+
});
|
|
221
|
+
|
|
210
222
|
export type SdSelectEvents = {
|
|
211
223
|
onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
|
|
212
224
|
onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.37",
|
|
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": "^0.0.
|
|
57
|
+
"@sellmate/design-system": "^0.0.32",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"rimraf": "^6.0.1",
|
|
69
69
|
"typescript": "^5.9.3"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "55ee6d7aa1f8ae5a8219d6119e6ba7edcefb9ef9"
|
|
72
72
|
}
|