@andespindola/ui-react 0.3.0 → 0.4.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/dist/components.d.ts +16 -0
- package/dist/components.js +36 -0
- package/package.json +2 -2
package/dist/components.d.ts
CHANGED
|
@@ -13,8 +13,10 @@ import { UiBreadcrumbItem as UiBreadcrumbItemElement } from "@andespindola/ui-co
|
|
|
13
13
|
import { UiBreadcrumb as UiBreadcrumbElement } from "@andespindola/ui-core/dist/components/ui-breadcrumb.js";
|
|
14
14
|
import { UiButton as UiButtonElement } from "@andespindola/ui-core/dist/components/ui-button.js";
|
|
15
15
|
import { UiCard as UiCardElement } from "@andespindola/ui-core/dist/components/ui-card.js";
|
|
16
|
+
import { UiCarousel as UiCarouselElement } from "@andespindola/ui-core/dist/components/ui-carousel.js";
|
|
16
17
|
import { UiCheckbox as UiCheckboxElement } from "@andespindola/ui-core/dist/components/ui-checkbox.js";
|
|
17
18
|
import { UiCombobox as UiComboboxElement } from "@andespindola/ui-core/dist/components/ui-combobox.js";
|
|
19
|
+
import { UiCommand as UiCommandElement } from "@andespindola/ui-core/dist/components/ui-command.js";
|
|
18
20
|
import { UiContainer as UiContainerElement } from "@andespindola/ui-core/dist/components/ui-container.js";
|
|
19
21
|
import { UiDatePicker as UiDatePickerElement } from "@andespindola/ui-core/dist/components/ui-date-picker.js";
|
|
20
22
|
import { UiDialog as UiDialogElement } from "@andespindola/ui-core/dist/components/ui-dialog.js";
|
|
@@ -50,6 +52,8 @@ import { UiTable as UiTableElement } from "@andespindola/ui-core/dist/components
|
|
|
50
52
|
import { UiTabs as UiTabsElement } from "@andespindola/ui-core/dist/components/ui-tabs.js";
|
|
51
53
|
import { UiTextarea as UiTextareaElement } from "@andespindola/ui-core/dist/components/ui-textarea.js";
|
|
52
54
|
import { UiThemeToggle as UiThemeToggleElement } from "@andespindola/ui-core/dist/components/ui-theme-toggle.js";
|
|
55
|
+
import { UiTimelineItem as UiTimelineItemElement } from "@andespindola/ui-core/dist/components/ui-timeline-item.js";
|
|
56
|
+
import { UiTimeline as UiTimelineElement } from "@andespindola/ui-core/dist/components/ui-timeline.js";
|
|
53
57
|
import { UiToast as UiToastElement } from "@andespindola/ui-core/dist/components/ui-toast.js";
|
|
54
58
|
import { UiToaster as UiToasterElement } from "@andespindola/ui-core/dist/components/ui-toaster.js";
|
|
55
59
|
import { UiTooltip as UiTooltipElement } from "@andespindola/ui-core/dist/components/ui-tooltip.js";
|
|
@@ -80,6 +84,10 @@ type UiButtonEvents = NonNullable<unknown>;
|
|
|
80
84
|
export declare const UiButton: StencilReactComponent<UiButtonElement, UiButtonEvents>;
|
|
81
85
|
type UiCardEvents = NonNullable<unknown>;
|
|
82
86
|
export declare const UiCard: StencilReactComponent<UiCardElement, UiCardEvents>;
|
|
87
|
+
type UiCarouselEvents = {
|
|
88
|
+
onUiChange: EventName<CustomEvent<number>>;
|
|
89
|
+
};
|
|
90
|
+
export declare const UiCarousel: StencilReactComponent<UiCarouselElement, UiCarouselEvents>;
|
|
83
91
|
type UiCheckboxEvents = {
|
|
84
92
|
onUiChange: EventName<CustomEvent<boolean>>;
|
|
85
93
|
};
|
|
@@ -88,6 +96,10 @@ type UiComboboxEvents = {
|
|
|
88
96
|
onUiChange: EventName<CustomEvent<string>>;
|
|
89
97
|
};
|
|
90
98
|
export declare const UiCombobox: StencilReactComponent<UiComboboxElement, UiComboboxEvents>;
|
|
99
|
+
type UiCommandEvents = {
|
|
100
|
+
onUiSelect: EventName<CustomEvent<string>>;
|
|
101
|
+
};
|
|
102
|
+
export declare const UiCommand: StencilReactComponent<UiCommandElement, UiCommandEvents>;
|
|
91
103
|
type UiContainerEvents = NonNullable<unknown>;
|
|
92
104
|
export declare const UiContainer: StencilReactComponent<UiContainerElement, UiContainerEvents>;
|
|
93
105
|
type UiDatePickerEvents = {
|
|
@@ -197,6 +209,10 @@ type UiThemeToggleEvents = {
|
|
|
197
209
|
onUiThemeChange: EventName<CustomEvent<"light" | "dark">>;
|
|
198
210
|
};
|
|
199
211
|
export declare const UiThemeToggle: StencilReactComponent<UiThemeToggleElement, UiThemeToggleEvents>;
|
|
212
|
+
type UiTimelineEvents = NonNullable<unknown>;
|
|
213
|
+
export declare const UiTimeline: StencilReactComponent<UiTimelineElement, UiTimelineEvents>;
|
|
214
|
+
type UiTimelineItemEvents = NonNullable<unknown>;
|
|
215
|
+
export declare const UiTimelineItem: StencilReactComponent<UiTimelineItemElement, UiTimelineItemEvents>;
|
|
200
216
|
type UiToastEvents = {
|
|
201
217
|
onUiClose: EventName<CustomEvent<void>>;
|
|
202
218
|
};
|
package/dist/components.js
CHANGED
|
@@ -9,8 +9,10 @@ import { UiBreadcrumbItem as UiBreadcrumbItemElement, defineCustomElement as def
|
|
|
9
9
|
import { UiBreadcrumb as UiBreadcrumbElement, defineCustomElement as defineUiBreadcrumb } from "@andespindola/ui-core/dist/components/ui-breadcrumb.js";
|
|
10
10
|
import { UiButton as UiButtonElement, defineCustomElement as defineUiButton } from "@andespindola/ui-core/dist/components/ui-button.js";
|
|
11
11
|
import { UiCard as UiCardElement, defineCustomElement as defineUiCard } from "@andespindola/ui-core/dist/components/ui-card.js";
|
|
12
|
+
import { UiCarousel as UiCarouselElement, defineCustomElement as defineUiCarousel } from "@andespindola/ui-core/dist/components/ui-carousel.js";
|
|
12
13
|
import { UiCheckbox as UiCheckboxElement, defineCustomElement as defineUiCheckbox } from "@andespindola/ui-core/dist/components/ui-checkbox.js";
|
|
13
14
|
import { UiCombobox as UiComboboxElement, defineCustomElement as defineUiCombobox } from "@andespindola/ui-core/dist/components/ui-combobox.js";
|
|
15
|
+
import { UiCommand as UiCommandElement, defineCustomElement as defineUiCommand } from "@andespindola/ui-core/dist/components/ui-command.js";
|
|
14
16
|
import { UiContainer as UiContainerElement, defineCustomElement as defineUiContainer } from "@andespindola/ui-core/dist/components/ui-container.js";
|
|
15
17
|
import { UiDatePicker as UiDatePickerElement, defineCustomElement as defineUiDatePicker } from "@andespindola/ui-core/dist/components/ui-date-picker.js";
|
|
16
18
|
import { UiDialog as UiDialogElement, defineCustomElement as defineUiDialog } from "@andespindola/ui-core/dist/components/ui-dialog.js";
|
|
@@ -46,6 +48,8 @@ import { UiTable as UiTableElement, defineCustomElement as defineUiTable } from
|
|
|
46
48
|
import { UiTabs as UiTabsElement, defineCustomElement as defineUiTabs } from "@andespindola/ui-core/dist/components/ui-tabs.js";
|
|
47
49
|
import { UiTextarea as UiTextareaElement, defineCustomElement as defineUiTextarea } from "@andespindola/ui-core/dist/components/ui-textarea.js";
|
|
48
50
|
import { UiThemeToggle as UiThemeToggleElement, defineCustomElement as defineUiThemeToggle } from "@andespindola/ui-core/dist/components/ui-theme-toggle.js";
|
|
51
|
+
import { UiTimelineItem as UiTimelineItemElement, defineCustomElement as defineUiTimelineItem } from "@andespindola/ui-core/dist/components/ui-timeline-item.js";
|
|
52
|
+
import { UiTimeline as UiTimelineElement, defineCustomElement as defineUiTimeline } from "@andespindola/ui-core/dist/components/ui-timeline.js";
|
|
49
53
|
import { UiToast as UiToastElement, defineCustomElement as defineUiToast } from "@andespindola/ui-core/dist/components/ui-toast.js";
|
|
50
54
|
import { UiToaster as UiToasterElement, defineCustomElement as defineUiToaster } from "@andespindola/ui-core/dist/components/ui-toaster.js";
|
|
51
55
|
import { UiTooltip as UiTooltipElement, defineCustomElement as defineUiTooltip } from "@andespindola/ui-core/dist/components/ui-tooltip.js";
|
|
@@ -131,6 +135,14 @@ export const UiCard = /*@__PURE__*/ createComponent({
|
|
|
131
135
|
events: {},
|
|
132
136
|
defineCustomElement: defineUiCard
|
|
133
137
|
});
|
|
138
|
+
export const UiCarousel = /*@__PURE__*/ createComponent({
|
|
139
|
+
tagName: 'ui-carousel',
|
|
140
|
+
elementClass: UiCarouselElement,
|
|
141
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
142
|
+
react: React,
|
|
143
|
+
events: { onUiChange: 'uiChange' },
|
|
144
|
+
defineCustomElement: defineUiCarousel
|
|
145
|
+
});
|
|
134
146
|
export const UiCheckbox = /*@__PURE__*/ createComponent({
|
|
135
147
|
tagName: 'ui-checkbox',
|
|
136
148
|
elementClass: UiCheckboxElement,
|
|
@@ -147,6 +159,14 @@ export const UiCombobox = /*@__PURE__*/ createComponent({
|
|
|
147
159
|
events: { onUiChange: 'uiChange' },
|
|
148
160
|
defineCustomElement: defineUiCombobox
|
|
149
161
|
});
|
|
162
|
+
export const UiCommand = /*@__PURE__*/ createComponent({
|
|
163
|
+
tagName: 'ui-command',
|
|
164
|
+
elementClass: UiCommandElement,
|
|
165
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
166
|
+
react: React,
|
|
167
|
+
events: { onUiSelect: 'uiSelect' },
|
|
168
|
+
defineCustomElement: defineUiCommand
|
|
169
|
+
});
|
|
150
170
|
export const UiContainer = /*@__PURE__*/ createComponent({
|
|
151
171
|
tagName: 'ui-container',
|
|
152
172
|
elementClass: UiContainerElement,
|
|
@@ -436,6 +456,22 @@ export const UiThemeToggle = /*@__PURE__*/ createComponent({
|
|
|
436
456
|
events: { onUiThemeChange: 'uiThemeChange' },
|
|
437
457
|
defineCustomElement: defineUiThemeToggle
|
|
438
458
|
});
|
|
459
|
+
export const UiTimeline = /*@__PURE__*/ createComponent({
|
|
460
|
+
tagName: 'ui-timeline',
|
|
461
|
+
elementClass: UiTimelineElement,
|
|
462
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
463
|
+
react: React,
|
|
464
|
+
events: {},
|
|
465
|
+
defineCustomElement: defineUiTimeline
|
|
466
|
+
});
|
|
467
|
+
export const UiTimelineItem = /*@__PURE__*/ createComponent({
|
|
468
|
+
tagName: 'ui-timeline-item',
|
|
469
|
+
elementClass: UiTimelineItemElement,
|
|
470
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
471
|
+
react: React,
|
|
472
|
+
events: {},
|
|
473
|
+
defineCustomElement: defineUiTimelineItem
|
|
474
|
+
});
|
|
439
475
|
export const UiToast = /*@__PURE__*/ createComponent({
|
|
440
476
|
tagName: 'ui-toast',
|
|
441
477
|
elementClass: UiToastElement,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@andespindola/ui-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Wrappers React (e Next.js) para os Web Components do design system @andespindola/ui-core.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Anderson Espindola <andersonfaustinolima@gmail.com>",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"react-dom": ">=18"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@andespindola/ui-core": "0.
|
|
26
|
+
"@andespindola/ui-core": "0.4.0",
|
|
27
27
|
"@stencil/react-output-target": "^0.8.1"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|