@fluentui/react-components 9.30.1 → 9.30.3
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 +871 -1
- package/CHANGELOG.md +237 -2
- package/lib/Concepts/Icons/ReactIconGrid.js +2 -4
- package/lib/Concepts/Icons/ReactIconGrid.js.map +1 -1
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.js +12 -12
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.js.map +1 -1
- package/lib-commonjs/index.js +2114 -732
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/unstable/index.js +338 -116
- package/lib-commonjs/unstable/index.js.map +1 -1
- package/package.json +51 -51
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,247 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue,
|
|
3
|
+
This log was last generated on Tue, 05 Sep 2023 15:35:06 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.30.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.30.3)
|
|
8
|
+
|
|
9
|
+
Tue, 05 Sep 2023 15:35:06 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.30.2..@fluentui/react-components_v9.30.3)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- `@fluentui/react-utilities`
|
|
15
|
+
- fix: `useOnScrollOutside` should invoke callback on dragging scrollbar ([PR #29062](https://github.com/microsoft/fluentui/pull/29062) by yuanboxue@microsoft.com)
|
|
16
|
+
|
|
17
|
+
### Changes
|
|
18
|
+
|
|
19
|
+
- `@fluentui/react-drawer`
|
|
20
|
+
- refactor: organize code imports ([PR #29055](https://github.com/microsoft/fluentui/pull/29055) by marcosvmmoura@gmail.com)
|
|
21
|
+
- test: add e2e tests for base Drawer components ([PR #29029](https://github.com/microsoft/fluentui/pull/29029) by marcosvmmoura@gmail.com)
|
|
22
|
+
|
|
23
|
+
## [9.30.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.30.2)
|
|
24
|
+
|
|
25
|
+
Tue, 05 Sep 2023 13:28:54 GMT
|
|
26
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.30.1..@fluentui/react-components_v9.30.2)
|
|
27
|
+
|
|
28
|
+
### Minor changes
|
|
29
|
+
|
|
30
|
+
- `@fluentui/react-motion-preview`
|
|
31
|
+
- feat: create useReducedMotion and apply to useMotion to skip all motion calculations ([PR #29014](https://github.com/microsoft/fluentui/pull/29014) by marcosvmmoura@gmail.com)
|
|
32
|
+
|
|
33
|
+
### Patches
|
|
34
|
+
|
|
35
|
+
- `@fluentui/react-motion-preview`
|
|
36
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
37
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
38
|
+
- `@fluentui/react-overflow`
|
|
39
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
40
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
41
|
+
- `@fluentui/react-persona`
|
|
42
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
43
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
44
|
+
- `@fluentui/react-popover`
|
|
45
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
46
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
47
|
+
- `@fluentui/react-portal`
|
|
48
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
49
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
50
|
+
- `@fluentui/react-portal-compat`
|
|
51
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
52
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
53
|
+
- `@fluentui/react-portal-compat-context`
|
|
54
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
55
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
56
|
+
- `@fluentui/react-positioning`
|
|
57
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
58
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
59
|
+
- `@fluentui/react-progress`
|
|
60
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
61
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
62
|
+
- `@fluentui/react-provider`
|
|
63
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
64
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
65
|
+
- `@fluentui/react-radio`
|
|
66
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
67
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
68
|
+
- `@fluentui/react-search-preview`
|
|
69
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
70
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
71
|
+
- `@fluentui/react-select`
|
|
72
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
73
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
74
|
+
- `@fluentui/react-shared-contexts`
|
|
75
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
76
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
77
|
+
- `@fluentui/react-skeleton`
|
|
78
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
79
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
80
|
+
- `@fluentui/react-slider`
|
|
81
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
82
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
83
|
+
- `@fluentui/react-spinbutton`
|
|
84
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
85
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
86
|
+
- `@fluentui/react-spinner`
|
|
87
|
+
- feat: Update Spinner appearance token to colorBrandStroke2Contrast ([PR #29008](https://github.com/microsoft/fluentui/pull/29008) by ololubek@microsoft.com)
|
|
88
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
89
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
90
|
+
- `@fluentui/react-switch`
|
|
91
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
92
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
93
|
+
- `@fluentui/react-table`
|
|
94
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
95
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
96
|
+
- `@fluentui/react-tabs`
|
|
97
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
98
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
99
|
+
- `@fluentui/react-tabster`
|
|
100
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
101
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
102
|
+
- `@fluentui/react-tags-preview`
|
|
103
|
+
- fix: add style for windows high contrast ([PR #29035](https://github.com/microsoft/fluentui/pull/29035) by yuanboxue@microsoft.com)
|
|
104
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
105
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
106
|
+
- chore: use makeResetStyles to reduce classNames ([PR #29022](https://github.com/microsoft/fluentui/pull/29022) by yuanboxue@microsoft.com)
|
|
107
|
+
- fix: remember last focused element in TagGroup ([PR #29023](https://github.com/microsoft/fluentui/pull/29023) by yuanboxue@microsoft.com)
|
|
108
|
+
- `@fluentui/react-text`
|
|
109
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
110
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
111
|
+
- `@fluentui/react-textarea`
|
|
112
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
113
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
114
|
+
- `@fluentui/react-theme`
|
|
115
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
116
|
+
- `@fluentui/react-toast`
|
|
117
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
118
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
119
|
+
- `@fluentui/react-toolbar`
|
|
120
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
121
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
122
|
+
- `@fluentui/react-tooltip`
|
|
123
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
124
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
125
|
+
- `@fluentui/react-tree`
|
|
126
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
127
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
128
|
+
- chore: adds swc-plugin-de-indent-template-literal to remove indentation of consoles ([PR #29040](https://github.com/microsoft/fluentui/pull/29040) by bernardo.sunderhus@gmail.com)
|
|
129
|
+
- `@fluentui/react-utilities`
|
|
130
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
131
|
+
- chore: adds swc-plugin-de-indent-template-literal to remove indentation of consoles ([PR #29040](https://github.com/microsoft/fluentui/pull/29040) by bernardo.sunderhus@gmail.com)
|
|
132
|
+
- fix: use timeout instead of requestAnimationFrame for ssr ([PR #29015](https://github.com/microsoft/fluentui/pull/29015) by marcosvmmoura@gmail.com)
|
|
133
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
134
|
+
- `@fluentui/keyboard-keys`
|
|
135
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
136
|
+
- `@fluentui/priority-overflow`
|
|
137
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
138
|
+
- `@fluentui/react-accordion`
|
|
139
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
140
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
141
|
+
- `@fluentui/react-aria`
|
|
142
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
143
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
144
|
+
- `@fluentui/react-avatar`
|
|
145
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
146
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
147
|
+
- `@fluentui/react-badge`
|
|
148
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
149
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
150
|
+
- `@fluentui/react-breadcrumb-preview`
|
|
151
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
152
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
153
|
+
- `@fluentui/react-button`
|
|
154
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
155
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
156
|
+
- `@fluentui/react-card`
|
|
157
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
158
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
159
|
+
- `@fluentui/react-checkbox`
|
|
160
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
161
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
162
|
+
- `@fluentui/react-combobox`
|
|
163
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
164
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
165
|
+
- `@fluentui/react-components`
|
|
166
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
167
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
168
|
+
- `@fluentui/react-conformance`
|
|
169
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
170
|
+
- `@fluentui/react-conformance-griffel`
|
|
171
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
172
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
173
|
+
- `@fluentui/react-context-selector`
|
|
174
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
175
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
176
|
+
- `@fluentui/react-datepicker-compat`
|
|
177
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
178
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
179
|
+
- `@fluentui/react-dialog`
|
|
180
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
181
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
182
|
+
- chore: adds swc-plugin-de-indent-template-literal to remove indentation of consoles ([PR #29040](https://github.com/microsoft/fluentui/pull/29040) by bernardo.sunderhus@gmail.com)
|
|
183
|
+
- bugfix: fixes DialogActions position on breakpoint ([PR #29021](https://github.com/microsoft/fluentui/pull/29021) by bernardo.sunderhus@gmail.com)
|
|
184
|
+
- `@fluentui/react-divider`
|
|
185
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
186
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
187
|
+
- `@fluentui/react-field`
|
|
188
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
189
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
190
|
+
- `@fluentui/react-image`
|
|
191
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
192
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
193
|
+
- `@fluentui/react-input`
|
|
194
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
195
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
196
|
+
- `@fluentui/react-jsx-runtime`
|
|
197
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
198
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
199
|
+
- `@fluentui/react-label`
|
|
200
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
201
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
202
|
+
- `@fluentui/react-link`
|
|
203
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
204
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
205
|
+
- `@fluentui/react-menu`
|
|
206
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
207
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
208
|
+
- `@fluentui/react-migration-v0-v9`
|
|
209
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
210
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
211
|
+
- `@fluentui/react-migration-v8-v9`
|
|
212
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
213
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
214
|
+
|
|
215
|
+
### Changes
|
|
216
|
+
|
|
217
|
+
- `@fluentui/react-theme-sass`
|
|
218
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
219
|
+
- `@fluentui/react-virtualizer`
|
|
220
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
221
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
222
|
+
- `@fluentui/tokens`
|
|
223
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
224
|
+
- `@fluentui/babel-preset-global-context`
|
|
225
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
226
|
+
- `@fluentui/global-context`
|
|
227
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
228
|
+
- bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
229
|
+
- `@fluentui/react-alert`
|
|
230
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
231
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
232
|
+
- `@fluentui/react-drawer`
|
|
233
|
+
- fix: refactor DrawerHeaderTitle slot creation while keeping the same API ([PR #29042](https://github.com/microsoft/fluentui/pull/29042) by marcosvmmoura@gmail.com)
|
|
234
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
235
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
236
|
+
- test: add simple renderization tests for sub components ([PR #29043](https://github.com/microsoft/fluentui/pull/29043) by marcosvmmoura@gmail.com)
|
|
237
|
+
- feat: add motion for Drawer ([PR #28999](https://github.com/microsoft/fluentui/pull/28999) by marcosvmmoura@gmail.com)
|
|
238
|
+
- `@fluentui/react-infobutton`
|
|
239
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
240
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
241
|
+
|
|
7
242
|
## [9.30.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.30.1)
|
|
8
243
|
|
|
9
|
-
Tue, 29 Aug 2023 12:
|
|
244
|
+
Tue, 29 Aug 2023 12:57:33 GMT
|
|
10
245
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.30.0..@fluentui/react-components_v9.30.1)
|
|
11
246
|
|
|
12
247
|
### Minor changes
|
|
@@ -61,16 +61,14 @@ const ReactIconGrid = ()=>{
|
|
|
61
61
|
"aria-label": Icon.displayName
|
|
62
62
|
}, /*#__PURE__*/ React.createElement(Icon, null), /*#__PURE__*/ React.createElement("br", null), /*#__PURE__*/ React.createElement("code", null, Icon.displayName));
|
|
63
63
|
};
|
|
64
|
-
const filteredIcons = React.useMemo(()=>{
|
|
65
|
-
return reactIcons.filter((icon)=>{
|
|
64
|
+
const filteredIcons = React.useMemo(()=>reactIcons.filter((icon)=>{
|
|
66
65
|
var _icon_displayName, _icon_displayName1;
|
|
67
66
|
if (size === 'Unsized') {
|
|
68
67
|
var _icon_displayName2;
|
|
69
68
|
return icon.displayName && !/\d/.test(icon.displayName.toLowerCase()) && ((_icon_displayName2 = icon.displayName) === null || _icon_displayName2 === void 0 ? void 0 : _icon_displayName2.toLowerCase().indexOf(search.toLowerCase())) !== -1;
|
|
70
69
|
}
|
|
71
70
|
return ((_icon_displayName = icon.displayName) === null || _icon_displayName === void 0 ? void 0 : _icon_displayName.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_icon_displayName1 = icon.displayName) === null || _icon_displayName1 === void 0 ? void 0 : _icon_displayName1.indexOf(String(size))) !== -1;
|
|
72
|
-
})
|
|
73
|
-
}, [
|
|
71
|
+
}), [
|
|
74
72
|
search,
|
|
75
73
|
size
|
|
76
74
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ReactIconGrid.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { FluentIconsProps } from '@fluentui/react-icons';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n\n// eslint-disable-next-line @griffel/styles-file\nconst useStyles = makeStyles({\n grid: {\n display: 'grid',\n gridTemplateColumns: 'auto auto auto auto',\n gridGap: '10px',\n backgroundColor: '#F7F7F7',\n\n '> div': {\n alignItems: 'center',\n backgroundColor: '#FFFFFF',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-around',\n ...shorthands.padding('8px'),\n ...shorthands.overflow('hidden'),\n\n '> code': {\n fontSize: '8px',\n display: 'inline-block',\n height: 'auto',\n ...shorthands.padding('0px 8px'),\n },\n },\n },\n\n searchBox: {\n backgroundColor: '#F7F7F7',\n maxWidth: '320px',\n marginBottom: '10px',\n },\n\n radio: {\n backgroundColor: '#F7F7F7',\n fontSize: '11px',\n },\n});\n\nconst reactIcons: React.FC<ReactIcons.FluentIconsProps>[] = Object.keys(ReactIcons)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .map(iconName => (ReactIcons as any)[iconName])\n .filter(icon => !!icon && !!icon.displayName);\n\nconst ReactIconGrid = () => {\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState<string | number>(24);\n const styles = useStyles();\n\n const _onSearchQueryChanged = (ev?: React.FormEvent<HTMLInputElement>) => {\n setSearch(ev ? ev.currentTarget.value : '');\n };\n\n const _filterBySize = (ev?: React.FormEvent<HTMLElement | HTMLInputElement>) => {\n const newSize = ev ? (ev.currentTarget as HTMLInputElement).value : '';\n if (newSize === 'All') {\n setSize('');\n } else if (newSize === 'Unsized') {\n setSize('Unsized');\n } else {\n setSize(newSize);\n }\n };\n\n const _renderIcon = (Icon: React.FC<FluentIconsProps>): JSX.Element => {\n return (\n <div key={Icon.displayName} aria-label={Icon.displayName}>\n <Icon />\n <br />\n <code>{Icon.displayName}</code>\n </div>\n );\n };\n\n const filteredIcons = React.useMemo(\n () =>\n reactIcons.filter(icon => {\n if (size === 'Unsized') {\n return (\n icon.displayName! &&\n !/\\d/.test(icon.displayName.toLowerCase()) &&\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1\n );\n }\n\n return (\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1 &&\n icon.displayName?.indexOf(String(size)) !== -1\n );\n }),\n [search, size],\n );\n\n return (\n <div>\n <Input\n type=\"search\"\n placeholder=\"Search icons\"\n value={search}\n aria-label=\"search\"\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onSearchQueryChanged}\n className={styles.searchBox}\n />\n {[16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => (\n <>\n <input\n id={`option-${option}`}\n defaultChecked={option === 24}\n type=\"radio\"\n value={option}\n name=\"size\"\n onChange={_filterBySize}\n />\n <label htmlFor={`option-${option}`} className={styles.radio}>\n {option}\n </label>\n </>\n ))}\n <div className={styles.grid}>{filteredIcons.map(_renderIcon)}</div>\n </div>\n );\n};\n\nexport default ReactIconGrid;\n"],"names":["React","ReactIcons","Input","makeStyles","shorthands","useStyles","grid","display","gridTemplateColumns","gridGap","backgroundColor","alignItems","flexDirection","justifyContent","padding","overflow","fontSize","height","searchBox","maxWidth","marginBottom","radio","reactIcons","Object","keys","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","div","key","aria-label","br","code","filteredIcons","useMemo","test","toLowerCase","indexOf","String","type","placeholder","onChange","className","option","input","id","defaultChecked","name","label","htmlFor"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,6DAA6D;AAC7D,YAAYC,gBAAgB,wBAAwB;AACpD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,UAAU,EAAEC,UAAU,QAAQ,iBAAiB;AAExD,gDAAgD;AAChD,MAAMC,YAAYF,WAAW;IAC3BG,MAAM;QACJC,SAAS;QACTC,qBAAqB;QACrBC,SAAS;QACTC,iBAAiB;QAEjB,SAAS;YACPC,YAAY;YACZD,iBAAiB;YACjBH,SAAS;YACTK,eAAe;YACfC,gBAAgB;YAChB,GAAGT,WAAWU,OAAO,CAAC,MAAM;YAC5B,GAAGV,WAAWW,QAAQ,CAAC,SAAS;YAEhC,UAAU;gBACRC,UAAU;gBACVT,SAAS;gBACTU,QAAQ;gBACR,GAAGb,WAAWU,OAAO,CAAC,UAAU;YAClC;QACF;IACF;IAEAI,WAAW;QACTR,iBAAiB;QACjBS,UAAU;QACVC,cAAc;IAChB;IAEAC,OAAO;QACLX,iBAAiB;QACjBM,UAAU;IACZ;AACF;AAEA,MAAMM,aAAsDC,OAAOC,IAAI,CAACvB,WACtE,8DAA8D;CAC7DwB,GAAG,CAACC,CAAAA,WAAY,AAACzB,UAAkB,CAACyB,SAAS,EAC7CC,MAAM,CAACC,CAAAA,OAAQ,CAAC,CAACA,QAAQ,CAAC,CAACA,KAAKC,WAAW;AAE9C,MAAMC,gBAAgB
|
|
1
|
+
{"version":3,"sources":["ReactIconGrid.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { FluentIconsProps } from '@fluentui/react-icons';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n\n// eslint-disable-next-line @griffel/styles-file\nconst useStyles = makeStyles({\n grid: {\n display: 'grid',\n gridTemplateColumns: 'auto auto auto auto',\n gridGap: '10px',\n backgroundColor: '#F7F7F7',\n\n '> div': {\n alignItems: 'center',\n backgroundColor: '#FFFFFF',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-around',\n ...shorthands.padding('8px'),\n ...shorthands.overflow('hidden'),\n\n '> code': {\n fontSize: '8px',\n display: 'inline-block',\n height: 'auto',\n ...shorthands.padding('0px 8px'),\n },\n },\n },\n\n searchBox: {\n backgroundColor: '#F7F7F7',\n maxWidth: '320px',\n marginBottom: '10px',\n },\n\n radio: {\n backgroundColor: '#F7F7F7',\n fontSize: '11px',\n },\n});\n\nconst reactIcons: React.FC<ReactIcons.FluentIconsProps>[] = Object.keys(ReactIcons)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .map(iconName => (ReactIcons as any)[iconName])\n .filter(icon => !!icon && !!icon.displayName);\n\nconst ReactIconGrid = () => {\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState<string | number>(24);\n const styles = useStyles();\n\n const _onSearchQueryChanged = (ev?: React.FormEvent<HTMLInputElement>) => {\n setSearch(ev ? ev.currentTarget.value : '');\n };\n\n const _filterBySize = (ev?: React.FormEvent<HTMLElement | HTMLInputElement>) => {\n const newSize = ev ? (ev.currentTarget as HTMLInputElement).value : '';\n if (newSize === 'All') {\n setSize('');\n } else if (newSize === 'Unsized') {\n setSize('Unsized');\n } else {\n setSize(newSize);\n }\n };\n\n const _renderIcon = (Icon: React.FC<FluentIconsProps>): JSX.Element => {\n return (\n <div key={Icon.displayName} aria-label={Icon.displayName}>\n <Icon />\n <br />\n <code>{Icon.displayName}</code>\n </div>\n );\n };\n\n const filteredIcons = React.useMemo(\n () =>\n reactIcons.filter(icon => {\n if (size === 'Unsized') {\n return (\n icon.displayName! &&\n !/\\d/.test(icon.displayName.toLowerCase()) &&\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1\n );\n }\n\n return (\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1 &&\n icon.displayName?.indexOf(String(size)) !== -1\n );\n }),\n [search, size],\n );\n\n return (\n <div>\n <Input\n type=\"search\"\n placeholder=\"Search icons\"\n value={search}\n aria-label=\"search\"\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onSearchQueryChanged}\n className={styles.searchBox}\n />\n {[16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => (\n <>\n <input\n id={`option-${option}`}\n defaultChecked={option === 24}\n type=\"radio\"\n value={option}\n name=\"size\"\n onChange={_filterBySize}\n />\n <label htmlFor={`option-${option}`} className={styles.radio}>\n {option}\n </label>\n </>\n ))}\n <div className={styles.grid}>{filteredIcons.map(_renderIcon)}</div>\n </div>\n );\n};\n\nexport default ReactIconGrid;\n"],"names":["React","ReactIcons","Input","makeStyles","shorthands","useStyles","grid","display","gridTemplateColumns","gridGap","backgroundColor","alignItems","flexDirection","justifyContent","padding","overflow","fontSize","height","searchBox","maxWidth","marginBottom","radio","reactIcons","Object","keys","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","div","key","aria-label","br","code","filteredIcons","useMemo","test","toLowerCase","indexOf","String","type","placeholder","onChange","className","option","input","id","defaultChecked","name","label","htmlFor"],"mappings":"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"}
|
|
@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "default", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return _default;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reacticons = /*#__PURE__*/ _interop_require_wildcard._(require("@fluentui/react-icons"));
|
|
14
|
+
const _reactinput = require("@fluentui/react-input");
|
|
13
15
|
const _react1 = require("@griffel/react");
|
|
14
16
|
// eslint-disable-next-line @griffel/styles-file
|
|
15
17
|
const useStyles = (0, _react1.makeStyles)({
|
|
@@ -44,8 +46,8 @@ const useStyles = (0, _react1.makeStyles)({
|
|
|
44
46
|
fontSize: '11px'
|
|
45
47
|
}
|
|
46
48
|
});
|
|
47
|
-
const reactIcons = Object.keys(
|
|
48
|
-
.map((iconName)=>
|
|
49
|
+
const reactIcons = Object.keys(_reacticons) // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
50
|
+
.map((iconName)=>_reacticons[iconName]).filter((icon)=>!!icon && !!icon.displayName);
|
|
49
51
|
const ReactIconGrid = ()=>{
|
|
50
52
|
const [search, setSearch] = _react.useState('');
|
|
51
53
|
const [size, setSize] = _react.useState(24);
|
|
@@ -69,20 +71,18 @@ const ReactIconGrid = ()=>{
|
|
|
69
71
|
"aria-label": Icon.displayName
|
|
70
72
|
}, /*#__PURE__*/ _react.createElement(Icon, null), /*#__PURE__*/ _react.createElement("br", null), /*#__PURE__*/ _react.createElement("code", null, Icon.displayName));
|
|
71
73
|
};
|
|
72
|
-
const filteredIcons = _react.useMemo(()=>{
|
|
73
|
-
return reactIcons.filter((icon)=>{
|
|
74
|
+
const filteredIcons = _react.useMemo(()=>reactIcons.filter((icon)=>{
|
|
74
75
|
var _icon_displayName, _icon_displayName1;
|
|
75
76
|
if (size === 'Unsized') {
|
|
76
77
|
var _icon_displayName2;
|
|
77
78
|
return icon.displayName && !/\d/.test(icon.displayName.toLowerCase()) && ((_icon_displayName2 = icon.displayName) === null || _icon_displayName2 === void 0 ? void 0 : _icon_displayName2.toLowerCase().indexOf(search.toLowerCase())) !== -1;
|
|
78
79
|
}
|
|
79
80
|
return ((_icon_displayName = icon.displayName) === null || _icon_displayName === void 0 ? void 0 : _icon_displayName.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_icon_displayName1 = icon.displayName) === null || _icon_displayName1 === void 0 ? void 0 : _icon_displayName1.indexOf(String(size))) !== -1;
|
|
80
|
-
})
|
|
81
|
-
}, [
|
|
81
|
+
}), [
|
|
82
82
|
search,
|
|
83
83
|
size
|
|
84
84
|
]);
|
|
85
|
-
return /*#__PURE__*/ _react.createElement("div", null, /*#__PURE__*/ _react.createElement(
|
|
85
|
+
return /*#__PURE__*/ _react.createElement("div", null, /*#__PURE__*/ _react.createElement(_reactinput.Input, {
|
|
86
86
|
type: "search",
|
|
87
87
|
placeholder: "Search icons",
|
|
88
88
|
value: search,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ReactIconGrid.js"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n// eslint-disable-next-line @griffel/styles-file\nconst useStyles = makeStyles({\n grid: {\n display: 'grid',\n gridTemplateColumns: 'auto auto auto auto',\n gridGap: '10px',\n backgroundColor: '#F7F7F7',\n '> div': {\n alignItems: 'center',\n backgroundColor: '#FFFFFF',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-around',\n ...shorthands.padding('8px'),\n ...shorthands.overflow('hidden'),\n '> code': {\n fontSize: '8px',\n display: 'inline-block',\n height: 'auto',\n ...shorthands.padding('0px 8px')\n }\n }\n },\n searchBox: {\n backgroundColor: '#F7F7F7',\n maxWidth: '320px',\n marginBottom: '10px'\n },\n radio: {\n backgroundColor: '#F7F7F7',\n fontSize: '11px'\n }\n});\nconst reactIcons = Object.keys(ReactIcons)// eslint-disable-next-line @typescript-eslint/no-explicit-any\n.map((iconName)=>ReactIcons[iconName]).filter((icon)=>!!icon && !!icon.displayName);\nconst ReactIconGrid = ()=>{\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState(24);\n const styles = useStyles();\n const _onSearchQueryChanged = (ev)=>{\n setSearch(ev ? ev.currentTarget.value : '');\n };\n const _filterBySize = (ev)=>{\n const newSize = ev ? ev.currentTarget.value : '';\n if (newSize === 'All') {\n setSize('');\n } else if (newSize === 'Unsized') {\n setSize('Unsized');\n } else {\n setSize(newSize);\n }\n };\n const _renderIcon = (Icon)=>{\n return /*#__PURE__*/ React.createElement(\"div\", {\n key: Icon.displayName,\n \"aria-label\": Icon.displayName\n }, /*#__PURE__*/ React.createElement(Icon, null), /*#__PURE__*/ React.createElement(\"br\", null), /*#__PURE__*/ React.createElement(\"code\", null, Icon.displayName));\n };\n const filteredIcons = React.useMemo(()=>
|
|
1
|
+
{"version":3,"sources":["ReactIconGrid.js"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n// eslint-disable-next-line @griffel/styles-file\nconst useStyles = makeStyles({\n grid: {\n display: 'grid',\n gridTemplateColumns: 'auto auto auto auto',\n gridGap: '10px',\n backgroundColor: '#F7F7F7',\n '> div': {\n alignItems: 'center',\n backgroundColor: '#FFFFFF',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-around',\n ...shorthands.padding('8px'),\n ...shorthands.overflow('hidden'),\n '> code': {\n fontSize: '8px',\n display: 'inline-block',\n height: 'auto',\n ...shorthands.padding('0px 8px')\n }\n }\n },\n searchBox: {\n backgroundColor: '#F7F7F7',\n maxWidth: '320px',\n marginBottom: '10px'\n },\n radio: {\n backgroundColor: '#F7F7F7',\n fontSize: '11px'\n }\n});\nconst reactIcons = Object.keys(ReactIcons)// eslint-disable-next-line @typescript-eslint/no-explicit-any\n.map((iconName)=>ReactIcons[iconName]).filter((icon)=>!!icon && !!icon.displayName);\nconst ReactIconGrid = ()=>{\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState(24);\n const styles = useStyles();\n const _onSearchQueryChanged = (ev)=>{\n setSearch(ev ? ev.currentTarget.value : '');\n };\n const _filterBySize = (ev)=>{\n const newSize = ev ? ev.currentTarget.value : '';\n if (newSize === 'All') {\n setSize('');\n } else if (newSize === 'Unsized') {\n setSize('Unsized');\n } else {\n setSize(newSize);\n }\n };\n const _renderIcon = (Icon)=>{\n return /*#__PURE__*/ React.createElement(\"div\", {\n key: Icon.displayName,\n \"aria-label\": Icon.displayName\n }, /*#__PURE__*/ React.createElement(Icon, null), /*#__PURE__*/ React.createElement(\"br\", null), /*#__PURE__*/ React.createElement(\"code\", null, Icon.displayName));\n };\n const filteredIcons = React.useMemo(()=>reactIcons.filter((icon)=>{\n var _icon_displayName, _icon_displayName1;\n if (size === 'Unsized') {\n var _icon_displayName2;\n return icon.displayName && !/\\d/.test(icon.displayName.toLowerCase()) && ((_icon_displayName2 = icon.displayName) === null || _icon_displayName2 === void 0 ? void 0 : _icon_displayName2.toLowerCase().indexOf(search.toLowerCase())) !== -1;\n }\n return ((_icon_displayName = icon.displayName) === null || _icon_displayName === void 0 ? void 0 : _icon_displayName.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_icon_displayName1 = icon.displayName) === null || _icon_displayName1 === void 0 ? void 0 : _icon_displayName1.indexOf(String(size))) !== -1;\n }), [\n search,\n size\n ]);\n return /*#__PURE__*/ React.createElement(\"div\", null, /*#__PURE__*/ React.createElement(Input, {\n type: \"search\",\n placeholder: \"Search icons\",\n value: search,\n \"aria-label\": \"search\",\n // eslint-disable-next-line react/jsx-no-bind\n onChange: _onSearchQueryChanged,\n className: styles.searchBox\n }), [\n 16,\n 20,\n 24,\n 28,\n 32,\n 48,\n 'Unsized',\n 'All'\n ].map((option)=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(\"input\", {\n id: `option-${option}`,\n defaultChecked: option === 24,\n type: \"radio\",\n value: option,\n name: \"size\",\n onChange: _filterBySize\n }), /*#__PURE__*/ React.createElement(\"label\", {\n htmlFor: `option-${option}`,\n className: styles.radio\n }, option))), /*#__PURE__*/ React.createElement(\"div\", {\n className: styles.grid\n }, filteredIcons.map(_renderIcon)));\n};\nexport default ReactIconGrid;\n"],"names":["useStyles","makeStyles","grid","display","gridTemplateColumns","gridGap","backgroundColor","alignItems","flexDirection","justifyContent","shorthands","padding","overflow","fontSize","height","searchBox","maxWidth","marginBottom","radio","reactIcons","Object","keys","ReactIcons","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","React","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","createElement","key","filteredIcons","useMemo","_icon_displayName","_icon_displayName1","_icon_displayName2","test","toLowerCase","indexOf","String","Input","type","placeholder","onChange","className","option","Fragment","id","defaultChecked","name","htmlFor"],"mappings":"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"}
|