@sellmate/design-system-react 0.0.59 → 0.0.60

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 +17 -1
  2. package/dist/components/components.js +16 -0
  3. package/dist/components/components.server.d.ts +17 -1
  4. package/dist/components/components.server.js +22 -0
  5. package/lib/components/components.server.ts +34 -1
  6. package/lib/components/components.ts +27 -1
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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";
@@ -16,6 +16,7 @@ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components
16
16
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
17
17
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
18
18
  import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
19
+ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
19
20
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
20
21
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
21
22
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -89,6 +90,21 @@ export type SdModalCardEvents = {
89
90
  onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>;
90
91
  };
91
92
  export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
93
+ export type SdNumberInputEvents = {
94
+ onSdIncrement: EventName<CustomEvent<{
95
+ currentVal: number;
96
+ prevVal: number;
97
+ }>>;
98
+ onSdDecrement: EventName<CustomEvent<{
99
+ currentVal: number;
100
+ prevVal: number;
101
+ }>>;
102
+ onSdInput: EventName<CustomEvent<number | null>>;
103
+ onSdChange: EventName<CustomEvent<number | null>>;
104
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
105
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>;
106
+ };
107
+ export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents>;
92
108
  export type SdPaginationEvents = {
93
109
  onPageChange: EventName<CustomEvent<number>>;
94
110
  };
package/dist/components/components.js CHANGED
@@ -12,6 +12,7 @@ import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@s
12
12
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
13
13
  import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
14
14
  import { SdModalCard as SdModalCardElement, defineCustomElement as defineSdModalCard } from "@sellmate/design-system/dist/components/sd-modal-card.js";
15
+ import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
15
16
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
16
17
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
17
18
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -154,6 +155,21 @@ export const SdModalCard = /*@__PURE__*/ createComponent({
154
155
  },
155
156
  defineCustomElement: defineSdModalCard
156
157
  });
