@sellmate/design-system-react 1.0.50 → 1.0.51

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.
Files changed (7) hide show
  1. package/dist/components/components.d.ts +4 -0
  2. package/dist/components/components.js +4 -1
  3. package/dist/components/components.server.d.ts +4 -0
  4. package/dist/components/components.server.js +16 -1
  5. package/lib/components/components.server.ts +20 -2
  6. package/lib/components/components.ts +8 -2
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -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 = {
package/dist/components/components.js CHANGED
@@ -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: { onSdUpdate: 'sdUpdate' },
200
+ events: {
201
+ onSdUpdate: 'sdUpdate',
202
+ onSdReject: 'sdReject'
203
+ },
201
204
  defineCustomElement: defineSdFilePicker
202
205
  });
203
206
  export const SdFloatingPortal = /*@__PURE__*/ createComponent({
package/dist/components/components.server.d.ts CHANGED
@@ -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 = {
package/dist/components/components.server.js CHANGED
@@ -217,7 +217,22 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
217
217
  inline: 'inline',
218
218
  multiple: 'multiple',
219
219
  accept: 'accept',
220
- value: 'value'
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,
package/lib/components/components.server.ts CHANGED
@@ -337,7 +337,10 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
337
337
  serializeShadowRoot,
338
338
  });
339
339
 
340
- export type SdFilePickerEvents = { onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
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
- value: 'value'
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>,
package/lib/components/components.ts CHANGED
@@ -271,14 +271,20 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
271
271
  defineCustomElement: defineSdField
272
272
  });
273
273
 
274
- export type SdFilePickerEvents = { onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
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: { onSdUpdate: 'sdUpdate' } as SdFilePickerEvents,
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.50",
3
+ "version": "1.0.51",
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.50",
57
+ "@sellmate/design-system": "^1.0.51",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {