@fluentui/react-button 0.0.0-nightlya21bfaceec20220202.1 → 0.0.0-nightlyb2b3ec1da320220209.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +32 -14
- package/CHANGELOG.md +12 -10
- package/dist/react-button.d.ts +10 -11
- package/lib/components/Button/Button.types.d.ts +3 -3
- package/lib/components/Button/renderButton.js +2 -2
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.types.d.ts +4 -4
- package/lib/components/CompoundButton/renderCompoundButton.js +3 -3
- package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.d.ts +2 -2
- package/lib/components/MenuButton/renderMenuButton.js +2 -2
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.types.d.ts +4 -4
- package/lib/components/SplitButton/renderSplitButton.js +2 -2
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/Button/Button.types.d.ts +3 -3
- package/lib-commonjs/components/Button/renderButton.js +2 -2
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts +4 -4
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +3 -3
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +2 -2
- package/lib-commonjs/components/MenuButton/renderMenuButton.js +2 -2
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts +4 -4
- package/lib-commonjs/components/SplitButton/renderSplitButton.js +2 -2
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.json
CHANGED
@@ -2,15 +2,15 @@
|
|
2
2
|
"name": "@fluentui/react-button",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "Wed,
|
6
|
-
"tag": "@fluentui/react-button_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Wed, 09 Feb 2022 04:13:05 GMT",
|
6
|
+
"tag": "@fluentui/react-button_v0.0.0-nightlyb2b3ec1da320220209.1",
|
7
|
+
"version": "0.0.0-nightlyb2b3ec1da320220209.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-button",
|
13
|
-
"commit": "
|
13
|
+
"commit": "066f84c7bef7f4df47448557396199d8b7f26480",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
16
|
{
|
@@ -85,6 +85,12 @@
|
|
85
85
|
"commit": "54118b29fde686ef15fe95a3a97f3fd7edca34a3",
|
86
86
|
"comment": "update styles to not use CSS shorthands"
|
87
87
|
},
|
88
|
+
{
|
89
|
+
"author": "behowell@microsoft.com",
|
90
|
+
"package": "@fluentui/react-button",
|
91
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
92
|
+
"comment": "Refactor component Slot typings"
|
93
|
+
},
|
88
94
|
{
|
89
95
|
"author": "Humberto.Morimoto@microsoft.com",
|
90
96
|
"package": "@fluentui/react-button",
|
@@ -97,6 +103,12 @@
|
|
97
103
|
"commit": "7797d49103b5dd7662ef59f734921f6326b2273d",
|
98
104
|
"comment": "MenuButton: Updating types so it properly supports ref."
|
99
105
|
},
|
106
|
+
{
|
107
|
+
"author": "olfedias@microsoft.com",
|
108
|
+
"package": "@fluentui/react-button",
|
109
|
+
"commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
|
110
|
+
"comment": "update @fluentui/react-icons package"
|
111
|
+
},
|
100
112
|
{
|
101
113
|
"author": "Humberto.Morimoto@microsoft.com",
|
102
114
|
"package": "@fluentui/react-button",
|
@@ -112,32 +124,32 @@
|
|
112
124
|
{
|
113
125
|
"author": "beachball",
|
114
126
|
"package": "@fluentui/react-button",
|
115
|
-
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-
|
116
|
-
"commit": "
|
127
|
+
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlyb2b3ec1da320220209.1",
|
128
|
+
"commit": "066f84c7bef7f4df47448557396199d8b7f26480"
|
117
129
|
},
|
118
130
|
{
|
119
131
|
"author": "beachball",
|
120
132
|
"package": "@fluentui/react-button",
|
121
|
-
"comment": "Bump @fluentui/react-aria to v0.0.0-
|
122
|
-
"commit": "
|
133
|
+
"comment": "Bump @fluentui/react-aria to v0.0.0-nightlyb2b3ec1da320220209.1",
|
134
|
+
"commit": "066f84c7bef7f4df47448557396199d8b7f26480"
|
123
135
|
},
|
124
136
|
{
|
125
137
|
"author": "beachball",
|
126
138
|
"package": "@fluentui/react-button",
|
127
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-
|
128
|
-
"commit": "
|
139
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyb2b3ec1da320220209.1",
|
140
|
+
"commit": "066f84c7bef7f4df47448557396199d8b7f26480"
|
129
141
|
},
|
130
142
|
{
|
131
143
|
"author": "beachball",
|
132
144
|
"package": "@fluentui/react-button",
|
133
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-
|
134
|
-
"commit": "
|
145
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyb2b3ec1da320220209.1",
|
146
|
+
"commit": "066f84c7bef7f4df47448557396199d8b7f26480"
|
135
147
|
},
|
136
148
|
{
|
137
149
|
"author": "beachball",
|
138
150
|
"package": "@fluentui/react-button",
|
139
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-
|
140
|
-
"commit": "
|
151
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyb2b3ec1da320220209.1",
|
152
|
+
"commit": "066f84c7bef7f4df47448557396199d8b7f26480"
|
141
153
|
}
|
142
154
|
],
|
143
155
|
"none": [
|
@@ -158,6 +170,12 @@
|
|
158
170
|
"package": "@fluentui/react-button",
|
159
171
|
"commit": "ca886fed17b4a73b9bb3b5a9e54d143062cbfa99",
|
160
172
|
"comment": "Migration to new tsconfig"
|
173
|
+
},
|
174
|
+
{
|
175
|
+
"author": "bsunderhus@microsoft.com",
|
176
|
+
"package": "@fluentui/react-button",
|
177
|
+
"commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
|
178
|
+
"comment": "Updates components with nullRender changes"
|
161
179
|
}
|
162
180
|
]
|
163
181
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,17 +1,17 @@
|
|
1
1
|
# Change Log - @fluentui/react-button
|
2
2
|
|
3
|
-
This log was last generated on Wed,
|
3
|
+
This log was last generated on Wed, 09 Feb 2022 04:13:05 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightlyb2b3ec1da320220209.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightlyb2b3ec1da320220209.1)
|
8
8
|
|
9
|
-
Wed,
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.5..@fluentui/react-button_v0.0.0-
|
9
|
+
Wed, 09 Feb 2022 04:13:05 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.5..@fluentui/react-button_v0.0.0-nightlyb2b3ec1da320220209.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by email not defined)
|
15
15
|
- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
|
16
16
|
- Button: Changing border radius of small button to borderRadiusMedium from borderRadiusSmall. ([PR #21494](https://github.com/microsoft/fluentui/pull/21494) by Humberto.Morimoto@microsoft.com)
|
17
17
|
- Replace make-styles packages with griffel equivalents. ([PR #21436](https://github.com/microsoft/fluentui/pull/21436) by olfedias@microsoft.com)
|
@@ -24,15 +24,17 @@ Wed, 02 Feb 2022 04:13:24 GMT
|
|
24
24
|
- Remove fontSize from default menuIcon, as it is already set via css ([PR #21221](https://github.com/microsoft/fluentui/pull/21221) by behowell@microsoft.com)
|
25
25
|
- ToggleButton: Stopping aria-pressed from changing when ToggleButton is disabledFocusable. ([PR #21492](https://github.com/microsoft/fluentui/pull/21492) by Humberto.Morimoto@microsoft.com)
|
26
26
|
- update styles to not use CSS shorthands ([PR #20815](https://github.com/microsoft/fluentui/pull/20815) by olfedias@microsoft.com)
|
27
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
27
28
|
- Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
|
28
29
|
- MenuButton: Updating types so it properly supports ref. ([PR #21515](https://github.com/microsoft/fluentui/pull/21515) by Humberto.Morimoto@microsoft.com)
|
30
|
+
- update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
|
29
31
|
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
30
32
|
- Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
|
31
|
-
- Bump @fluentui/keyboard-keys to v0.0.0-
|
32
|
-
- Bump @fluentui/react-aria to v0.0.0-
|
33
|
-
- Bump @fluentui/react-tabster to v0.0.0-
|
34
|
-
- Bump @fluentui/react-utilities to v0.0.0-
|
35
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-
|
33
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
|
34
|
+
- Bump @fluentui/react-aria to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
|
35
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
|
36
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
|
37
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
|
36
38
|
|
37
39
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.5)
|
38
40
|
|
package/dist/react-button.d.ts
CHANGED
@@ -1,10 +1,9 @@
|
|
1
1
|
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
2
2
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
3
|
-
import type { ComponentSlotProps } from '@fluentui/react-utilities';
|
4
3
|
import type { ComponentState } from '@fluentui/react-utilities';
|
5
4
|
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
6
|
-
import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
|
7
5
|
import * as React_2 from 'react';
|
6
|
+
import type { Slot } from '@fluentui/react-utilities';
|
8
7
|
|
9
8
|
/**
|
10
9
|
* Buttons give people a way to trigger an action.
|
@@ -62,11 +61,11 @@ export declare type ButtonSlots = {
|
|
62
61
|
/**
|
63
62
|
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
64
63
|
*/
|
65
|
-
root: ARIAButtonSlotProps
|
64
|
+
root: Slot<ARIAButtonSlotProps>;
|
66
65
|
/**
|
67
66
|
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
68
67
|
*/
|
69
|
-
icon?:
|
68
|
+
icon?: Slot<'span'>;
|
70
69
|
};
|
71
70
|
|
72
71
|
export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
|
@@ -84,17 +83,17 @@ export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
|
84
83
|
|
85
84
|
export declare const compoundButtonClassName = "fui-CompoundButton";
|
86
85
|
|
87
|
-
export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots
|
86
|
+
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
|
88
87
|
|
89
88
|
export declare type CompoundButtonSlots = ButtonSlots & {
|
90
89
|
/**
|
91
90
|
* Second line of text that describes the action this button takes.
|
92
91
|
*/
|
93
|
-
secondaryContent?:
|
92
|
+
secondaryContent?: Slot<'span'>;
|
94
93
|
/**
|
95
94
|
* Container that wraps the children and the secondaryContent slot.
|
96
95
|
*/
|
97
|
-
contentContainer:
|
96
|
+
contentContainer: NonNullable<Slot<'span'>>;
|
98
97
|
};
|
99
98
|
|
100
99
|
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
@@ -112,7 +111,7 @@ export declare type MenuButtonSlots = ButtonSlots & {
|
|
112
111
|
/**
|
113
112
|
* Menu icon that indicates that this button has a menu that can be expanded.
|
114
113
|
*/
|
115
|
-
menuIcon?:
|
114
|
+
menuIcon?: Slot<'span'>;
|
116
115
|
};
|
117
116
|
|
118
117
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
@@ -153,15 +152,15 @@ export declare type SplitButtonSlots = {
|
|
153
152
|
/**
|
154
153
|
* Root of the component that wraps the primary action button and menu button.
|
155
154
|
*/
|
156
|
-
root:
|
155
|
+
root: Slot<'div'>;
|
157
156
|
/**
|
158
157
|
* Button that opens menu with secondary actions in SplitButton.
|
159
158
|
*/
|
160
|
-
menuButton?:
|
159
|
+
menuButton?: Slot<typeof MenuButton>;
|
161
160
|
/**
|
162
161
|
* Button to perform primary action in SplitButton.
|
163
162
|
*/
|
164
|
-
primaryActionButton?:
|
163
|
+
primaryActionButton?: Slot<typeof Button>;
|
165
164
|
};
|
166
165
|
|
167
166
|
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
@@ -1,14 +1,14 @@
|
|
1
1
|
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
2
|
-
import type { ComponentProps, ComponentState,
|
2
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
3
3
|
export declare type ButtonSlots = {
|
4
4
|
/**
|
5
5
|
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
6
6
|
*/
|
7
|
-
root: ARIAButtonSlotProps
|
7
|
+
root: Slot<ARIAButtonSlotProps>;
|
8
8
|
/**
|
9
9
|
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
10
10
|
*/
|
11
|
-
icon?:
|
11
|
+
icon?: Slot<'span'>;
|
12
12
|
};
|
13
13
|
export declare type ButtonCommons = {
|
14
14
|
/**
|
@@ -14,8 +14,8 @@ export const renderButton_unstable = state => {
|
|
14
14
|
iconPosition
|
15
15
|
} = state;
|
16
16
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
17
|
-
}, iconPosition !== 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
18
|
-
}), !iconOnly && state.root.children, iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
17
|
+
}, iconPosition !== 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
18
|
+
}), !iconOnly && state.root.children, iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
19
19
|
}));
|
20
20
|
};
|
21
21
|
//# sourceMappingURL=renderButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAc,KAAd,CAArC;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAc,KAAd,CAArC;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,iBAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAD7C,EAEG,CAAC,QAAD,IAAa,KAAK,CAAC,IAAN,CAAW,QAF3B,EAGG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,iBAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAH7C,CADF;AAOD,CAXM","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":"AACA,SAAS,aAAT,QAA8B,sBAA9B;
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":"AACA,SAAS,aAAT,QAA8B,sBAA9B;AAEA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,kBAAkB,GAAG,CAChC,KADgC,EAEhC,GAFgC,KAGjB;AACf,QAAM;AACJ,IAAA,UADI;AAEJ,IAAA,EAFI;AAGJ,IAAA,KAAK,GAAG,KAHJ;AAIJ,IAAA,QAAQ,GAAG,KAJP;AAKJ,IAAA,iBAAiB,GAAG,KALhB;AAMJ,IAAA,IANI;AAOJ,IAAA,YAAY,GAAG,QAPX;AAQJ,IAAA,KAAK,GAAG,SARJ;AASJ,IAAA,IAAI,GAAG;AATH,MAUF,KAVJ;AAWA,QAAM,aAAa,GAAG,gBAAgB,CAAC,IAAD,CAAtC;AAEA,SAAO;AACL;AACA,IAAA,UAFK;AAGL,IAAA,KAHK;AAIL,IAAA,QAJK;AAKL,IAAA,iBALK;AAML,IAAA,YANK;AAOL,IAAA,KAPK;AAQL,IAAA,IARK;AAUL;AACA,IAAA,QAAQ,EAAE,OAAO,CAAC,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAE,QAAf,KAA2B,CAAC,KAAK,CAAC,QAAnC,CAXZ;AAaL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,QADI;AAEV,MAAA,IAAI,EAAE;AAFI,KAdP;AAmBL,IAAA,IAAI,EAAE,qBAAqB,CACzB,EAAE,IAAI,QADmB,EAEzB,aAAa,CAAsB,KAAtB,EAA6B;AACxC,MAAA,QAAQ,EAAE,IAD8B;AAExC,MAAA,YAAY,EAAE;AACZ;AACA,QAAA,GAAG,EAAE,GAFO;AAGZ,QAAA,IAAI,EAAE,QAHM,CAGI;;AAHJ;AAF0B,KAA7B,CAFY,CAnBtB;AA8BL,IAAA,IAAI,EAAE;AA9BD,GAAP;AAgCD,CAjDM","sourceRoot":""}
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
3
3
|
export declare type CompoundButtonSlots = ButtonSlots & {
|
4
4
|
/**
|
5
5
|
* Second line of text that describes the action this button takes.
|
6
6
|
*/
|
7
|
-
secondaryContent?:
|
7
|
+
secondaryContent?: Slot<'span'>;
|
8
8
|
/**
|
9
9
|
* Container that wraps the children and the secondaryContent slot.
|
10
10
|
*/
|
11
|
-
contentContainer:
|
11
|
+
contentContainer: NonNullable<Slot<'span'>>;
|
12
12
|
};
|
13
|
-
export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots
|
13
|
+
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
|
14
14
|
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
@@ -14,10 +14,10 @@ export const renderCompoundButton_unstable = state => {
|
|
14
14
|
iconPosition
|
15
15
|
} = state;
|
16
16
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
17
|
-
}, iconPosition !== 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
17
|
+
}, iconPosition !== 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
18
18
|
}), !iconOnly && /*#__PURE__*/React.createElement(slots.contentContainer, { ...slotProps.contentContainer
|
19
|
-
}, slotProps.root.children, /*#__PURE__*/React.createElement(slots.secondaryContent, { ...slotProps.secondaryContent
|
20
|
-
})), iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
19
|
+
}, slotProps.root.children, slots.secondaryContent && /*#__PURE__*/React.createElement(slots.secondaryContent, { ...slotProps.secondaryContent
|
20
|
+
})), iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
21
21
|
}));
|
22
22
|
};
|
23
23
|
//# sourceMappingURL=renderCompoundButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CompoundButton/renderCompoundButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,
|
1
|
+
{"version":3,"sources":["../../../src/components/CompoundButton/renderCompoundButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,iBAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAD7C,EAEG,CAAC,QAAD,iBACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAvB,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,gBAAN,iBAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAvB,CAF7B,CAHJ,EAQG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,iBAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAR7C,CADF;AAYD,CAhBM","sourceRoot":""}
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
3
3
|
export declare type MenuButtonSlots = ButtonSlots & {
|
4
4
|
/**
|
5
5
|
* Menu icon that indicates that this button has a menu that can be expanded.
|
6
6
|
*/
|
7
|
-
menuIcon?:
|
7
|
+
menuIcon?: Slot<'span'>;
|
8
8
|
};
|
9
9
|
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
|
10
10
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
@@ -14,8 +14,8 @@ export const renderMenuButton_unstable = state => {
|
|
14
14
|
iconOnly
|
15
15
|
} = state;
|
16
16
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
17
|
-
}, /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
18
|
-
}), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && /*#__PURE__*/React.createElement(slots.menuIcon, { ...slotProps.menuIcon
|
17
|
+
}, slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
|
18
|
+
}), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && /*#__PURE__*/React.createElement(slots.menuIcon, { ...slotProps.menuIcon
|
19
19
|
}));
|
20
20
|
};
|
21
21
|
//# sourceMappingURL=renderMenuButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/MenuButton/renderMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAkB,KAAlB,CAArC;AACA,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,MAAqB,KAA3B;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuButton/renderMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAkB,KAAlB,CAArC;AACA,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,MAAqB,KAA3B;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,IAAN,iBAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADjB,EAEG,CAAC,QAAD,IAAa,SAAS,CAAC,IAAV,CAAe,QAF/B,EAGG,CAAC,CAAC,QAAD,IAAa,EAAC,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAA,IAAI,CAAE,QAAP,CAAd,KAAkC,KAAK,CAAC,QAAxC,iBAAoD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,EAAA,GAAK,SAAS,CAAC;AAAf,GAAf,CAHvD,CADF;AAOD,CAXM","sourceRoot":""}
|
@@ -1,21 +1,21 @@
|
|
1
1
|
import { Button } from '../Button/Button';
|
2
2
|
import { MenuButton } from '../MenuButton/MenuButton';
|
3
|
-
import type { ComponentProps,
|
3
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
4
4
|
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
5
5
|
import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
|
6
6
|
export declare type SplitButtonSlots = {
|
7
7
|
/**
|
8
8
|
* Root of the component that wraps the primary action button and menu button.
|
9
9
|
*/
|
10
|
-
root:
|
10
|
+
root: Slot<'div'>;
|
11
11
|
/**
|
12
12
|
* Button that opens menu with secondary actions in SplitButton.
|
13
13
|
*/
|
14
|
-
menuButton?:
|
14
|
+
menuButton?: Slot<typeof MenuButton>;
|
15
15
|
/**
|
16
16
|
* Button to perform primary action in SplitButton.
|
17
17
|
*/
|
18
|
-
primaryActionButton?:
|
18
|
+
primaryActionButton?: Slot<typeof Button>;
|
19
19
|
};
|
20
20
|
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
21
21
|
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
@@ -10,8 +10,8 @@ export const renderSplitButton_unstable = state => {
|
|
10
10
|
slotProps
|
11
11
|
} = getSlots(state);
|
12
12
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
13
|
-
}, /*#__PURE__*/React.createElement(slots.primaryActionButton, { ...slotProps.primaryActionButton
|
14
|
-
}), /*#__PURE__*/React.createElement(slots.menuButton, { ...slotProps.menuButton
|
13
|
+
}, slots.primaryActionButton && /*#__PURE__*/React.createElement(slots.primaryActionButton, { ...slotProps.primaryActionButton
|
14
|
+
}), slots.menuButton && /*#__PURE__*/React.createElement(slots.menuButton, { ...slotProps.menuButton
|
15
15
|
}));
|
16
16
|
};
|
17
17
|
//# sourceMappingURL=renderSplitButton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAmB,KAAnB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAmB,KAAnB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,mBAAN,iBAA6B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,mBAAP,EAA0B,EAAA,GAAK,SAAS,CAAC;AAAf,GAA1B,CADhC,EAEG,KAAK,CAAC,UAAN,iBAAoB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAFvB,CADF;AAMD,CATM","sourceRoot":""}
|
@@ -1,14 +1,14 @@
|
|
1
1
|
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
2
|
-
import type { ComponentProps, ComponentState,
|
2
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
3
3
|
export declare type ButtonSlots = {
|
4
4
|
/**
|
5
5
|
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
6
6
|
*/
|
7
|
-
root: ARIAButtonSlotProps
|
7
|
+
root: Slot<ARIAButtonSlotProps>;
|
8
8
|
/**
|
9
9
|
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
10
10
|
*/
|
11
|
-
icon?:
|
11
|
+
icon?: Slot<'span'>;
|
12
12
|
};
|
13
13
|
export declare type ButtonCommons = {
|
14
14
|
/**
|
@@ -23,8 +23,8 @@ const renderButton_unstable = state => {
|
|
23
23
|
iconPosition
|
24
24
|
} = state;
|
25
25
|
return React.createElement(slots.root, { ...slotProps.root
|
26
|
-
}, iconPosition !== 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
27
|
-
}), !iconOnly && state.root.children, iconPosition === 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
26
|
+
}, iconPosition !== 'after' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
27
|
+
}), !iconOnly && state.root.children, iconPosition === 'after' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
28
28
|
}));
|
29
29
|
};
|
30
30
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,CAA7B;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAsB,KAAtB,CAA7B;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,IAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAD7C,EAEG,CAAC,QAAD,IAAa,KAAK,CAAC,IAAN,CAAW,QAF3B,EAGG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,IAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAH7C,CADF;AAOD,CAXM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;
|
1
|
+
{"version":3,"sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,kBAAkB,GAAG,CAChC,KADgC,EAEhC,GAFgC,KAGjB;AACf,QAAM;AACJ,IAAA,UADI;AAEJ,IAAA,EAFI;AAGJ,IAAA,KAAK,GAAG,KAHJ;AAIJ,IAAA,QAAQ,GAAG,KAJP;AAKJ,IAAA,iBAAiB,GAAG,KALhB;AAMJ,IAAA,IANI;AAOJ,IAAA,YAAY,GAAG,QAPX;AAQJ,IAAA,KAAK,GAAG,SARJ;AASJ,IAAA,IAAI,GAAG;AATH,MAUF,KAVJ;AAWA,QAAM,aAAa,GAAG,iBAAA,CAAA,gBAAA,CAAiB,IAAjB,CAAtB;AAEA,SAAO;AACL;AACA,IAAA,UAFK;AAGL,IAAA,KAHK;AAIL,IAAA,QAJK;AAKL,IAAA,iBALK;AAML,IAAA,YANK;AAOL,IAAA,KAPK;AAQL,IAAA,IARK;AAUL;AACA,IAAA,QAAQ,EAAE,OAAO,CAAC,CAAA,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAA,aAAa,CAAE,QAAf,KAA2B,CAAC,KAAK,CAAC,QAAnC,CAXZ;AAaL;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,QADI;AAEV,MAAA,IAAI,EAAE;AAFI,KAdP;AAmBL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CACJ,EAAE,IAAI,QADF,EAEJ,YAAA,CAAA,aAAA,CAAmC,KAAnC,EAA0C;AACxC,MAAA,QAAQ,EAAE,IAD8B;AAExC,MAAA,YAAY,EAAE;AACZ;AACA,QAAA,GAAG,EAAE,GAFO;AAGZ,QAAA,IAAI,EAAE,QAHM,CAGI;;AAHJ;AAF0B,KAA1C,CAFI,CAnBD;AA8BL,IAAA,IAAI,EAAE;AA9BD,GAAP;AAgCD,CAjDM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
3
3
|
export declare type CompoundButtonSlots = ButtonSlots & {
|
4
4
|
/**
|
5
5
|
* Second line of text that describes the action this button takes.
|
6
6
|
*/
|
7
|
-
secondaryContent?:
|
7
|
+
secondaryContent?: Slot<'span'>;
|
8
8
|
/**
|
9
9
|
* Container that wraps the children and the secondaryContent slot.
|
10
10
|
*/
|
11
|
-
contentContainer:
|
11
|
+
contentContainer: NonNullable<Slot<'span'>>;
|
12
12
|
};
|
13
|
-
export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots
|
13
|
+
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
|
14
14
|
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
@@ -23,10 +23,10 @@ const renderCompoundButton_unstable = state => {
|
|
23
23
|
iconPosition
|
24
24
|
} = state;
|
25
25
|
return React.createElement(slots.root, { ...slotProps.root
|
26
|
-
}, iconPosition !== 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
26
|
+
}, iconPosition !== 'after' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
27
27
|
}), !iconOnly && React.createElement(slots.contentContainer, { ...slotProps.contentContainer
|
28
|
-
}, slotProps.root.children, React.createElement(slots.secondaryContent, { ...slotProps.secondaryContent
|
29
|
-
})), iconPosition === 'after' && React.createElement(slots.icon, { ...slotProps.icon
|
28
|
+
}, slotProps.root.children, slots.secondaryContent && React.createElement(slots.secondaryContent, { ...slotProps.secondaryContent
|
29
|
+
})), iconPosition === 'after' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
30
30
|
}));
|
31
31
|
};
|
32
32
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CompoundButton/renderCompoundButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/CompoundButton/renderCompoundButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,IAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAD7C,EAEG,CAAC,QAAD,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAvB,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEG,KAAK,CAAC,gBAAN,IAA0B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAvB,CAF7B,CAHJ,EAQG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,IAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAR7C,CADF;AAYD,CAhBM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourceRoot":""}
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
3
3
|
export declare type MenuButtonSlots = ButtonSlots & {
|
4
4
|
/**
|
5
5
|
* Menu icon that indicates that this button has a menu that can be expanded.
|
6
6
|
*/
|
7
|
-
menuIcon?:
|
7
|
+
menuIcon?: Slot<'span'>;
|
8
8
|
};
|
9
9
|
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
|
10
10
|
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
@@ -23,8 +23,8 @@ const renderMenuButton_unstable = state => {
|
|
23
23
|
iconOnly
|
24
24
|
} = state;
|
25
25
|
return React.createElement(slots.root, { ...slotProps.root
|
26
|
-
}, React.createElement(slots.icon, { ...slotProps.icon
|
27
|
-
}), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && React.createElement(slots.menuIcon, { ...slotProps.menuIcon
|
26
|
+
}, slots.icon && React.createElement(slots.icon, { ...slotProps.icon
|
27
|
+
}), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && React.createElement(slots.menuIcon, { ...slotProps.menuIcon
|
28
28
|
}));
|
29
29
|
};
|
30
30
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/MenuButton/renderMenuButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AACA,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,MAAqB,KAA3B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuButton/renderMenuButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAA2B;AAClE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,CAA7B;AACA,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,MAAqB,KAA3B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADjB,EAEG,CAAC,QAAD,IAAa,SAAS,CAAC,IAAV,CAAe,QAF/B,EAGG,CAAC,CAAC,QAAD,IAAa,EAAC,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAA,IAAI,CAAE,QAAP,CAAd,KAAkC,KAAK,CAAC,QAAxC,IAAoD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,EAAA,GAAK,SAAS,CAAC;AAAf,GAAf,CAHvD,CADF;AAOD,CAXM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
|
@@ -1,21 +1,21 @@
|
|
1
1
|
import { Button } from '../Button/Button';
|
2
2
|
import { MenuButton } from '../MenuButton/MenuButton';
|
3
|
-
import type { ComponentProps,
|
3
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
4
4
|
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
5
5
|
import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
|
6
6
|
export declare type SplitButtonSlots = {
|
7
7
|
/**
|
8
8
|
* Root of the component that wraps the primary action button and menu button.
|
9
9
|
*/
|
10
|
-
root:
|
10
|
+
root: Slot<'div'>;
|
11
11
|
/**
|
12
12
|
* Button that opens menu with secondary actions in SplitButton.
|
13
13
|
*/
|
14
|
-
menuButton?:
|
14
|
+
menuButton?: Slot<typeof MenuButton>;
|
15
15
|
/**
|
16
16
|
* Button to perform primary action in SplitButton.
|
17
17
|
*/
|
18
|
-
primaryActionButton?:
|
18
|
+
primaryActionButton?: Slot<typeof Button>;
|
19
19
|
};
|
20
20
|
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
21
21
|
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
@@ -19,8 +19,8 @@ const renderSplitButton_unstable = state => {
|
|
19
19
|
slotProps
|
20
20
|
} = react_utilities_1.getSlots(state);
|
21
21
|
return React.createElement(slots.root, { ...slotProps.root
|
22
|
-
}, React.createElement(slots.primaryActionButton, { ...slotProps.primaryActionButton
|
23
|
-
}), React.createElement(slots.menuButton, { ...slotProps.menuButton
|
22
|
+
}, slots.primaryActionButton && React.createElement(slots.primaryActionButton, { ...slotProps.primaryActionButton
|
23
|
+
}), slots.menuButton && React.createElement(slots.menuButton, { ...slotProps.menuButton
|
24
24
|
}));
|
25
25
|
};
|
26
26
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,
|
1
|
+
{"version":3,"sources":["../../../src/components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,0BAA0B,GAAI,KAAD,IAA4B;AACpE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,mBAAN,IAA6B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,mBAAP,EAA0B,EAAA,GAAK,SAAS,CAAC;AAAf,GAA1B,CADhC,EAEG,KAAK,CAAC,UAAN,IAAoB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAFvB,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-button",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightlyb2b3ec1da320220209.1",
|
4
4
|
"description": "Fluent UI React Button component.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -29,7 +29,7 @@
|
|
29
29
|
"@fluentui/a11y-testing": "^0.1.0",
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
31
31
|
"@fluentui/react-conformance": "*",
|
32
|
-
"@fluentui/react-conformance-griffel": "0.0.0-
|
32
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightlyb2b3ec1da320220209.1",
|
33
33
|
"@fluentui/scripts": "^1.0.0",
|
34
34
|
"@types/enzyme": "3.10.3",
|
35
35
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -43,11 +43,11 @@
|
|
43
43
|
"react-test-renderer": "^16.3.0"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@fluentui/keyboard-keys": "0.0.0-
|
47
|
-
"@fluentui/react-aria": "0.0.0-
|
48
|
-
"@fluentui/react-icons": "^2.0.
|
49
|
-
"@fluentui/react-tabster": "0.0.0-
|
50
|
-
"@fluentui/react-utilities": "0.0.0-
|
46
|
+
"@fluentui/keyboard-keys": "0.0.0-nightlyb2b3ec1da320220209.1",
|
47
|
+
"@fluentui/react-aria": "0.0.0-nightlyb2b3ec1da320220209.1",
|
48
|
+
"@fluentui/react-icons": "^2.0.159-beta.10",
|
49
|
+
"@fluentui/react-tabster": "0.0.0-nightlyb2b3ec1da320220209.1",
|
50
|
+
"@fluentui/react-utilities": "0.0.0-nightlyb2b3ec1da320220209.1",
|
51
51
|
"@griffel/react": "1.0.0",
|
52
52
|
"tslib": "^2.1.0"
|
53
53
|
},
|