@fluentui/react-infobutton 9.0.0-beta.34 → 9.0.0-beta.36
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/CHANGELOG.json +115 -1
- package/CHANGELOG.md +34 -2
- package/dist/index.d.ts +84 -0
- package/lib/InfoIcon.js +1 -0
- package/lib/InfoIcon.js.map +1 -0
- package/lib/InfoIconLabel.js +1 -0
- package/lib/InfoIconLabel.js.map +1 -0
- package/lib/components/InfoIcon/InfoIcon.js +12 -0
- package/lib/components/InfoIcon/InfoIcon.js.map +1 -0
- package/lib/components/InfoIcon/InfoIcon.types.js +2 -0
- package/lib/components/InfoIcon/InfoIcon.types.js.map +1 -0
- package/lib/components/InfoIcon/index.js +5 -0
- package/lib/components/InfoIcon/index.js.map +1 -0
- package/lib/components/InfoIcon/renderInfoIcon.js +9 -0
- package/lib/components/InfoIcon/renderInfoIcon.js.map +1 -0
- package/lib/components/InfoIcon/useInfoIcon.js +25 -0
- package/lib/components/InfoIcon/useInfoIcon.js.map +1 -0
- package/lib/components/InfoIcon/useInfoIconStyles.styles.js +21 -0
- package/lib/components/InfoIcon/useInfoIconStyles.styles.js.map +1 -0
- package/lib/components/InfoIconLabel/InfoIconLabel.js +12 -0
- package/lib/components/InfoIconLabel/InfoIconLabel.js.map +1 -0
- package/lib/components/InfoIconLabel/InfoIconLabel.types.js +2 -0
- package/lib/components/InfoIconLabel/InfoIconLabel.types.js.map +1 -0
- package/lib/components/InfoIconLabel/index.js +5 -0
- package/lib/components/InfoIconLabel/index.js.map +1 -0
- package/lib/components/InfoIconLabel/renderInfoIconLabel.js +9 -0
- package/lib/components/InfoIconLabel/renderInfoIconLabel.js.map +1 -0
- package/lib/components/InfoIconLabel/useInfoIconLabel.js +25 -0
- package/lib/components/InfoIconLabel/useInfoIconLabel.js.map +1 -0
- package/lib/components/InfoIconLabel/useInfoIconLabelStyles.styles.js +21 -0
- package/lib/components/InfoIconLabel/useInfoIconLabelStyles.styles.js.map +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/InfoIcon.js +6 -0
- package/lib-commonjs/InfoIcon.js.map +1 -0
- package/lib-commonjs/InfoIconLabel.js +6 -0
- package/lib-commonjs/InfoIconLabel.js.map +1 -0
- package/lib-commonjs/components/InfoIcon/InfoIcon.js +19 -0
- package/lib-commonjs/components/InfoIcon/InfoIcon.js.map +1 -0
- package/lib-commonjs/components/InfoIcon/InfoIcon.types.js +6 -0
- package/lib-commonjs/components/InfoIcon/InfoIcon.types.js.map +1 -0
- package/lib-commonjs/components/InfoIcon/index.js +10 -0
- package/lib-commonjs/components/InfoIcon/index.js.map +1 -0
- package/lib-commonjs/components/InfoIcon/renderInfoIcon.js +15 -0
- package/lib-commonjs/components/InfoIcon/renderInfoIcon.js.map +1 -0
- package/lib-commonjs/components/InfoIcon/useInfoIcon.js +26 -0
- package/lib-commonjs/components/InfoIcon/useInfoIcon.js.map +1 -0
- package/lib-commonjs/components/InfoIcon/useInfoIconStyles.styles.js +30 -0
- package/lib-commonjs/components/InfoIcon/useInfoIconStyles.styles.js.map +1 -0
- package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.js +19 -0
- package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.js.map +1 -0
- package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.types.js +6 -0
- package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.types.js.map +1 -0
- package/lib-commonjs/components/InfoIconLabel/index.js +10 -0
- package/lib-commonjs/components/InfoIconLabel/index.js.map +1 -0
- package/lib-commonjs/components/InfoIconLabel/renderInfoIconLabel.js +15 -0
- package/lib-commonjs/components/InfoIconLabel/renderInfoIconLabel.js.map +1 -0
- package/lib-commonjs/components/InfoIconLabel/useInfoIconLabel.js +26 -0
- package/lib-commonjs/components/InfoIconLabel/useInfoIconLabel.js.map +1 -0
- package/lib-commonjs/components/InfoIconLabel/useInfoIconLabelStyles.styles.js +30 -0
- package/lib-commonjs/components/InfoIconLabel/useInfoIconLabelStyles.styles.js.map +1 -0
- package/lib-commonjs/index.js +13 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +9 -9
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,121 @@
|
|
|
2
2
|
"name": "@fluentui/react-infobutton",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 26 Jun 2023 09:51:06 GMT",
|
|
6
|
+
"tag": "@fluentui/react-infobutton_v9.0.0-beta.36",
|
|
7
|
+
"version": "9.0.0-beta.36",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui/react-infobutton",
|
|
13
|
+
"comment": "Bump @fluentui/react-label to v9.1.17",
|
|
14
|
+
"commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-infobutton",
|
|
19
|
+
"comment": "Bump @fluentui/react-popover to v9.7.1",
|
|
20
|
+
"commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-infobutton",
|
|
25
|
+
"comment": "Bump @fluentui/react-tabster to v9.8.1",
|
|
26
|
+
"commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-infobutton",
|
|
31
|
+
"comment": "Bump @fluentui/react-utilities to v9.9.4",
|
|
32
|
+
"commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-infobutton",
|
|
37
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8",
|
|
38
|
+
"commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Tue, 20 Jun 2023 12:38:58 GMT",
|
|
45
|
+
"tag": "@fluentui/react-infobutton_v9.0.0-beta.35",
|
|
46
|
+
"version": "9.0.0-beta.35",
|
|
47
|
+
"comments": {
|
|
48
|
+
"prerelease": [
|
|
49
|
+
{
|
|
50
|
+
"author": "esteban.230@hotmail.com",
|
|
51
|
+
"package": "@fluentui/react-infobutton",
|
|
52
|
+
"commit": "2180922aed405f0a49734a64608749011cece831",
|
|
53
|
+
"comment": "chore: Create InfoIconLabel component scaffold."
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "esteban.230@hotmail.com",
|
|
57
|
+
"package": "@fluentui/react-infobutton",
|
|
58
|
+
"commit": "cb3741ddf649785332da7f0d57dfa93a965dab75",
|
|
59
|
+
"comment": "chore: Create InfoTip component."
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "ololubek@microsoft.com",
|
|
63
|
+
"package": "@fluentui/react-infobutton",
|
|
64
|
+
"commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
|
|
65
|
+
"comment": "chore: update @fluentui/react-icons to 2.0.203"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "esteban.230@hotmail.com",
|
|
69
|
+
"package": "@fluentui/react-infobutton",
|
|
70
|
+
"commit": "91b9ce05995846aaa882d86755583e5b1a703717",
|
|
71
|
+
"comment": "chore: Rename InfoTip to InfoIcon to better align with InfoButton."
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-infobutton",
|
|
76
|
+
"comment": "Bump @fluentui/react-label to v9.1.16",
|
|
77
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-infobutton",
|
|
82
|
+
"comment": "Bump @fluentui/react-popover to v9.7.0",
|
|
83
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-infobutton",
|
|
88
|
+
"comment": "Bump @fluentui/react-tabster to v9.8.0",
|
|
89
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui/react-infobutton",
|
|
94
|
+
"comment": "Bump @fluentui/react-theme to v9.1.9",
|
|
95
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "beachball",
|
|
99
|
+
"package": "@fluentui/react-infobutton",
|
|
100
|
+
"comment": "Bump @fluentui/react-utilities to v9.9.3",
|
|
101
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"author": "beachball",
|
|
105
|
+
"package": "@fluentui/react-infobutton",
|
|
106
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
|
|
107
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"author": "beachball",
|
|
111
|
+
"package": "@fluentui/react-infobutton",
|
|
112
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
|
|
113
|
+
"commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
|
|
114
|
+
}
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"date": "Wed, 31 May 2023 06:46:14 GMT",
|
|
6
120
|
"tag": "@fluentui/react-infobutton_v9.0.0-beta.34",
|
|
7
121
|
"version": "9.0.0-beta.34",
|
|
8
122
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,44 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-infobutton
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 26 Jun 2023 09:51:06 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.36)
|
|
8
|
+
|
|
9
|
+
Mon, 26 Jun 2023 09:51:06 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.35..@fluentui/react-infobutton_v9.0.0-beta.36)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-label to v9.1.17 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
|
|
15
|
+
- Bump @fluentui/react-popover to v9.7.1 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
|
|
16
|
+
- Bump @fluentui/react-tabster to v9.8.1 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
|
|
17
|
+
- Bump @fluentui/react-utilities to v9.9.4 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
|
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
|
|
19
|
+
|
|
20
|
+
## [9.0.0-beta.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.35)
|
|
21
|
+
|
|
22
|
+
Tue, 20 Jun 2023 12:38:58 GMT
|
|
23
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.34..@fluentui/react-infobutton_v9.0.0-beta.35)
|
|
24
|
+
|
|
25
|
+
### Changes
|
|
26
|
+
|
|
27
|
+
- chore: Create InfoIconLabel component scaffold. ([PR #28200](https://github.com/microsoft/fluentui/pull/28200) by esteban.230@hotmail.com)
|
|
28
|
+
- chore: Create InfoTip component. ([PR #28071](https://github.com/microsoft/fluentui/pull/28071) by esteban.230@hotmail.com)
|
|
29
|
+
- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
|
|
30
|
+
- chore: Rename InfoTip to InfoIcon to better align with InfoButton. ([PR #28177](https://github.com/microsoft/fluentui/pull/28177) by esteban.230@hotmail.com)
|
|
31
|
+
- Bump @fluentui/react-label to v9.1.16 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
32
|
+
- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
33
|
+
- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
34
|
+
- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
35
|
+
- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
36
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
37
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
|
|
38
|
+
|
|
7
39
|
## [9.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.34)
|
|
8
40
|
|
|
9
|
-
Wed, 31 May 2023 06:
|
|
41
|
+
Wed, 31 May 2023 06:46:14 GMT
|
|
10
42
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.33..@fluentui/react-infobutton_v9.0.0-beta.34)
|
|
11
43
|
|
|
12
44
|
### Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -46,6 +46,48 @@ export declare type InfoButtonSlots = {
|
|
|
46
46
|
*/
|
|
47
47
|
export declare type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'size'>>;
|
|
48
48
|
|
|
49
|
+
/**
|
|
50
|
+
* InfoIcon component - TODO: add more docs
|
|
51
|
+
*/
|
|
52
|
+
export declare const InfoIcon: ForwardRefComponent<InfoIconProps>;
|
|
53
|
+
|
|
54
|
+
export declare const infoIconClassNames: SlotClassNames<InfoIconSlots>;
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* InfoIconLabel component - TODO: add more docs
|
|
58
|
+
*/
|
|
59
|
+
export declare const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps>;
|
|
60
|
+
|
|
61
|
+
export declare const infoIconLabelClassNames: SlotClassNames<InfoIconLabelSlots>;
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* InfoIconLabel Props
|
|
65
|
+
*/
|
|
66
|
+
export declare type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};
|
|
67
|
+
|
|
68
|
+
export declare type InfoIconLabelSlots = {
|
|
69
|
+
root: Slot<'div'>;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* State used in rendering InfoIconLabel
|
|
74
|
+
*/
|
|
75
|
+
export declare type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* InfoIcon Props
|
|
79
|
+
*/
|
|
80
|
+
export declare type InfoIconProps = ComponentProps<InfoIconSlots> & {};
|
|
81
|
+
|
|
82
|
+
export declare type InfoIconSlots = {
|
|
83
|
+
root: Slot<'div'>;
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* State used in rendering InfoIcon
|
|
88
|
+
*/
|
|
89
|
+
export declare type InfoIconState = ComponentState<InfoIconSlots>;
|
|
90
|
+
|
|
49
91
|
/**
|
|
50
92
|
* InfoLabel component
|
|
51
93
|
*/
|
|
@@ -93,6 +135,16 @@ export declare type InfoLabelState = ComponentState<InfoLabelSlots> & Pick<InfoL
|
|
|
93
135
|
*/
|
|
94
136
|
export declare const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element;
|
|
95
137
|
|
|
138
|
+
/**
|
|
139
|
+
* Render the final JSX of InfoIcon
|
|
140
|
+
*/
|
|
141
|
+
export declare const renderInfoIcon_unstable: (state: InfoIconState) => JSX.Element;
|
|
142
|
+
|
|
143
|
+
/**
|
|
144
|
+
* Render the final JSX of InfoIconLabel
|
|
145
|
+
*/
|
|
146
|
+
export declare const renderInfoIconLabel_unstable: (state: InfoIconLabelState) => JSX.Element;
|
|
147
|
+
|
|
96
148
|
/**
|
|
97
149
|
* Render the final JSX of InfoLabel
|
|
98
150
|
*/
|
|
@@ -114,6 +166,38 @@ export declare const useInfoButton_unstable: (props: InfoButtonProps, ref: React
|
|
|
114
166
|
*/
|
|
115
167
|
export declare const useInfoButtonStyles_unstable: (state: InfoButtonState) => InfoButtonState;
|
|
116
168
|
|
|
169
|
+
/**
|
|
170
|
+
* Create the state required to render InfoIcon.
|
|
171
|
+
*
|
|
172
|
+
* The returned state can be modified with hooks such as useInfoIconStyles_unstable,
|
|
173
|
+
* before being passed to renderInfoIcon_unstable.
|
|
174
|
+
*
|
|
175
|
+
* @param props - props from this instance of InfoIcon
|
|
176
|
+
* @param ref - reference to root HTMLElement of InfoIcon
|
|
177
|
+
*/
|
|
178
|
+
export declare const useInfoIcon_unstable: (props: InfoIconProps, ref: React_2.Ref<HTMLElement>) => InfoIconState;
|
|
179
|
+
|
|
180
|
+
/**
|
|
181
|
+
* Create the state required to render InfoIconLabel.
|
|
182
|
+
*
|
|
183
|
+
* The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,
|
|
184
|
+
* before being passed to renderInfoIconLabel_unstable.
|
|
185
|
+
*
|
|
186
|
+
* @param props - props from this instance of InfoIconLabel
|
|
187
|
+
* @param ref - reference to root HTMLElement of InfoIconLabel
|
|
188
|
+
*/
|
|
189
|
+
export declare const useInfoIconLabel_unstable: (props: InfoIconLabelProps, ref: React_2.Ref<HTMLElement>) => InfoIconLabelState;
|
|
190
|
+
|
|
191
|
+
/**
|
|
192
|
+
* Apply styling to the InfoIconLabel slots based on the state
|
|
193
|
+
*/
|
|
194
|
+
export declare const useInfoIconLabelStyles_unstable: (state: InfoIconLabelState) => InfoIconLabelState;
|
|
195
|
+
|
|
196
|
+
/**
|
|
197
|
+
* Apply styling to the InfoIcon slots based on the state
|
|
198
|
+
*/
|
|
199
|
+
export declare const useInfoIconStyles_unstable: (state: InfoIconState) => InfoIconState;
|
|
200
|
+
|
|
117
201
|
/**
|
|
118
202
|
* Create the state required to render InfoLabel.
|
|
119
203
|
*
|
package/lib/InfoIcon.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/InfoIcon/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIcon.ts"],"sourcesContent":["export * from './components/InfoIcon/index';\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/InfoIconLabel/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIconLabel.ts"],"sourcesContent":["export * from './components/InfoIconLabel/index';\n"],"names":[],"mappings":"AAAA,cAAc,mCAAmC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useInfoIcon_unstable } from './useInfoIcon';
|
|
3
|
+
import { renderInfoIcon_unstable } from './renderInfoIcon';
|
|
4
|
+
import { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';
|
|
5
|
+
/**
|
|
6
|
+
* InfoIcon component - TODO: add more docs
|
|
7
|
+
*/ export const InfoIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
8
|
+
const state = useInfoIcon_unstable(props, ref);
|
|
9
|
+
useInfoIconStyles_unstable(state);
|
|
10
|
+
return renderInfoIcon_unstable(state);
|
|
11
|
+
});
|
|
12
|
+
InfoIcon.displayName = 'InfoIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIcon_unstable } from './useInfoIcon';\nimport { renderInfoIcon_unstable } from './renderInfoIcon';\nimport { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';\nimport type { InfoIconProps } from './InfoIcon.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * InfoIcon component - TODO: add more docs\n */\nexport const InfoIcon: ForwardRefComponent<InfoIconProps> = React.forwardRef((props, ref) => {\n const state = useInfoIcon_unstable(props, ref);\n\n useInfoIconStyles_unstable(state);\n return renderInfoIcon_unstable(state);\n});\n\nInfoIcon.displayName = 'InfoIcon';\n"],"names":["React","useInfoIcon_unstable","renderInfoIcon_unstable","useInfoIconStyles_unstable","InfoIcon","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AAIxE;;CAEC,GACD,OAAO,MAAMC,yBAA+CJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3F,MAAMC,QAAQP,qBAAqBK,OAAOC;IAE1CJ,2BAA2BK;IAC3B,OAAON,wBAAwBM;AACjC,GAAG;AAEHJ,SAASK,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIcon.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InfoIconSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * InfoIcon Props\n */\nexport type InfoIconProps = ComponentProps<InfoIconSlots> & {};\n\n/**\n * State used in rendering InfoIcon\n */\nexport type InfoIconState = ComponentState<InfoIconSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.\n// & Required<Pick<InfoIconProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAc0D,CAC1D,yHAAyH;CACzH,8CAA8C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoIcon';\nexport * from './InfoIcon.types';\nexport * from './renderInfoIcon';\nexport * from './useInfoIcon';\nexport * from './useInfoIconStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
|
+
import { getSlotsNext } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* Render the final JSX of InfoIcon
|
|
5
|
+
*/ export const renderInfoIcon_unstable = (state)=>{
|
|
6
|
+
const { slots , slotProps } = getSlotsNext(state);
|
|
7
|
+
// TODO Add additional slots in the appropriate place
|
|
8
|
+
return /*#__PURE__*/ createElement(slots.root, slotProps.root);
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderInfoIcon.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoIconState, InfoIconSlots } from './InfoIcon.types';\n\n/**\n * Render the final JSX of InfoIcon\n */\nexport const renderInfoIcon_unstable = (state: InfoIconState) => {\n const { slots, slotProps } = getSlotsNext<InfoIconSlots>(state);\n\n // TODO Add additional slots in the appropriate place\n return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderInfoIcon_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,QAAyB;IAC/D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA4BE;IAEzD,qDAAqD;IACrD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* Create the state required to render InfoIcon.
|
|
5
|
+
*
|
|
6
|
+
* The returned state can be modified with hooks such as useInfoIconStyles_unstable,
|
|
7
|
+
* before being passed to renderInfoIcon_unstable.
|
|
8
|
+
*
|
|
9
|
+
* @param props - props from this instance of InfoIcon
|
|
10
|
+
* @param ref - reference to root HTMLElement of InfoIcon
|
|
11
|
+
*/ export const useInfoIcon_unstable = (props, ref)=>{
|
|
12
|
+
return {
|
|
13
|
+
// TODO add appropriate props/defaults
|
|
14
|
+
components: {
|
|
15
|
+
// TODO add each slot's element type or component
|
|
16
|
+
root: 'div'
|
|
17
|
+
},
|
|
18
|
+
// TODO add appropriate slots, for example:
|
|
19
|
+
// mySlot: resolveShorthand(props.mySlot),
|
|
20
|
+
root: getNativeElementProps('div', {
|
|
21
|
+
ref,
|
|
22
|
+
...props
|
|
23
|
+
})
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoIcon.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { InfoIconProps, InfoIconState } from './InfoIcon.types';\n\n/**\n * Create the state required to render InfoIcon.\n *\n * The returned state can be modified with hooks such as useInfoIconStyles_unstable,\n * before being passed to renderInfoIcon_unstable.\n *\n * @param props - props from this instance of InfoIcon\n * @param ref - reference to root HTMLElement of InfoIcon\n */\nexport const useInfoIcon_unstable = (props: InfoIconProps, ref: React.Ref<HTMLElement>): InfoIconState => {\n return {\n // TODO add appropriate props/defaults\n components: {\n // TODO add each slot's element type or component\n root: 'div',\n },\n // TODO add appropriate slots, for example:\n // mySlot: resolveShorthand(props.mySlot),\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useInfoIcon_unstable","props","ref","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC,MAA+C;IACxG,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAML,sBAAsB,OAAO;YACjCG;YACA,GAAGD,KAAK;QACV;IACF;AACF,EAAE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
|
+
export const infoIconClassNames = {
|
|
3
|
+
root: 'fui-InfoIcon'
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* Styles for the root slot
|
|
7
|
+
*/
|
|
8
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
9
|
+
root: {}
|
|
10
|
+
}, {});
|
|
11
|
+
/**
|
|
12
|
+
* Apply styling to the InfoIcon slots based on the state
|
|
13
|
+
*/
|
|
14
|
+
export const useInfoIconStyles_unstable = state => {
|
|
15
|
+
const styles = useStyles();
|
|
16
|
+
state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);
|
|
17
|
+
// TODO Add class names to slots, for example:
|
|
18
|
+
// state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
|
|
19
|
+
return state;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=useInfoIconStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","infoIconClassNames","root","useStyles","useInfoIconStyles_unstable","state","styles","className"],"sources":["useInfoIconStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoIconClassNames = {\n root: 'fui-InfoIcon'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n }\n});\n/**\n * Apply styling to the InfoIcon slots based on the state\n */ export const useInfoIconStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);\n // TODO Add class names to slots, for example:\n // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAME,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,kBAAkB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC/F;EACA;EACA,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useInfoIconLabel_unstable } from './useInfoIconLabel';
|
|
3
|
+
import { renderInfoIconLabel_unstable } from './renderInfoIconLabel';
|
|
4
|
+
import { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';
|
|
5
|
+
/**
|
|
6
|
+
* InfoIconLabel component - TODO: add more docs
|
|
7
|
+
*/ export const InfoIconLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
8
|
+
const state = useInfoIconLabel_unstable(props, ref);
|
|
9
|
+
useInfoIconLabelStyles_unstable(state);
|
|
10
|
+
return renderInfoIconLabel_unstable(state);
|
|
11
|
+
});
|
|
12
|
+
InfoIconLabel.displayName = 'InfoIconLabel';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIconLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIconLabel_unstable } from './useInfoIconLabel';\nimport { renderInfoIconLabel_unstable } from './renderInfoIconLabel';\nimport { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';\nimport type { InfoIconLabelProps } from './InfoIconLabel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * InfoIconLabel component - TODO: add more docs\n */\nexport const InfoIconLabel: ForwardRefComponent<InfoIconLabelProps> = React.forwardRef((props, ref) => {\n const state = useInfoIconLabel_unstable(props, ref);\n\n useInfoIconLabelStyles_unstable(state);\n return renderInfoIconLabel_unstable(state);\n});\n\nInfoIconLabel.displayName = 'InfoIconLabel';\n"],"names":["React","useInfoIconLabel_unstable","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","InfoIconLabel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIconLabel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type InfoIconLabelSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * InfoIconLabel Props\n */\nexport type InfoIconLabelProps = ComponentProps<InfoIconLabelSlots> & {};\n\n/**\n * State used in rendering InfoIconLabel\n */\nexport type InfoIconLabelState = ComponentState<InfoIconLabelSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.\n// & Required<Pick<InfoIconLabelProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAcoE,CACpE,8HAA8H;CAC9H,mDAAmD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './InfoIconLabel';\nexport * from './InfoIconLabel.types';\nexport * from './renderInfoIconLabel';\nexport * from './useInfoIconLabel';\nexport * from './useInfoIconLabelStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
|
+
import { getSlotsNext } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* Render the final JSX of InfoIconLabel
|
|
5
|
+
*/ export const renderInfoIconLabel_unstable = (state)=>{
|
|
6
|
+
const { slots , slotProps } = getSlotsNext(state);
|
|
7
|
+
// TODO Add additional slots in the appropriate place
|
|
8
|
+
return /*#__PURE__*/ createElement(slots.root, slotProps.root);
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderInfoIconLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { InfoIconLabelState, InfoIconLabelSlots } from './InfoIconLabel.types';\n\n/**\n * Render the final JSX of InfoIconLabel\n */\nexport const renderInfoIconLabel_unstable = (state: InfoIconLabelState) => {\n const { slots, slotProps } = getSlotsNext<InfoIconLabelSlots>(state);\n\n // TODO Add additional slots in the appropriate place\n return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderInfoIconLabel_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,QAA8B;IACzE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAiCE;IAE9D,qDAAqD;IACrD,qBAAO,AAbT,cAaUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* Create the state required to render InfoIconLabel.
|
|
5
|
+
*
|
|
6
|
+
* The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,
|
|
7
|
+
* before being passed to renderInfoIconLabel_unstable.
|
|
8
|
+
*
|
|
9
|
+
* @param props - props from this instance of InfoIconLabel
|
|
10
|
+
* @param ref - reference to root HTMLElement of InfoIconLabel
|
|
11
|
+
*/ export const useInfoIconLabel_unstable = (props, ref)=>{
|
|
12
|
+
return {
|
|
13
|
+
// TODO add appropriate props/defaults
|
|
14
|
+
components: {
|
|
15
|
+
// TODO add each slot's element type or component
|
|
16
|
+
root: 'div'
|
|
17
|
+
},
|
|
18
|
+
// TODO add appropriate slots, for example:
|
|
19
|
+
// mySlot: resolveShorthand(props.mySlot),
|
|
20
|
+
root: getNativeElementProps('div', {
|
|
21
|
+
ref,
|
|
22
|
+
...props
|
|
23
|
+
})
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoIconLabel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { InfoIconLabelProps, InfoIconLabelState } from './InfoIconLabel.types';\n\n/**\n * Create the state required to render InfoIconLabel.\n *\n * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,\n * before being passed to renderInfoIconLabel_unstable.\n *\n * @param props - props from this instance of InfoIconLabel\n * @param ref - reference to root HTMLElement of InfoIconLabel\n */\nexport const useInfoIconLabel_unstable = (\n props: InfoIconLabelProps,\n ref: React.Ref<HTMLElement>,\n): InfoIconLabelState => {\n return {\n // TODO add appropriate props/defaults\n components: {\n // TODO add each slot's element type or component\n root: 'div',\n },\n // TODO add appropriate slots, for example:\n // mySlot: resolveShorthand(props.mySlot),\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useInfoIconLabel_unstable","props","ref","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAML,sBAAsB,OAAO;YACjCG;YACA,GAAGD,KAAK;QACV;IACF;AACF,EAAE"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
|
+
export const infoIconLabelClassNames = {
|
|
3
|
+
root: 'fui-InfoIconLabel'
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* Styles for the root slot
|
|
7
|
+
*/
|
|
8
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
9
|
+
root: {}
|
|
10
|
+
}, {});
|
|
11
|
+
/**
|
|
12
|
+
* Apply styling to the InfoIconLabel slots based on the state
|
|
13
|
+
*/
|
|
14
|
+
export const useInfoIconLabelStyles_unstable = state => {
|
|
15
|
+
const styles = useStyles();
|
|
16
|
+
state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);
|
|
17
|
+
// TODO Add class names to slots, for example:
|
|
18
|
+
// state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
|
|
19
|
+
return state;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=useInfoIconLabelStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","infoIconLabelClassNames","root","useStyles","useInfoIconLabelStyles_unstable","state","styles","className"],"sources":["useInfoIconLabelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoIconLabelClassNames = {\n root: 'fui-InfoIconLabel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n }\n});\n/**\n * Apply styling to the InfoIconLabel slots based on the state\n */ export const useInfoIconLabelStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);\n // TODO Add class names to slots, for example:\n // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAGrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAME,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACpG;EACA;EACA,OAAOF,KAAK;AAChB,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';
|
|
2
2
|
export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';
|
|
3
|
+
export { InfoIcon, infoIconClassNames, renderInfoIcon_unstable, useInfoIconStyles_unstable, useInfoIcon_unstable } from './InfoIcon';
|
|
4
|
+
export { InfoIconLabel, infoIconLabelClassNames, renderInfoIconLabel_unstable, useInfoIconLabelStyles_unstable, useInfoIconLabel_unstable } from './InfoIconLabel';
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc"}
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\nexport {\n InfoIcon,\n infoIconClassNames,\n renderInfoIcon_unstable,\n useInfoIconStyles_unstable,\n useInfoIcon_unstable,\n} from './InfoIcon';\nexport type { InfoIconProps, InfoIconSlots, InfoIconState } from './InfoIcon';\nexport {\n InfoIconLabel,\n infoIconLabelClassNames,\n renderInfoIconLabel_unstable,\n useInfoIconLabelStyles_unstable,\n useInfoIconLabel_unstable,\n} from './InfoIconLabel';\nexport type { InfoIconLabelProps, InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoIcon","infoIconClassNames","renderInfoIcon_unstable","useInfoIconStyles_unstable","useInfoIcon_unstable","InfoIconLabel","infoIconLabelClassNames","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","useInfoIconLabel_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAErB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIcon.js"],"sourcesContent":["export * from './components/InfoIcon/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIconLabel.js"],"sourcesContent":["export * from './components/InfoIconLabel/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "InfoIcon", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>InfoIcon
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _useInfoIcon = require("./useInfoIcon");
|
|
12
|
+
const _renderInfoIcon = require("./renderInfoIcon");
|
|
13
|
+
const _useInfoIconStylesStyles = require("./useInfoIconStyles.styles");
|
|
14
|
+
const InfoIcon = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
15
|
+
const state = (0, _useInfoIcon.useInfoIcon_unstable)(props, ref);
|
|
16
|
+
(0, _useInfoIconStylesStyles.useInfoIconStyles_unstable)(state);
|
|
17
|
+
return (0, _renderInfoIcon.renderInfoIcon_unstable)(state);
|
|
18
|
+
});
|
|
19
|
+
InfoIcon.displayName = 'InfoIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIcon_unstable } from './useInfoIcon';\nimport { renderInfoIcon_unstable } from './renderInfoIcon';\nimport { useInfoIconStyles_unstable } from './useInfoIconStyles.styles';\n/**\n * InfoIcon component - TODO: add more docs\n */ export const InfoIcon = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoIcon_unstable(props, ref);\n useInfoIconStyles_unstable(state);\n return renderInfoIcon_unstable(state);\n});\nInfoIcon.displayName = 'InfoIcon';\n"],"names":["InfoIcon","React","forwardRef","props","ref","state","useInfoIcon_unstable","useInfoIconStyles_unstable","renderInfoIcon_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;6BACc;gCACG;yCACG;AAGhC,MAAMA,WAAW,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACrE,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,mDAA0B,EAACF;IAC3B,OAAOG,IAAAA,uCAAuB,EAACH;AACnC;AACAL,SAASS,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIcon.types.js"],"sourcesContent":["export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps.\n // & Required<Pick<InfoIconProps, 'propName'>>\n"],"names":[],"mappings":";;;;CAAY,yHAAyH;CACpI,8CAA8C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./InfoIcon"), exports);
|
|
7
|
+
_exportStar(require("./InfoIcon.types"), exports);
|
|
8
|
+
_exportStar(require("./renderInfoIcon"), exports);
|
|
9
|
+
_exportStar(require("./useInfoIcon"), exports);
|
|
10
|
+
_exportStar(require("./useInfoIconStyles.styles"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoIcon';\nexport * from './InfoIcon.types';\nexport * from './renderInfoIcon';\nexport * from './useInfoIcon';\nexport * from './useInfoIconStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderInfoIcon_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>renderInfoIcon_unstable
|
|
8
|
+
});
|
|
9
|
+
const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
|
|
10
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
+
const renderInfoIcon_unstable = (state)=>{
|
|
12
|
+
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
|
13
|
+
// TODO Add additional slots in the appropriate place
|
|
14
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderInfoIcon.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoIcon\n */ export const renderInfoIcon_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n // TODO Add additional slots in the appropriate place\n return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderInfoIcon_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,0BAA0B,CAACC,QAAQ;IAChD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useInfoIcon_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useInfoIcon_unstable
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
+
const useInfoIcon_unstable = (props, ref)=>{
|
|
13
|
+
return {
|
|
14
|
+
// TODO add appropriate props/defaults
|
|
15
|
+
components: {
|
|
16
|
+
// TODO add each slot's element type or component
|
|
17
|
+
root: 'div'
|
|
18
|
+
},
|
|
19
|
+
// TODO add appropriate slots, for example:
|
|
20
|
+
// mySlot: resolveShorthand(props.mySlot),
|
|
21
|
+
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
22
|
+
ref,
|
|
23
|
+
...props
|
|
24
|
+
})
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render InfoIcon.\n *\n * The returned state can be modified with hooks such as useInfoIconStyles_unstable,\n * before being passed to renderInfoIcon_unstable.\n *\n * @param props - props from this instance of InfoIcon\n * @param ref - reference to root HTMLElement of InfoIcon\n */ export const useInfoIcon_unstable = (props, ref)=>{\n return {\n // TODO add appropriate props/defaults\n components: {\n // TODO add each slot's element type or component\n root: 'div'\n },\n // TODO add appropriate slots, for example:\n // mySlot: resolveShorthand(props.mySlot),\n root: getNativeElementProps('div', {\n ref,\n ...props\n })\n };\n};\n"],"names":["useInfoIcon_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,uBAAuB,CAACC,OAAOC,MAAM;IAClD,OAAO;QACH,sCAAsC;QACtCC,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
infoIconClassNames: ()=>infoIconClassNames,
|
|
13
|
+
useInfoIconStyles_unstable: ()=>useInfoIconStyles_unstable
|
|
14
|
+
});
|
|
15
|
+
const _react = require("@griffel/react");
|
|
16
|
+
const infoIconClassNames = {
|
|
17
|
+
root: 'fui-InfoIcon'
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Styles for the root slot
|
|
21
|
+
*/ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
22
|
+
root: {}
|
|
23
|
+
}, {});
|
|
24
|
+
const useInfoIconStyles_unstable = (state)=>{
|
|
25
|
+
const styles = useStyles();
|
|
26
|
+
state.root.className = (0, _react.mergeClasses)(infoIconClassNames.root, styles.root, state.root.className);
|
|
27
|
+
// TODO Add class names to slots, for example:
|
|
28
|
+
// state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
|
|
29
|
+
return state;
|
|
30
|
+
}; //# sourceMappingURL=useInfoIconStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoIconStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const infoIconClassNames = {\n root: 'fui-InfoIcon'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {}\n}, {});\n/**\n * Apply styling to the InfoIcon slots based on the state\n */\nexport const useInfoIconStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);\n // TODO Add class names to slots, for example:\n // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n return state;\n};\n//# sourceMappingURL=useInfoIconStyles.styles.js.map"],"names":["infoIconClassNames","useInfoIconStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAYAC,0BAA0B,MAA1BA;;uBAb0B;AAChC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,6BAA6BI,CAAAA,QAAS;IACjD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,mBAAmBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC9F,8CAA8C;IAC9C,gFAAgF;IAChF,OAAOF;AACT,GACA,oDAAoD"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "InfoIconLabel", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>InfoIconLabel
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _useInfoIconLabel = require("./useInfoIconLabel");
|
|
12
|
+
const _renderInfoIconLabel = require("./renderInfoIconLabel");
|
|
13
|
+
const _useInfoIconLabelStylesStyles = require("./useInfoIconLabelStyles.styles");
|
|
14
|
+
const InfoIconLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
15
|
+
const state = (0, _useInfoIconLabel.useInfoIconLabel_unstable)(props, ref);
|
|
16
|
+
(0, _useInfoIconLabelStylesStyles.useInfoIconLabelStyles_unstable)(state);
|
|
17
|
+
return (0, _renderInfoIconLabel.renderInfoIconLabel_unstable)(state);
|
|
18
|
+
});
|
|
19
|
+
InfoIconLabel.displayName = 'InfoIconLabel';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIconLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIconLabel_unstable } from './useInfoIconLabel';\nimport { renderInfoIconLabel_unstable } from './renderInfoIconLabel';\nimport { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';\n/**\n * InfoIconLabel component - TODO: add more docs\n */ export const InfoIconLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoIconLabel_unstable(props, ref);\n useInfoIconLabelStyles_unstable(state);\n return renderInfoIconLabel_unstable(state);\n});\nInfoIconLabel.displayName = 'InfoIconLabel';\n"],"names":["InfoIconLabel","React","forwardRef","props","ref","state","useInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","renderInfoIconLabel_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;kCACmB;qCACG;8CACG;AAGrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACxC;AACAL,cAAcS,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoIconLabel.types.js"],"sourcesContent":["export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.\n // & Required<Pick<InfoIconLabelProps, 'propName'>>\n"],"names":[],"mappings":";;;;CAAY,8HAA8H;CACzI,mDAAmD"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./InfoIconLabel"), exports);
|
|
7
|
+
_exportStar(require("./InfoIconLabel.types"), exports);
|
|
8
|
+
_exportStar(require("./renderInfoIconLabel"), exports);
|
|
9
|
+
_exportStar(require("./useInfoIconLabel"), exports);
|
|
10
|
+
_exportStar(require("./useInfoIconLabelStyles.styles"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoIconLabel';\nexport * from './InfoIconLabel.types';\nexport * from './renderInfoIconLabel';\nexport * from './useInfoIconLabel';\nexport * from './useInfoIconLabelStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderInfoIconLabel_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>renderInfoIconLabel_unstable
|
|
8
|
+
});
|
|
9
|
+
const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
|
|
10
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
+
const renderInfoIconLabel_unstable = (state)=>{
|
|
12
|
+
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
|
13
|
+
// TODO Add additional slots in the appropriate place
|
|
14
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderInfoIconLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoIconLabel\n */ export const renderInfoIconLabel_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n // TODO Add additional slots in the appropriate place\n return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderInfoIconLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useInfoIconLabel_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useInfoIconLabel_unstable
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
+
const useInfoIconLabel_unstable = (props, ref)=>{
|
|
13
|
+
return {
|
|
14
|
+
// TODO add appropriate props/defaults
|
|
15
|
+
components: {
|
|
16
|
+
// TODO add each slot's element type or component
|
|
17
|
+
root: 'div'
|
|
18
|
+
},
|
|
19
|
+
// TODO add appropriate slots, for example:
|
|
20
|
+
// mySlot: resolveShorthand(props.mySlot),
|
|
21
|
+
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
22
|
+
ref,
|
|
23
|
+
...props
|
|
24
|
+
})
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoIconLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render InfoIconLabel.\n *\n * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,\n * before being passed to renderInfoIconLabel_unstable.\n *\n * @param props - props from this instance of InfoIconLabel\n * @param ref - reference to root HTMLElement of InfoIconLabel\n */ export const useInfoIconLabel_unstable = (props, ref)=>{\n return {\n // TODO add appropriate props/defaults\n components: {\n // TODO add each slot's element type or component\n root: 'div'\n },\n // TODO add appropriate slots, for example:\n // mySlot: resolveShorthand(props.mySlot),\n root: getNativeElementProps('div', {\n ref,\n ...props\n })\n };\n};\n"],"names":["useInfoIconLabel_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,OAAO;QACH,sCAAsC;QACtCC,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
infoIconLabelClassNames: ()=>infoIconLabelClassNames,
|
|
13
|
+
useInfoIconLabelStyles_unstable: ()=>useInfoIconLabelStyles_unstable
|
|
14
|
+
});
|
|
15
|
+
const _react = require("@griffel/react");
|
|
16
|
+
const infoIconLabelClassNames = {
|
|
17
|
+
root: 'fui-InfoIconLabel'
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Styles for the root slot
|
|
21
|
+
*/ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
22
|
+
root: {}
|
|
23
|
+
}, {});
|
|
24
|
+
const useInfoIconLabelStyles_unstable = (state)=>{
|
|
25
|
+
const styles = useStyles();
|
|
26
|
+
state.root.className = (0, _react.mergeClasses)(infoIconLabelClassNames.root, styles.root, state.root.className);
|
|
27
|
+
// TODO Add class names to slots, for example:
|
|
28
|
+
// state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
|
|
29
|
+
return state;
|
|
30
|
+
}; //# sourceMappingURL=useInfoIconLabelStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoIconLabelStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const infoIconLabelClassNames = {\n root: 'fui-InfoIconLabel'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {}\n}, {});\n/**\n * Apply styling to the InfoIconLabel slots based on the state\n */\nexport const useInfoIconLabelStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);\n // TODO Add class names to slots, for example:\n // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n return state;\n};\n//# sourceMappingURL=useInfoIconLabelStyles.styles.js.map"],"names":["infoIconLabelClassNames","useInfoIconLabelStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB,MAAvBA;IAYAC,+BAA+B,MAA/BA;;uBAb0B;AAChC,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,kCAAkCI,CAAAA,QAAS;IACtD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,wBAAwBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACnG,8CAA8C;IAC9C,gFAAgF;IAChF,OAAOF;AACT,GACA,yDAAyD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -18,7 +18,19 @@ _export(exports, {
|
|
|
18
18
|
infoLabelClassNames: ()=>_infoLabel.infoLabelClassNames,
|
|
19
19
|
renderInfoLabel_unstable: ()=>_infoLabel.renderInfoLabel_unstable,
|
|
20
20
|
useInfoLabelStyles_unstable: ()=>_infoLabel.useInfoLabelStyles_unstable,
|
|
21
|
-
useInfoLabel_unstable: ()=>_infoLabel.useInfoLabel_unstable
|
|
21
|
+
useInfoLabel_unstable: ()=>_infoLabel.useInfoLabel_unstable,
|
|
22
|
+
InfoIcon: ()=>_infoIcon.InfoIcon,
|
|
23
|
+
infoIconClassNames: ()=>_infoIcon.infoIconClassNames,
|
|
24
|
+
renderInfoIcon_unstable: ()=>_infoIcon.renderInfoIcon_unstable,
|
|
25
|
+
useInfoIconStyles_unstable: ()=>_infoIcon.useInfoIconStyles_unstable,
|
|
26
|
+
useInfoIcon_unstable: ()=>_infoIcon.useInfoIcon_unstable,
|
|
27
|
+
InfoIconLabel: ()=>_infoIconLabel.InfoIconLabel,
|
|
28
|
+
infoIconLabelClassNames: ()=>_infoIconLabel.infoIconLabelClassNames,
|
|
29
|
+
renderInfoIconLabel_unstable: ()=>_infoIconLabel.renderInfoIconLabel_unstable,
|
|
30
|
+
useInfoIconLabelStyles_unstable: ()=>_infoIconLabel.useInfoIconLabelStyles_unstable,
|
|
31
|
+
useInfoIconLabel_unstable: ()=>_infoIconLabel.useInfoIconLabel_unstable
|
|
22
32
|
});
|
|
23
33
|
const _infoButton = require("./InfoButton");
|
|
24
34
|
const _infoLabel = require("./InfoLabel");
|
|
35
|
+
const _infoIcon = require("./InfoIcon");
|
|
36
|
+
const _infoIconLabel = require("./InfoIconLabel");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';\nexport { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,SAAS,MAATA,oBAAS;IAAEC,mBAAmB,MAAnBA,8BAAmB;IAAEC,wBAAwB,MAAxBA,mCAAwB;IAAEC,2BAA2B,MAA3BA,sCAA2B;IAAEC,qBAAqB,MAArBA,gCAAqB;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';\nexport { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';\nexport { InfoIcon, infoIconClassNames, renderInfoIcon_unstable, useInfoIconStyles_unstable, useInfoIcon_unstable } from './InfoIcon';\nexport { InfoIconLabel, infoIconLabelClassNames, renderInfoIconLabel_unstable, useInfoIconLabelStyles_unstable, useInfoIconLabel_unstable } from './InfoIconLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoIcon","infoIconClassNames","renderInfoIcon_unstable","useInfoIconStyles_unstable","useInfoIcon_unstable","InfoIconLabel","infoIconLabelClassNames","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","useInfoIconLabel_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,SAAS,MAATA,oBAAS;IAAEC,mBAAmB,MAAnBA,8BAAmB;IAAEC,wBAAwB,MAAxBA,mCAAwB;IAAEC,2BAA2B,MAA3BA,sCAA2B;IAAEC,qBAAqB,MAArBA,gCAAqB;IAC5GC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;;4BAHP;2BACL;0BACL;+BACyB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-infobutton",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.36",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -28,18 +28,18 @@
|
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.23",
|
|
32
32
|
"@fluentui/scripts-api-extractor": "*",
|
|
33
33
|
"@fluentui/scripts-tasks": "*"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@fluentui/react-icons": "^2.0.
|
|
37
|
-
"@fluentui/react-label": "^9.1.
|
|
38
|
-
"@fluentui/react-popover": "^9.
|
|
39
|
-
"@fluentui/react-tabster": "^9.
|
|
40
|
-
"@fluentui/react-theme": "^9.1.
|
|
41
|
-
"@fluentui/react-utilities": "^9.9.
|
|
42
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
36
|
+
"@fluentui/react-icons": "^2.0.203",
|
|
37
|
+
"@fluentui/react-label": "^9.1.17",
|
|
38
|
+
"@fluentui/react-popover": "^9.7.1",
|
|
39
|
+
"@fluentui/react-tabster": "^9.8.1",
|
|
40
|
+
"@fluentui/react-theme": "^9.1.9",
|
|
41
|
+
"@fluentui/react-utilities": "^9.9.4",
|
|
42
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.8",
|
|
43
43
|
"@griffel/react": "^1.5.7",
|
|
44
44
|
"@swc/helpers": "^0.4.14"
|
|
45
45
|
},
|