@maggioli-design-system/magma-react 1.5.0 → 1.6.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.js +48 -0
- package/dist/types/components.d.ts +28 -0
- package/package.json +2 -2
package/dist/components.js
CHANGED
|
@@ -12,6 +12,8 @@ import { MdsBibliography as MdsBibliographyElement, defineCustomElement as defin
|
|
|
12
12
|
import { MdsBreadcrumbItem as MdsBreadcrumbItemElement, defineCustomElement as defineMdsBreadcrumbItem } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb-item.js";
|
|
13
13
|
import { MdsBreadcrumb as MdsBreadcrumbElement, defineCustomElement as defineMdsBreadcrumb } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb.js";
|
|
14
14
|
import { MdsButton as MdsButtonElement, defineCustomElement as defineMdsButton } from "@maggioli-design-system/magma/dist/components/mds-button.js";
|
|
15
|
+
import { MdsCalendarCell as MdsCalendarCellElement, defineCustomElement as defineMdsCalendarCell } from "@maggioli-design-system/magma/dist/components/mds-calendar-cell.js";
|
|
16
|
+
import { MdsCalendar as MdsCalendarElement, defineCustomElement as defineMdsCalendar } from "@maggioli-design-system/magma/dist/components/mds-calendar.js";
|
|
15
17
|
import { MdsCardContent as MdsCardContentElement, defineCustomElement as defineMdsCardContent } from "@maggioli-design-system/magma/dist/components/mds-card-content.js";
|
|
16
18
|
import { MdsCardFooter as MdsCardFooterElement, defineCustomElement as defineMdsCardFooter } from "@maggioli-design-system/magma/dist/components/mds-card-footer.js";
|
|
17
19
|
import { MdsCardHeader as MdsCardHeaderElement, defineCustomElement as defineMdsCardHeader } from "@maggioli-design-system/magma/dist/components/mds-card-header.js";
|
|
@@ -32,6 +34,9 @@ import { MdsHorizontalScroll as MdsHorizontalScrollElement, defineCustomElement
|
|
|
32
34
|
import { MdsHr as MdsHrElement, defineCustomElement as defineMdsHr } from "@maggioli-design-system/magma/dist/components/mds-hr.js";
|
|
33
35
|
import { MdsIcon as MdsIconElement, defineCustomElement as defineMdsIcon } from "@maggioli-design-system/magma/dist/components/mds-icon.js";
|
|
34
36
|
import { MdsImg as MdsImgElement, defineCustomElement as defineMdsImg } from "@maggioli-design-system/magma/dist/components/mds-img.js";
|
|
37
|
+
import { MdsInputDateRangePreselection as MdsInputDateRangePreselectionElement, defineCustomElement as defineMdsInputDateRangePreselection } from "@maggioli-design-system/magma/dist/components/mds-input-date-range-preselection.js";
|
|
38
|
+
import { MdsInputDateRange as MdsInputDateRangeElement, defineCustomElement as defineMdsInputDateRange } from "@maggioli-design-system/magma/dist/components/mds-input-date-range.js";
|
|
39
|
+
import { MdsInputDate as MdsInputDateElement, defineCustomElement as defineMdsInputDate } from "@maggioli-design-system/magma/dist/components/mds-input-date.js";
|
|
35
40
|
import { MdsInputField as MdsInputFieldElement, defineCustomElement as defineMdsInputField } from "@maggioli-design-system/magma/dist/components/mds-input-field.js";
|
|
36
41
|
import { MdsInputRange as MdsInputRangeElement, defineCustomElement as defineMdsInputRange } from "@maggioli-design-system/magma/dist/components/mds-input-range.js";
|
|
37
42
|
import { MdsInputSelect as MdsInputSelectElement, defineCustomElement as defineMdsInputSelect } from "@maggioli-design-system/magma/dist/components/mds-input-select.js";
|
|
@@ -209,6 +214,25 @@ export const MdsButton = /*@__PURE__*/ createComponent({
|
|
|
209
214
|
events: {},
|
|
210
215
|
defineCustomElement: defineMdsButton
|
|
211
216
|
});
|
|
217
|
+
export const MdsCalendar = /*@__PURE__*/ createComponent({
|
|
218
|
+
tagName: 'mds-calendar',
|
|
219
|
+
elementClass: MdsCalendarElement,
|
|
220
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
221
|
+
react: React,
|
|
222
|
+
events: {
|
|
223
|
+
onDatesEmitter: 'datesEmitter',
|
|
224
|
+
onCheckPreselectionsEmitter: 'checkPreselectionsEmitter'
|
|
225
|
+
},
|
|
226
|
+
defineCustomElement: defineMdsCalendar
|
|
227
|
+
});
|
|
228
|
+
export const MdsCalendarCell = /*@__PURE__*/ createComponent({
|
|
229
|
+
tagName: 'mds-calendar-cell',
|
|
230
|
+
elementClass: MdsCalendarCellElement,
|
|
231
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
232
|
+
react: React,
|
|
233
|
+
events: {},
|
|
234
|
+
defineCustomElement: defineMdsCalendarCell
|
|
235
|
+
});
|
|
212
236
|
export const MdsCard = /*@__PURE__*/ createComponent({
|
|
213
237
|
tagName: 'mds-card',
|
|
214
238
|
elementClass: MdsCardElement,
|
|
@@ -398,6 +422,30 @@ export const MdsInput = /*@__PURE__*/ createComponent({
|
|
|
398
422
|
},
|
|
399
423
|
defineCustomElement: defineMdsInput
|
|
400
424
|
});
|
|
425
|
+
export const MdsInputDate = /*@__PURE__*/ createComponent({
|
|
426
|
+
tagName: 'mds-input-date',
|
|
427
|
+
elementClass: MdsInputDateElement,
|
|
428
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
429
|
+
react: React,
|
|
430
|
+
events: { onValueChange: 'valueChange' },
|
|
431
|
+
defineCustomElement: defineMdsInputDate
|
|
432
|
+
});
|
|
433
|
+
export const MdsInputDateRange = /*@__PURE__*/ createComponent({
|
|
434
|
+
tagName: 'mds-input-date-range',
|
|
435
|
+
elementClass: MdsInputDateRangeElement,
|
|
436
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
437
|
+
react: React,
|
|
438
|
+
events: { onDateRangeSelected: 'dateRangeSelected' },
|
|
439
|
+
defineCustomElement: defineMdsInputDateRange
|
|
440
|
+
});
|
|
441
|
+
export const MdsInputDateRangePreselection = /*@__PURE__*/ createComponent({
|
|
442
|
+
tagName: 'mds-input-date-range-preselection',
|
|
443
|
+
elementClass: MdsInputDateRangePreselectionElement,
|
|
444
|
+
// @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
|
|
445
|
+
react: React,
|
|
446
|
+
events: {},
|
|
447
|
+
defineCustomElement: defineMdsInputDateRangePreselection
|
|
448
|
+
});
|
|
401
449
|
export const MdsInputField = /*@__PURE__*/ createComponent({
|
|
402
450
|
tagName: 'mds-input-field',
|
|
403
451
|
elementClass: MdsInputFieldElement,
|
|
@@ -16,6 +16,8 @@ import { MdsBibliography as MdsBibliographyElement } from "@maggioli-design-syst
|
|
|
16
16
|
import { MdsBreadcrumbItem as MdsBreadcrumbItemElement } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb-item.js";
|
|
17
17
|
import { MdsBreadcrumb as MdsBreadcrumbElement } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb.js";
|
|
18
18
|
import { MdsButton as MdsButtonElement } from "@maggioli-design-system/magma/dist/components/mds-button.js";
|
|
19
|
+
import { MdsCalendarCell as MdsCalendarCellElement } from "@maggioli-design-system/magma/dist/components/mds-calendar-cell.js";
|
|
20
|
+
import { MdsCalendar as MdsCalendarElement } from "@maggioli-design-system/magma/dist/components/mds-calendar.js";
|
|
19
21
|
import { MdsCardContent as MdsCardContentElement } from "@maggioli-design-system/magma/dist/components/mds-card-content.js";
|
|
20
22
|
import { MdsCardFooter as MdsCardFooterElement } from "@maggioli-design-system/magma/dist/components/mds-card-footer.js";
|
|
21
23
|
import { MdsCardHeader as MdsCardHeaderElement } from "@maggioli-design-system/magma/dist/components/mds-card-header.js";
|
|
@@ -36,6 +38,9 @@ import { MdsHorizontalScroll as MdsHorizontalScrollElement } from "@maggioli-des
|
|
|
36
38
|
import { MdsHr as MdsHrElement } from "@maggioli-design-system/magma/dist/components/mds-hr.js";
|
|
37
39
|
import { MdsIcon as MdsIconElement } from "@maggioli-design-system/magma/dist/components/mds-icon.js";
|
|
38
40
|
import { MdsImg as MdsImgElement } from "@maggioli-design-system/magma/dist/components/mds-img.js";
|
|
41
|
+
import { MdsInputDateRangePreselection as MdsInputDateRangePreselectionElement } from "@maggioli-design-system/magma/dist/components/mds-input-date-range-preselection.js";
|
|
42
|
+
import { MdsInputDateRange as MdsInputDateRangeElement } from "@maggioli-design-system/magma/dist/components/mds-input-date-range.js";
|
|
43
|
+
import { MdsInputDate as MdsInputDateElement } from "@maggioli-design-system/magma/dist/components/mds-input-date.js";
|
|
39
44
|
import { MdsInputField as MdsInputFieldElement } from "@maggioli-design-system/magma/dist/components/mds-input-field.js";
|
|
40
45
|
import { MdsInputRange as MdsInputRangeElement } from "@maggioli-design-system/magma/dist/components/mds-input-range.js";
|
|
41
46
|
import { MdsInputSelect as MdsInputSelectElement } from "@maggioli-design-system/magma/dist/components/mds-input-select.js";
|
|
@@ -144,6 +149,16 @@ type MdsBreadcrumbItemEvents = {
|
|
|
144
149
|
export declare const MdsBreadcrumbItem: StencilReactComponent<MdsBreadcrumbItemElement, MdsBreadcrumbItemEvents>;
|
|
145
150
|
type MdsButtonEvents = NonNullable<unknown>;
|
|
146
151
|
export declare const MdsButton: StencilReactComponent<MdsButtonElement, MdsButtonEvents>;
|
|
152
|
+
type MdsCalendarEvents = {
|
|
153
|
+
onDatesEmitter: EventName<CustomEvent<{
|
|
154
|
+
startDate: string;
|
|
155
|
+
endDate?: string;
|
|
156
|
+
}>>;
|
|
157
|
+
onCheckPreselectionsEmitter: EventName<CustomEvent<void>>;
|
|
158
|
+
};
|
|
159
|
+
export declare const MdsCalendar: StencilReactComponent<MdsCalendarElement, MdsCalendarEvents>;
|
|
160
|
+
type MdsCalendarCellEvents = NonNullable<unknown>;
|
|
161
|
+
export declare const MdsCalendarCell: StencilReactComponent<MdsCalendarCellElement, MdsCalendarCellEvents>;
|
|
147
162
|
type MdsCardEvents = NonNullable<unknown>;
|
|
148
163
|
export declare const MdsCard: StencilReactComponent<MdsCardElement, MdsCardEvents>;
|
|
149
164
|
type MdsCardContentEvents = NonNullable<unknown>;
|
|
@@ -217,6 +232,19 @@ type MdsInputEvents = {
|
|
|
217
232
|
onMdsInputFocus: EventName<CustomEvent<void>>;
|
|
218
233
|
};
|
|
219
234
|
export declare const MdsInput: StencilReactComponent<MdsInputElement, MdsInputEvents>;
|
|
235
|
+
type MdsInputDateEvents = {
|
|
236
|
+
onValueChange: EventName<CustomEvent<string>>;
|
|
237
|
+
};
|
|
238
|
+
export declare const MdsInputDate: StencilReactComponent<MdsInputDateElement, MdsInputDateEvents>;
|
|
239
|
+
type MdsInputDateRangeEvents = {
|
|
240
|
+
onDateRangeSelected: EventName<CustomEvent<{
|
|
241
|
+
startDate: string;
|
|
242
|
+
endDate: string;
|
|
243
|
+
}>>;
|
|
244
|
+
};
|
|
245
|
+
export declare const MdsInputDateRange: StencilReactComponent<MdsInputDateRangeElement, MdsInputDateRangeEvents>;
|
|
246
|
+
type MdsInputDateRangePreselectionEvents = NonNullable<unknown>;
|
|
247
|
+
export declare const MdsInputDateRangePreselection: StencilReactComponent<MdsInputDateRangePreselectionElement, MdsInputDateRangePreselectionEvents>;
|
|
220
248
|
type MdsInputFieldEvents = {
|
|
221
249
|
onMdsInputFieldChange: EventName<MdsInputFieldCustomEvent<MdsInputEventDetail>>;
|
|
222
250
|
onMdsInputFieldKeydown: EventName<MdsInputFieldCustomEvent<KeyboardEvent>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/magma-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"main": "dist/components.js",
|
|
5
5
|
"module": "dist/components.js",
|
|
6
6
|
"types": "dist/types/components.d.ts",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@maggioli-design-system/magma": "1.
|
|
18
|
+
"@maggioli-design-system/magma": "1.6.0",
|
|
19
19
|
"@stencil/react-output-target": "0.8.2"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|