@sellmate/design-system-react 1.0.50 → 1.0.52
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 +4 -0
- package/dist/components/components.js +4 -1
- package/dist/components/components.server.d.ts +4 -0
- package/dist/components/components.server.js +17 -1
- package/lib/components/components.server.ts +21 -2
- package/lib/components/components.ts +8 -2
- package/package.json +2 -2
|
@@ -130,6 +130,10 @@ export type SdFieldEvents = NonNullable<unknown>;
|
|
|
130
130
|
export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents>;
|
|
131
131
|
export type SdFilePickerEvents = {
|
|
132
132
|
onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
|
|
133
|
+
onSdReject: EventName<SdFilePickerCustomEvent<{
|
|
134
|
+
files: File[];
|
|
135
|
+
reason: 'max-file-size' | 'max-total-size' | 'max-files';
|
|
136
|
+
}>>;
|
|
133
137
|
};
|
|
134
138
|
export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
|
|
135
139
|
export type SdFloatingPortalEvents = {
|
|
@@ -197,7 +197,10 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
|
|
|
197
197
|
elementClass: SdFilePickerElement,
|
|
198
198
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
199
199
|
react: React,
|
|
200
|
-
events: {
|
|
200
|
+
events: {
|
|
201
|
+
onSdUpdate: 'sdUpdate',
|
|
202
|
+
onSdReject: 'sdReject'
|
|
203
|
+
},
|
|
201
204
|
defineCustomElement: defineSdFilePicker
|
|
202
205
|
});
|
|
203
206
|
export const SdFloatingPortal = /*@__PURE__*/ createComponent({
|
|
@@ -132,6 +132,10 @@ export type SdFieldEvents = NonNullable<unknown>;
|
|
|
132
132
|
export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents>;
|
|
133
133
|
export type SdFilePickerEvents = {
|
|
134
134
|
onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
|
|
135
|
+
onSdReject: EventName<SdFilePickerCustomEvent<{
|
|
136
|
+
files: File[];
|
|
137
|
+
reason: 'max-file-size' | 'max-total-size' | 'max-files';
|
|
138
|
+
}>>;
|
|
135
139
|
};
|
|
136
140
|
export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
|
|
137
141
|
export type SdFloatingPortalEvents = {
|
|
@@ -217,7 +217,22 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
|
|
|
217
217
|
inline: 'inline',
|
|
218
218
|
multiple: 'multiple',
|
|
219
219
|
accept: 'accept',
|
|
220
|
-
|
|
220
|
+
maxFileSize: 'max-file-size',
|
|
221
|
+
maxTotalSize: 'max-total-size',
|
|
222
|
+
maxFiles: 'max-files',
|
|
223
|
+
name: 'name',
|
|
224
|
+
label: 'label',
|
|
225
|
+
addonLabel: 'addon-label',
|
|
226
|
+
hint: 'hint',
|
|
227
|
+
errorMessage: 'error-message',
|
|
228
|
+
width: 'width',
|
|
229
|
+
error: 'error',
|
|
230
|
+
status: 'status',
|
|
231
|
+
labelTooltip: 'label-tooltip',
|
|
232
|
+
focused: 'focused',
|
|
233
|
+
hovered: 'hovered',
|
|
234
|
+
value: 'value',
|
|
235
|
+
rules: 'rules'
|
|
221
236
|
},
|
|
222
237
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
223
238
|
clientModule: clientComponents.SdFilePicker,
|
|
@@ -702,6 +717,7 @@ export const SdTextLink = /*@__PURE__*/ createComponent({
|
|
|
702
717
|
label: 'label',
|
|
703
718
|
icon: 'icon',
|
|
704
719
|
iconColor: 'icon-color',
|
|
720
|
+
labelColor: 'label-color',
|
|
705
721
|
useArrow: 'use-arrow',
|
|
706
722
|
underline: 'underline',
|
|
707
723
|
disabled: 'disabled'
|
|
@@ -337,7 +337,10 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
|
|
|
337
337
|
serializeShadowRoot,
|
|
338
338
|
});
|
|
339
339
|
|
|
340
|
-
export type SdFilePickerEvents = {
|
|
340
|
+
export type SdFilePickerEvents = {
|
|
341
|
+
onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>,
|
|
342
|
+
onSdReject: EventName<SdFilePickerCustomEvent<{ files: File[]; reason: 'max-file-size' | 'max-total-size' | 'max-files' }>>
|
|
343
|
+
};
|
|
341
344
|
|
|
342
345
|
export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
|
|
343
346
|
tagName: 'sd-file-picker',
|
|
@@ -347,7 +350,22 @@ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePick
|
|
|
347
350
|
inline: 'inline',
|
|
348
351
|
multiple: 'multiple',
|
|
349
352
|
accept: 'accept',
|
|
350
|
-
|
|
353
|
+
maxFileSize: 'max-file-size',
|
|
354
|
+
maxTotalSize: 'max-total-size',
|
|
355
|
+
maxFiles: 'max-files',
|
|
356
|
+
name: 'name',
|
|
357
|
+
label: 'label',
|
|
358
|
+
addonLabel: 'addon-label',
|
|
359
|
+
hint: 'hint',
|
|
360
|
+
errorMessage: 'error-message',
|
|
361
|
+
width: 'width',
|
|
362
|
+
error: 'error',
|
|
363
|
+
status: 'status',
|
|
364
|
+
labelTooltip: 'label-tooltip',
|
|
365
|
+
focused: 'focused',
|
|
366
|
+
hovered: 'hovered',
|
|
367
|
+
value: 'value',
|
|
368
|
+
rules: 'rules'
|
|
351
369
|
},
|
|
352
370
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
353
371
|
clientModule: clientComponents.SdFilePicker as ReactWebComponent<SdFilePickerElement, SdFilePickerEvents>,
|
|
@@ -981,6 +999,7 @@ export const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEven
|
|
|
981
999
|
label: 'label',
|
|
982
1000
|
icon: 'icon',
|
|
983
1001
|
iconColor: 'icon-color',
|
|
1002
|
+
labelColor: 'label-color',
|
|
984
1003
|
useArrow: 'use-arrow',
|
|
985
1004
|
underline: 'underline',
|
|
986
1005
|
disabled: 'disabled'
|
|
@@ -271,14 +271,20 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
|
|
|
271
271
|
defineCustomElement: defineSdField
|
|
272
272
|
});
|
|
273
273
|
|
|
274
|
-
export type SdFilePickerEvents = {
|
|
274
|
+
export type SdFilePickerEvents = {
|
|
275
|
+
onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>,
|
|
276
|
+
onSdReject: EventName<SdFilePickerCustomEvent<{ files: File[]; reason: 'max-file-size' | 'max-total-size' | 'max-files' }>>
|
|
277
|
+
};
|
|
275
278
|
|
|
276
279
|
export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
|
|
277
280
|
tagName: 'sd-file-picker',
|
|
278
281
|
elementClass: SdFilePickerElement,
|
|
279
282
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
280
283
|
react: React,
|
|
281
|
-
events: {
|
|
284
|
+
events: {
|
|
285
|
+
onSdUpdate: 'sdUpdate',
|
|
286
|
+
onSdReject: 'sdReject'
|
|
287
|
+
} as SdFilePickerEvents,
|
|
282
288
|
defineCustomElement: defineSdFilePicker
|
|
283
289
|
});
|
|
284
290
|
|
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.52",
|
|
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.52",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|