@fluentui/react-switch 0.0.0-nightlyca6ef2bc8e20220105.1 → 0.0.0-nightlyd45ba4664620220211.1
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 +113 -32
- package/CHANGELOG.md +30 -12
- package/dist/react-switch.d.ts +12 -17
- package/lib/components/Switch/Switch.js +6 -6
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Switch/Switch.types.d.ts +10 -9
- package/lib/components/Switch/renderSwitch.d.ts +1 -1
- package/lib/components/Switch/renderSwitch.js +2 -3
- package/lib/components/Switch/renderSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitch.d.ts +2 -6
- package/lib/components/Switch/useSwitch.js +1 -6
- package/lib/components/Switch/useSwitch.js.map +1 -1
- package/lib/components/Switch/useSwitchStyles.d.ts +1 -1
- package/lib/components/Switch/useSwitchStyles.js +3 -2
- package/lib/components/Switch/useSwitchStyles.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.js +3 -3
- package/lib-commonjs/components/Switch/Switch.js.map +1 -1
- package/lib-commonjs/components/Switch/Switch.types.d.ts +10 -9
- package/lib-commonjs/components/Switch/renderSwitch.d.ts +1 -1
- package/lib-commonjs/components/Switch/renderSwitch.js +4 -6
- package/lib-commonjs/components/Switch/renderSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitch.d.ts +2 -6
- package/lib-commonjs/components/Switch/useSwitch.js +4 -9
- package/lib-commonjs/components/Switch/useSwitch.js.map +1 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.d.ts +1 -1
- package/lib-commonjs/components/Switch/useSwitchStyles.js +18 -16
- package/lib-commonjs/components/Switch/useSwitchStyles.js.map +1 -1
- package/package.json +7 -9
package/CHANGELOG.json
CHANGED
|
@@ -2,78 +2,159 @@
|
|
|
2
2
|
"name": "@fluentui/react-switch",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-switch_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Fri, 11 Feb 2022 04:15:29 GMT",
|
|
6
|
+
"tag": "@fluentui/react-switch_v0.0.0-nightlyd45ba4664620220211.1",
|
|
7
|
+
"version": "0.0.0-nightlyd45ba4664620220211.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-switch",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "7a8e7f5eaff83b67d7307566347303c32157ff60",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
"author": "
|
|
17
|
+
"author": "beachball",
|
|
18
18
|
"package": "@fluentui/react-switch",
|
|
19
|
-
"
|
|
20
|
-
"
|
|
19
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd45ba4664620220211.1",
|
|
20
|
+
"commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"author": "beachball",
|
|
24
24
|
"package": "@fluentui/react-switch",
|
|
25
|
-
"comment": "Bump @fluentui/react-
|
|
26
|
-
"commit": "
|
|
25
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyd45ba4664620220211.1",
|
|
26
|
+
"commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
"author": "beachball",
|
|
30
30
|
"package": "@fluentui/react-switch",
|
|
31
|
-
"comment": "Bump @fluentui/react-
|
|
32
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyd45ba4664620220211.1",
|
|
32
|
+
"commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"author": "beachball",
|
|
36
36
|
"package": "@fluentui/react-switch",
|
|
37
|
-
"comment": "Bump @fluentui/react-
|
|
38
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd45ba4664620220211.1",
|
|
38
|
+
"commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Thu, 10 Feb 2022 08:50:51 GMT",
|
|
45
|
+
"tag": "@fluentui/react-switch_v9.0.0-rc.1",
|
|
46
|
+
"version": "9.0.0-rc.1",
|
|
47
|
+
"comments": {
|
|
48
|
+
"none": [
|
|
49
|
+
{
|
|
50
|
+
"author": "martinhochel@microsoft.com",
|
|
51
|
+
"package": "@fluentui/react-switch",
|
|
52
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
53
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
39
54
|
},
|
|
40
55
|
{
|
|
41
|
-
"author": "
|
|
56
|
+
"author": "andredias@microsoft.com",
|
|
42
57
|
"package": "@fluentui/react-switch",
|
|
43
|
-
"
|
|
44
|
-
"
|
|
58
|
+
"commit": "bf950e951b102fd8be046993dbb604073fc4ea9e",
|
|
59
|
+
"comment": "Migrate package to use solution tsconfigs"
|
|
45
60
|
},
|
|
46
61
|
{
|
|
47
|
-
"author": "
|
|
62
|
+
"author": "martinhochel@microsoft.com",
|
|
48
63
|
"package": "@fluentui/react-switch",
|
|
49
|
-
"
|
|
50
|
-
"
|
|
64
|
+
"commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
|
|
65
|
+
"comment": "test(react-switch): update snapshots to match new JSDOM"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "olfedias@microsoft.com",
|
|
69
|
+
"package": "@fluentui/react-switch",
|
|
70
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
71
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
72
|
+
}
|
|
73
|
+
],
|
|
74
|
+
"prerelease": [
|
|
75
|
+
{
|
|
76
|
+
"author": "olfedias@microsoft.com",
|
|
77
|
+
"package": "@fluentui/react-switch",
|
|
78
|
+
"commit": "1df1d6e85bd3a6ab2a7b13e96a9aac324bb6d00c",
|
|
79
|
+
"comment": "Replace make-styles packages with griffel equivalents."
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
83
|
+
"package": "@fluentui/react-switch",
|
|
84
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
85
|
+
"comment": "Updating based on changes to composition types."
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"author": "behowell@microsoft.com",
|
|
89
|
+
"package": "@fluentui/react-switch",
|
|
90
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
|
91
|
+
"comment": "Remove component's shorthandProps array"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"author": "behowell@microsoft.com",
|
|
95
|
+
"package": "@fluentui/react-switch",
|
|
96
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
97
|
+
"comment": "Refactor component Slot typings"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"author": "mgodbolt@microsoft.com",
|
|
101
|
+
"package": "@fluentui/react-switch",
|
|
102
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
|
103
|
+
"comment": "remove export of commons types"
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"author": "olfedias@microsoft.com",
|
|
107
|
+
"package": "@fluentui/react-switch",
|
|
108
|
+
"commit": "029a7f2fe40e5abe21d8992ad9d92bf2b04d0e97",
|
|
109
|
+
"comment": "update styles to not use CSS shorthands"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
113
|
+
"package": "@fluentui/react-switch",
|
|
114
|
+
"commit": "b52ebbbf185a2ddc4de814238f9438fd04bfba02",
|
|
115
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
119
|
+
"package": "@fluentui/react-switch",
|
|
120
|
+
"commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
|
|
121
|
+
"comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"author": "behowell@microsoft.com",
|
|
125
|
+
"package": "@fluentui/react-switch",
|
|
126
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
127
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"author": "lingfangao@hotmail.com",
|
|
131
|
+
"package": "@fluentui/react-switch",
|
|
132
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
133
|
+
"comment": "Bump Fluent UI dependencies to 9.0.0-rc"
|
|
51
134
|
},
|
|
52
135
|
{
|
|
53
136
|
"author": "beachball",
|
|
54
137
|
"package": "@fluentui/react-switch",
|
|
55
|
-
"comment": "Bump @fluentui/
|
|
56
|
-
"commit": "
|
|
138
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
|
|
139
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
57
140
|
},
|
|
58
141
|
{
|
|
59
142
|
"author": "beachball",
|
|
60
143
|
"package": "@fluentui/react-switch",
|
|
61
|
-
"comment": "Bump @fluentui/react-
|
|
62
|
-
"commit": "
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
"none": [
|
|
144
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
|
|
145
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
146
|
+
},
|
|
66
147
|
{
|
|
67
|
-
"author": "
|
|
148
|
+
"author": "beachball",
|
|
68
149
|
"package": "@fluentui/react-switch",
|
|
69
|
-
"
|
|
70
|
-
"
|
|
150
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
151
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
71
152
|
},
|
|
72
153
|
{
|
|
73
|
-
"author": "
|
|
154
|
+
"author": "beachball",
|
|
74
155
|
"package": "@fluentui/react-switch",
|
|
75
|
-
"
|
|
76
|
-
"
|
|
156
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
157
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
77
158
|
}
|
|
78
159
|
]
|
|
79
160
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,25 +1,43 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-switch
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 11 Feb 2022 04:15:29 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightlyd45ba4664620220211.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v0.0.0-nightlyd45ba4664620220211.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-
|
|
9
|
+
Fri, 11 Feb 2022 04:15:29 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.1..@fluentui/react-switch_v0.0.0-nightlyd45ba4664620220211.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/7a8e7f5eaff83b67d7307566347303c32157ff60) by email not defined)
|
|
15
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
|
|
16
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
|
|
17
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
|
|
18
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
|
|
19
|
+
|
|
20
|
+
## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.1)
|
|
21
|
+
|
|
22
|
+
Thu, 10 Feb 2022 08:50:51 GMT
|
|
23
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.5..@fluentui/react-switch_v9.0.0-rc.1)
|
|
24
|
+
|
|
25
|
+
### Changes
|
|
26
|
+
|
|
27
|
+
- Replace make-styles packages with griffel equivalents. ([PR #21424](https://github.com/microsoft/fluentui/pull/21424) by olfedias@microsoft.com)
|
|
28
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
29
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
30
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
31
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
|
15
32
|
- update styles to not use CSS shorthands ([PR #20844](https://github.com/microsoft/fluentui/pull/20844) by olfedias@microsoft.com)
|
|
16
|
-
-
|
|
17
|
-
-
|
|
18
|
-
-
|
|
19
|
-
- Bump
|
|
20
|
-
- Bump @fluentui/
|
|
21
|
-
- Bump @fluentui/
|
|
22
|
-
- Bump @fluentui/react-
|
|
33
|
+
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21056](https://github.com/microsoft/fluentui/pull/21056) by Humberto.Morimoto@microsoft.com)
|
|
34
|
+
- 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)
|
|
35
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
|
36
|
+
- Bump Fluent UI dependencies to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
37
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
38
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
39
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
40
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
23
41
|
|
|
24
42
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.5)
|
|
25
43
|
|
package/dist/react-switch.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
4
|
-
import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
5
4
|
import * as React_2 from 'react';
|
|
5
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Render the final JSX of Switch
|
|
9
9
|
*/
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const renderSwitch_unstable: (state: SwitchState) => JSX.Element;
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* The Switch control enables users to trigger an option on or off through pressing on the component.
|
|
@@ -16,7 +16,7 @@ export declare const Switch: ForwardRefComponent<SwitchProps>;
|
|
|
16
16
|
|
|
17
17
|
export declare const switchClassName = "fui-Switch";
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
declare interface SwitchCommons {
|
|
20
20
|
/**
|
|
21
21
|
* The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
|
|
22
22
|
* Mutually exclusive with `checked` prop.
|
|
@@ -43,39 +43,34 @@ export declare interface SwitchCommons {
|
|
|
43
43
|
}) => void;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
export declare interface SwitchProps extends Omit<ComponentProps<SwitchSlots
|
|
46
|
+
export declare interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
/**
|
|
50
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
51
|
-
*/
|
|
52
|
-
export declare const switchShorthandProps: (keyof SwitchSlots)[];
|
|
53
|
-
|
|
54
49
|
export declare type SwitchSlots = {
|
|
55
50
|
/**
|
|
56
51
|
* The root of the Switch.
|
|
57
52
|
*/
|
|
58
|
-
root:
|
|
53
|
+
root: Slot<'div'>;
|
|
59
54
|
/**
|
|
60
55
|
* The bar indicating the status of the Switch.
|
|
61
56
|
*/
|
|
62
|
-
track:
|
|
57
|
+
track: NonNullable<Slot<'div'>>;
|
|
63
58
|
/**
|
|
64
59
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
65
60
|
*/
|
|
66
|
-
thumbWrapper:
|
|
61
|
+
thumbWrapper: NonNullable<Slot<'div'>>;
|
|
67
62
|
/**
|
|
68
63
|
* The circular icon indicating the status of the Switch.
|
|
69
64
|
*/
|
|
70
|
-
thumb:
|
|
65
|
+
thumb: NonNullable<Slot<'div'>>;
|
|
71
66
|
/**
|
|
72
67
|
* The hidden input that handles the Switch's internal functionality.
|
|
73
68
|
*/
|
|
74
|
-
input:
|
|
69
|
+
input: NonNullable<Slot<'input'>>;
|
|
75
70
|
/**
|
|
76
71
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
77
72
|
*/
|
|
78
|
-
activeRail:
|
|
73
|
+
activeRail: NonNullable<Slot<'div'>>;
|
|
79
74
|
};
|
|
80
75
|
|
|
81
76
|
export declare interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
|
|
@@ -84,11 +79,11 @@ export declare interface SwitchState extends ComponentState<SwitchSlots>, Switch
|
|
|
84
79
|
/**
|
|
85
80
|
* Given user props, returns state and render function for a Switch.
|
|
86
81
|
*/
|
|
87
|
-
export declare const
|
|
82
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React_2.Ref<HTMLElement>) => SwitchState;
|
|
88
83
|
|
|
89
84
|
/**
|
|
90
85
|
* Apply styling to the Switch slots based on the state
|
|
91
86
|
*/
|
|
92
|
-
export declare const
|
|
87
|
+
export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
|
|
93
88
|
|
|
94
89
|
export { }
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useSwitch_unstable } from './useSwitch';
|
|
3
|
+
import { renderSwitch_unstable } from './renderSwitch';
|
|
4
|
+
import { useSwitchStyles_unstable } from './useSwitchStyles';
|
|
5
5
|
/**
|
|
6
6
|
* The Switch control enables users to trigger an option on or off through pressing on the component.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
export const Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
-
const state =
|
|
11
|
-
|
|
12
|
-
return
|
|
10
|
+
const state = useSwitch_unstable(props, ref);
|
|
11
|
+
useSwitchStyles_unstable(state);
|
|
12
|
+
return renderSwitch_unstable(state);
|
|
13
13
|
});
|
|
14
14
|
Switch.displayName = 'Switch';
|
|
15
15
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,kBAAT,QAAmC,aAAnC;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,kBAAkB,CAAC,KAAD,EAAQ,GAAR,CAAhC;AAEA,EAAA,wBAAwB,CAAC,KAAD,CAAxB;AAEA,SAAO,qBAAqB,CAAC,KAAD,CAA5B;AACD,CANuD,CAAjD;AAQP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState,
|
|
2
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type SwitchSlots = {
|
|
4
4
|
/**
|
|
5
5
|
* The root of the Switch.
|
|
6
6
|
*/
|
|
7
|
-
root:
|
|
7
|
+
root: Slot<'div'>;
|
|
8
8
|
/**
|
|
9
9
|
* The bar indicating the status of the Switch.
|
|
10
10
|
*/
|
|
11
|
-
track:
|
|
11
|
+
track: NonNullable<Slot<'div'>>;
|
|
12
12
|
/**
|
|
13
13
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
14
14
|
*/
|
|
15
|
-
thumbWrapper:
|
|
15
|
+
thumbWrapper: NonNullable<Slot<'div'>>;
|
|
16
16
|
/**
|
|
17
17
|
* The circular icon indicating the status of the Switch.
|
|
18
18
|
*/
|
|
19
|
-
thumb:
|
|
19
|
+
thumb: NonNullable<Slot<'div'>>;
|
|
20
20
|
/**
|
|
21
21
|
* The hidden input that handles the Switch's internal functionality.
|
|
22
22
|
*/
|
|
23
|
-
input:
|
|
23
|
+
input: NonNullable<Slot<'input'>>;
|
|
24
24
|
/**
|
|
25
25
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
26
26
|
*/
|
|
27
|
-
activeRail:
|
|
27
|
+
activeRail: NonNullable<Slot<'div'>>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
interface SwitchCommons {
|
|
30
30
|
/**
|
|
31
31
|
* The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
|
|
32
32
|
* Mutually exclusive with `checked` prop.
|
|
@@ -52,7 +52,8 @@ export interface SwitchCommons {
|
|
|
52
52
|
checked: boolean;
|
|
53
53
|
}) => void;
|
|
54
54
|
}
|
|
55
|
-
export interface SwitchProps extends Omit<ComponentProps<SwitchSlots
|
|
55
|
+
export interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
|
|
56
56
|
}
|
|
57
57
|
export interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
|
|
58
58
|
}
|
|
59
|
+
export {};
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
3
|
-
import { switchShorthandProps } from './useSwitch';
|
|
4
3
|
/**
|
|
5
4
|
* Render the final JSX of Switch
|
|
6
5
|
*/
|
|
7
6
|
|
|
8
|
-
export const
|
|
7
|
+
export const renderSwitch_unstable = state => {
|
|
9
8
|
const {
|
|
10
9
|
slots,
|
|
11
10
|
slotProps
|
|
12
|
-
} = getSlots(state
|
|
11
|
+
} = getSlots(state);
|
|
13
12
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
14
13
|
}, /*#__PURE__*/React.createElement(slots.track, { ...slotProps.track
|
|
15
14
|
}), /*#__PURE__*/React.createElement(slots.thumbWrapper, { ...slotProps.thumbWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.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;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAnB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,CAFF,eAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CALF,eAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CANF,CADF;AAUD,CAbM","sourceRoot":""}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { SwitchProps,
|
|
3
|
-
/**
|
|
4
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
5
|
-
*/
|
|
6
|
-
export declare const switchShorthandProps: (keyof SwitchSlots)[];
|
|
2
|
+
import type { SwitchProps, SwitchState } from './Switch.types';
|
|
7
3
|
/**
|
|
8
4
|
* Given user props, returns state and render function for a Switch.
|
|
9
5
|
*/
|
|
10
|
-
export declare const
|
|
6
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
|
|
2
2
|
import { useSwitchState } from './useSwitchState';
|
|
3
|
-
/**
|
|
4
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
export const switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'activeRail', 'input'];
|
|
8
3
|
/**
|
|
9
4
|
* Given user props, returns state and render function for a Switch.
|
|
10
5
|
*/
|
|
11
6
|
|
|
12
|
-
export const
|
|
7
|
+
export const useSwitch_unstable = (props, ref) => {
|
|
13
8
|
const {
|
|
14
9
|
track,
|
|
15
10
|
thumbWrapper,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,EAAkD,KAAlD,QAA+D,2BAA/D;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAiE;AACjG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,YAAT;AAAuB,IAAA,KAAvB;AAA8B,IAAA,UAA9B;AAA0C,IAAA,KAA1C;AAAiD,IAAA,cAAjD;AAAiE,IAAA,OAAjE;AAA0E,IAAA,QAA1E;AAAoF,IAAA;AAApF,MAAiG,KAAvG;AACA,QAAM,KAAK,GAAgB;AACzB,IAAA,cADyB;AAEzB,IAAA,OAFyB;AAGzB,IAAA,QAHyB;AAIzB,IAAA,QAJyB;AAKzB,IAAA,IAAI,EAAE,qBAAqB,CAAC,MAAD,EAAS;AAClC,MAAA,GADkC;AAElC,SAAG,KAF+B;AAGlC,MAAA,EAAE,EAAE,KAAK,CAAC,SAAD,EAAY,KAAK,CAAC,EAAlB;AAHyB,KAAT,CALF;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,UAAU,EAAE,KALF;AAMV,MAAA,KAAK,EAAE;AANG,KAVa;AAkBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CAlBE;AAmBzB,IAAA,YAAY,EAAE,gBAAgB,CAAC,YAAD,EAAe;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAf,CAnBL;AAoBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAR,CApBE;AAqBzB,IAAA,UAAU,EAAE,gBAAgB,CAAC,UAAD,EAAa;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAb,CArBH;AAsBzB,IAAA,KAAK,EAAE,gBAAgB,CAAC,KAAD,EAAQ;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAR;AAtBE,GAA3B;AA8BA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,KAAP;AACD,CAnCM","sourceRoot":""}
|
|
@@ -3,4 +3,4 @@ export declare const switchClassName = "fui-Switch";
|
|
|
3
3
|
/**
|
|
4
4
|
* Apply styling to the Switch slots based on the state
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { shorthands, __styles, mergeClasses } from '@
|
|
1
|
+
import { shorthands, __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
|
3
4
|
export const switchClassName = 'fui-Switch';
|
|
4
5
|
const trackClassName = `${switchClassName}-track`;
|
|
5
6
|
const thumbClassName = `${switchClassName}-thumb`;
|
|
@@ -289,7 +290,7 @@ const useInputStyle = /*#__PURE__*/__styles({
|
|
|
289
290
|
*/
|
|
290
291
|
|
|
291
292
|
|
|
292
|
-
export const
|
|
293
|
+
export const useSwitchStyles_unstable = state => {
|
|
293
294
|
const {
|
|
294
295
|
checked,
|
|
295
296
|
disabled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -18,9 +18,9 @@ const useSwitchStyles_1 = /*#__PURE__*/require("./useSwitchStyles");
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
exports.Switch = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
-
const state = useSwitch_1.
|
|
22
|
-
useSwitchStyles_1.
|
|
23
|
-
return renderSwitch_1.
|
|
21
|
+
const state = useSwitch_1.useSwitch_unstable(props, ref);
|
|
22
|
+
useSwitchStyles_1.useSwitchStyles_unstable(state);
|
|
23
|
+
return renderSwitch_1.renderSwitch_unstable(state);
|
|
24
24
|
});
|
|
25
25
|
exports.Switch.displayName = 'Switch';
|
|
26
26
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,WAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,WAAA,CAAA,kBAAA,CAAmB,KAAnB,EAA0B,GAA1B,CAAd;AAEA,EAAA,iBAAA,CAAA,wBAAA,CAAyB,KAAzB;AAEA,SAAO,cAAA,CAAA,qBAAA,CAAsB,KAAtB,CAAP;AACD,CANuD,CAA3C;AAQb,OAAA,CAAA,MAAA,CAAO,WAAP,GAAqB,QAArB","sourceRoot":""}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { ComponentProps, ComponentState,
|
|
2
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
3
3
|
export declare type SwitchSlots = {
|
|
4
4
|
/**
|
|
5
5
|
* The root of the Switch.
|
|
6
6
|
*/
|
|
7
|
-
root:
|
|
7
|
+
root: Slot<'div'>;
|
|
8
8
|
/**
|
|
9
9
|
* The bar indicating the status of the Switch.
|
|
10
10
|
*/
|
|
11
|
-
track:
|
|
11
|
+
track: NonNullable<Slot<'div'>>;
|
|
12
12
|
/**
|
|
13
13
|
* The wrapper around the thumb. It is used as the active area for the thumb to position itself.
|
|
14
14
|
*/
|
|
15
|
-
thumbWrapper:
|
|
15
|
+
thumbWrapper: NonNullable<Slot<'div'>>;
|
|
16
16
|
/**
|
|
17
17
|
* The circular icon indicating the status of the Switch.
|
|
18
18
|
*/
|
|
19
|
-
thumb:
|
|
19
|
+
thumb: NonNullable<Slot<'div'>>;
|
|
20
20
|
/**
|
|
21
21
|
* The hidden input that handles the Switch's internal functionality.
|
|
22
22
|
*/
|
|
23
|
-
input:
|
|
23
|
+
input: NonNullable<Slot<'input'>>;
|
|
24
24
|
/**
|
|
25
25
|
* The area in which the Switch's rail allows for the thumb to be dragged.
|
|
26
26
|
*/
|
|
27
|
-
activeRail:
|
|
27
|
+
activeRail: NonNullable<Slot<'div'>>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
interface SwitchCommons {
|
|
30
30
|
/**
|
|
31
31
|
* The starting value for a uncontrolled Switch. If `true` then the Switch will be enabled.
|
|
32
32
|
* Mutually exclusive with `checked` prop.
|
|
@@ -52,7 +52,8 @@ export interface SwitchCommons {
|
|
|
52
52
|
checked: boolean;
|
|
53
53
|
}) => void;
|
|
54
54
|
}
|
|
55
|
-
export interface SwitchProps extends Omit<ComponentProps<SwitchSlots
|
|
55
|
+
export interface SwitchProps extends Omit<ComponentProps<Partial<SwitchSlots>>, 'onChange'>, SwitchCommons {
|
|
56
56
|
}
|
|
57
57
|
export interface SwitchState extends ComponentState<SwitchSlots>, SwitchCommons {
|
|
58
58
|
}
|
|
59
|
+
export {};
|
|
@@ -3,23 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.renderSwitch_unstable = void 0;
|
|
7
7
|
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
10
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
|
-
|
|
12
|
-
const useSwitch_1 = /*#__PURE__*/require("./useSwitch");
|
|
13
11
|
/**
|
|
14
12
|
* Render the final JSX of Switch
|
|
15
13
|
*/
|
|
16
14
|
|
|
17
15
|
|
|
18
|
-
const
|
|
16
|
+
const renderSwitch_unstable = state => {
|
|
19
17
|
const {
|
|
20
18
|
slots,
|
|
21
19
|
slotProps
|
|
22
|
-
} = react_utilities_1.getSlots(state
|
|
20
|
+
} = react_utilities_1.getSlots(state);
|
|
23
21
|
return React.createElement(slots.root, { ...slotProps.root
|
|
24
22
|
}, React.createElement(slots.track, { ...slotProps.track
|
|
25
23
|
}), React.createElement(slots.thumbWrapper, { ...slotProps.thumbWrapper
|
|
@@ -29,5 +27,5 @@ const renderSwitch = state => {
|
|
|
29
27
|
}));
|
|
30
28
|
};
|
|
31
29
|
|
|
32
|
-
exports.
|
|
30
|
+
exports.renderSwitch_unstable = renderSwitch_unstable;
|
|
33
31
|
//# sourceMappingURL=renderSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/renderSwitch.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;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,YAAP,EAAmB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAnB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CADF,CAFF,EAKE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,KAAP,EAAY,EAAA,GAAK,SAAS,CAAC;AAAf,GAAZ,CALF,EAME,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CANF,CADF;AAUD,CAbM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { SwitchProps,
|
|
3
|
-
/**
|
|
4
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
5
|
-
*/
|
|
6
|
-
export declare const switchShorthandProps: (keyof SwitchSlots)[];
|
|
2
|
+
import type { SwitchProps, SwitchState } from './Switch.types';
|
|
7
3
|
/**
|
|
8
4
|
* Given user props, returns state and render function for a Switch.
|
|
9
5
|
*/
|
|
10
|
-
export declare const
|
|
6
|
+
export declare const useSwitch_unstable: (props: SwitchProps, ref: React.Ref<HTMLElement>) => SwitchState;
|
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useSwitch_unstable = void 0;
|
|
7
7
|
|
|
8
8
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
9
|
|
|
10
10
|
const useSwitchState_1 = /*#__PURE__*/require("./useSwitchState");
|
|
11
|
-
/**
|
|
12
|
-
* Array of all shorthand properties listed in SwitchSlots
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
exports.switchShorthandProps = ['root', 'track', 'thumbWrapper', 'thumb', 'activeRail', 'input'];
|
|
17
11
|
/**
|
|
18
12
|
* Given user props, returns state and render function for a Switch.
|
|
19
13
|
*/
|
|
20
14
|
|
|
21
|
-
|
|
15
|
+
|
|
16
|
+
const useSwitch_unstable = (props, ref) => {
|
|
22
17
|
const {
|
|
23
18
|
track,
|
|
24
19
|
thumbWrapper,
|
|
@@ -71,5 +66,5 @@ const useSwitch = (props, ref) => {
|
|
|
71
66
|
return state;
|
|
72
67
|
};
|
|
73
68
|
|
|
74
|
-
exports.
|
|
69
|
+
exports.useSwitch_unstable = useSwitch_unstable;
|
|
75
70
|
//# sourceMappingURL=useSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitch.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,kBAAkB,GAAG,CAAC,KAAD,EAAqB,GAArB,KAAiE;AACjG,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,YAAT;AAAuB,IAAA,KAAvB;AAA8B,IAAA,UAA9B;AAA0C,IAAA,KAA1C;AAAiD,IAAA,cAAjD;AAAiE,IAAA,OAAjE;AAA0E,IAAA,QAA1E;AAAoF,IAAA;AAApF,MAAiG,KAAvG;AACA,QAAM,KAAK,GAAgB;AACzB,IAAA,cADyB;AAEzB,IAAA,OAFyB;AAGzB,IAAA,QAHyB;AAIzB,IAAA,QAJyB;AAKzB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,MAAtB,EAA8B;AAClC,MAAA,GADkC;AAElC,SAAG,KAF+B;AAGlC,MAAA,EAAE,EAAE,iBAAA,CAAA,KAAA,CAAM,SAAN,EAAiB,KAAK,CAAC,EAAvB;AAH8B,KAA9B,CALmB;AAUzB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,KAAK,EAAE,KAFG;AAGV,MAAA,YAAY,EAAE,KAHJ;AAIV,MAAA,KAAK,EAAE,KAJG;AAKV,MAAA,UAAU,EAAE,KALF;AAMV,MAAA,KAAK,EAAE;AANG,KAVa;AAkBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CAlBkB;AAmBzB,IAAA,YAAY,EAAE,iBAAA,CAAA,gBAAA,CAAiB,YAAjB,EAA+B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA/B,CAnBW;AAoBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAxB,CApBkB;AAqBzB,IAAA,UAAU,EAAE,iBAAA,CAAA,gBAAA,CAAiB,UAAjB,EAA6B;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAA7B,CArBa;AAsBzB,IAAA,KAAK,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB;AAC7B,MAAA,QAAQ,EAAE,IADmB;AAE7B,MAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE;AADM;AAFe,KAAxB;AAtBkB,GAA3B;AA8BA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,KAAP;AACD,CAnCM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
|
|
@@ -3,4 +3,4 @@ export declare const switchClassName = "fui-Switch";
|
|
|
3
3
|
/**
|
|
4
4
|
* Apply styling to the Switch slots based on the state
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const useSwitchStyles_unstable: (state: SwitchState) => SwitchState;
|
|
@@ -3,12 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useSwitchStyles_unstable = exports.switchClassName = void 0;
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
9
|
|
|
10
10
|
const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
11
11
|
|
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
|
13
|
+
|
|
12
14
|
exports.switchClassName = 'fui-Switch';
|
|
13
15
|
const trackClassName = `${exports.switchClassName}-track`;
|
|
14
16
|
const thumbClassName = `${exports.switchClassName}-thumb`;
|
|
@@ -16,7 +18,7 @@ const thumbClassName = `${exports.switchClassName}-thumb`;
|
|
|
16
18
|
* Styles for the root slot
|
|
17
19
|
*/
|
|
18
20
|
|
|
19
|
-
const useRootStyles = /*#__PURE__*/
|
|
21
|
+
const useRootStyles = /*#__PURE__*/react_1.__styles({
|
|
20
22
|
"root": {
|
|
21
23
|
"B64q66w": "frxo1y7",
|
|
22
24
|
"yvbau0": "fe5s2ct",
|
|
@@ -75,7 +77,7 @@ const useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
75
77
|
*/
|
|
76
78
|
|
|
77
79
|
|
|
78
|
-
const useTrackStyles = /*#__PURE__*/
|
|
80
|
+
const useTrackStyles = /*#__PURE__*/react_1.__styles({
|
|
79
81
|
"track": {
|
|
80
82
|
"qhf8xq": "f1euv43f",
|
|
81
83
|
"a9b677": "fly5x3f",
|
|
@@ -169,7 +171,7 @@ const useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
169
171
|
*/
|
|
170
172
|
|
|
171
173
|
|
|
172
|
-
const useThumbWrapperStyles = /*#__PURE__*/
|
|
174
|
+
const useThumbWrapperStyles = /*#__PURE__*/react_1.__styles({
|
|
173
175
|
"thumbWrapper": {
|
|
174
176
|
"qhf8xq": "f1euv43f",
|
|
175
177
|
"Bhzewxz": "f15twtuk",
|
|
@@ -187,7 +189,7 @@ const useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
187
189
|
*/
|
|
188
190
|
|
|
189
191
|
|
|
190
|
-
const useThumbStyles = /*#__PURE__*/
|
|
192
|
+
const useThumbStyles = /*#__PURE__*/react_1.__styles({
|
|
191
193
|
"thumb": {
|
|
192
194
|
"qhf8xq": "f1euv43f",
|
|
193
195
|
"a9b677": "fcjrtee",
|
|
@@ -259,7 +261,7 @@ const useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
259
261
|
*/
|
|
260
262
|
|
|
261
263
|
|
|
262
|
-
const useActiveRailStyles = /*#__PURE__*/
|
|
264
|
+
const useActiveRailStyles = /*#__PURE__*/react_1.__styles({
|
|
263
265
|
"activeRail": {
|
|
264
266
|
"qhf8xq": "f1euv43f",
|
|
265
267
|
"oyh7mz": ["fhpx7ww", "f1kctpth"],
|
|
@@ -273,7 +275,7 @@ const useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
273
275
|
*/
|
|
274
276
|
|
|
275
277
|
|
|
276
|
-
const useInputStyle = /*#__PURE__*/
|
|
278
|
+
const useInputStyle = /*#__PURE__*/react_1.__styles({
|
|
277
279
|
"input": {
|
|
278
280
|
"abs64n": "fk73vx1",
|
|
279
281
|
"qhf8xq": "f1euv43f",
|
|
@@ -298,7 +300,7 @@ const useInputStyle = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
298
300
|
*/
|
|
299
301
|
|
|
300
302
|
|
|
301
|
-
const
|
|
303
|
+
const useSwitchStyles_unstable = state => {
|
|
302
304
|
const {
|
|
303
305
|
checked,
|
|
304
306
|
disabled
|
|
@@ -309,14 +311,14 @@ const useSwitchStyles = state => {
|
|
|
309
311
|
const thumbStyles = useThumbStyles();
|
|
310
312
|
const activeRailStyles = useActiveRailStyles();
|
|
311
313
|
const inputStyles = useInputStyle();
|
|
312
|
-
state.root.className =
|
|
313
|
-
state.track.className =
|
|
314
|
-
state.thumbWrapper.className =
|
|
315
|
-
state.thumb.className =
|
|
316
|
-
state.activeRail.className =
|
|
317
|
-
state.input.className =
|
|
314
|
+
state.root.className = react_1.mergeClasses(exports.switchClassName + (checked ? ' checked' : ''), rootStyles.root, rootStyles.focusIndicator, !disabled && rootStyles.checked, !disabled && rootStyles.unchecked, disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
|
|
315
|
+
state.track.className = react_1.mergeClasses(trackClassName, trackStyles.track, !disabled && trackStyles.checked, !disabled && trackStyles.unchecked, disabled && trackStyles.disabledChecked, disabled && trackStyles.disabledUnchecked, state.track.className);
|
|
316
|
+
state.thumbWrapper.className = react_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.thumbWrapper.className);
|
|
317
|
+
state.thumb.className = react_1.mergeClasses(thumbClassName, thumbStyles.thumb, !disabled && thumbStyles.checked, !disabled && thumbStyles.unchecked, disabled && thumbStyles.disabledChecked, disabled && thumbStyles.disabledUnchecked, state.thumb.className);
|
|
318
|
+
state.activeRail.className = react_1.mergeClasses(activeRailStyles.activeRail, state.activeRail.className);
|
|
319
|
+
state.input.className = react_1.mergeClasses(inputStyles.input, state.input.className);
|
|
318
320
|
return state;
|
|
319
321
|
};
|
|
320
322
|
|
|
321
|
-
exports.
|
|
323
|
+
exports.useSwitchStyles_unstable = useSwitchStyles_unstable;
|
|
322
324
|
//# sourceMappingURL=useSwitchStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Switch/useSwitchStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-switch",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-nightlyd45ba4664620220211.1",
|
|
4
4
|
"description": "Fluent UI React Switch component.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -22,15 +22,13 @@
|
|
|
22
22
|
"test": "jest --passWithNoTests",
|
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
|
24
24
|
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-switch/src && yarn docs",
|
|
25
|
-
"storybook": "
|
|
25
|
+
"storybook": "node ../../scripts/storybook/runner",
|
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@fluentui/babel-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
|
|
30
29
|
"@fluentui/eslint-plugin": "*",
|
|
31
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlyca6ef2bc8e20220105.1",
|
|
32
30
|
"@fluentui/react-conformance": "*",
|
|
33
|
-
"@fluentui/react-conformance-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightlyd45ba4664620220211.1",
|
|
34
32
|
"@fluentui/scripts": "^1.0.0",
|
|
35
33
|
"@types/enzyme": "3.10.3",
|
|
36
34
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -44,10 +42,10 @@
|
|
|
44
42
|
"react-test-renderer": "^16.3.0"
|
|
45
43
|
},
|
|
46
44
|
"dependencies": {
|
|
47
|
-
"@fluentui/react-
|
|
48
|
-
"@fluentui/react-
|
|
49
|
-
"@fluentui/react-
|
|
50
|
-
"@
|
|
45
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightlyd45ba4664620220211.1",
|
|
46
|
+
"@fluentui/react-tabster": "0.0.0-nightlyd45ba4664620220211.1",
|
|
47
|
+
"@fluentui/react-utilities": "0.0.0-nightlyd45ba4664620220211.1",
|
|
48
|
+
"@griffel/react": "1.0.0",
|
|
51
49
|
"tslib": "^2.1.0"
|
|
52
50
|
},
|
|
53
51
|
"peerDependencies": {
|