@stencil-kit/react 0.0.1 → 0.0.2
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.
|
@@ -1,10 +1,21 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { MyAlert as MyAlertElement, defineCustomElement as defineMyAlert } from "@stencil-kit/core/dist/components/my-alert.js";
|
|
4
5
|
import { MyBadge as MyBadgeElement, defineCustomElement as defineMyBadge } from "@stencil-kit/core/dist/components/my-badge.js";
|
|
5
6
|
import { MyButton as MyButtonElement, defineCustomElement as defineMyButton } from "@stencil-kit/core/dist/components/my-button.js";
|
|
6
7
|
import { MyCard as MyCardElement, defineCustomElement as defineMyCard } from "@stencil-kit/core/dist/components/my-card.js";
|
|
7
8
|
import { MyComponent as MyComponentElement, defineCustomElement as defineMyComponent } from "@stencil-kit/core/dist/components/my-component.js";
|
|
9
|
+
import { MyDropdown as MyDropdownElement, defineCustomElement as defineMyDropdown } from "@stencil-kit/core/dist/components/my-dropdown.js";
|
|
10
|
+
import { MyInput as MyInputElement, defineCustomElement as defineMyInput } from "@stencil-kit/core/dist/components/my-input.js";
|
|
11
|
+
import { MyModal as MyModalElement, defineCustomElement as defineMyModal } from "@stencil-kit/core/dist/components/my-modal.js";
|
|
12
|
+
export const MyAlert = createComponent({
|
|
13
|
+
tagName: 'my-alert',
|
|
14
|
+
elementClass: MyAlertElement,
|
|
15
|
+
react: React,
|
|
16
|
+
events: { onMyDismiss: 'myDismiss' },
|
|
17
|
+
defineCustomElement: defineMyAlert
|
|
18
|
+
});
|
|
8
19
|
export const MyBadge = createComponent({
|
|
9
20
|
tagName: 'my-badge',
|
|
10
21
|
elementClass: MyBadgeElement,
|
|
@@ -33,4 +44,28 @@ export const MyComponent = createComponent({
|
|
|
33
44
|
events: {},
|
|
34
45
|
defineCustomElement: defineMyComponent
|
|
35
46
|
});
|
|
47
|
+
export const MyDropdown = createComponent({
|
|
48
|
+
tagName: 'my-dropdown',
|
|
49
|
+
elementClass: MyDropdownElement,
|
|
50
|
+
react: React,
|
|
51
|
+
events: { onMyChange: 'myChange' },
|
|
52
|
+
defineCustomElement: defineMyDropdown
|
|
53
|
+
});
|
|
54
|
+
export const MyInput = createComponent({
|
|
55
|
+
tagName: 'my-input',
|
|
56
|
+
elementClass: MyInputElement,
|
|
57
|
+
react: React,
|
|
58
|
+
events: {
|
|
59
|
+
onMyChange: 'myChange',
|
|
60
|
+
onMyBlur: 'myBlur'
|
|
61
|
+
},
|
|
62
|
+
defineCustomElement: defineMyInput
|
|
63
|
+
});
|
|
64
|
+
export const MyModal = createComponent({
|
|
65
|
+
tagName: 'my-modal',
|
|
66
|
+
elementClass: MyModalElement,
|
|
67
|
+
react: React,
|
|
68
|
+
events: { onMyClose: 'myClose' },
|
|
69
|
+
defineCustomElement: defineMyModal
|
|
70
|
+
});
|
|
36
71
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/components.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAUb,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
1
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
2
|
+
import { type MyAlertCustomEvent, type MyDropdownCustomEvent, type MyInputCustomEvent, type MyModalCustomEvent } from "@stencil-kit/core";
|
|
2
3
|
import type { Components } from "@stencil-kit/core/dist/components";
|
|
4
|
+
import { MyAlert as MyAlertElement } from "@stencil-kit/core/dist/components/my-alert.js";
|
|
3
5
|
import { MyBadge as MyBadgeElement } from "@stencil-kit/core/dist/components/my-badge.js";
|
|
4
6
|
import { MyButton as MyButtonElement } from "@stencil-kit/core/dist/components/my-button.js";
|
|
5
7
|
import { MyCard as MyCardElement } from "@stencil-kit/core/dist/components/my-card.js";
|
|
6
8
|
import { MyComponent as MyComponentElement } from "@stencil-kit/core/dist/components/my-component.js";
|
|
9
|
+
import { MyDropdown as MyDropdownElement } from "@stencil-kit/core/dist/components/my-dropdown.js";
|
|
10
|
+
import { MyInput as MyInputElement } from "@stencil-kit/core/dist/components/my-input.js";
|
|
11
|
+
import { MyModal as MyModalElement } from "@stencil-kit/core/dist/components/my-modal.js";
|
|
12
|
+
export type MyAlertEvents = {
|
|
13
|
+
onMyDismiss: EventName<MyAlertCustomEvent<void>>;
|
|
14
|
+
};
|
|
15
|
+
export declare const MyAlert: StencilReactComponent<MyAlertElement, MyAlertEvents, Components.MyAlert>;
|
|
7
16
|
export type MyBadgeEvents = NonNullable<unknown>;
|
|
8
17
|
export declare const MyBadge: StencilReactComponent<MyBadgeElement, MyBadgeEvents, Components.MyBadge>;
|
|
9
18
|
export type MyButtonEvents = NonNullable<unknown>;
|
|
@@ -12,3 +21,16 @@ export type MyCardEvents = NonNullable<unknown>;
|
|
|
12
21
|
export declare const MyCard: StencilReactComponent<MyCardElement, MyCardEvents, Components.MyCard>;
|
|
13
22
|
export type MyComponentEvents = NonNullable<unknown>;
|
|
14
23
|
export declare const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents, Components.MyComponent>;
|
|
24
|
+
export type MyDropdownEvents = {
|
|
25
|
+
onMyChange: EventName<MyDropdownCustomEvent<string>>;
|
|
26
|
+
};
|
|
27
|
+
export declare const MyDropdown: StencilReactComponent<MyDropdownElement, MyDropdownEvents, Components.MyDropdown>;
|
|
28
|
+
export type MyInputEvents = {
|
|
29
|
+
onMyChange: EventName<MyInputCustomEvent<string>>;
|
|
30
|
+
onMyBlur: EventName<MyInputCustomEvent<void>>;
|
|
31
|
+
};
|
|
32
|
+
export declare const MyInput: StencilReactComponent<MyInputElement, MyInputEvents, Components.MyInput>;
|
|
33
|
+
export type MyModalEvents = {
|
|
34
|
+
onMyClose: EventName<MyModalCustomEvent<void>>;
|
|
35
|
+
};
|
|
36
|
+
export declare const MyModal: StencilReactComponent<MyModalElement, MyModalEvents, Components.MyModal>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stencil-kit/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "Anis conceptlz <124657785+anismansuriui@users.noreply.github.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"tsc": "tsc -p . --outDir ./dist"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@stencil-kit/core": "^0.0.
|
|
27
|
+
"@stencil-kit/core": "^0.0.2"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"typescript": "^5.9.3"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "d58a8bd0d943f5f9705e04fd53675961cb1a98c6"
|
|
33
33
|
}
|