158
+ export const SdNumberInput = /*@__PURE__*/ createComponent({
159
+ tagName: 'sd-number-input',
160
+ elementClass: SdNumberInputElement,
161
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
162
+ react: React,
163
+ events: {
164
+ onSdIncrement: 'sdIncrement',
165
+ onSdDecrement: 'sdDecrement',
166
+ onSdInput: 'sdInput',
167
+ onSdChange: 'sdChange',
168
+ onSdFocus: 'sdFocus',
169
+ onSdBlur: 'sdBlur'
170
+ },
171
+ defineCustomElement: defineSdNumberInput
172
+ });
157
173
  export const SdPagination = /*@__PURE__*/ createComponent({
158
174
  tagName: 'sd-pagination',
159
175
  elementClass: SdPaginationElement,
package/dist/components/components.server.d.ts CHANGED
@@ -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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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";
@@ -16,6 +16,7 @@ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components
16
16
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
17
17
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
18
18
  import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
19
+ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
19
20
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
20
21
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
21
22
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -91,6 +92,21 @@ export type SdModalCardEvents = {
91
92
  onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>;
92
93
  };
93
94
  export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
95
+ export type SdNumberInputEvents = {
96
+ onSdIncrement: EventName<CustomEvent<{
97
+ currentVal: number;
98
+ prevVal: number;
99
+ }>>;
100
+ onSdDecrement: EventName<CustomEvent<{
101
+ currentVal: number;
102
+ prevVal: number;
103
+ }>>;
104
+ onSdInput: EventName<CustomEvent<number | null>>;
105
+ onSdChange: EventName<CustomEvent<number | null>>;
106
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
107
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>;
108
+ };
109
+ export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents>;
94
110
  export type SdPaginationEvents = {
95
111
  onPageChange: EventName<CustomEvent<number>>;
96
112
  };
package/dist/components/components.server.js CHANGED
@@ -179,6 +179,28 @@ export const SdModalCard = /*@__PURE__*/ createComponent({
179
179
  clientModule: clientComponents.SdModalCard,
180
180
  serializeShadowRoot,
181
181
  });
182
+ export const SdNumberInput = /*@__PURE__*/ createComponent({
183
+ tagName: 'sd-number-input',
184
+ properties: {
185
+ min: 'min',
186
+ max: 'max',
187
+ step: 'step',
188
+ useButton: 'use-button',
189
+ useDecimal: 'use-decimal',
190
+ value: 'value',
191
+ label: 'label',
192
+ placeholder: 'placeholder',
193
+ disabled: 'disabled',
194
+ width: 'width',
195
+ autoFocus: 'auto-focus',
196
+ status: 'status',
197
+ inputClass: 'input-class',
198
+ readonly: 'readonly'
199
+ },
200
+ hydrateModule: import('@sellmate/design-system/hydrate'),
201
+ clientModule: clientComponents.SdNumberInput,
202
+ serializeShadowRoot,
203
+ });
182
204
  export const SdPagination = /*@__PURE__*/ createComponent({
183
205
  tagName: 'sd-pagination',
184
206
  properties: {
package/lib/components/components.server.ts CHANGED
@@ -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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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";
@@ -22,6 +22,7 @@ import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components
22
22
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
23
23
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
24
24
  import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
25
+ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
25
26
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
26
27
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
27
28
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -274,6 +275,38 @@ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardE
274
275
  serializeShadowRoot,
275
276
  });
276
277
 
278
+ export type SdNumberInputEvents = {
279
+ onSdIncrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
280
+ onSdDecrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
281
+ onSdInput: EventName<CustomEvent<number | null>>,
282
+ onSdChange: EventName<CustomEvent<number | null>>,
283
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
284
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>
285
+ };
286
+
287
+ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents> = /*@__PURE__*/ createComponent<SdNumberInputElement, SdNumberInputEvents>({
288
+ tagName: 'sd-number-input',
289
+ properties: {
290
+ min: 'min',
291
+ max: 'max',
292
+ step: 'step',
293
+ useButton: 'use-button',
294
+ useDecimal: 'use-decimal',
295
+ value: 'value',
296
+ label: 'label',
297
+ placeholder: 'placeholder',
298
+ disabled: 'disabled',
299
+ width: 'width',
300
+ autoFocus: 'auto-focus',
301
+ status: 'status',
302
+ inputClass: 'input-class',
303
+ readonly: 'readonly'
304
+ },
305
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
306
+ clientModule: clientComponents.SdNumberInput as ReactWebComponent<SdNumberInputElement, SdNumberInputEvents>,
307
+ serializeShadowRoot,
308
+ });
309
+
277
310
  export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
278
311
 
279
312
  export const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents> = /*@__PURE__*/ createComponent<SdPaginationElement, SdPaginationEvents>({
package/lib/components/components.ts CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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 RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, 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";
@@ -21,6 +21,7 @@ import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@s
21
21
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
22
22
  import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
23
23
  import { SdModalCard as SdModalCardElement, defineCustomElement as defineSdModalCard } from "@sellmate/design-system/dist/components/sd-modal-card.js";
24
+ import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
24
25
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
25
26
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
26
27
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
@@ -216,6 +217,31 @@ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardE
216
217
  defineCustomElement: defineSdModalCard
217
218
  });
218
219
 
220
+ export type SdNumberInputEvents = {
221
+ onSdIncrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
222
+ onSdDecrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
223
+ onSdInput: EventName<CustomEvent<number | null>>,
224
+ onSdChange: EventName<CustomEvent<number | null>>,
225
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
226
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>
227
+ };
228
+
229
+ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents> = /*@__PURE__*/ createComponent<SdNumberInputElement, SdNumberInputEvents>({
230
+ tagName: 'sd-number-input',
231
+ elementClass: SdNumberInputElement,
232
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
233
+ react: React,
234
+ events: {
235
+ onSdIncrement: 'sdIncrement',
236
+ onSdDecrement: 'sdDecrement',
237
+ onSdInput: 'sdInput',
238
+ onSdChange: 'sdChange',
239
+ onSdFocus: 'sdFocus',
240
+ onSdBlur: 'sdBlur'
241
+ } as SdNumberInputEvents,
242
+ defineCustomElement: defineSdNumberInput
243
+ });
244
+
219
245
  export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
220
246
 
221
247
  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.59",
3
+ "version": "0.0.60",
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.53",
57
+ "@sellmate/design-system": "^0.0.54",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {