@andespindola/ui-react 0.2.0 → 0.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.
Files changed (3) hide show
  1. package/dist/components.d.ts +30 -0
  2. package/dist/components.js +63 -5
  3. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
+ import { type UiFileUploadCustomEvent } from "@andespindola/ui-core";
5
6
  import { UiAccordionItem as UiAccordionItemElement } from "@andespindola/ui-core/dist/components/ui-accordion-item.js";
6
7
  import { UiAccordion as UiAccordionElement } from "@andespindola/ui-core/dist/components/ui-accordion.js";
7
8
  import { UiAlert as UiAlertElement } from "@andespindola/ui-core/dist/components/ui-alert.js";
@@ -13,20 +14,26 @@ import { UiBreadcrumb as UiBreadcrumbElement } from "@andespindola/ui-core/dist/
13
14
  import { UiButton as UiButtonElement } from "@andespindola/ui-core/dist/components/ui-button.js";
14
15
  import { UiCard as UiCardElement } from "@andespindola/ui-core/dist/components/ui-card.js";
15
16
  import { UiCheckbox as UiCheckboxElement } from "@andespindola/ui-core/dist/components/ui-checkbox.js";
17
+ import { UiCombobox as UiComboboxElement } from "@andespindola/ui-core/dist/components/ui-combobox.js";
16
18
  import { UiContainer as UiContainerElement } from "@andespindola/ui-core/dist/components/ui-container.js";
19
+ import { UiDatePicker as UiDatePickerElement } from "@andespindola/ui-core/dist/components/ui-date-picker.js";
17
20
  import { UiDialog as UiDialogElement } from "@andespindola/ui-core/dist/components/ui-dialog.js";
18
21
  import { UiDrawer as UiDrawerElement } from "@andespindola/ui-core/dist/components/ui-drawer.js";
19
22
  import { UiDropdownItem as UiDropdownItemElement } from "@andespindola/ui-core/dist/components/ui-dropdown-item.js";
20
23
  import { UiDropdownMenu as UiDropdownMenuElement } from "@andespindola/ui-core/dist/components/ui-dropdown-menu.js";
21
24
  import { UiField as UiFieldElement } from "@andespindola/ui-core/dist/components/ui-field.js";
25
+ import { UiFileUpload as UiFileUploadElement } from "@andespindola/ui-core/dist/components/ui-file-upload.js";
22
26
  import { UiGrid as UiGridElement } from "@andespindola/ui-core/dist/components/ui-grid.js";
23
27
  import { UiInput as UiInputElement } from "@andespindola/ui-core/dist/components/ui-input.js";
24
28
  import { UiLabel as UiLabelElement } from "@andespindola/ui-core/dist/components/ui-label.js";
25
29
  import { UiLoadingOverlay as UiLoadingOverlayElement } from "@andespindola/ui-core/dist/components/ui-loading-overlay.js";
30
+ import { UiNavbar as UiNavbarElement } from "@andespindola/ui-core/dist/components/ui-navbar.js";
26
31
  import { UiPagination as UiPaginationElement } from "@andespindola/ui-core/dist/components/ui-pagination.js";
27
32
  import { UiPopover as UiPopoverElement } from "@andespindola/ui-core/dist/components/ui-popover.js";
33
+ import { UiProgressCircular as UiProgressCircularElement } from "@andespindola/ui-core/dist/components/ui-progress-circular.js";
28
34
  import { UiProgress as UiProgressElement } from "@andespindola/ui-core/dist/components/ui-progress.js";
29
35
  import { UiRadioGroup as UiRadioGroupElement } from "@andespindola/ui-core/dist/components/ui-radio-group.js";
36
+ import { UiRating as UiRatingElement } from "@andespindola/ui-core/dist/components/ui-rating.js";
30
37
  import { UiReveal as UiRevealElement } from "@andespindola/ui-core/dist/components/ui-reveal.js";
31
38
  import { UiScrollProgress as UiScrollProgressElement } from "@andespindola/ui-core/dist/components/ui-scroll-progress.js";
32
39
  import { UiSection as UiSectionElement } from "@andespindola/ui-core/dist/components/ui-section.js";
@@ -39,6 +46,7 @@ import { UiSpinner as UiSpinnerElement } from "@andespindola/ui-core/dist/compon
39
46
  import { UiStack as UiStackElement } from "@andespindola/ui-core/dist/components/ui-stack.js";
40
47
  import { UiStat as UiStatElement } from "@andespindola/ui-core/dist/components/ui-stat.js";
41
48
  import { UiSwitch as UiSwitchElement } from "@andespindola/ui-core/dist/components/ui-switch.js";
49
+ import { UiTable as UiTableElement } from "@andespindola/ui-core/dist/components/ui-table.js";
42
50
  import { UiTabs as UiTabsElement } from "@andespindola/ui-core/dist/components/ui-tabs.js";
43
51
  import { UiTextarea as UiTextareaElement } from "@andespindola/ui-core/dist/components/ui-textarea.js";
44
52
  import { UiThemeToggle as UiThemeToggleElement } from "@andespindola/ui-core/dist/components/ui-theme-toggle.js";
@@ -76,8 +84,16 @@ type UiCheckboxEvents = {
76
84
  onUiChange: EventName<CustomEvent<boolean>>;
77
85
  };
78
86
  export declare const UiCheckbox: StencilReactComponent<UiCheckboxElement, UiCheckboxEvents>;
87
+ type UiComboboxEvents = {
88
+ onUiChange: EventName<CustomEvent<string>>;
89
+ };
90
+ export declare const UiCombobox: StencilReactComponent<UiComboboxElement, UiComboboxEvents>;
79
91
  type UiContainerEvents = NonNullable<unknown>;
80
92
  export declare const UiContainer: StencilReactComponent<UiContainerElement, UiContainerEvents>;
93
+ type UiDatePickerEvents = {
94
+ onUiChange: EventName<CustomEvent<string>>;
95
+ };
96
+ export declare const UiDatePicker: StencilReactComponent<UiDatePickerElement, UiDatePickerEvents>;
81
97
  type UiDialogEvents = {
82
98
  onUiClose: EventName<CustomEvent<void>>;
83
99
  };
