Add DraggableZone into export map

[statm]

Previous Behavior

DraggableZone is not in the export map of @fluentui/react package, resulting in errors like:

Module not found: Error: Package path ./lib/utilities/DraggableZone is not exported from package
D:\js4\...\node_modules\@fluentui\react
(see exports field in D:\js4\...\node_modules\@fluentui\react\package.json)

when this component is imports with:
import { DraggableZone } from "@fluentui/react/lib/utilities/DraggableZone";

New Behavior

With this PR, DraggableZone component is exposed and can be import like other components:
import { DraggableZone } from "@fluentui/react/lib/DraggableZone";

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4a4291e:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[size-auditor]

Asset size changes

Project	Bundle	Baseline Size	New Size	Difference
office-ui-fabric-react	fluentui-react-DraggableZone		32.726 kB	32.726 kB

 Over Tolerance (1024 B)  Over Baseline  Below Baseline  New   Removed 1 kB = 1000 B

Baseline commit: 4b30d60494c2da73e30923f53986fd02470706a4 (build)

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against 4b30d60494c2da73e30923f53986fd02470706a4}

[fabricteam]

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
BaseButton	mount	807	821	5000
Breadcrumb	mount	2292	2271	1000
Checkbox	mount	2165	2158	5000
CheckboxBase	mount	1903	1887	5000
ChoiceGroup	mount	3770	3694	5000
ComboBox	mount	878	880	1000
CommandBar	mount	8046	8205	1000
ContextualMenu	mount	15987	15935	1000
DefaultButton	mount	973	969	5000
DetailsRow	mount	2897	2889	5000
DetailsRowFast	mount	2894	2896	5000
DetailsRowNoStyles	mount	2662	2655	5000
Dialog	mount	3426	3457	1000
DocumentCardTitle	mount	326	327	1000
Dropdown	mount	2565	2570	5000
FocusTrapZone	mount	1522	1511	5000
FocusZone	mount	1453	1437	5000
GroupedList	mount	49321	57875	2
GroupedList	virtual-rerender	24058	24065	2
GroupedList	virtual-rerender-with-unmount	75235	75022	2
GroupedListV2	mount	324	320	2
GroupedListV2	virtual-rerender	302	302	2
GroupedListV2	virtual-rerender-with-unmount	316	312	2
IconButton	mount	1430	1448	5000
Label	mount	456	465	5000
Layer	mount	3586	3558	5000
Link	mount	525	530	5000
MenuButton	mount	1244	1228	5000
MessageBar	mount	28326	28435	5000
Nav	mount	2514	2552	1000
OverflowSet	mount	1010	1009	5000
Panel	mount	2260	2209	1000
Persona	mount	980	975	1000
Pivot	mount	1165	1178	1000
PrimaryButton	mount	1099	1097	5000
Rating	mount	5805	5775	5000
SearchBox	mount	1136	1150	5000
Shimmer	mount	2317	2340	5000
Slider	mount	1709	1746	5000
SpinButton	mount	3775	3791	5000
Spinner	mount	516	520	5000
SplitButton	mount	2450	2440	5000
Stack	mount	536	540	5000
StackWithIntrinsicChildren	mount	1132	1134	5000
StackWithTextChildren	mount	3212	3201	5000
SwatchColorPicker	mount	8103	8182	5000
TagPicker	mount	1972	1999	5000
Text	mount	486	505	5000
TextField	mount	1218	1214	5000
ThemeProvider	mount	1133	1142	5000
ThemeProvider	virtual-rerender	779	782	5000
ThemeProvider	virtual-rerender-with-unmount	1732	1708	5000
Toggle	mount	814	804	5000
buttonNative	mount	277	284	5000

[statm]

Ping - this is blocking Office Online from moving to webpack 5. Any suggestions of workaround are also appreciated

[fabricteam]

🕵 fluentuiv8 No visual regressions between this PR and main

[statm]

@khmakoto This change triggered the size auditor by introducing a new bundle fluentui-react-DraggableZone. How should I accept it (assuming it's the correct course of action)?

[msft-fluent-ui-bot]

🎉@fluentui/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

• Release Notes
• Official NPM Release