@sellmate/design-system-react 0.0.49 → 0.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.
- package/README.md +57 -57
- package/dist/components/sd-badge.d.ts +8 -0
- package/dist/components/sd-badge.js +17 -0
- package/dist/components/sd-badge.server.d.ts +10 -0
- package/dist/components/sd-badge.server.js +20 -0
- package/dist/components/sd-button.d.ts +11 -0
- package/dist/components/sd-button.js +12 -0
- package/dist/components/sd-button.server.d.ts +13 -0
- package/dist/components/sd-button.server.js +29 -0
- package/dist/components/sd-card.d.ts +8 -0
- package/dist/components/sd-card.js +17 -0
- package/dist/components/sd-card.server.d.ts +10 -0
- package/dist/components/sd-card.server.js +19 -0
- package/dist/components/sd-checkbox.d.ts +11 -0
- package/dist/components/sd-checkbox.js +12 -0
- package/dist/components/sd-checkbox.server.d.ts +13 -0
- package/dist/components/sd-checkbox.server.js +21 -0
- package/dist/components/sd-date-box.d.ts +11 -0
- package/dist/components/sd-date-box.js +20 -0
- package/dist/components/sd-date-box.server.d.ts +13 -0
- package/dist/components/sd-date-box.server.js +25 -0
- package/dist/components/sd-date-picker.d.ts +10 -0
- package/dist/components/sd-date-picker.js +17 -0
- package/dist/components/sd-date-picker.server.d.ts +12 -0
- package/dist/components/sd-date-picker.server.js +20 -0
- package/dist/components/sd-date-range-picker.d.ts +10 -0
- package/dist/components/sd-date-range-picker.js +17 -0
- package/dist/components/sd-date-range-picker.server.d.ts +12 -0
- package/dist/components/sd-date-range-picker.server.js +20 -0
- package/dist/components/sd-guide.d.ts +8 -0
- package/dist/components/sd-guide.js +17 -0
- package/dist/components/sd-guide.server.d.ts +10 -0
- package/dist/components/sd-guide.server.js +22 -0
- package/dist/components/sd-icon.d.ts +8 -0
- package/dist/components/sd-icon.js +17 -0
- package/dist/components/sd-icon.server.d.ts +10 -0
- package/dist/components/sd-icon.server.js +22 -0
- package/dist/components/sd-input.d.ts +15 -0
- package/dist/components/sd-input.js +18 -0
- package/dist/components/sd-input.server.d.ts +17 -0
- package/dist/components/sd-input.server.js +28 -0
- package/dist/components/sd-pagination.d.ts +10 -0
- package/dist/components/sd-pagination.js +17 -0
- package/dist/components/sd-pagination.server.d.ts +12 -0
- package/dist/components/sd-pagination.server.js +20 -0
- package/dist/components/sd-popover.d.ts +8 -0
- package/dist/components/sd-popover.js +17 -0
- package/dist/components/sd-popover.server.d.ts +10 -0
- package/dist/components/sd-popover.server.js +29 -0
- package/dist/components/sd-portal.d.ts +10 -0
- package/dist/components/sd-portal.js +17 -0
- package/dist/components/sd-portal.server.d.ts +12 -0
- package/dist/components/sd-portal.server.js +20 -0
- package/dist/components/sd-select-multiple-group.d.ts +12 -0
- package/dist/components/sd-select-multiple-group.js +15 -0
- package/dist/components/sd-select-multiple-group.server.d.ts +14 -0
- package/dist/components/sd-select-multiple-group.server.js +26 -0
- package/dist/components/sd-select-multiple.d.ts +12 -0
- package/dist/components/sd-select-multiple.js +15 -0
- package/dist/components/sd-select-multiple.server.d.ts +14 -0
- package/dist/components/sd-select-multiple.server.js +26 -0
- package/dist/components/sd-select-option-group.d.ts +16 -0
- package/dist/components/sd-select-option-group.js +12 -0
- package/dist/components/sd-select-option-group.server.d.ts +18 -0
- package/dist/components/sd-select-option-group.server.js +23 -0
- package/dist/components/sd-select-option.d.ts +15 -0
- package/dist/components/sd-select-option.js +12 -0
- package/dist/components/sd-select-option.server.d.ts +17 -0
- package/dist/components/sd-select-option.server.js +22 -0
- package/dist/components/sd-select.d.ts +12 -0
- package/dist/components/sd-select.js +15 -0
- package/dist/components/sd-select.server.d.ts +14 -0
- package/dist/components/sd-select.server.js +26 -0
- package/dist/components/sd-table.d.ts +12 -0
- package/dist/components/sd-table.js +15 -0
- package/dist/components/sd-table.server.d.ts +14 -0
- package/dist/components/sd-table.server.js +24 -0
- package/dist/components/sd-tag.d.ts +8 -0
- package/dist/components/sd-tag.js +17 -0
- package/dist/components/sd-tag.server.d.ts +10 -0
- package/dist/components/sd-tag.server.js +23 -0
- package/dist/components/sd-tooltip-portal.d.ts +10 -0
- package/dist/components/sd-tooltip-portal.js +17 -0
- package/dist/components/sd-tooltip-portal.server.d.ts +12 -0
- package/dist/components/sd-tooltip-portal.server.js +21 -0
- package/dist/components/sd-tooltip.d.ts +8 -0
- package/dist/components/sd-tooltip.js +17 -0
- package/dist/components/sd-tooltip.server.d.ts +10 -0
- package/dist/components/sd-tooltip.server.js +27 -0
- package/lib/components/sd-badge.server.ts +29 -0
- package/lib/components/sd-badge.ts +24 -0
- package/lib/components/sd-button.server.ts +39 -0
- package/lib/components/sd-button.ts +25 -0
- package/lib/components/sd-card.server.ts +28 -0
- package/lib/components/sd-card.ts +24 -0
- package/lib/components/sd-checkbox.server.ts +31 -0
- package/lib/components/sd-checkbox.ts +25 -0
- package/lib/components/sd-date-box.server.ts +37 -0
- package/lib/components/sd-date-box.ts +30 -0
- package/lib/components/sd-date-picker.server.ts +29 -0
- package/lib/components/sd-date-picker.ts +24 -0
- package/lib/components/sd-date-range-picker.server.ts +29 -0
- package/lib/components/sd-date-range-picker.ts +24 -0
- package/lib/components/sd-guide.server.ts +31 -0
- package/lib/components/sd-guide.ts +24 -0
- package/lib/components/sd-icon.server.ts +31 -0
- package/lib/components/sd-icon.ts +24 -0
- package/lib/components/sd-input.server.ts +44 -0
- package/lib/components/sd-input.ts +37 -0
- package/lib/components/sd-pagination.server.ts +29 -0
- package/lib/components/sd-pagination.ts +24 -0
- package/lib/components/sd-popover.server.ts +38 -0
- package/lib/components/sd-popover.ts +24 -0
- package/lib/components/sd-portal.server.ts +29 -0
- package/lib/components/sd-portal.ts +24 -0
- package/lib/components/sd-select-multiple-group.server.ts +39 -0
- package/lib/components/sd-select-multiple-group.ts +31 -0
- package/lib/components/sd-select-multiple.server.ts +39 -0
- package/lib/components/sd-select-multiple.ts +31 -0
- package/lib/components/sd-select-option-group.server.ts +40 -0
- package/lib/components/sd-select-option-group.ts +32 -0
- package/lib/components/sd-select-option.server.ts +38 -0
- package/lib/components/sd-select-option.ts +31 -0
- package/lib/components/sd-select.server.ts +39 -0
- package/lib/components/sd-select.ts +31 -0
- package/lib/components/sd-table.server.ts +37 -0
- package/lib/components/sd-table.ts +31 -0
- package/lib/components/sd-tag.server.ts +32 -0
- package/lib/components/sd-tag.ts +24 -0
- package/lib/components/sd-tooltip-portal.server.ts +30 -0
- package/lib/components/sd-tooltip-portal.ts +24 -0
- package/lib/components/sd-tooltip.server.ts +36 -0
- package/lib/components/sd-tooltip.ts +24 -0
- package/lib/index.ts +11 -11
- package/package.json +2 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { type SdSelectMultipleCustomEvent, type SelectMultipleEvents } from "@sellmate/design-system";
|
|
11
|
+
import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
|
|
12
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
|
|
16
|
+
export type SdSelectMultipleEvents = {
|
|
17
|
+
onSdChange: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>>,
|
|
18
|
+
onDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleElement, SdSelectMultipleEvents>({
|
|
22
|
+
tagName: 'sd-select-multiple',
|
|
23
|
+
elementClass: SdSelectMultipleElement,
|
|
24
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
25
|
+
react: React,
|
|
26
|
+
events: {
|
|
27
|
+
onSdChange: 'sdChange',
|
|
28
|
+
onDropDownShow: 'dropDownShow'
|
|
29
|
+
} as SdSelectMultipleEvents,
|
|
30
|
+
defineCustomElement: defineSdSelectMultiple
|
|
31
|
+
});
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { type SdSelectOptionGroupCustomEvent, type SelectOptionGroup } from "@sellmate/design-system";
|
|
12
|
+
import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
13
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
15
|
+
|
|
16
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
17
|
+
|
|
18
|
+
export type SdSelectOptionGroupEvents = {
|
|
19
|
+
onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
|
|
20
|
+
option: SelectOptionGroup;
|
|
21
|
+
isSelected: boolean | null;
|
|
22
|
+
index: number;
|
|
23
|
+
event: MouseEvent;
|
|
24
|
+
}>>
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents> = /*@__PURE__*/ createComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>({
|
|
28
|
+
tagName: 'sd-select-option-group',
|
|
29
|
+
properties: {
|
|
30
|
+
index: 'index',
|
|
31
|
+
isSelected: 'is-selected',
|
|
32
|
+
isFocused: 'is-focused',
|
|
33
|
+
disabled: 'disabled',
|
|
34
|
+
useCheckbox: 'use-checkbox',
|
|
35
|
+
useIndicator: 'use-indicator'
|
|
36
|
+
},
|
|
37
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
38
|
+
clientModule: clientComponents.SdSelectOptionGroup as ReactWebComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>,
|
|
39
|
+
serializeShadowRoot,
|
|
40
|
+
});
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { type SdSelectOptionGroupCustomEvent, type SelectOptionGroup } from "@sellmate/design-system";
|
|
11
|
+
import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
|
|
12
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
|
|
16
|
+
export type SdSelectOptionGroupEvents = {
|
|
17
|
+
onOptionClick: EventName<SdSelectOptionGroupCustomEvent<{
|
|
18
|
+
option: SelectOptionGroup;
|
|
19
|
+
isSelected: boolean | null;
|
|
20
|
+
index: number;
|
|
21
|
+
event: MouseEvent;
|
|
22
|
+
}>>
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export const SdSelectOptionGroup: StencilReactComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents> = /*@__PURE__*/ createComponent<SdSelectOptionGroupElement, SdSelectOptionGroupEvents>({
|
|
26
|
+
tagName: 'sd-select-option-group',
|
|
27
|
+
elementClass: SdSelectOptionGroupElement,
|
|
28
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
29
|
+
react: React,
|
|
30
|
+
events: { onOptionClick: 'optionClick' } as SdSelectOptionGroupEvents,
|
|
31
|
+
defineCustomElement: defineSdSelectOptionGroup
|
|
32
|
+
});
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { type SdSelectOptionCustomEvent, type SelectOption } from "@sellmate/design-system";
|
|
12
|
+
import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system/dist/components/sd-select-option.js";
|
|
13
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
15
|
+
|
|
16
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
17
|
+
|
|
18
|
+
export type SdSelectOptionEvents = {
|
|
19
|
+
onOptionClick: EventName<SdSelectOptionCustomEvent<{
|
|
20
|
+
option: SelectOption;
|
|
21
|
+
index: number;
|
|
22
|
+
event: MouseEvent;
|
|
23
|
+
}>>
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents> = /*@__PURE__*/ createComponent<SdSelectOptionElement, SdSelectOptionEvents>({
|
|
27
|
+
tagName: 'sd-select-option',
|
|
28
|
+
properties: {
|
|
29
|
+
index: 'index',
|
|
30
|
+
isSelected: 'is-selected',
|
|
31
|
+
isFocused: 'is-focused',
|
|
32
|
+
disabled: 'disabled',
|
|
33
|
+
useCheckbox: 'use-checkbox'
|
|
34
|
+
},
|
|
35
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
36
|
+
clientModule: clientComponents.SdSelectOption as ReactWebComponent<SdSelectOptionElement, SdSelectOptionEvents>,
|
|
37
|
+
serializeShadowRoot,
|
|
38
|
+
});
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { type SdSelectOptionCustomEvent, type SelectOption } from "@sellmate/design-system";
|
|
11
|
+
import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineSdSelectOption } from "@sellmate/design-system/dist/components/sd-select-option.js";
|
|
12
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
|
|
16
|
+
export type SdSelectOptionEvents = {
|
|
17
|
+
onOptionClick: EventName<SdSelectOptionCustomEvent<{
|
|
18
|
+
option: SelectOption;
|
|
19
|
+
index: number;
|
|
20
|
+
event: MouseEvent;
|
|
21
|
+
}>>
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export const SdSelectOption: StencilReactComponent<SdSelectOptionElement, SdSelectOptionEvents> = /*@__PURE__*/ createComponent<SdSelectOptionElement, SdSelectOptionEvents>({
|
|
25
|
+
tagName: 'sd-select-option',
|
|
26
|
+
elementClass: SdSelectOptionElement,
|
|
27
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
28
|
+
react: React,
|
|
29
|
+
events: { onOptionClick: 'optionClick' } as SdSelectOptionEvents,
|
|
30
|
+
defineCustomElement: defineSdSelectOption
|
|
31
|
+
});
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { type SdSelectCustomEvent, type SelectEvents } from "@sellmate/design-system";
|
|
12
|
+
import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
13
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
15
|
+
|
|
16
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
17
|
+
|
|
18
|
+
export type SdSelectEvents = {
|
|
19
|
+
onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
|
|
20
|
+
onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> = /*@__PURE__*/ createComponent<SdSelectElement, SdSelectEvents>({
|
|
24
|
+
tagName: 'sd-select',
|
|
25
|
+
properties: {
|
|
26
|
+
value: 'value',
|
|
27
|
+
label: 'label',
|
|
28
|
+
placeholder: 'placeholder',
|
|
29
|
+
optionPlaceholder: 'option-placeholder',
|
|
30
|
+
width: 'width',
|
|
31
|
+
dropdownHeight: 'dropdown-height',
|
|
32
|
+
disabled: 'disabled',
|
|
33
|
+
clearable: 'clearable',
|
|
34
|
+
searchable: 'searchable'
|
|
35
|
+
},
|
|
36
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
37
|
+
clientModule: clientComponents.SdSelect as ReactWebComponent<SdSelectElement, SdSelectEvents>,
|
|
38
|
+
serializeShadowRoot,
|
|
39
|
+
});
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { type SdSelectCustomEvent, type SelectEvents } from "@sellmate/design-system";
|
|
11
|
+
import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
|
|
12
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
|
|
16
|
+
export type SdSelectEvents = {
|
|
17
|
+
onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
|
|
18
|
+
onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> = /*@__PURE__*/ createComponent<SdSelectElement, SdSelectEvents>({
|
|
22
|
+
tagName: 'sd-select',
|
|
23
|
+
elementClass: SdSelectElement,
|
|
24
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
25
|
+
react: React,
|
|
26
|
+
events: {
|
|
27
|
+
onSdChange: 'sdChange',
|
|
28
|
+
onDropDownShow: 'dropDownShow'
|
|
29
|
+
} as SdSelectEvents,
|
|
30
|
+
defineCustomElement: defineSdSelect
|
|
31
|
+
});
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { type Row, type SdTableCustomEvent } from "@sellmate/design-system";
|
|
12
|
+
import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
|
|
13
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
15
|
+
|
|
16
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
17
|
+
|
|
18
|
+
export type SdTableEvents = {
|
|
19
|
+
onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>,
|
|
20
|
+
onSdPageChange: EventName<CustomEvent<number>>
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export const SdTable: StencilReactComponent<SdTableElement, SdTableEvents> = /*@__PURE__*/ createComponent<SdTableElement, SdTableEvents>({
|
|
24
|
+
tagName: 'sd-table',
|
|
25
|
+
properties: {
|
|
26
|
+
rowKey: 'row-key',
|
|
27
|
+
selectable: 'selectable',
|
|
28
|
+
resizable: 'resizable',
|
|
29
|
+
width: 'width',
|
|
30
|
+
height: 'height',
|
|
31
|
+
stickyHeader: 'sticky-header',
|
|
32
|
+
noDataLabel: 'no-data-label'
|
|
33
|
+
},
|
|
34
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
35
|
+
clientModule: clientComponents.SdTable as ReactWebComponent<SdTableElement, SdTableEvents>,
|
|
36
|
+
serializeShadowRoot,
|
|
37
|
+
});
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { type Row, type SdTableCustomEvent } from "@sellmate/design-system";
|
|
11
|
+
import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
|
|
12
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
|
|
16
|
+
export type SdTableEvents = {
|
|
17
|
+
onSdSelectChange: EventName<SdTableCustomEvent<Row[]>>,
|
|
18
|
+
onSdPageChange: EventName<CustomEvent<number>>
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export const SdTable: StencilReactComponent<SdTableElement, SdTableEvents> = /*@__PURE__*/ createComponent<SdTableElement, SdTableEvents>({
|
|
22
|
+
tagName: 'sd-table',
|
|
23
|
+
elementClass: SdTableElement,
|
|
24
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
25
|
+
react: React,
|
|
26
|
+
events: {
|
|
27
|
+
onSdSelectChange: 'sdSelectChange',
|
|
28
|
+
onSdPageChange: 'sdPageChange'
|
|
29
|
+
} as SdTableEvents,
|
|
30
|
+
defineCustomElement: defineSdTable
|
|
31
|
+
});
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
12
|
+
import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
14
|
+
|
|
15
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
16
|
+
|
|
17
|
+
export type SdTagEvents = NonNullable<unknown>;
|
|
18
|
+
|
|
19
|
+
export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
|
|
20
|
+
tagName: 'sd-tag',
|
|
21
|
+
properties: {
|
|
22
|
+
size: 'size',
|
|
23
|
+
color: 'color',
|
|
24
|
+
rounded: 'rounded',
|
|
25
|
+
label: 'label',
|
|
26
|
+
bgColor: 'bg-color',
|
|
27
|
+
textColor: 'text-color'
|
|
28
|
+
},
|
|
29
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
30
|
+
clientModule: clientComponents.SdTag as ReactWebComponent<SdTagElement, SdTagEvents>,
|
|
31
|
+
serializeShadowRoot,
|
|
32
|
+
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
11
|
+
import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
12
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
|
|
15
|
+
export type SdTagEvents = NonNullable<unknown>;
|
|
16
|
+
|
|
17
|
+
export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
|
|
18
|
+
tagName: 'sd-tag',
|
|
19
|
+
elementClass: SdTagElement,
|
|
20
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
21
|
+
react: React,
|
|
22
|
+
events: {} as SdTagEvents,
|
|
23
|
+
defineCustomElement: defineSdTag
|
|
24
|
+
});
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
12
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
14
|
+
|
|
15
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
16
|
+
|
|
17
|
+
export type SdTooltipPortalEvents = { onSdClose: EventName<CustomEvent<void>> };
|
|
18
|
+
|
|
19
|
+
export const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents> = /*@__PURE__*/ createComponent<SdTooltipPortalElement, SdTooltipPortalEvents>({
|
|
20
|
+
tagName: 'sd-tooltip-portal',
|
|
21
|
+
properties: {
|
|
22
|
+
to: 'to',
|
|
23
|
+
zIndex: 'z-index',
|
|
24
|
+
placement: 'placement',
|
|
25
|
+
open: 'open'
|
|
26
|
+
},
|
|
27
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
28
|
+
clientModule: clientComponents.SdTooltipPortal as ReactWebComponent<SdTooltipPortalElement, SdTooltipPortalEvents>,
|
|
29
|
+
serializeShadowRoot,
|
|
30
|
+
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
11
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
12
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
|
|
15
|
+
export type SdTooltipPortalEvents = { onSdClose: EventName<CustomEvent<void>> };
|
|
16
|
+
|
|
17
|
+
export const SdTooltipPortal: StencilReactComponent<SdTooltipPortalElement, SdTooltipPortalEvents> = /*@__PURE__*/ createComponent<SdTooltipPortalElement, SdTooltipPortalEvents>({
|
|
18
|
+
tagName: 'sd-tooltip-portal',
|
|
19
|
+
elementClass: SdTooltipPortalElement,
|
|
20
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
21
|
+
react: React,
|
|
22
|
+
events: { onSdClose: 'sdClose' } as SdTooltipPortalEvents,
|
|
23
|
+
defineCustomElement: defineSdTooltipPortal
|
|
24
|
+
});
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* eslint-disable */
|
|
7
|
+
|
|
8
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
9
|
+
import * as clientComponents from '@sellmate/design-system-react';
|
|
10
|
+
|
|
11
|
+
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
12
|
+
import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import { createComponent, type HydrateModule, type ReactWebComponent, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
14
|
+
|
|
15
|
+
export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
|
|
16
|
+
|
|
17
|
+
export type SdTooltipEvents = NonNullable<unknown>;
|
|
18
|
+
|
|
19
|
+
export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
|
|
20
|
+
tagName: 'sd-tooltip',
|
|
21
|
+
properties: {
|
|
22
|
+
trigger: 'trigger',
|
|
23
|
+
placement: 'placement',
|
|
24
|
+
color: 'color',
|
|
25
|
+
icon: 'icon',
|
|
26
|
+
iconSize: 'icon-size',
|
|
27
|
+
label: 'label',
|
|
28
|
+
buttonSize: 'button-size',
|
|
29
|
+
buttonVariant: 'button-variant',
|
|
30
|
+
noHover: 'no-hover',
|
|
31
|
+
useClose: 'use-close'
|
|
32
|
+
},
|
|
33
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
34
|
+
clientModule: clientComponents.SdTooltip as ReactWebComponent<SdTooltipElement, SdTooltipEvents>,
|
|
35
|
+
serializeShadowRoot,
|
|
36
|
+
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/* eslint-disable */
|
|
9
|
+
|
|
10
|
+
import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
11
|
+
import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
12
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
|
|
15
|
+
export type SdTooltipEvents = NonNullable<unknown>;
|
|
16
|
+
|
|
17
|
+
export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
|
|
18
|
+
tagName: 'sd-tooltip',
|
|
19
|
+
elementClass: SdTooltipElement,
|
|
20
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
21
|
+
react: React,
|
|
22
|
+
events: {} as SdTooltipEvents,
|
|
23
|
+
defineCustomElement: defineSdTooltip
|
|
24
|
+
});
|
package/lib/index.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
export * from './components/components.js';
|
|
4
|
-
export { defineCustomElements } from '@sellmate/design-system/loader';
|
|
5
|
-
|
|
6
|
-
// Export sd-table types for React usage
|
|
7
|
-
export type {
|
|
8
|
-
SdTableSortDir,
|
|
9
|
-
SdTableColumn,
|
|
10
|
-
Row as SdTableRow,
|
|
11
|
-
} from '@sellmate/design-system';
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
export * from './components/components.js';
|
|
4
|
+
export { defineCustomElements } from '@sellmate/design-system/loader';
|
|
5
|
+
|
|
6
|
+
// Export sd-table types for React usage
|
|
7
|
+
export type {
|
|
8
|
+
SdTableSortDir,
|
|
9
|
+
SdTableColumn,
|
|
10
|
+
Row as SdTableRow,
|
|
11
|
+
} from '@sellmate/design-system';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.51",
|
|
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": "
|
|
71
|
+
"gitHead": "a4449b9cf14cc582d0e29e659573eb1a66201c51"
|
|
72
72
|
}
|