@@ -96,6 +112,10 @@ type UiDropdownMenuEvents = {
96
112
  export declare const UiDropdownMenu: StencilReactComponent<UiDropdownMenuElement, UiDropdownMenuEvents>;
97
113
  type UiFieldEvents = NonNullable<unknown>;
98
114
  export declare const UiField: StencilReactComponent<UiFieldElement, UiFieldEvents>;
115
+ type UiFileUploadEvents = {
116
+ onUiChange: EventName<UiFileUploadCustomEvent<File[]>>;
117
+ };
118
+ export declare const UiFileUpload: StencilReactComponent<UiFileUploadElement, UiFileUploadEvents>;
99
119
  type UiGridEvents = NonNullable<unknown>;
100
120
  export declare const UiGrid: StencilReactComponent<UiGridElement, UiGridEvents>;
101
121
  type UiInputEvents = {
@@ -107,6 +127,8 @@ type UiLabelEvents = NonNullable<unknown>;
107
127
  export declare const UiLabel: StencilReactComponent<UiLabelElement, UiLabelEvents>;
108
128
  type UiLoadingOverlayEvents = NonNullable<unknown>;
109
129
  export declare const UiLoadingOverlay: StencilReactComponent<UiLoadingOverlayElement, UiLoadingOverlayEvents>;
130
+ type UiNavbarEvents = NonNullable<unknown>;
131
+ export declare const UiNavbar: StencilReactComponent<UiNavbarElement, UiNavbarEvents>;
110
132
  type UiPaginationEvents = {
111
133
  onUiChange: EventName<CustomEvent<number>>;
112
134
  };
@@ -117,10 +139,16 @@ type UiPopoverEvents = {
117
139
  export declare const UiPopover: StencilReactComponent<UiPopoverElement, UiPopoverEvents>;
118
140
  type UiProgressEvents = NonNullable<unknown>;
119
141
  export declare const UiProgress: StencilReactComponent<UiProgressElement, UiProgressEvents>;
142
+ type UiProgressCircularEvents = NonNullable<unknown>;
143
+ export declare const UiProgressCircular: StencilReactComponent<UiProgressCircularElement, UiProgressCircularEvents>;
120
144
  type UiRadioGroupEvents = {
121
145
  onUiChange: EventName<CustomEvent<string>>;
122
146
  };
123
147
  export declare const UiRadioGroup: StencilReactComponent<UiRadioGroupElement, UiRadioGroupEvents>;
148
+ type UiRatingEvents = {
149
+ onUiChange: EventName<CustomEvent<number>>;
150
+ };
151
+ export declare const UiRating: StencilReactComponent<UiRatingElement, UiRatingEvents>;
124
152
  type UiRevealEvents = NonNullable<unknown>;
125
153
  export declare const UiReveal: StencilReactComponent<UiRevealElement, UiRevealEvents>;
126
154
  type UiScrollProgressEvents = NonNullable<unknown>;
@@ -154,6 +182,8 @@ type UiSwitchEvents = {
154
182
  onUiChange: EventName<CustomEvent<boolean>>;
155
183
  };
156
184
  export declare const UiSwitch: StencilReactComponent<UiSwitchElement, UiSwitchEvents>;
185
+ type UiTableEvents = NonNullable<unknown>;
186
+ export declare const UiTable: StencilReactComponent<UiTableElement, UiTableEvents>;
157
187
  type UiTabsEvents = {
158
188
  onUiChange: EventName<CustomEvent<string>>;
159
189
  };
package/dist/components.js CHANGED
@@ -1,9 +1,4 @@
1
1
  'use client';
2
- /**
3
- * This file was automatically generated by the Stencil React Output Target.
4
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
5
- */
6
- /* eslint-disable */
7
2
  import { UiAccordionItem as UiAccordionItemElement, defineCustomElement as defineUiAccordionItem } from "@andespindola/ui-core/dist/components/ui-accordion-item.js";
8
3
  import { UiAccordion as UiAccordionElement, defineCustomElement as defineUiAccordion } from "@andespindola/ui-core/dist/components/ui-accordion.js";
9
4
  import { UiAlert as UiAlertElement, defineCustomElement as defineUiAlert } from "@andespindola/ui-core/dist/components/ui-alert.js";
@@ -15,20 +10,26 @@ import { UiBreadcrumb as UiBreadcrumbElement, defineCustomElement as defineUiBre
15
10
  import { UiButton as UiButtonElement, defineCustomElement as defineUiButton } from "@andespindola/ui-core/dist/components/ui-button.js";
16
11
  import { UiCard as UiCardElement, defineCustomElement as defineUiCard } from "@andespindola/ui-core/dist/components/ui-card.js";
17
12
  import { UiCheckbox as UiCheckboxElement, defineCustomElement as defineUiCheckbox } from "@andespindola/ui-core/dist/components/ui-checkbox.js";
13
+ import { UiCombobox as UiComboboxElement, defineCustomElement as defineUiCombobox } from "@andespindola/ui-core/dist/components/ui-combobox.js";
18
14
  import { UiContainer as UiContainerElement, defineCustomElement as defineUiContainer } from "@andespindola/ui-core/dist/components/ui-container.js";
15
+ import { UiDatePicker as UiDatePickerElement, defineCustomElement as defineUiDatePicker } from "@andespindola/ui-core/dist/components/ui-date-picker.js";
19
16
  import { UiDialog as UiDialogElement, defineCustomElement as defineUiDialog } from "@andespindola/ui-core/dist/components/ui-dialog.js";
20
17
  import { UiDrawer as UiDrawerElement, defineCustomElement as defineUiDrawer } from "@andespindola/ui-core/dist/components/ui-drawer.js";
21
18
  import { UiDropdownItem as UiDropdownItemElement, defineCustomElement as defineUiDropdownItem } from "@andespindola/ui-core/dist/components/ui-dropdown-item.js";
22
19
  import { UiDropdownMenu as UiDropdownMenuElement, defineCustomElement as defineUiDropdownMenu } from "@andespindola/ui-core/dist/components/ui-dropdown-menu.js";
23
20
  import { UiField as UiFieldElement, defineCustomElement as defineUiField } from "@andespindola/ui-core/dist/components/ui-field.js";
21
+ import { UiFileUpload as UiFileUploadElement, defineCustomElement as defineUiFileUpload } from "@andespindola/ui-core/dist/components/ui-file-upload.js";
24
22
  import { UiGrid as UiGridElement, defineCustomElement as defineUiGrid } from "@andespindola/ui-core/dist/components/ui-grid.js";
25
23
  import { UiInput as UiInputElement, defineCustomElement as defineUiInput } from "@andespindola/ui-core/dist/components/ui-input.js";
26
24
  import { UiLabel as UiLabelElement, defineCustomElement as defineUiLabel } from "@andespindola/ui-core/dist/components/ui-label.js";
27
25
  import { UiLoadingOverlay as UiLoadingOverlayElement, defineCustomElement as defineUiLoadingOverlay } from "@andespindola/ui-core/dist/components/ui-loading-overlay.js";
26
+ import { UiNavbar as UiNavbarElement, defineCustomElement as defineUiNavbar } from "@andespindola/ui-core/dist/components/ui-navbar.js";
28
27
  import { UiPagination as UiPaginationElement, defineCustomElement as defineUiPagination } from "@andespindola/ui-core/dist/components/ui-pagination.js";
29
28
  import { UiPopover as UiPopoverElement, defineCustomElement as defineUiPopover } from "@andespindola/ui-core/dist/components/ui-popover.js";
29
+ import { UiProgressCircular as UiProgressCircularElement, defineCustomElement as defineUiProgressCircular } from "@andespindola/ui-core/dist/components/ui-progress-circular.js";
30
30
  import { UiProgress as UiProgressElement, defineCustomElement as defineUiProgress } from "@andespindola/ui-core/dist/components/ui-progress.js";
31
31
  import { UiRadioGroup as UiRadioGroupElement, defineCustomElement as defineUiRadioGroup } from "@andespindola/ui-core/dist/components/ui-radio-group.js";
32
+ import { UiRating as UiRatingElement, defineCustomElement as defineUiRating } from "@andespindola/ui-core/dist/components/ui-rating.js";
32
33
  import { UiReveal as UiRevealElement, defineCustomElement as defineUiReveal } from "@andespindola/ui-core/dist/components/ui-reveal.js";
33
34
  import { UiScrollProgress as UiScrollProgressElement, defineCustomElement as defineUiScrollProgress } from "@andespindola/ui-core/dist/components/ui-scroll-progress.js";
34
35
  import { UiSection as UiSectionElement, defineCustomElement as defineUiSection } from "@andespindola/ui-core/dist/components/ui-section.js";
@@ -41,6 +42,7 @@ import { UiSpinner as UiSpinnerElement, defineCustomElement as defineUiSpinner }
41
42
  import { UiStack as UiStackElement, defineCustomElement as defineUiStack } from "@andespindola/ui-core/dist/components/ui-stack.js";
42
43
  import { UiStat as UiStatElement, defineCustomElement as defineUiStat } from "@andespindola/ui-core/dist/components/ui-stat.js";
43
44
  import { UiSwitch as UiSwitchElement, defineCustomElement as defineUiSwitch } from "@andespindola/ui-core/dist/components/ui-switch.js";
45
+ import { UiTable as UiTableElement, defineCustomElement as defineUiTable } from "@andespindola/ui-core/dist/components/ui-table.js";
44
46
  import { UiTabs as UiTabsElement, defineCustomElement as defineUiTabs } from "@andespindola/ui-core/dist/components/ui-tabs.js";
45
47
  import { UiTextarea as UiTextareaElement, defineCustomElement as defineUiTextarea } from "@andespindola/ui-core/dist/components/ui-textarea.js";
46
48
  import { UiThemeToggle as UiThemeToggleElement, defineCustomElement as defineUiThemeToggle } from "@andespindola/ui-core/dist/components/ui-theme-toggle.js";
@@ -137,6 +139,14 @@ export const UiCheckbox = /*@__PURE__*/ createComponent({
137
139
  events: { onUiChange: 'uiChange' },
138
140
  defineCustomElement: defineUiCheckbox
139
141
  });
142
+ export const UiCombobox = /*@__PURE__*/ createComponent({
143
+ tagName: 'ui-combobox',
144
+ elementClass: UiComboboxElement,
145
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
146
+ react: React,
147
+ events: { onUiChange: 'uiChange' },
148
+ defineCustomElement: defineUiCombobox
149
+ });
140
150
  export const UiContainer = /*@__PURE__*/ createComponent({
141
151
  tagName: 'ui-container',
142
152
  elementClass: UiContainerElement,
@@ -145,6 +155,14 @@ export const UiContainer = /*@__PURE__*/ createComponent({
145
155
  events: {},
146
156
  defineCustomElement: defineUiContainer
147
157
  });
158
+ export const UiDatePicker = /*@__PURE__*/ createComponent({
159
+ tagName: 'ui-date-picker',
160
+ elementClass: UiDatePickerElement,
161
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
162
+ react: React,
163
+ events: { onUiChange: 'uiChange' },
164
+ defineCustomElement: defineUiDatePicker
165
+ });
148
166
  export const UiDialog = /*@__PURE__*/ createComponent({
149
167
  tagName: 'ui-dialog',
150
168
  elementClass: UiDialogElement,
@@ -185,6 +203,14 @@ export const UiField = /*@__PURE__*/ createComponent({
185
203
  events: {},
186
204
  defineCustomElement: defineUiField
187
205
  });
206
+ export const UiFileUpload = /*@__PURE__*/ createComponent({
207
+ tagName: 'ui-file-upload',
208
+ elementClass: UiFileUploadElement,
209
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
210
+ react: React,
211
+ events: { onUiChange: 'uiChange' },
212
+ defineCustomElement: defineUiFileUpload
213
+ });
188
214
  export const UiGrid = /*@__PURE__*/ createComponent({
189
215
  tagName: 'ui-grid',
190
216
  elementClass: UiGridElement,
@@ -220,6 +246,14 @@ export const UiLoadingOverlay = /*@__PURE__*/ createComponent({
220
246
  events: {},
221
247
  defineCustomElement: defineUiLoadingOverlay
222
248
  });
249
+ export const UiNavbar = /*@__PURE__*/ createComponent({
250
+ tagName: 'ui-navbar',
251
+ elementClass: UiNavbarElement,
252
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
253
+ react: React,
254
+ events: {},
255
+ defineCustomElement: defineUiNavbar
256
+ });
223
257
  export const UiPagination = /*@__PURE__*/ createComponent({
224
258
  tagName: 'ui-pagination',
225
259
  elementClass: UiPaginationElement,
@@ -244,6 +278,14 @@ export const UiProgress = /*@__PURE__*/ createComponent({
244
278
  events: {},
245
279
  defineCustomElement: defineUiProgress
246
280
  });
281
+ export const UiProgressCircular = /*@__PURE__*/ createComponent({
282
+ tagName: 'ui-progress-circular',
283
+ elementClass: UiProgressCircularElement,
284
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
285
+ react: React,
286
+ events: {},
287
+ defineCustomElement: defineUiProgressCircular
288
+ });
247
289
  export const UiRadioGroup = /*@__PURE__*/ createComponent({
248
290
  tagName: 'ui-radio-group',
249
291
  elementClass: UiRadioGroupElement,
@@ -252,6 +294,14 @@ export const UiRadioGroup = /*@__PURE__*/ createComponent({
252
294
  events: { onUiChange: 'uiChange' },
253
295
  defineCustomElement: defineUiRadioGroup
254
296
  });
297
+ export const UiRating = /*@__PURE__*/ createComponent({
298
+ tagName: 'ui-rating',
299
+ elementClass: UiRatingElement,
300
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
301
+ react: React,
302
+ events: { onUiChange: 'uiChange' },
303
+ defineCustomElement: defineUiRating
304
+ });
255
305
  export const UiReveal = /*@__PURE__*/ createComponent({
256
306
  tagName: 'ui-reveal',
257
307
  elementClass: UiRevealElement,
@@ -351,6 +401,14 @@ export const UiSwitch = /*@__PURE__*/ createComponent({
351
401
  events: { onUiChange: 'uiChange' },
352
402
  defineCustomElement: defineUiSwitch
353
403
  });
404
+ export const UiTable = /*@__PURE__*/ createComponent({
405
+ tagName: 'ui-table',
406
+ elementClass: UiTableElement,
407
+ // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
408
+ react: React,
409
+ events: {},
410
+ defineCustomElement: defineUiTable
411
+ });
354
412
  export const UiTabs = /*@__PURE__*/ createComponent({
355
413
  tagName: 'ui-tabs',
356
414
  elementClass: UiTabsElement,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@andespindola/ui-react",
3
- "version": "0.2.0",
3
+ "version": "0.3.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.2.0",
26
+ "@andespindola/ui-core": "0.3.0",
27
27
  "@stencil/react-output-target": "^0.8.1"
28
28
  },
29
29
  "devDependencies": {