@m3e/react 2.1.3 → 2.2.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/all.js +114 -1
- package/dist/all.js.map +1 -1
- package/dist/all.min.js +1 -1
- package/dist/all.min.js.map +1 -1
- package/dist/autocomplete.js.map +1 -1
- package/dist/autocomplete.min.js.map +1 -1
- package/dist/calendar.js +33 -0
- package/dist/calendar.js.map +1 -0
- package/dist/calendar.min.js +7 -0
- package/dist/calendar.min.js.map +1 -0
- package/dist/datepicker.js +52 -0
- package/dist/datepicker.js.map +1 -0
- package/dist/datepicker.min.js +7 -0
- package/dist/datepicker.min.js.map +1 -0
- package/dist/paginator.js.map +1 -1
- package/dist/paginator.min.js.map +1 -1
- package/dist/search.js +58 -0
- package/dist/search.js.map +1 -0
- package/dist/search.min.js +7 -0
- package/dist/search.min.js.map +1 -0
- package/dist/src/all.d.ts +3 -0
- package/dist/src/all.d.ts.map +1 -1
- package/dist/src/autocomplete/Autocomplete.d.ts +3 -3
- package/dist/src/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/src/calendar/Calendar.d.ts +19 -0
- package/dist/src/calendar/Calendar.d.ts.map +1 -0
- package/dist/src/calendar/index.d.ts +2 -0
- package/dist/src/calendar/index.d.ts.map +1 -0
- package/dist/src/datepicker/Datepicker.d.ts +19 -0
- package/dist/src/datepicker/Datepicker.d.ts.map +1 -0
- package/dist/src/datepicker/DatepickerToggle.d.ts +17 -0
- package/dist/src/datepicker/DatepickerToggle.d.ts.map +1 -0
- package/dist/src/datepicker/index.d.ts +3 -0
- package/dist/src/datepicker/index.d.ts.map +1 -0
- package/dist/src/paginator/Paginator.d.ts +3 -3
- package/dist/src/paginator/Paginator.d.ts.map +1 -1
- package/dist/src/search/SearchBar.d.ts +19 -0
- package/dist/src/search/SearchBar.d.ts.map +1 -0
- package/dist/src/search/SearchView.d.ts +23 -0
- package/dist/src/search/SearchView.d.ts.map +1 -0
- package/dist/src/search/index.d.ts +3 -0
- package/dist/src/search/index.d.ts.map +1 -0
- package/package.json +14 -2
package/dist/autocomplete.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement,
|
|
1
|
+
{"version":3,"file":"autocomplete.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement, AutocompleteQueryEventDetail } from \"@m3e/web/autocomplete\";\r\n\r\nexport type {\r\n M3eAutocompleteElement,\r\n AutocompleteFilterMode,\r\n AutocompleteQueryEventDetail,\r\n QueryEventDetail,\r\n} from \"@m3e/web/autocomplete\";\r\n\r\n/**\r\n * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.\r\n *\r\n * This component renders the underlying `<m3e-autocomplete>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-autocomplete>` instance for imperative access.\r\n *\r\n * See the `m3e-autocomplete` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAutocomplete = createComponent({\r\n tagName: \"m3e-autocomplete\",\r\n elementClass: M3eAutocompleteElement,\r\n react: React,\r\n events: {\r\n onToggle: \"toggle\",\r\n onQuery: \"query\" as EventName<CustomEvent<AutocompleteQueryEventDetail>>,\r\n },\r\n});\r\n"],"names":["M3eAutocomplete","createComponent","tagName","elementClass","M3eAutocompleteElement","react","React","events","onToggle","onQuery"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;AAYG;AACI,MAAMA,eAAe,GAAGC,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEC,sBAAsB;AACpCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement,
|
|
1
|
+
{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement, AutocompleteQueryEventDetail } from \"@m3e/web/autocomplete\";\r\n\r\nexport type {\r\n M3eAutocompleteElement,\r\n AutocompleteFilterMode,\r\n AutocompleteQueryEventDetail,\r\n QueryEventDetail,\r\n} from \"@m3e/web/autocomplete\";\r\n\r\n/**\r\n * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.\r\n *\r\n * This component renders the underlying `<m3e-autocomplete>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-autocomplete>` instance for imperative access.\r\n *\r\n * See the `m3e-autocomplete` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAutocomplete = createComponent({\r\n tagName: \"m3e-autocomplete\",\r\n elementClass: M3eAutocompleteElement,\r\n react: React,\r\n events: {\r\n onToggle: \"toggle\",\r\n onQuery: \"query\" as EventName<CustomEvent<AutocompleteQueryEventDetail>>,\r\n },\r\n});\r\n"],"names":["M3eAutocomplete","createComponent","tagName","elementClass","M3eAutocompleteElement","react","React","events","onToggle","onQuery"],"mappings":";;;;;iIAyBO,MAAMA,EAAkBC,EAAgB,CAC7CC,QAAS,mBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,SACVC,QAAS"}
|
package/dist/calendar.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* Copyright (c) 2025 matraic
|
|
4
|
+
* See LICENSE file in the project root for full license text.
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { createComponent } from '@lit/react';
|
|
8
|
+
import { M3eCalendarElement } from '@m3e/web/calendar';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.
|
|
12
|
+
*
|
|
13
|
+
* This component renders the underlying `<m3e-calendar>` element and exposes its
|
|
14
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
15
|
+
*
|
|
16
|
+
* Props map directly to element properties, and event handlers receive the
|
|
17
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
18
|
+
* underlying `<m3e-calendar>` instance for imperative access.
|
|
19
|
+
*
|
|
20
|
+
* See the `m3e-calendar` documentation for full details on behavior,
|
|
21
|
+
* styling, accessibility, and supported events.
|
|
22
|
+
*/
|
|
23
|
+
const M3eCalendar = createComponent({
|
|
24
|
+
tagName: "m3e-calendar",
|
|
25
|
+
elementClass: M3eCalendarElement,
|
|
26
|
+
react: React,
|
|
27
|
+
events: {
|
|
28
|
+
onChange: "change"
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
export { M3eCalendar };
|
|
33
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sources":["../../src/calendar/Calendar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCalendarElement } from \"@m3e/web/calendar\";\r\nexport type { M3eCalendarElement, CalendarView } from \"@m3e/web/calendar\";\r\n\r\n/**\r\n * React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.\r\n *\r\n * This component renders the underlying `<m3e-calendar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-calendar>` instance for imperative access.\r\n *\r\n * See the `m3e-calendar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCalendar = createComponent({\r\n tagName: \"m3e-calendar\",\r\n elementClass: M3eCalendarElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eCalendar","createComponent","tagName","elementClass","M3eCalendarElement","react","React","events","onChange"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,WAAW,GAAGC,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,kBAAkB;AAChCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* Copyright (c) 2025 matraic
|
|
4
|
+
* See LICENSE file in the project root for full license text.
|
|
5
|
+
*/
|
|
6
|
+
import e from"react";import{createComponent as a}from"@lit/react";import{M3eCalendarElement as r}from"@m3e/web/calendar";const t=a({tagName:"m3e-calendar",elementClass:r,react:e,events:{onChange:"change"}});export{t as M3eCalendar};
|
|
7
|
+
//# sourceMappingURL=calendar.min.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.min.js","sources":["../../src/calendar/Calendar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCalendarElement } from \"@m3e/web/calendar\";\r\nexport type { M3eCalendarElement, CalendarView } from \"@m3e/web/calendar\";\r\n\r\n/**\r\n * React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.\r\n *\r\n * This component renders the underlying `<m3e-calendar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-calendar>` instance for imperative access.\r\n *\r\n * See the `m3e-calendar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCalendar = createComponent({\r\n tagName: \"m3e-calendar\",\r\n elementClass: M3eCalendarElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n"],"names":["M3eCalendar","createComponent","tagName","elementClass","M3eCalendarElement","react","React","events","onChange"],"mappings":";;;;;yHAmBO,MAAMA,EAAcC,EAAgB,CACzCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* Copyright (c) 2025 matraic
|
|
4
|
+
* See LICENSE file in the project root for full license text.
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { createComponent } from '@lit/react';
|
|
8
|
+
import { M3eDatepickerElement, M3eDatepickerToggleElement } from '@m3e/web/datepicker';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.
|
|
12
|
+
*
|
|
13
|
+
* This component renders the underlying `<m3e-datepicker>` element and exposes its
|
|
14
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
15
|
+
*
|
|
16
|
+
* Props map directly to element properties, and event handlers receive the
|
|
17
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
18
|
+
* underlying `<m3e-datepicker>` instance for imperative access.
|
|
19
|
+
*
|
|
20
|
+
* See the `m3e-datepicker` documentation for full details on behavior,
|
|
21
|
+
* styling, accessibility, and supported events.
|
|
22
|
+
*/
|
|
23
|
+
const M3eDatepicker = createComponent({
|
|
24
|
+
tagName: "m3e-datepicker",
|
|
25
|
+
elementClass: M3eDatepickerElement,
|
|
26
|
+
react: React,
|
|
27
|
+
events: {
|
|
28
|
+
onChange: "change"
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.
|
|
34
|
+
*
|
|
35
|
+
* This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its
|
|
36
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
37
|
+
*
|
|
38
|
+
* Props map directly to element properties, and event handlers receive the
|
|
39
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
40
|
+
* underlying `<m3e-datepicker-toggle>` instance for imperative access.
|
|
41
|
+
*
|
|
42
|
+
* See the `m3e-datepicker-toggle` for full details on behavior,
|
|
43
|
+
* styling, accessibility, and supported events.
|
|
44
|
+
*/
|
|
45
|
+
const M3eDatepickerToggle = createComponent({
|
|
46
|
+
tagName: "m3e-datepicker-toggle",
|
|
47
|
+
elementClass: M3eDatepickerToggleElement,
|
|
48
|
+
react: React
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
export { M3eDatepicker, M3eDatepickerToggle };
|
|
52
|
+
//# sourceMappingURL=datepicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker.js","sources":["../../src/datepicker/Datepicker.ts","../../src/datepicker/DatepickerToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDatepickerElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerElement, DatepickerVariant } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-datepicker>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepicker = createComponent({\r\n tagName: \"m3e-datepicker\",\r\n elementClass: M3eDatepickerElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-datepicker-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker-toggle` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepickerToggle = createComponent({\r\n tagName: \"m3e-datepicker-toggle\",\r\n elementClass: M3eDatepickerToggleElement,\r\n react: React,\r\n});\r\n"],"names":["M3eDatepicker","createComponent","tagName","elementClass","M3eDatepickerElement","react","React","events","onChange","M3eDatepickerToggle","M3eDatepickerToggleElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,mBAAmB,GAAGR,eAAe,CAAC;AACjDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,YAAY,EAAEO,0BAA0B;AACxCL,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* Copyright (c) 2025 matraic
|
|
4
|
+
* See LICENSE file in the project root for full license text.
|
|
5
|
+
*/
|
|
6
|
+
import e from"react";import{createComponent as t}from"@lit/react";import{M3eDatepickerElement as a,M3eDatepickerToggleElement as r}from"@m3e/web/datepicker";const m=t({tagName:"m3e-datepicker",elementClass:a,react:e,events:{onChange:"change"}}),o=t({tagName:"m3e-datepicker-toggle",elementClass:r,react:e});export{m as M3eDatepicker,o as M3eDatepickerToggle};
|
|
7
|
+
//# sourceMappingURL=datepicker.min.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker.min.js","sources":["../../src/datepicker/Datepicker.ts","../../src/datepicker/DatepickerToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDatepickerElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerElement, DatepickerVariant } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-datepicker>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepicker = createComponent({\r\n tagName: \"m3e-datepicker\",\r\n elementClass: M3eDatepickerElement,\r\n react: React,\r\n events: {\r\n onChange: \"change\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-datepicker-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker-toggle` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepickerToggle = createComponent({\r\n tagName: \"m3e-datepicker-toggle\",\r\n elementClass: M3eDatepickerToggleElement,\r\n react: React,\r\n});\r\n"],"names":["M3eDatepicker","createComponent","tagName","elementClass","M3eDatepickerElement","react","React","events","onChange","M3eDatepickerToggle","M3eDatepickerToggleElement"],"mappings":";;;;;6JAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,iBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAsBR,EAAgB,CACjDC,QAAS,wBACTC,aAAcO,EACdL,MAAOC"}
|
package/dist/paginator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paginator.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement,
|
|
1
|
+
{"version":3,"file":"paginator.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n tagName: \"m3e-paginator\",\r\n elementClass: M3ePaginatorElement,\r\n react: React,\r\n events: {\r\n onPage: \"page\" as EventName<CustomEvent<PaginatorPageEventDetail>>,\r\n },\r\n});\r\n"],"names":["M3ePaginator","createComponent","tagName","elementClass","M3ePaginatorElement","react","React","events","onPage"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AACT;AACF,CAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paginator.min.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement,
|
|
1
|
+
{"version":3,"file":"paginator.min.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n tagName: \"m3e-paginator\",\r\n elementClass: M3ePaginatorElement,\r\n react: React,\r\n events: {\r\n onPage: \"page\" as EventName<CustomEvent<PaginatorPageEventDetail>>,\r\n },\r\n});\r\n"],"names":["M3ePaginator","createComponent","tagName","elementClass","M3ePaginatorElement","react","React","events","onPage"],"mappings":";;;;;2HAmBO,MAAMA,EAAeC,EAAgB,CAC1CC,QAAS,gBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,OAAQ"}
|
package/dist/search.js
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* Copyright (c) 2025 matraic
|
|
4
|
+
* See LICENSE file in the project root for full license text.
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { createComponent } from '@lit/react';
|
|
8
|
+
import { M3eSearchBarElement, M3eSearchViewElement } from '@m3e/web/search';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.
|
|
12
|
+
*
|
|
13
|
+
* This component renders the underlying `<m3e-search-bar>` element and exposes its
|
|
14
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
15
|
+
*
|
|
16
|
+
* Props map directly to element properties, and event handlers receive the
|
|
17
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
18
|
+
* underlying `<m3e-search-bar>` instance for imperative access.
|
|
19
|
+
*
|
|
20
|
+
* See the `m3e-search-bar` documentation for full details on behavior, styling,
|
|
21
|
+
* accessibility, and supported events.
|
|
22
|
+
*/
|
|
23
|
+
const M3eSearchBar = createComponent({
|
|
24
|
+
tagName: "m3e-search-bar",
|
|
25
|
+
elementClass: M3eSearchBarElement,
|
|
26
|
+
react: React,
|
|
27
|
+
events: {
|
|
28
|
+
onClear: "clear"
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.
|
|
34
|
+
*
|
|
35
|
+
* This component renders the underlying `<m3e-search-view>` element and exposes its
|
|
36
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
37
|
+
*
|
|
38
|
+
* Props map directly to element properties, and event handlers receive the
|
|
39
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
40
|
+
* underlying `<m3e-search-view>` instance for imperative access.
|
|
41
|
+
*
|
|
42
|
+
* See the `m3e-search-view` documentation for full details on behavior, styling,
|
|
43
|
+
* accessibility, and supported events.
|
|
44
|
+
*/
|
|
45
|
+
const M3eSearchView = createComponent({
|
|
46
|
+
tagName: "m3e-search-view",
|
|
47
|
+
elementClass: M3eSearchViewElement,
|
|
48
|
+
react: React,
|
|
49
|
+
events: {
|
|
50
|
+
onClear: "clear",
|
|
51
|
+
onQuery: "query",
|
|
52
|
+
onBeforeToggle: "beforetoggle",
|
|
53
|
+
onToggle: "toggle"
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
export { M3eSearchBar, M3eSearchView };
|
|
58
|
+
//# sourceMappingURL=search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.js","sources":["../../src/search/SearchBar.ts","../../src/search/SearchView.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSearchBarElement } from \"@m3e/web/search\";\r\nexport type { M3eSearchBarElement } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-bar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-search-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-search-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchBar = createComponent({\r\n tagName: \"m3e-search-bar\",\r\n elementClass: M3eSearchBarElement,\r\n react: React,\r\n events: {\r\n onClear: \"clear\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSearchViewElement, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\nexport type { M3eSearchViewElement, SearchViewMode, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-view>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-search-view>` instance for imperative access.\r\n *\r\n * See the `m3e-search-view` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchView = createComponent({\r\n tagName: \"m3e-search-view\",\r\n elementClass: M3eSearchViewElement,\r\n react: React,\r\n events: {\r\n onClear: \"clear\",\r\n onQuery: \"query\" as EventName<CustomEvent<SearchViewQueryEventDetail>>,\r\n onBeforeToggle: \"beforetoggle\",\r\n onToggle: \"toggle\",\r\n },\r\n});\r\n"],"names":["M3eSearchBar","createComponent","tagName","elementClass","M3eSearchBarElement","react","React","events","onClear","M3eSearchView","M3eSearchViewElement","onQuery","onBeforeToggle","onToggle"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,aAAa,GAAGR,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEO,oBAAoB;AAClCL,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBG,IAAAA,OAAO,EAAE,OAA6D;AACtEC,IAAAA,cAAc,EAAE,cAAc;AAC9BC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license MIT
|
|
3
|
+
* Copyright (c) 2025 matraic
|
|
4
|
+
* See LICENSE file in the project root for full license text.
|
|
5
|
+
*/
|
|
6
|
+
import e from"react";import{createComponent as r}from"@lit/react";import{M3eSearchBarElement as o,M3eSearchViewElement as a}from"@m3e/web/search";const t=r({tagName:"m3e-search-bar",elementClass:o,react:e,events:{onClear:"clear"}}),l=r({tagName:"m3e-search-view",elementClass:a,react:e,events:{onClear:"clear",onQuery:"query",onBeforeToggle:"beforetoggle",onToggle:"toggle"}});export{t as M3eSearchBar,l as M3eSearchView};
|
|
7
|
+
//# sourceMappingURL=search.min.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.min.js","sources":["../../src/search/SearchBar.ts","../../src/search/SearchView.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSearchBarElement } from \"@m3e/web/search\";\r\nexport type { M3eSearchBarElement } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-bar>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-search-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-search-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchBar = createComponent({\r\n tagName: \"m3e-search-bar\",\r\n elementClass: M3eSearchBarElement,\r\n react: React,\r\n events: {\r\n onClear: \"clear\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSearchViewElement, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\nexport type { M3eSearchViewElement, SearchViewMode, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-view>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-search-view>` instance for imperative access.\r\n *\r\n * See the `m3e-search-view` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchView = createComponent({\r\n tagName: \"m3e-search-view\",\r\n elementClass: M3eSearchViewElement,\r\n react: React,\r\n events: {\r\n onClear: \"clear\",\r\n onQuery: \"query\" as EventName<CustomEvent<SearchViewQueryEventDetail>>,\r\n onBeforeToggle: \"beforetoggle\",\r\n onToggle: \"toggle\",\r\n },\r\n});\r\n"],"names":["M3eSearchBar","createComponent","tagName","elementClass","M3eSearchBarElement","react","React","events","onClear","M3eSearchView","M3eSearchViewElement","onQuery","onBeforeToggle","onToggle"],"mappings":";;;;;kJAmBO,MAAMA,EAAeC,EAAgB,CAC1CC,QAAS,iBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,WCLAC,EAAgBR,EAAgB,CAC3CC,QAAS,kBACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTG,QAAS,QACTC,eAAgB,eAChBC,SAAU"}
|
package/dist/src/all.d.ts
CHANGED
|
@@ -5,10 +5,12 @@ export * from "./badge";
|
|
|
5
5
|
export * from "./bottom-sheet";
|
|
6
6
|
export * from "./button";
|
|
7
7
|
export * from "./button-group";
|
|
8
|
+
export * from "./calendar";
|
|
8
9
|
export * from "./card";
|
|
9
10
|
export * from "./checkbox";
|
|
10
11
|
export * from "./chips";
|
|
11
12
|
export * from "./core";
|
|
13
|
+
export * from "./datepicker";
|
|
12
14
|
export * from "./dialog";
|
|
13
15
|
export * from "./divider";
|
|
14
16
|
export * from "./drawer-container";
|
|
@@ -29,6 +31,7 @@ export * from "./option";
|
|
|
29
31
|
export * from "./paginator";
|
|
30
32
|
export * from "./progress-indicator";
|
|
31
33
|
export * from "./radio-group";
|
|
34
|
+
export * from "./search";
|
|
32
35
|
export * from "./segmented-button";
|
|
33
36
|
export * from "./select";
|
|
34
37
|
export * from "./shape";
|
package/dist/src/all.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventName } from "@lit/react";
|
|
2
|
-
import { M3eAutocompleteElement,
|
|
3
|
-
export type { M3eAutocompleteElement, AutocompleteFilterMode, QueryEventDetail } from "@m3e/web/autocomplete";
|
|
2
|
+
import { M3eAutocompleteElement, AutocompleteQueryEventDetail } from "@m3e/web/autocomplete";
|
|
3
|
+
export type { M3eAutocompleteElement, AutocompleteFilterMode, AutocompleteQueryEventDetail, QueryEventDetail, } from "@m3e/web/autocomplete";
|
|
4
4
|
/**
|
|
5
5
|
* React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.
|
|
6
6
|
*
|
|
@@ -16,6 +16,6 @@ export type { M3eAutocompleteElement, AutocompleteFilterMode, QueryEventDetail }
|
|
|
16
16
|
*/
|
|
17
17
|
export declare const M3eAutocomplete: import("@lit/react").ReactWebComponent<M3eAutocompleteElement, {
|
|
18
18
|
onToggle: string;
|
|
19
|
-
onQuery: EventName<CustomEvent<
|
|
19
|
+
onQuery: EventName<CustomEvent<AutocompleteQueryEventDetail>>;
|
|
20
20
|
}>;
|
|
21
21
|
//# sourceMappingURL=Autocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/Autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/Autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAE7F,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,EAC5B,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;aAMJ,SAAS,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;EAE1E,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { M3eCalendarElement } from "@m3e/web/calendar";
|
|
2
|
+
export type { M3eCalendarElement, CalendarView } from "@m3e/web/calendar";
|
|
3
|
+
/**
|
|
4
|
+
* React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.
|
|
5
|
+
*
|
|
6
|
+
* This component renders the underlying `<m3e-calendar>` element and exposes its
|
|
7
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
8
|
+
*
|
|
9
|
+
* Props map directly to element properties, and event handlers receive the
|
|
10
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
11
|
+
* underlying `<m3e-calendar>` instance for imperative access.
|
|
12
|
+
*
|
|
13
|
+
* See the `m3e-calendar` documentation for full details on behavior,
|
|
14
|
+
* styling, accessibility, and supported events.
|
|
15
|
+
*/
|
|
16
|
+
export declare const M3eCalendar: import("@lit/react").ReactWebComponent<M3eCalendarElement, {
|
|
17
|
+
onChange: string;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/Calendar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;;EAOtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { M3eDatepickerElement } from "@m3e/web/datepicker";
|
|
2
|
+
export type { M3eDatepickerElement, DatepickerVariant } from "@m3e/web/datepicker";
|
|
3
|
+
/**
|
|
4
|
+
* React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.
|
|
5
|
+
*
|
|
6
|
+
* This component renders the underlying `<m3e-datepicker>` element and exposes its
|
|
7
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
8
|
+
*
|
|
9
|
+
* Props map directly to element properties, and event handlers receive the
|
|
10
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
11
|
+
* underlying `<m3e-datepicker>` instance for imperative access.
|
|
12
|
+
*
|
|
13
|
+
* See the `m3e-datepicker` documentation for full details on behavior,
|
|
14
|
+
* styling, accessibility, and supported events.
|
|
15
|
+
*/
|
|
16
|
+
export declare const M3eDatepicker: import("@lit/react").ReactWebComponent<M3eDatepickerElement, {
|
|
17
|
+
onChange: string;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=Datepicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../../../src/datepicker/Datepicker.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEnF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;;EAOxB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { M3eDatepickerToggleElement } from "@m3e/web/datepicker";
|
|
2
|
+
export type { M3eDatepickerToggleElement } from "@m3e/web/datepicker";
|
|
3
|
+
/**
|
|
4
|
+
* React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.
|
|
5
|
+
*
|
|
6
|
+
* This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its
|
|
7
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
8
|
+
*
|
|
9
|
+
* Props map directly to element properties, and event handlers receive the
|
|
10
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
11
|
+
* underlying `<m3e-datepicker-toggle>` instance for imperative access.
|
|
12
|
+
*
|
|
13
|
+
* See the `m3e-datepicker-toggle` for full details on behavior,
|
|
14
|
+
* styling, accessibility, and supported events.
|
|
15
|
+
*/
|
|
16
|
+
export declare const M3eDatepickerToggle: import("@lit/react").ReactWebComponent<M3eDatepickerToggleElement, {}>;
|
|
17
|
+
//# sourceMappingURL=DatepickerToggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatepickerToggle.d.ts","sourceRoot":"","sources":["../../../src/datepicker/DatepickerToggle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,wEAI9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/datepicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventName } from "@lit/react";
|
|
2
|
-
import { M3ePaginatorElement,
|
|
3
|
-
export type { M3ePaginatorElement, PageEventDetail } from "@m3e/web/paginator";
|
|
2
|
+
import { M3ePaginatorElement, PaginatorPageEventDetail } from "@m3e/web/paginator";
|
|
3
|
+
export type { M3ePaginatorElement, PageEventDetail, PaginatorPageEventDetail } from "@m3e/web/paginator";
|
|
4
4
|
/**
|
|
5
5
|
* React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.
|
|
6
6
|
*
|
|
@@ -15,6 +15,6 @@ export type { M3ePaginatorElement, PageEventDetail } from "@m3e/web/paginator";
|
|
|
15
15
|
* accessibility, and supported events.
|
|
16
16
|
*/
|
|
17
17
|
export declare const M3ePaginator: import("@lit/react").ReactWebComponent<M3ePaginatorElement, {
|
|
18
|
-
onPage: EventName<CustomEvent<
|
|
18
|
+
onPage: EventName<CustomEvent<PaginatorPageEventDetail>>;
|
|
19
19
|
}>;
|
|
20
20
|
//# sourceMappingURL=Paginator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.d.ts","sourceRoot":"","sources":["../../../src/paginator/Paginator.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"Paginator.d.ts","sourceRoot":"","sources":["../../../src/paginator/Paginator.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AACnF,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEzG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;YAKH,SAAS,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;EAEpE,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { M3eSearchBarElement } from "@m3e/web/search";
|
|
2
|
+
export type { M3eSearchBarElement } from "@m3e/web/search";
|
|
3
|
+
/**
|
|
4
|
+
* React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.
|
|
5
|
+
*
|
|
6
|
+
* This component renders the underlying `<m3e-search-bar>` element and exposes its
|
|
7
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
8
|
+
*
|
|
9
|
+
* Props map directly to element properties, and event handlers receive the
|
|
10
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
11
|
+
* underlying `<m3e-search-bar>` instance for imperative access.
|
|
12
|
+
*
|
|
13
|
+
* See the `m3e-search-bar` documentation for full details on behavior, styling,
|
|
14
|
+
* accessibility, and supported events.
|
|
15
|
+
*/
|
|
16
|
+
export declare const M3eSearchBar: import("@lit/react").ReactWebComponent<M3eSearchBarElement, {
|
|
17
|
+
onClear: string;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=SearchBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/search/SearchBar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;;EAOvB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { EventName } from "@lit/react";
|
|
2
|
+
import { M3eSearchViewElement, SearchViewQueryEventDetail } from "@m3e/web/search";
|
|
3
|
+
export type { M3eSearchViewElement, SearchViewMode, SearchViewQueryEventDetail } from "@m3e/web/search";
|
|
4
|
+
/**
|
|
5
|
+
* React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.
|
|
6
|
+
*
|
|
7
|
+
* This component renders the underlying `<m3e-search-view>` element and exposes its
|
|
8
|
+
* properties, attributes, and events through an idiomatic React interface.
|
|
9
|
+
*
|
|
10
|
+
* Props map directly to element properties, and event handlers receive the
|
|
11
|
+
* native DOM events dispatched by the component. Refs are forwarded to the
|
|
12
|
+
* underlying `<m3e-search-view>` instance for imperative access.
|
|
13
|
+
*
|
|
14
|
+
* See the `m3e-search-view` documentation for full details on behavior, styling,
|
|
15
|
+
* accessibility, and supported events.
|
|
16
|
+
*/
|
|
17
|
+
export declare const M3eSearchView: import("@lit/react").ReactWebComponent<M3eSearchViewElement, {
|
|
18
|
+
onClear: string;
|
|
19
|
+
onQuery: EventName<CustomEvent<SearchViewQueryEventDetail>>;
|
|
20
|
+
onBeforeToggle: string;
|
|
21
|
+
onToggle: string;
|
|
22
|
+
}>;
|
|
23
|
+
//# sourceMappingURL=SearchView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchView.d.ts","sourceRoot":"","sources":["../../../src/search/SearchView.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACnF,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAExG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;;aAMF,SAAS,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;;;EAIxE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m3e/react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "React bindings for M3E Web Components",
|
|
5
5
|
"author": "matraic <matraic@yahoo.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -43,6 +43,10 @@
|
|
|
43
43
|
"types": "./dist/src/button-group/index.d.ts",
|
|
44
44
|
"default": "./dist/button-group.js"
|
|
45
45
|
},
|
|
46
|
+
"./calendar": {
|
|
47
|
+
"types": "./dist/src/calendar/index.d.ts",
|
|
48
|
+
"default": "./dist/calendar.js"
|
|
49
|
+
},
|
|
46
50
|
"./card": {
|
|
47
51
|
"types": "./dist/src/card/index.d.ts",
|
|
48
52
|
"default": "./dist/card.js"
|
|
@@ -59,6 +63,10 @@
|
|
|
59
63
|
"types": "./dist/src/core/index.d.ts",
|
|
60
64
|
"default": "./dist/core.js"
|
|
61
65
|
},
|
|
66
|
+
"./datepicker": {
|
|
67
|
+
"types": "./dist/src/datepicker/index.d.ts",
|
|
68
|
+
"default": "./dist/datepicker.js"
|
|
69
|
+
},
|
|
62
70
|
"./dialog": {
|
|
63
71
|
"types": "./dist/src/dialog/index.d.ts",
|
|
64
72
|
"default": "./dist/dialog.js"
|
|
@@ -139,6 +147,10 @@
|
|
|
139
147
|
"types": "./dist/src/radio-group/index.d.ts",
|
|
140
148
|
"default": "./dist/radio-group.js"
|
|
141
149
|
},
|
|
150
|
+
"./search": {
|
|
151
|
+
"types": "./dist/src/search/index.d.ts",
|
|
152
|
+
"default": "./dist/search.js"
|
|
153
|
+
},
|
|
142
154
|
"./segmented-button": {
|
|
143
155
|
"types": "./dist/src/segmented-button/index.d.ts",
|
|
144
156
|
"default": "./dist/segmented-button.js"
|
|
@@ -212,7 +224,7 @@
|
|
|
212
224
|
},
|
|
213
225
|
"peerDependencies": {
|
|
214
226
|
"@lit/react": "^1.0.8",
|
|
215
|
-
"@m3e/web": "^2.
|
|
227
|
+
"@m3e/web": "^2.2.0",
|
|
216
228
|
"lit": "^3.3.0",
|
|
217
229
|
"react": ">=18"
|
|
218
230
|
}
|