@sellmate/design-system-react 0.0.53 → 0.0.55
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/lib/index.ts +11 -11
- package/package.json +71 -72
- package/dist/components/sd-badge.d.ts +0 -8
- package/dist/components/sd-badge.js +0 -17
- package/dist/components/sd-badge.server.d.ts +0 -10
- package/dist/components/sd-badge.server.js +0 -20
- package/dist/components/sd-button.d.ts +0 -11
- package/dist/components/sd-button.js +0 -12
- package/dist/components/sd-button.server.d.ts +0 -13
- package/dist/components/sd-button.server.js +0 -29
- package/dist/components/sd-card.d.ts +0 -8
- package/dist/components/sd-card.js +0 -17
- package/dist/components/sd-card.server.d.ts +0 -10
- package/dist/components/sd-card.server.js +0 -19
- package/dist/components/sd-checkbox.d.ts +0 -11
- package/dist/components/sd-checkbox.js +0 -12
- package/dist/components/sd-checkbox.server.d.ts +0 -13
- package/dist/components/sd-checkbox.server.js +0 -21
- package/dist/components/sd-date-box.d.ts +0 -11
- package/dist/components/sd-date-box.js +0 -20
- package/dist/components/sd-date-box.server.d.ts +0 -13
- package/dist/components/sd-date-box.server.js +0 -25
- package/dist/components/sd-date-picker.d.ts +0 -10
- package/dist/components/sd-date-picker.js +0 -17
- package/dist/components/sd-date-picker.server.d.ts +0 -12
- package/dist/components/sd-date-picker.server.js +0 -20
- package/dist/components/sd-date-range-picker.d.ts +0 -10
- package/dist/components/sd-date-range-picker.js +0 -17
- package/dist/components/sd-date-range-picker.server.d.ts +0 -12
- package/dist/components/sd-date-range-picker.server.js +0 -20
- package/dist/components/sd-guide.d.ts +0 -8
- package/dist/components/sd-guide.js +0 -17
- package/dist/components/sd-guide.server.d.ts +0 -10
- package/dist/components/sd-guide.server.js +0 -22
- package/dist/components/sd-icon.d.ts +0 -8
- package/dist/components/sd-icon.js +0 -17
- package/dist/components/sd-icon.server.d.ts +0 -10
- package/dist/components/sd-icon.server.js +0 -22
- package/dist/components/sd-input.d.ts +0 -15
- package/dist/components/sd-input.js +0 -18
- package/dist/components/sd-input.server.d.ts +0 -17
- package/dist/components/sd-input.server.js +0 -28
- package/dist/components/sd-pagination.d.ts +0 -10
- package/dist/components/sd-pagination.js +0 -17
- package/dist/components/sd-pagination.server.d.ts +0 -12
- package/dist/components/sd-pagination.server.js +0 -20
- package/dist/components/sd-popover.d.ts +0 -8
- package/dist/components/sd-popover.js +0 -17
- package/dist/components/sd-popover.server.d.ts +0 -10
- package/dist/components/sd-popover.server.js +0 -29
- package/dist/components/sd-portal.d.ts +0 -10
- package/dist/components/sd-portal.js +0 -17
- package/dist/components/sd-portal.server.d.ts +0 -12
- package/dist/components/sd-portal.server.js +0 -20
- package/dist/components/sd-select-multiple-group.d.ts +0 -12
- package/dist/components/sd-select-multiple-group.js +0 -15
- package/dist/components/sd-select-multiple-group.server.d.ts +0 -14
- package/dist/components/sd-select-multiple-group.server.js +0 -26
- package/dist/components/sd-select-multiple.d.ts +0 -12
- package/dist/components/sd-select-multiple.js +0 -15
- package/dist/components/sd-select-multiple.server.d.ts +0 -14
- package/dist/components/sd-select-multiple.server.js +0 -26
- package/dist/components/sd-select-option-group.d.ts +0 -16
- package/dist/components/sd-select-option-group.js +0 -12
- package/dist/components/sd-select-option-group.server.d.ts +0 -18
- package/dist/components/sd-select-option-group.server.js +0 -23
- package/dist/components/sd-select-option.d.ts +0 -15
- package/dist/components/sd-select-option.js +0 -12
- package/dist/components/sd-select-option.server.d.ts +0 -17
- package/dist/components/sd-select-option.server.js +0 -22
- package/dist/components/sd-select.d.ts +0 -12
- package/dist/components/sd-select.js +0 -15
- package/dist/components/sd-select.server.d.ts +0 -14
- package/dist/components/sd-select.server.js +0 -26
- package/dist/components/sd-table.d.ts +0 -12
- package/dist/components/sd-table.js +0 -15
- package/dist/components/sd-table.server.d.ts +0 -14
- package/dist/components/sd-table.server.js +0 -24
- package/dist/components/sd-tag.d.ts +0 -8
- package/dist/components/sd-tag.js +0 -17
- package/dist/components/sd-tag.server.d.ts +0 -10
- package/dist/components/sd-tag.server.js +0 -23
- package/dist/components/sd-tooltip-portal.d.ts +0 -10
- package/dist/components/sd-tooltip-portal.js +0 -17
- package/dist/components/sd-tooltip-portal.server.d.ts +0 -12
- package/dist/components/sd-tooltip-portal.server.js +0 -21
- package/dist/components/sd-tooltip.d.ts +0 -8
- package/dist/components/sd-tooltip.js +0 -17
- package/dist/components/sd-tooltip.server.d.ts +0 -10
- package/dist/components/sd-tooltip.server.js +0 -27
- package/lib/components/sd-badge.server.ts +0 -29
- package/lib/components/sd-badge.ts +0 -24
- package/lib/components/sd-button.server.ts +0 -39
- package/lib/components/sd-button.ts +0 -25
- package/lib/components/sd-card.server.ts +0 -28
- package/lib/components/sd-card.ts +0 -24
- package/lib/components/sd-checkbox.server.ts +0 -31
- package/lib/components/sd-checkbox.ts +0 -25
- package/lib/components/sd-date-box.server.ts +0 -37
- package/lib/components/sd-date-box.ts +0 -30
- package/lib/components/sd-date-picker.server.ts +0 -29
- package/lib/components/sd-date-picker.ts +0 -24
- package/lib/components/sd-date-range-picker.server.ts +0 -29
- package/lib/components/sd-date-range-picker.ts +0 -24
- package/lib/components/sd-guide.server.ts +0 -31
- package/lib/components/sd-guide.ts +0 -24
- package/lib/components/sd-icon.server.ts +0 -31
- package/lib/components/sd-icon.ts +0 -24
- package/lib/components/sd-input.server.ts +0 -44
- package/lib/components/sd-input.ts +0 -37
- package/lib/components/sd-pagination.server.ts +0 -29
- package/lib/components/sd-pagination.ts +0 -24
- package/lib/components/sd-popover.server.ts +0 -38
- package/lib/components/sd-popover.ts +0 -24
- package/lib/components/sd-portal.server.ts +0 -29
- package/lib/components/sd-portal.ts +0 -24
- package/lib/components/sd-select-multiple-group.server.ts +0 -39
- package/lib/components/sd-select-multiple-group.ts +0 -31
- package/lib/components/sd-select-multiple.server.ts +0 -39
- package/lib/components/sd-select-multiple.ts +0 -31
- package/lib/components/sd-select-option-group.server.ts +0 -40
- package/lib/components/sd-select-option-group.ts +0 -32
- package/lib/components/sd-select-option.server.ts +0 -38
- package/lib/components/sd-select-option.ts +0 -31
- package/lib/components/sd-select.server.ts +0 -39
- package/lib/components/sd-select.ts +0 -31
- package/lib/components/sd-table.server.ts +0 -37
- package/lib/components/sd-table.ts +0 -31
- package/lib/components/sd-tag.server.ts +0 -32
- package/lib/components/sd-tag.ts +0 -24
- package/lib/components/sd-tooltip-portal.server.ts +0 -30
- package/lib/components/sd-tooltip-portal.ts +0 -24
- package/lib/components/sd-tooltip.server.ts +0 -36
- package/lib/components/sd-tooltip.ts +0 -24
|
@@ -1,29 +0,0 @@
|
|
|
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 { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-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 SdPortalEvents = { onSdClose: EventName<CustomEvent<void>> };
|
|
18
|
-
|
|
19
|
-
export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> = /*@__PURE__*/ createComponent<SdPortalElement, SdPortalEvents>({
|
|
20
|
-
tagName: 'sd-portal',
|
|
21
|
-
properties: {
|
|
22
|
-
to: 'to',
|
|
23
|
-
zIndex: 'z-index',
|
|
24
|
-
open: 'open'
|
|
25
|
-
},
|
|
26
|
-
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
27
|
-
clientModule: clientComponents.SdPortal as ReactWebComponent<SdPortalElement, SdPortalEvents>,
|
|
28
|
-
serializeShadowRoot,
|
|
29
|
-
});
|
|
@@ -1,24 +0,0 @@
|
|
|
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 { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-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 SdPortalEvents = { onSdClose: EventName<CustomEvent<void>> };
|
|
16
|
-
|
|
17
|
-
export const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents> = /*@__PURE__*/ createComponent<SdPortalElement, SdPortalEvents>({
|
|
18
|
-
tagName: 'sd-portal',
|
|
19
|
-
elementClass: SdPortalElement,
|
|
20
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
21
|
-
react: React,
|
|
22
|
-
events: { onSdClose: 'sdClose' } as SdPortalEvents,
|
|
23
|
-
defineCustomElement: defineSdPortal
|
|
24
|
-
});
|
|
@@ -1,39 +0,0 @@
|
|
|
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 SdSelectMultipleGroupCustomEvent, type SelectMultipleEvents } from "@sellmate/design-system";
|
|
12
|
-
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-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 SdSelectMultipleGroupEvents = {
|
|
19
|
-
onSdChange: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdChange']>>,
|
|
20
|
-
onDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>({
|
|
24
|
-
tagName: 'sd-select-multiple-group',
|
|
25
|
-
properties: {
|
|
26
|
-
label: 'label',
|
|
27
|
-
placeholder: 'placeholder',
|
|
28
|
-
optionPlaceholder: 'option-placeholder',
|
|
29
|
-
width: 'width',
|
|
30
|
-
dropdownHeight: 'dropdown-height',
|
|
31
|
-
disabled: 'disabled',
|
|
32
|
-
clearable: 'clearable',
|
|
33
|
-
searchable: 'searchable',
|
|
34
|
-
useCheckbox: 'use-checkbox'
|
|
35
|
-
},
|
|
36
|
-
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
37
|
-
clientModule: clientComponents.SdSelectMultipleGroup as ReactWebComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>,
|
|
38
|
-
serializeShadowRoot,
|
|
39
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
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 SdSelectMultipleGroupCustomEvent, type SelectMultipleEvents } from "@sellmate/design-system";
|
|
11
|
-
import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-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 SdSelectMultipleGroupEvents = {
|
|
17
|
-
onSdChange: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['sdChange']>>,
|
|
18
|
-
onDropDownShow: EventName<SdSelectMultipleGroupCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export const SdSelectMultipleGroup: StencilReactComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleGroupElement, SdSelectMultipleGroupEvents>({
|
|
22
|
-
tagName: 'sd-select-multiple-group',
|
|
23
|
-
elementClass: SdSelectMultipleGroupElement,
|
|
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 SdSelectMultipleGroupEvents,
|
|
30
|
-
defineCustomElement: defineSdSelectMultipleGroup
|
|
31
|
-
});
|
|
@@ -1,39 +0,0 @@
|
|
|
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 SdSelectMultipleCustomEvent, type SelectMultipleEvents } from "@sellmate/design-system";
|
|
12
|
-
import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.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 SdSelectMultipleEvents = {
|
|
19
|
-
onSdChange: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['sdChange']>>,
|
|
20
|
-
onDropDownShow: EventName<SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>>
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export const SdSelectMultiple: StencilReactComponent<SdSelectMultipleElement, SdSelectMultipleEvents> = /*@__PURE__*/ createComponent<SdSelectMultipleElement, SdSelectMultipleEvents>({
|
|
24
|
-
tagName: 'sd-select-multiple',
|
|
25
|
-
properties: {
|
|
26
|
-
label: 'label',
|
|
27
|
-
placeholder: 'placeholder',
|
|
28
|
-
optionPlaceholder: 'option-placeholder',
|
|
29
|
-
width: 'width',
|
|
30
|
-
dropdownHeight: 'dropdown-height',
|
|
31
|
-
disabled: 'disabled',
|
|
32
|
-
clearable: 'clearable',
|
|
33
|
-
searchable: 'searchable',
|
|
34
|
-
useCheckbox: 'use-checkbox'
|
|
35
|
-
},
|
|
36
|
-
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
37
|
-
clientModule: clientComponents.SdSelectMultiple as ReactWebComponent<SdSelectMultipleElement, SdSelectMultipleEvents>,
|
|
38
|
-
serializeShadowRoot,
|
|
39
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,40 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,38 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,39 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,37 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
});
|
package/lib/components/sd-tag.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,24 +0,0 @@
|
|
|
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
|
-
});
|
|
@@ -1,36 +0,0 @@
|
|
|
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
|
-
});
|