@scouterna/ui-react 2.2.0 → 2.2.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.
@@ -65,8 +65,12 @@ export const ScoutCheckbox = /*@__PURE__*/ createComponent({
65
65
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
66
66
  react: React,
67
67
  events: {
68
- onScoutChecked: 'scoutChecked',
69
- on_fieldId: '_fieldId'
68
+ onScoutInputChange: 'scoutInputChange',
69
+ onScoutBlur: 'scoutBlur',
70
+ on_scoutValidate: '_scoutValidate',
71
+ on_scoutInvalid: '_scoutInvalid',
72
+ on_scoutFieldId: '_scoutFieldId',
73
+ onScoutChecked: 'scoutChecked'
70
74
  },
71
75
  defineCustomElement: defineScoutCheckbox
72
76
  });
@@ -94,7 +98,9 @@ export const ScoutInput = /*@__PURE__*/ createComponent({
94
98
  events: {
95
99
  onScoutInputChange: 'scoutInputChange',
96
100
  onScoutBlur: 'scoutBlur',
97
- on_fieldId: '_fieldId'
101
+ on_scoutValidate: '_scoutValidate',
102
+ on_scoutInvalid: '_scoutInvalid',
103
+ on_scoutFieldId: '_scoutFieldId'
98
104
  },
99
105
  defineCustomElement: defineScoutInput
100
106
  });
@@ -144,8 +150,12 @@ export const ScoutRadioButton = /*@__PURE__*/ createComponent({
144
150
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
145
151
  react: React,
146
152
  events: {
147
- onScoutChecked: 'scoutChecked',
148
- on_fieldId: '_fieldId'
153
+ onScoutInputChange: 'scoutInputChange',
154
+ onScoutBlur: 'scoutBlur',
155
+ on_scoutValidate: '_scoutValidate',
156
+ on_scoutInvalid: '_scoutInvalid',
157
+ on_scoutFieldId: '_scoutFieldId',
158
+ onScoutChecked: 'scoutChecked'
149
159
  },
150
160
  defineCustomElement: defineScoutRadioButton
151
161
  });
@@ -157,7 +167,9 @@ export const ScoutSelect = /*@__PURE__*/ createComponent({
157
167
  events: {
158
168
  onScoutInputChange: 'scoutInputChange',
159
169
  onScoutBlur: 'scoutBlur',
160
- on_fieldId: '_fieldId'
170
+ on_scoutValidate: '_scoutValidate',
171
+ on_scoutInvalid: '_scoutInvalid',
172
+ on_scoutFieldId: '_scoutFieldId'
161
173
  },
162
174
  defineCustomElement: defineScoutSelect
163
175
  });
@@ -175,8 +187,12 @@ export const ScoutSwitch = /*@__PURE__*/ createComponent({
175
187
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
176
188
  react: React,
177
189
  events: {
178
- onScoutSwitchToggled: 'scoutSwitchToggled',
179
- on_fieldId: '_fieldId'
190
+ onScoutInputChange: 'scoutInputChange',
191
+ onScoutBlur: 'scoutBlur',
192
+ on_scoutValidate: '_scoutValidate',
193
+ on_scoutInvalid: '_scoutInvalid',
194
+ on_scoutFieldId: '_scoutFieldId',
195
+ onScoutChecked: 'scoutChecked'
180
196
  },
181
197
  defineCustomElement: defineScoutSwitch
182
198
  });
@@ -37,11 +37,20 @@ export declare const ScoutButton: StencilReactComponent<ScoutButtonElement, Scou
37
37
  export type ScoutCardEvents = NonNullable<unknown>;
38
38
  export declare const ScoutCard: StencilReactComponent<ScoutCardElement, ScoutCardEvents>;
39
39
  export type ScoutCheckboxEvents = {
40
+ onScoutInputChange: EventName<ScoutCheckboxCustomEvent<{
41
+ value: string;
42
+ element: HTMLElement;
43
+ }>>;
44
+ onScoutBlur: EventName<CustomEvent<void>>;
45
+ on_scoutValidate: EventName<ScoutCheckboxCustomEvent<{
46
+ element: HTMLElement;
47
+ }>>;
48
+ on_scoutInvalid: EventName<CustomEvent<void>>;
49
+ on_scoutFieldId: EventName<CustomEvent<string>>;
40
50
  onScoutChecked: EventName<ScoutCheckboxCustomEvent<{
41
51
  checked: boolean;
42
52
  element: HTMLInputElement;
43
53
  }>>;
44
- on_fieldId: EventName<CustomEvent<string>>;
45
54
  };
46
55
  export declare const ScoutCheckbox: StencilReactComponent<ScoutCheckboxElement, ScoutCheckboxEvents>;
47
56
  export type ScoutDividerEvents = NonNullable<unknown>;
