@scouterna/ui-react 2.0.0 → 2.1.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.
|
@@ -4,8 +4,15 @@ import { ScoutBottomBar as ScoutBottomBarElement, defineCustomElement as defineS
|
|
|
4
4
|
import { ScoutButton as ScoutButtonElement, defineCustomElement as defineScoutButton } from "@scouterna/ui-webc/dist/components/scout-button.js";
|
|
5
5
|
import { ScoutCard as ScoutCardElement, defineCustomElement as defineScoutCard } from "@scouterna/ui-webc/dist/components/scout-card.js";
|
|
6
6
|
import { ScoutCheckbox as ScoutCheckboxElement, defineCustomElement as defineScoutCheckbox } from "@scouterna/ui-webc/dist/components/scout-checkbox.js";
|
|
7
|
+
import { ScoutDivider as ScoutDividerElement, defineCustomElement as defineScoutDivider } from "@scouterna/ui-webc/dist/components/scout-divider.js";
|
|
7
8
|
import { ScoutField as ScoutFieldElement, defineCustomElement as defineScoutField } from "@scouterna/ui-webc/dist/components/scout-field.js";
|
|
8
9
|
import { ScoutInput as ScoutInputElement, defineCustomElement as defineScoutInput } from "@scouterna/ui-webc/dist/components/scout-input.js";
|
|
10
|
+
import { ScoutLink as ScoutLinkElement, defineCustomElement as defineScoutLink } from "@scouterna/ui-webc/dist/components/scout-link.js";
|
|
11
|
+
import { ScoutListViewItem as ScoutListViewItemElement, defineCustomElement as defineScoutListViewItem } from "@scouterna/ui-webc/dist/components/scout-list-view-item.js";
|
|
12
|
+
import { ScoutListView as ScoutListViewElement, defineCustomElement as defineScoutListView } from "@scouterna/ui-webc/dist/components/scout-list-view.js";
|
|
13
|
+
import { ScoutLoader as ScoutLoaderElement, defineCustomElement as defineScoutLoader } from "@scouterna/ui-webc/dist/components/scout-loader.js";
|
|
14
|
+
import { ScoutSelect as ScoutSelectElement, defineCustomElement as defineScoutSelect } from "@scouterna/ui-webc/dist/components/scout-select.js";
|
|
15
|
+
import { ScoutStack as ScoutStackElement, defineCustomElement as defineScoutStack } from "@scouterna/ui-webc/dist/components/scout-stack.js";
|
|
9
16
|
import { ScoutSwitch as ScoutSwitchElement, defineCustomElement as defineScoutSwitch } from "@scouterna/ui-webc/dist/components/scout-switch.js";
|
|
10
17
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
11
18
|
import React from 'react';
|
|
@@ -52,6 +59,14 @@ export const ScoutCheckbox = /*@__PURE__*/ createComponent({
|
|
|
52
59
|
},
|
|
53
60
|
defineCustomElement: defineScoutCheckbox
|
|
54
61
|
});
|
|
62
|
+
export const ScoutDivider = /*@__PURE__*/ createComponent({
|
|
63
|
+
tagName: 'scout-divider',
|
|
64
|
+
elementClass: ScoutDividerElement,
|
|
65
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
66
|
+
react: React,
|
|
67
|
+
events: {},
|
|
68
|
+
defineCustomElement: defineScoutDivider
|
|
69
|
+
});
|
|
55
70
|
export const ScoutField = /*@__PURE__*/ createComponent({
|
|
56
71
|
tagName: 'scout-field',
|
|
57
72
|
elementClass: ScoutFieldElement,
|
|
@@ -72,6 +87,58 @@ export const ScoutInput = /*@__PURE__*/ createComponent({
|
|
|
72
87
|
},
|
|
73
88
|
defineCustomElement: defineScoutInput
|
|
74
89
|
});
|
|
90
|
+
export const ScoutLink = /*@__PURE__*/ createComponent({
|
|
91
|
+
tagName: 'scout-link',
|
|
92
|
+
elementClass: ScoutLinkElement,
|
|
93
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
94
|
+
react: React,
|
|
95
|
+
events: { onScoutLinkClick: 'scoutLinkClick' },
|
|
96
|
+
defineCustomElement: defineScoutLink
|
|
97
|
+
});
|
|
98
|
+
export const ScoutListView = /*@__PURE__*/ createComponent({
|
|
99
|
+
tagName: 'scout-list-view',
|
|
100
|
+
elementClass: ScoutListViewElement,
|
|
101
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
102
|
+
react: React,
|
|
103
|
+
events: {},
|
|
104
|
+
defineCustomElement: defineScoutListView
|
|
105
|
+
});
|
|
106
|
+
export const ScoutListViewItem = /*@__PURE__*/ createComponent({
|
|
107
|
+
tagName: 'scout-list-view-item',
|
|
108
|
+
elementClass: ScoutListViewItemElement,
|
|
109
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
110
|
+
react: React,
|
|
111
|
+
events: { onScoutClick: 'scoutClick' },
|
|
112
|
+
defineCustomElement: defineScoutListViewItem
|
|
113
|
+
});
|
|
114
|
+
export const ScoutLoader = /*@__PURE__*/ createComponent({
|
|
115
|
+
tagName: 'scout-loader',
|
|
116
|
+
elementClass: ScoutLoaderElement,
|
|
117
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
118
|
+
react: React,
|
|
119
|
+
events: {},
|
|
120
|
+
defineCustomElement: defineScoutLoader
|
|
121
|
+
});
|
|
122
|
+
export const ScoutSelect = /*@__PURE__*/ createComponent({
|
|
123
|
+
tagName: 'scout-select',
|
|
124
|
+
elementClass: ScoutSelectElement,
|
|
125
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
126
|
+
react: React,
|
|
127
|
+
events: {
|
|
128
|
+
onScoutInputChange: 'scoutInputChange',
|
|
129
|
+
onScoutBlur: 'scoutBlur',
|
|
130
|
+
on_fieldId: '_fieldId'
|
|
131
|
+
},
|
|
132
|
+
defineCustomElement: defineScoutSelect
|
|
133
|
+
});
|
|
134
|
+
export const ScoutStack = /*@__PURE__*/ createComponent({
|
|
135
|
+
tagName: 'scout-stack',
|
|
136
|
+
elementClass: ScoutStackElement,
|
|
137
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
138
|
+
react: React,
|
|
139
|
+
events: {},
|
|
140
|
+
defineCustomElement: defineScoutStack
|
|
141
|
+
});
|
|
75
142
|
export const ScoutSwitch = /*@__PURE__*/ createComponent({
|
|
76
143
|
tagName: 'scout-switch',
|
|
77
144
|
elementClass: ScoutSwitchElement,
|
|
@@ -2,14 +2,21 @@
|
|
|
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 ScoutCheckboxCustomEvent, type ScoutInputCustomEvent, type ScoutSwitchCustomEvent } from "@scouterna/ui-webc";
|
|
5
|
+
import { type ScoutCheckboxCustomEvent, type ScoutInputCustomEvent, type ScoutLinkCustomEvent, type ScoutSelectCustomEvent, type ScoutSwitchCustomEvent } from "@scouterna/ui-webc";
|
|
6
6
|
import { ScoutBottomBarItem as ScoutBottomBarItemElement } from "@scouterna/ui-webc/dist/components/scout-bottom-bar-item.js";
|
|
7
7
|
import { ScoutBottomBar as ScoutBottomBarElement } from "@scouterna/ui-webc/dist/components/scout-bottom-bar.js";
|
|
8
8
|
import { ScoutButton as ScoutButtonElement } from "@scouterna/ui-webc/dist/components/scout-button.js";
|
|
9
9
|
import { ScoutCard as ScoutCardElement } from "@scouterna/ui-webc/dist/components/scout-card.js";
|
|
10
10
|
import { ScoutCheckbox as ScoutCheckboxElement } from "@scouterna/ui-webc/dist/components/scout-checkbox.js";
|
|
11
|
+
import { ScoutDivider as ScoutDividerElement } from "@scouterna/ui-webc/dist/components/scout-divider.js";
|
|
11
12
|
import { ScoutField as ScoutFieldElement } from "@scouterna/ui-webc/dist/components/scout-field.js";
|
|
12
13
|
import { ScoutInput as ScoutInputElement } from "@scouterna/ui-webc/dist/components/scout-input.js";
|
|
14
|
+
import { ScoutLink as ScoutLinkElement } from "@scouterna/ui-webc/dist/components/scout-link.js";
|
|
15
|
+
import { ScoutListViewItem as ScoutListViewItemElement } from "@scouterna/ui-webc/dist/components/scout-list-view-item.js";
|
|
16
|
+
import { ScoutListView as ScoutListViewElement } from "@scouterna/ui-webc/dist/components/scout-list-view.js";
|
|
17
|
+
import { ScoutLoader as ScoutLoaderElement } from "@scouterna/ui-webc/dist/components/scout-loader.js";
|
|
18
|
+
import { ScoutSelect as ScoutSelectElement } from "@scouterna/ui-webc/dist/components/scout-select.js";
|
|
19
|
+
import { ScoutStack as ScoutStackElement } from "@scouterna/ui-webc/dist/components/scout-stack.js";
|
|
13
20
|
import { ScoutSwitch as ScoutSwitchElement } from "@scouterna/ui-webc/dist/components/scout-switch.js";
|
|
14
21
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
15
22
|
export type ScoutBottomBarEvents = NonNullable<unknown>;
|
|
@@ -32,6 +39,8 @@ export type ScoutCheckboxEvents = {
|
|
|
32
39
|
on_fieldId: EventName<CustomEvent<string>>;
|
|
33
40
|
};
|
|
34
41
|
export declare const ScoutCheckbox: StencilReactComponent<ScoutCheckboxElement, ScoutCheckboxEvents>;
|
|
42
|
+
export type ScoutDividerEvents = NonNullable<unknown>;
|
|
43
|
+
export declare const ScoutDivider: StencilReactComponent<ScoutDividerElement, ScoutDividerEvents>;
|
|
35
44
|
export type ScoutFieldEvents = NonNullable<unknown>;
|
|
36
45
|
export declare const ScoutField: StencilReactComponent<ScoutFieldElement, ScoutFieldEvents>;
|
|
37
46
|
export type ScoutInputEvents = {
|
|
@@ -43,6 +52,29 @@ export type ScoutInputEvents = {
|
|
|
43
52
|
on_fieldId: EventName<CustomEvent<string>>;
|
|
44
53
|
};
|
|
45
54
|
export declare const ScoutInput: StencilReactComponent<ScoutInputElement, ScoutInputEvents>;
|
|
55
|
+
export type ScoutLinkEvents = {
|
|
56
|
+
onScoutLinkClick: EventName<ScoutLinkCustomEvent<HTMLButtonElement>>;
|
|
57
|
+
};
|
|
58
|
+
export declare const ScoutLink: StencilReactComponent<ScoutLinkElement, ScoutLinkEvents>;
|
|
59
|
+
export type ScoutListViewEvents = NonNullable<unknown>;
|
|
60
|
+
export declare const ScoutListView: StencilReactComponent<ScoutListViewElement, ScoutListViewEvents>;
|
|
61
|
+
export type ScoutListViewItemEvents = {
|
|
62
|
+
onScoutClick: EventName<CustomEvent<void>>;
|
|
63
|
+
};
|
|
64
|
+
export declare const ScoutListViewItem: StencilReactComponent<ScoutListViewItemElement, ScoutListViewItemEvents>;
|
|
65
|
+
export type ScoutLoaderEvents = NonNullable<unknown>;
|
|
66
|
+
export declare const ScoutLoader: StencilReactComponent<ScoutLoaderElement, ScoutLoaderEvents>;
|
|
67
|
+
export type ScoutSelectEvents = {
|
|
68
|
+
onScoutInputChange: EventName<ScoutSelectCustomEvent<{
|
|
69
|
+
value: string;
|
|
70
|
+
element: HTMLSelectElement;
|
|
71
|
+
}>>;
|
|
72
|
+
onScoutBlur: EventName<CustomEvent<void>>;
|
|
73
|
+
on_fieldId: EventName<CustomEvent<string>>;
|
|
74
|
+
};
|
|
75
|
+
export declare const ScoutSelect: StencilReactComponent<ScoutSelectElement, ScoutSelectEvents>;
|
|
76
|
+
export type ScoutStackEvents = NonNullable<unknown>;
|
|
77
|
+
export declare const ScoutStack: StencilReactComponent<ScoutStackElement, ScoutStackEvents>;
|
|
46
78
|
export type ScoutSwitchEvents = {
|
|
47
79
|
onScoutSwitchToggled: EventName<ScoutSwitchCustomEvent<{
|
|
48
80
|
toggled: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scouterna/ui-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Scouterna Design System React Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -10,23 +10,21 @@
|
|
|
10
10
|
],
|
|
11
11
|
"repository": {
|
|
12
12
|
"type": "git",
|
|
13
|
-
"url": "https://github.com/Scouterna/j26-
|
|
13
|
+
"url": "https://github.com/Scouterna/j26-components.git"
|
|
14
14
|
},
|
|
15
15
|
"keywords": [],
|
|
16
16
|
"author": "",
|
|
17
17
|
"license": "UNLICENSED",
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@stencil/react-output-target": "^1.2.0"
|
|
19
|
+
"@stencil/react-output-target": "^1.2.0",
|
|
20
|
+
"@scouterna/ui-webc": "2.1.0"
|
|
20
21
|
},
|
|
21
22
|
"devDependencies": {
|
|
22
|
-
"@types/react": "^19.2.
|
|
23
|
-
"react": "^19.2.
|
|
24
|
-
"react-dom": "^19.2.
|
|
23
|
+
"@types/react": "^19.2.7",
|
|
24
|
+
"react": "^19.2.1",
|
|
25
|
+
"react-dom": "^19.2.1",
|
|
25
26
|
"typescript": "^5.9.3"
|
|
26
27
|
},
|
|
27
|
-
"peerDependencies": {
|
|
28
|
-
"@scouterna/ui-webc": "2.0.0"
|
|
29
|
-
},
|
|
30
28
|
"scripts": {
|
|
31
29
|
"build": "tsc --outDir ./dist",
|
|
32
30
|
"dev": "tsc --outDir ./dist --watch --preserveWatchOutput"
|