@sellmate/design-system-react 1.1.0 → 1.3.0
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/README.md +0 -1
- package/dist/components/components.d.ts +2 -11
- package/dist/components/components.js +1 -13
- package/dist/components/components.server.d.ts +2 -11
- package/dist/components/components.server.js +10 -9
- package/dist/index.d.ts +1 -1
- package/lib/components/components.server.ts +11 -18
- package/lib/components/components.ts +3 -21
- package/lib/index.ts +2 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
4
|
*/
|
|
5
5
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
6
|
-
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type
|
|
6
|
+
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
|
|
7
7
|
import type { Components } from "@sellmate/design-system/dist/components";
|
|
8
8
|
import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
|
|
9
9
|
import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
@@ -16,7 +16,6 @@ import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components
|
|
|
16
16
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
17
17
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
18
18
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
19
|
-
import { SdDatePickerCalendar as SdDatePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
|
|
20
19
|
import { SdDatePickerTrigger as SdDatePickerTriggerElement } from "@sellmate/design-system/dist/components/sd-date-picker-trigger.js";
|
|
21
20
|
import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
|
|
22
21
|
import { SdDateRangePickerCalendar as SdDateRangePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-range-picker-calendar.js";
|
|
@@ -80,7 +79,7 @@ export type SdButtonEvents = {
|
|
|
80
79
|
};
|
|
81
80
|
export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents, Components.SdButton>;
|
|
82
81
|
export type SdCalendarEvents = {
|
|
83
|
-
|
|
82
|
+
onSdUpdate: EventName<SdCalendarCustomEvent<string>>;
|
|
84
83
|
onSdViewChange: EventName<SdCalendarCustomEvent<{
|
|
85
84
|
year: number;
|
|
86
85
|
month: number;
|
|
@@ -121,14 +120,6 @@ export type SdDatePickerEvents = {
|
|
|
121
120
|
}>>;
|
|
122
121
|
};
|
|
123
122
|
export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents, Components.SdDatePicker>;
|
|
124
|
-
export type SdDatePickerCalendarEvents = {
|
|
125
|
-
onSdSelect: EventName<SdDatePickerCalendarCustomEvent<string>>;
|
|
126
|
-
onSdViewChange: EventName<SdDatePickerCalendarCustomEvent<{
|
|
127
|
-
year: number;
|
|
128
|
-
month: number;
|
|
129
|
-
}>>;
|
|
130
|
-
};
|
|
131
|
-
export declare const SdDatePickerCalendar: StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar>;
|
|
132
123
|
export type SdDatePickerTriggerEvents = {
|
|
133
124
|
onSdTriggerClick: EventName<SdDatePickerTriggerCustomEvent<void>>;
|
|
134
125
|
};
|
|
@@ -12,7 +12,6 @@ import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@s
|
|
|
12
12
|
import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
13
13
|
import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
14
14
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
15
|
-
import { SdDatePickerCalendar as SdDatePickerCalendarElement, defineCustomElement as defineSdDatePickerCalendar } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
|
|
16
15
|
import { SdDatePickerTrigger as SdDatePickerTriggerElement, defineCustomElement as defineSdDatePickerTrigger } from "@sellmate/design-system/dist/components/sd-date-picker-trigger.js";
|
|
17
16
|
import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
|
|
18
17
|
import { SdDateRangePickerCalendar as SdDateRangePickerCalendarElement, defineCustomElement as defineSdDateRangePickerCalendar } from "@sellmate/design-system/dist/components/sd-date-range-picker-calendar.js";
|
|
@@ -103,7 +102,7 @@ export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
|
103
102
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
104
103
|
react: React,
|
|
105
104
|
events: {
|
|
106
|
-
|
|
105
|
+
onSdUpdate: 'sdUpdate',
|
|
107
106
|
onSdViewChange: 'sdViewChange'
|
|
108
107
|
},
|
|
109
108
|
defineCustomElement: defineSdCalendar
|
|
@@ -179,17 +178,6 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
|
|
|
179
178
|
},
|
|
180
179
|
defineCustomElement: defineSdDatePicker
|
|
181
180
|
});
|
|
182
|
-
export const SdDatePickerCalendar = /*@__PURE__*/ createComponent({
|
|
183
|
-
tagName: 'sd-date-picker-calendar',
|
|
184
|
-
elementClass: SdDatePickerCalendarElement,
|
|
185
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
186
|
-
react: React,
|
|
187
|
-
events: {
|
|
188
|
-
onSdSelect: 'sdSelect',
|
|
189
|
-
onSdViewChange: 'sdViewChange'
|
|
190
|
-
},
|
|
191
|
-
defineCustomElement: defineSdDatePickerCalendar
|
|
192
|
-
});
|
|
193
181
|
export const SdDatePickerTrigger = /*@__PURE__*/ createComponent({
|
|
194
182
|
tagName: 'sd-date-picker-trigger',
|
|
195
183
|
elementClass: SdDatePickerTriggerElement,
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
6
6
|
import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
7
|
-
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type
|
|
7
|
+
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
|
|
8
8
|
import type { Components } from "@sellmate/design-system/dist/components";
|
|
9
9
|
import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
|
|
10
10
|
import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
@@ -17,7 +17,6 @@ import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components
|
|
|
17
17
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
18
18
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
19
19
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
20
|
-
import { SdDatePickerCalendar as SdDatePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
|
|
21
20
|
import { SdDatePickerTrigger as SdDatePickerTriggerElement } from "@sellmate/design-system/dist/components/sd-date-picker-trigger.js";
|
|
22
21
|
import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
|
|
23
22
|
import { SdDateRangePickerCalendar as SdDateRangePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-range-picker-calendar.js";
|
|
@@ -82,7 +81,7 @@ export type SdButtonEvents = {
|
|
|
82
81
|
};
|
|
83
82
|
export declare const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents, Components.SdButton>;
|
|
84
83
|
export type SdCalendarEvents = {
|
|
85
|
-
|
|
84
|
+
onSdUpdate: EventName<SdCalendarCustomEvent<string>>;
|
|
86
85
|
onSdViewChange: EventName<SdCalendarCustomEvent<{
|
|
87
86
|
year: number;
|
|
88
87
|
month: number;
|
|
@@ -123,14 +122,6 @@ export type SdDatePickerEvents = {
|
|
|
123
122
|
}>>;
|
|
124
123
|
};
|
|
125
124
|
export declare const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePickerEvents, Components.SdDatePicker>;
|
|
126
|
-
export type SdDatePickerCalendarEvents = {
|
|
127
|
-
onSdSelect: EventName<SdDatePickerCalendarCustomEvent<string>>;
|
|
128
|
-
onSdViewChange: EventName<SdDatePickerCalendarCustomEvent<{
|
|
129
|
-
year: number;
|
|
130
|
-
month: number;
|
|
131
|
-
}>>;
|
|
132
|
-
};
|
|
133
|
-
export declare const SdDatePickerCalendar: StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar>;
|
|
134
125
|
export type SdDatePickerTriggerEvents = {
|
|
135
126
|
onSdTriggerClick: EventName<SdDatePickerTriggerCustomEvent<void>>;
|
|
136
127
|
};
|
|
@@ -68,7 +68,10 @@ export const SdButton = /*@__PURE__*/ createComponent({
|
|
|
68
68
|
});
|
|
69
69
|
export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
70
70
|
tagName: 'sd-calendar',
|
|
71
|
-
properties: {
|
|
71
|
+
properties: {
|
|
72
|
+
value: 'value',
|
|
73
|
+
events: 'events'
|
|
74
|
+
},
|
|
72
75
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
73
76
|
clientModule: clientComponents.SdCalendar,
|
|
74
77
|
serializeShadowRoot
|
|
@@ -180,13 +183,6 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
|
|
|
180
183
|
clientModule: clientComponents.SdDatePicker,
|
|
181
184
|
serializeShadowRoot
|
|
182
185
|
});
|
|
183
|
-
export const SdDatePickerCalendar = /*@__PURE__*/ createComponent({
|
|
184
|
-
tagName: 'sd-date-picker-calendar',
|
|
185
|
-
properties: { value: 'value' },
|
|
186
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
187
|
-
clientModule: clientComponents.SdDatePickerCalendar,
|
|
188
|
-
serializeShadowRoot
|
|
189
|
-
});
|
|
190
186
|
export const SdDatePickerTrigger = /*@__PURE__*/ createComponent({
|
|
191
187
|
tagName: 'sd-date-picker-trigger',
|
|
192
188
|
properties: {
|
|
@@ -678,6 +674,7 @@ export const SdTable = /*@__PURE__*/ createComponent({
|
|
|
678
674
|
isLoading: 'is-loading',
|
|
679
675
|
useInternalPagination: 'use-internal-pagination',
|
|
680
676
|
useRowsPerPageSelect: 'use-rows-per-page-select',
|
|
677
|
+
dense: 'dense',
|
|
681
678
|
useVirtualScroll: 'use-virtual-scroll',
|
|
682
679
|
rowHeight: 'row-height',
|
|
683
680
|
virtualBuffer: 'virtual-buffer',
|
|
@@ -732,7 +729,10 @@ export const SdTd = /*@__PURE__*/ createComponent({
|
|
|
732
729
|
align: 'align',
|
|
733
730
|
rowspan: 'rowspan',
|
|
734
731
|
colspan: 'colspan',
|
|
735
|
-
sdClass: 'sd-class'
|
|
732
|
+
sdClass: 'sd-class',
|
|
733
|
+
dividerLeft: 'divider-left',
|
|
734
|
+
dividerRight: 'divider-right',
|
|
735
|
+
useFrame: 'use-frame'
|
|
736
736
|
},
|
|
737
737
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
738
738
|
clientModule: clientComponents.SdTd,
|
|
@@ -864,6 +864,7 @@ export const SdTr = /*@__PURE__*/ createComponent({
|
|
|
864
864
|
properties: {
|
|
865
865
|
selectable: 'selectable',
|
|
866
866
|
rowKey: 'row-key',
|
|
867
|
+
separator: 'separator',
|
|
867
868
|
columns: 'columns'
|
|
868
869
|
},
|
|
869
870
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
package/dist/index.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export { sdModal } from './sdModal';
|
|
|
6
6
|
export type { SdModalCreateOption } from './sdModal';
|
|
7
7
|
export { sdLoading } from '@sellmate/design-system/utils';
|
|
8
8
|
export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
|
|
9
|
-
export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonName, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, ToastPosition, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
|
|
9
|
+
export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonName, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, ToastPosition, CheckedType, Type as DateBoxType, TabOption, CalendarEventGroup, } from '@sellmate/design-system';
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
11
11
|
import { createComponent, type HydrateModule, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
12
12
|
|
|
13
|
-
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type
|
|
13
|
+
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
|
|
14
14
|
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
15
15
|
import * as clientComponents from "@sellmate/design-system-react";
|
|
16
16
|
import type { Components } from "@sellmate/design-system/dist/components";
|
|
@@ -25,7 +25,6 @@ import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components
|
|
|
25
25
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
26
26
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
27
27
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
28
|
-
import { SdDatePickerCalendar as SdDatePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
|
|
29
28
|
import { SdDatePickerTrigger as SdDatePickerTriggerElement } from "@sellmate/design-system/dist/components/sd-date-picker-trigger.js";
|
|
30
29
|
import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
|
|
31
30
|
import { SdDateRangePickerCalendar as SdDateRangePickerCalendarElement } from "@sellmate/design-system/dist/components/sd-date-range-picker-calendar.js";
|
|
@@ -156,13 +155,15 @@ export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents, Co
|
|
|
156
155
|
});
|
|
157
156
|
|
|
158
157
|
export type SdCalendarEvents = {
|
|
159
|
-
|
|
158
|
+
onSdUpdate: EventName<SdCalendarCustomEvent<string>>,
|
|
160
159
|
onSdViewChange: EventName<SdCalendarCustomEvent<{ year: number; month: number }>>
|
|
161
160
|
};
|
|
162
161
|
|
|
163
162
|
export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar> = /*@__PURE__*/ createComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>({
|
|
164
163
|
tagName: 'sd-calendar',
|
|
165
|
-
properties: {
|
|
164
|
+
properties: {
|
|
165
|
+
value: 'value',
|
|
166
|
+
events: 'events'},
|
|
166
167
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
167
168
|
clientModule: clientComponents.SdCalendar as StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>,
|
|
168
169
|
serializeShadowRoot
|
|
@@ -308,19 +309,6 @@ export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePick
|
|
|
308
309
|
serializeShadowRoot
|
|
309
310
|
});
|
|
310
311
|
|
|
311
|
-
export type SdDatePickerCalendarEvents = {
|
|
312
|
-
onSdSelect: EventName<SdDatePickerCalendarCustomEvent<string>>,
|
|
313
|
-
onSdViewChange: EventName<SdDatePickerCalendarCustomEvent<{ year: number; month: number }>>
|
|
314
|
-
};
|
|
315
|
-
|
|
316
|
-
export const SdDatePickerCalendar: StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar> = /*@__PURE__*/ createComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar>({
|
|
317
|
-
tagName: 'sd-date-picker-calendar',
|
|
318
|
-
properties: { value: 'value' },
|
|
319
|
-
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
320
|
-
clientModule: clientComponents.SdDatePickerCalendar as StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar>,
|
|
321
|
-
serializeShadowRoot
|
|
322
|
-
});
|
|
323
|
-
|
|
324
312
|
export type SdDatePickerTriggerEvents = { onSdTriggerClick: EventName<SdDatePickerTriggerCustomEvent<void>> };
|
|
325
313
|
|
|
326
314
|
export const SdDatePickerTrigger: StencilReactComponent<SdDatePickerTriggerElement, SdDatePickerTriggerEvents, Components.SdDatePickerTrigger> = /*@__PURE__*/ createComponent<SdDatePickerTriggerElement, SdDatePickerTriggerEvents, Components.SdDatePickerTrigger>({
|
|
@@ -935,6 +923,7 @@ export const SdTable: StencilReactComponent<SdTableElement, SdTableEvents, Compo
|
|
|
935
923
|
isLoading: 'is-loading',
|
|
936
924
|
useInternalPagination: 'use-internal-pagination',
|
|
937
925
|
useRowsPerPageSelect: 'use-rows-per-page-select',
|
|
926
|
+
dense: 'dense',
|
|
938
927
|
useVirtualScroll: 'use-virtual-scroll',
|
|
939
928
|
rowHeight: 'row-height',
|
|
940
929
|
virtualBuffer: 'virtual-buffer',
|
|
@@ -998,7 +987,10 @@ export const SdTd: StencilReactComponent<SdTdElement, SdTdEvents, Components.SdT
|
|
|
998
987
|
align: 'align',
|
|
999
988
|
rowspan: 'rowspan',
|
|
1000
989
|
colspan: 'colspan',
|
|
1001
|
-
sdClass: 'sd-class'
|
|
990
|
+
sdClass: 'sd-class',
|
|
991
|
+
dividerLeft: 'divider-left',
|
|
992
|
+
dividerRight: 'divider-right',
|
|
993
|
+
useFrame: 'use-frame'
|
|
1002
994
|
},
|
|
1003
995
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
1004
996
|
clientModule: clientComponents.SdTd as StencilReactComponent<SdTdElement, SdTdEvents, Components.SdTd>,
|
|
@@ -1162,6 +1154,7 @@ export const SdTr: StencilReactComponent<SdTrElement, SdTrEvents, Components.SdT
|
|
|
1162
1154
|
properties: {
|
|
1163
1155
|
selectable: 'selectable',
|
|
1164
1156
|
rowKey: 'row-key',
|
|
1157
|
+
separator: 'separator',
|
|
1165
1158
|
columns: 'columns'},
|
|
1166
1159
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
1167
1160
|
clientModule: clientComponents.SdTr as StencilReactComponent<SdTrElement, SdTrEvents, Components.SdTr>,
|
|
@@ -11,7 +11,7 @@ import type { EventName, StencilReactComponent } from '@stencil/react-output-tar
|
|
|
11
11
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
12
12
|
import React from 'react';
|
|
13
13
|
|
|
14
|
-
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type
|
|
14
|
+
import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
|
|
15
15
|
import type { Components } from "@sellmate/design-system/dist/components";
|
|
16
16
|
import { SdActionModal as SdActionModalElement, defineCustomElement as defineSdActionModal } from "@sellmate/design-system/dist/components/sd-action-modal.js";
|
|
17
17
|
import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
|
|
@@ -24,7 +24,6 @@ import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@s
|
|
|
24
24
|
import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
25
25
|
import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
26
26
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
27
|
-
import { SdDatePickerCalendar as SdDatePickerCalendarElement, defineCustomElement as defineSdDatePickerCalendar } from "@sellmate/design-system/dist/components/sd-date-picker-calendar.js";
|
|
28
27
|
import { SdDatePickerTrigger as SdDatePickerTriggerElement, defineCustomElement as defineSdDatePickerTrigger } from "@sellmate/design-system/dist/components/sd-date-picker-trigger.js";
|
|
29
28
|
import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
|
|
30
29
|
import { SdDateRangePickerCalendar as SdDateRangePickerCalendarElement, defineCustomElement as defineSdDateRangePickerCalendar } from "@sellmate/design-system/dist/components/sd-date-range-picker-calendar.js";
|
|
@@ -130,7 +129,7 @@ export const SdButton: StencilReactComponent<SdButtonElement, SdButtonEvents, Co
|
|
|
130
129
|
});
|
|
131
130
|
|
|
132
131
|
export type SdCalendarEvents = {
|
|
133
|
-
|
|
132
|
+
onSdUpdate: EventName<SdCalendarCustomEvent<string>>,
|
|
134
133
|
onSdViewChange: EventName<SdCalendarCustomEvent<{ year: number; month: number }>>
|
|
135
134
|
};
|
|
136
135
|
|
|
@@ -140,7 +139,7 @@ export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEven
|
|
|
140
139
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
141
140
|
react: React,
|
|
142
141
|
events: {
|
|
143
|
-
|
|
142
|
+
onSdUpdate: 'sdUpdate',
|
|
144
143
|
onSdViewChange: 'sdViewChange'
|
|
145
144
|
} as SdCalendarEvents,
|
|
146
145
|
defineCustomElement: defineSdCalendar
|
|
@@ -253,23 +252,6 @@ export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePick
|
|
|
253
252
|
defineCustomElement: defineSdDatePicker
|
|
254
253
|
});
|
|
255
254
|
|
|
256
|
-
export type SdDatePickerCalendarEvents = {
|
|
257
|
-
onSdSelect: EventName<SdDatePickerCalendarCustomEvent<string>>,
|
|
258
|
-
onSdViewChange: EventName<SdDatePickerCalendarCustomEvent<{ year: number; month: number }>>
|
|
259
|
-
};
|
|
260
|
-
|
|
261
|
-
export const SdDatePickerCalendar: StencilReactComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar> = /*@__PURE__*/ createComponent<SdDatePickerCalendarElement, SdDatePickerCalendarEvents, Components.SdDatePickerCalendar>({
|
|
262
|
-
tagName: 'sd-date-picker-calendar',
|
|
263
|
-
elementClass: SdDatePickerCalendarElement,
|
|
264
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
265
|
-
react: React,
|
|
266
|
-
events: {
|
|
267
|
-
onSdSelect: 'sdSelect',
|
|
268
|
-
onSdViewChange: 'sdViewChange'
|
|
269
|
-
} as SdDatePickerCalendarEvents,
|
|
270
|
-
defineCustomElement: defineSdDatePickerCalendar
|
|
271
|
-
});
|
|
272
|
-
|
|
273
255
|
export type SdDatePickerTriggerEvents = { onSdTriggerClick: EventName<SdDatePickerTriggerCustomEvent<void>> };
|
|
274
256
|
|
|
275
257
|
export const SdDatePickerTrigger: StencilReactComponent<SdDatePickerTriggerElement, SdDatePickerTriggerEvents, Components.SdDatePickerTrigger> = /*@__PURE__*/ createComponent<SdDatePickerTriggerElement, SdDatePickerTriggerEvents, Components.SdDatePickerTrigger>({
|
package/lib/index.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "Design System - React Component Wrappers",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"typecheck": "tsc --noEmit"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@sellmate/design-system": "^1.
|
|
58
|
+
"@sellmate/design-system": "^1.3.0",
|
|
59
59
|
"@stencil/react-output-target": "^1.2.0"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|