@@ -51,10 +60,14 @@ export declare const ScoutField: StencilReactComponent<ScoutFieldElement, ScoutF
51
60
  export type ScoutInputEvents = {
52
61
  onScoutInputChange: EventName<ScoutInputCustomEvent<{
53
62
  value: string;
54
- element: HTMLInputElement;
63
+ element: HTMLElement;
55
64
  }>>;
56
65
  onScoutBlur: EventName<CustomEvent<void>>;
57
- on_fieldId: EventName<CustomEvent<string>>;
66
+ on_scoutValidate: EventName<ScoutInputCustomEvent<{
67
+ element: HTMLElement;
68
+ }>>;
69
+ on_scoutInvalid: EventName<CustomEvent<void>>;
70
+ on_scoutFieldId: EventName<CustomEvent<string>>;
58
71
  };
59
72
  export declare const ScoutInput: StencilReactComponent<ScoutInputElement, ScoutInputEvents>;
60
73
  export type ScoutLinkEvents = {
@@ -72,29 +85,51 @@ export declare const ScoutListViewSubheader: StencilReactComponent<ScoutListView
72
85
  export type ScoutLoaderEvents = NonNullable<unknown>;
73
86
  export declare const ScoutLoader: StencilReactComponent<ScoutLoaderElement, ScoutLoaderEvents>;
74
87
  export type ScoutRadioButtonEvents = {
88
+ onScoutInputChange: EventName<ScoutRadioButtonCustomEvent<{
89
+ value: string;
90
+ element: HTMLElement;
91
+ }>>;
92
+ onScoutBlur: EventName<CustomEvent<void>>;
93
+ on_scoutValidate: EventName<ScoutRadioButtonCustomEvent<{
94
+ element: HTMLElement;
95
+ }>>;
96
+ on_scoutInvalid: EventName<CustomEvent<void>>;
97
+ on_scoutFieldId: EventName<CustomEvent<string>>;
75
98
  onScoutChecked: EventName<ScoutRadioButtonCustomEvent<{
76
99
  checked: boolean;
77
100
  element: HTMLInputElement;
78
101
  }>>;
79
- on_fieldId: EventName<CustomEvent<string>>;
80
102
  };
81
103
  export declare const ScoutRadioButton: StencilReactComponent<ScoutRadioButtonElement, ScoutRadioButtonEvents>;
82
104
  export type ScoutSelectEvents = {
83
105
  onScoutInputChange: EventName<ScoutSelectCustomEvent<{
84
106
  value: string;
85
- element: HTMLSelectElement;
107
+ element: HTMLElement;
86
108
  }>>;
87
109
  onScoutBlur: EventName<CustomEvent<void>>;
88
- on_fieldId: EventName<CustomEvent<string>>;
110
+ on_scoutValidate: EventName<ScoutSelectCustomEvent<{
111
+ element: HTMLElement;
112
+ }>>;
113
+ on_scoutInvalid: EventName<CustomEvent<void>>;
114
+ on_scoutFieldId: EventName<CustomEvent<string>>;
89
115
  };
90
116
  export declare const ScoutSelect: StencilReactComponent<ScoutSelectElement, ScoutSelectEvents>;
91
117
  export type ScoutStackEvents = NonNullable<unknown>;
92
118
  export declare const ScoutStack: StencilReactComponent<ScoutStackElement, ScoutStackEvents>;
93
119
  export type ScoutSwitchEvents = {
94
- onScoutSwitchToggled: EventName<ScoutSwitchCustomEvent<{
95
- toggled: boolean;
120
+ onScoutInputChange: EventName<ScoutSwitchCustomEvent<{
121
+ value: string;
122
+ element: HTMLElement;
123
+ }>>;
124
+ onScoutBlur: EventName<CustomEvent<void>>;
125
+ on_scoutValidate: EventName<ScoutSwitchCustomEvent<{
126
+ element: HTMLElement;
127
+ }>>;
128
+ on_scoutInvalid: EventName<CustomEvent<void>>;
129
+ on_scoutFieldId: EventName<CustomEvent<string>>;
130
+ onScoutChecked: EventName<ScoutSwitchCustomEvent<{
131
+ checked: boolean;
96
132
  element: HTMLInputElement;
97
133
  }>>;
98
- on_fieldId: EventName<CustomEvent<string>>;
99
134
  };
100
135
  export declare const ScoutSwitch: StencilReactComponent<ScoutSwitchElement, ScoutSwitchEvents>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scouterna/ui-react",
3
- "version": "2.2.0",
3
+ "version": "2.2.2",
4
4
  "description": "Scouterna Design System React Components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -17,7 +17,7 @@
17
17
  "license": "UNLICENSED",
18
18
  "dependencies": {
19
19
  "@stencil/react-output-target": "^1.2.0",
20
- "@scouterna/ui-webc": "2.2.0"
20
+ "@scouterna/ui-webc": "2.2.2"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@types/react": "^19.2.7",