@sellmate/design-system-react 0.0.47 → 0.0.49

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.
@@ -2,7 +2,7 @@
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 Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -14,6 +14,7 @@ import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/componen
14
14
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
15
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
16
16
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
17
+ import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
17
18
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
18
19
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
19
20
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -72,6 +73,11 @@ export type SdInputEvents = {
72
73
  export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
73
74
  export type SdLoadingSpinnerEvents = NonNullable<unknown>;
74
75
  export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
76
+ export type SdModalCardEvents = {
77
+ onSdClose: EventName<SdModalCardCustomEvent<MouseEvent>>;
78
+ onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>;
79
+ };
80
+ export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
75
81
  export type SdPaginationEvents = {
76
82
  onPageChange: EventName<CustomEvent<number>>;
77
83
  };
@@ -10,6 +10,7 @@ import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from
10
10
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
11
11
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
12
12
  import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
13
+ import { SdModalCard as SdModalCardElement, defineCustomElement as defineSdModalCard } from "@sellmate/design-system/dist/components/sd-modal-card.js";
13
14
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
14
15
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
15
16
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -127,6 +128,17 @@ export const SdLoadingSpinner = /*@__PURE__*/ createComponent({
127
128
  events: {},
128
129
  defineCustomElement: defineSdLoadingSpinner
129
130
  });
131
+ export const SdModalCard = /*@__PURE__*/ createComponent({
132
+ tagName: 'sd-modal-card',
133
+ elementClass: SdModalCardElement,
134
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
135
+ react: React,
136
+ events: {
137
+ onSdClose: 'sdClose',
138
+ onSdConfirm: 'sdConfirm'
139
+ },
140
+ defineCustomElement: defineSdModalCard
141
+ });
130
142
  export const SdPagination = /*@__PURE__*/ createComponent({
131
143
  tagName: 'sd-pagination',
132
144
  elementClass: SdPaginationElement,
@@ -2,7 +2,7 @@
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 Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -14,6 +14,7 @@ import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/componen
14
14
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
15
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
16
16
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
17
+ import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
17
18
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
18
19
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
19
20
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -74,6 +75,11 @@ export type SdInputEvents = {
74
75
  export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
75
76
  export type SdLoadingSpinnerEvents = NonNullable<unknown>;
76
77
  export declare const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, SdLoadingSpinnerEvents>;
78
+ export type SdModalCardEvents = {
79
+ onSdClose: EventName<SdModalCardCustomEvent<MouseEvent>>;
80
+ onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>;
81
+ };
82
+ export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
77
83
  export type SdPaginationEvents = {
78
84
  onPageChange: EventName<CustomEvent<number>>;
79
85
  };
@@ -105,6 +105,7 @@ export const SdGuide = /*@__PURE__*/ createComponent({
105
105
  label: 'label',
106
106
  message: 'message',
107
107
  guideUrl: 'guide-url',
108
+ popupTitle: 'popup-title',
108
109
  popupWidth: 'popup-width'
109
110
  },
110
111
  hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -150,6 +151,20 @@ export const SdLoadingSpinner = /*@__PURE__*/ createComponent({
150
151
  clientModule: clientComponents.SdLoadingSpinner,
151
152
  serializeShadowRoot,
152
153
  });
154
+ export const SdModalCard = /*@__PURE__*/ createComponent({
155
+ tagName: 'sd-modal-card',
156
+ properties: {
157
+ type: 'type',
158
+ system: 'system',
159
+ useCloseButton: 'use-close-button',
160
+ modalTitle: 'modal-title',
161
+ buttonFlexDirection: 'button-flex-direction',
162
+ modalClass: 'modal-class'
163
+ },
164
+ hydrateModule: import('@sellmate/design-system/hydrate'),
165
+ clientModule: clientComponents.SdModalCard,
166
+ serializeShadowRoot,
167
+ });
153
168
  export const SdPagination = /*@__PURE__*/ createComponent({
154
169
  tagName: 'sd-pagination',
155
170
  properties: {
@@ -317,7 +332,10 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
317
332
  noDataLabel: 'no-data-label',
318
333
  isLoading: 'is-loading',
319
334
  useInternalPagination: 'use-internal-pagination',
320
- useRowsPerPageSelect: 'use-rows-per-page-select'
335
+ useRowsPerPageSelect: 'use-rows-per-page-select',
336
+ useVirtualScroll: 'use-virtual-scroll',
337
+ virtualRowHeight: 'virtual-row-height',
338
+ virtualBufferSize: 'virtual-buffer-size'
321
339
  },
322
340
  hydrateModule: import('@sellmate/design-system/hydrate'),
323
341
  clientModule: clientComponents.SdTableBackup,
@@ -8,7 +8,7 @@
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 Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
+ import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
12
12
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
13
13
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
14
14
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -20,6 +20,7 @@ import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/componen
20
20
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
21
21
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
22
22
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
23
+ import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
23
24
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
24
25
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
25
26
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -167,6 +168,7 @@ export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@
167
168
  label: 'label',
168
169
  message: 'message',
169
170
  guideUrl: 'guide-url',
171
+ popupTitle: 'popup-title',
170
172
  popupWidth: 'popup-width'
171
173
  },
172
174
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
@@ -228,6 +230,26 @@ export const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, Sd
228
230
  serializeShadowRoot,
229
231
  });
230
232
 
233
+ export type SdModalCardEvents = {
234
+ onSdClose: EventName<SdModalCardCustomEvent<MouseEvent>>,
235
+ onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>
236
+ };
237
+
238
+ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents> = /*@__PURE__*/ createComponent<SdModalCardElement, SdModalCardEvents>({
239
+ tagName: 'sd-modal-card',
240
+ properties: {
241
+ type: 'type',
242
+ system: 'system',
243
+ useCloseButton: 'use-close-button',
244
+ modalTitle: 'modal-title',
245
+ buttonFlexDirection: 'button-flex-direction',
246
+ modalClass: 'modal-class'
247
+ },
248
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
249
+ clientModule: clientComponents.SdModalCard as ReactWebComponent<SdModalCardElement, SdModalCardEvents>,
250
+ serializeShadowRoot,
251
+ });
252
+
231
253
  export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
232
254
 
233
255
  export const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents> = /*@__PURE__*/ createComponent<SdPaginationElement, SdPaginationEvents>({
@@ -457,7 +479,10 @@ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableB
457
479
  noDataLabel: 'no-data-label',
458
480
  isLoading: 'is-loading',
459
481
  useInternalPagination: 'use-internal-pagination',
460
- useRowsPerPageSelect: 'use-rows-per-page-select'
482
+ useRowsPerPageSelect: 'use-rows-per-page-select',
483
+ useVirtualScroll: 'use-virtual-scroll',
484
+ virtualRowHeight: 'virtual-row-height',
485
+ virtualBufferSize: 'virtual-buffer-size'
461
486
  },
462
487
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
463
488
  clientModule: clientComponents.SdTableBackup as ReactWebComponent<SdTableBackupElement, SdTableBackupEvents>,
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
10
+ import { type CheckedType, type Event, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
11
  import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
12
12
  import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
13
13
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -19,6 +19,7 @@ import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from
19
19
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
20
20
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
21
21
  import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
22
+ import { SdModalCard as SdModalCardElement, defineCustomElement as defineSdModalCard } from "@sellmate/design-system/dist/components/sd-modal-card.js";
22
23
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
23
24
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
24
25
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -180,6 +181,23 @@ export const SdLoadingSpinner: StencilReactComponent<SdLoadingSpinnerElement, Sd
180
181
  defineCustomElement: defineSdLoadingSpinner
181
182
  });
182
183
 
184
+ export type SdModalCardEvents = {
185
+ onSdClose: EventName<SdModalCardCustomEvent<MouseEvent>>,
186
+ onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>
187
+ };
188
+
189
+ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents> = /*@__PURE__*/ createComponent<SdModalCardElement, SdModalCardEvents>({
190
+ tagName: 'sd-modal-card',
191
+ elementClass: SdModalCardElement,
192
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
193
+ react: React,
194
+ events: {
195
+ onSdClose: 'sdClose',
196
+ onSdConfirm: 'sdConfirm'
197
+ } as SdModalCardEvents,
198
+ defineCustomElement: defineSdModalCard
199
+ });
200
+
183
201
  export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
184
202
 
185
203
  export const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents> = /*@__PURE__*/ createComponent<SdPaginationElement, SdPaginationEvents>({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "0.0.47",
3
+ "version": "0.0.49",
4
4
  "description": "Design System - React Component Wrappers",
5
5
  "keywords": [
6
6
  "react",
@@ -68,5 +68,5 @@
68
68
  "rimraf": "^6.0.1",
69
69
  "typescript": "^5.9.3"
70
70
  },
71
- "gitHead": "419ad125f8b1563468d4d3598a12584c215efbc5"
71
+ "gitHead": "7f906f54333b2825e32e17a85bec63e0319bb393"
72
72
  }