From 41c129b1db39c32ba410be8e614750a079fb2ab8 Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Mon, 29 Jan 2024 17:37:38 +0100 Subject: [PATCH] chore(react): setup monosize for measuring bundle size which will replace size-auditor bot (#30382) --- ...-28df3988-2b7e-4b10-b329-811bebd8bdf3.json | 7 +++++ ...-270ab580-2994-41ed-9746-83e36224f9a0.json | 7 +++++ packages/keyboard-key/.npmignore | 2 ++ .../keyboard-key/bundle-size/index.fixture.js | 7 +++++ packages/keyboard-key/package.json | 1 + packages/react/.npmignore | 3 ++- .../react/bundle-size/ActivityItem.fixture.js | 7 +++++ .../react/bundle-size/Announced.fixture.js | 7 +++++ .../react/bundle-size/Autofill.fixture.js | 7 +++++ .../react/bundle-size/Breadcrumb.fixture.js | 7 +++++ packages/react/bundle-size/Button.fixture.js | 7 +++++ .../react/bundle-size/ButtonGrid.fixture.js | 7 +++++ .../react/bundle-size/Calendar.fixture.js | 7 +++++ packages/react/bundle-size/Callout.fixture.js | 7 +++++ packages/react/bundle-size/Check.fixture.js | 7 +++++ .../react/bundle-size/Checkbox.fixture.js | 7 +++++ .../react/bundle-size/ChoiceGroup.fixture.js | 7 +++++ .../bundle-size/ChoiceGroupOption.fixture.js | 7 +++++ .../react/bundle-size/Coachmark.fixture.js | 7 +++++ packages/react/bundle-size/Color.fixture.js | 7 +++++ .../react/bundle-size/ColorPicker.fixture.js | 7 +++++ .../react/bundle-size/ComboBox.fixture.js | 7 +++++ .../react/bundle-size/CommandBar.fixture.js | 7 +++++ .../bundle-size/ContextualMenu.fixture.js | 7 +++++ .../react/bundle-size/DatePicker.fixture.js | 7 +++++ .../bundle-size/DateTimeUtilities.fixture.js | 7 +++++ .../react/bundle-size/DetailsList.fixture.js | 7 +++++ packages/react/bundle-size/Dialog.fixture.js | 7 +++++ packages/react/bundle-size/Divider.fixture.js | 7 +++++ .../react/bundle-size/DocumentCard.fixture.js | 7 +++++ .../react/bundle-size/DragDrop.fixture.js | 7 +++++ .../bundle-size/DraggableZone.fixture.js | 7 +++++ .../react/bundle-size/Dropdown.fixture.js | 7 +++++ .../bundle-size/ExtendedPicker.fixture.js | 7 +++++ packages/react/bundle-size/Fabric.fixture.js | 7 +++++ .../react/bundle-size/Facepile.fixture.js | 7 +++++ .../bundle-size/FloatingPicker.fixture.js | 7 +++++ .../bundle-size/FocusTrapZone.fixture.js | 7 +++++ .../react/bundle-size/FocusZone.fixture.js | 7 +++++ packages/react/bundle-size/Grid.fixture.js | 7 +++++ .../react/bundle-size/GroupedList.fixture.js | 7 +++++ .../bundle-size/GroupedListV2.fixture.js | 7 +++++ .../react/bundle-size/HoverCard.fixture.js | 7 +++++ packages/react/bundle-size/Icon.fixture.js | 7 +++++ packages/react/bundle-size/Icons.fixture.js | 7 +++++ packages/react/bundle-size/Image.fixture.js | 7 +++++ packages/react/bundle-size/Keytip.fixture.js | 7 +++++ .../react/bundle-size/KeytipData.fixture.js | 7 +++++ .../react/bundle-size/KeytipLayer.fixture.js | 7 +++++ packages/react/bundle-size/Keytips.fixture.js | 7 +++++ packages/react/bundle-size/Label.fixture.js | 7 +++++ packages/react/bundle-size/Layer.fixture.js | 7 +++++ packages/react/bundle-size/Link.fixture.js | 7 +++++ packages/react/bundle-size/List.fixture.js | 7 +++++ .../bundle-size/MarqueeSelection.fixture.js | 7 +++++ .../react/bundle-size/MessageBar.fixture.js | 7 +++++ packages/react/bundle-size/Modal.fixture.js | 7 +++++ packages/react/bundle-size/Nav.fixture.js | 7 +++++ .../react/bundle-size/OverflowSet.fixture.js | 7 +++++ packages/react/bundle-size/Overlay.fixture.js | 7 +++++ packages/react/bundle-size/Panel.fixture.js | 7 +++++ packages/react/bundle-size/Persona.fixture.js | 7 +++++ .../react/bundle-size/PersonaCoin.fixture.js | 7 +++++ .../bundle-size/PersonaPresence.fixture.js | 7 +++++ packages/react/bundle-size/Pickers.fixture.js | 7 +++++ packages/react/bundle-size/Pivot.fixture.js | 7 +++++ packages/react/bundle-size/Popup.fixture.js | 7 +++++ .../react/bundle-size/Positioning.fixture.js | 7 +++++ .../PositioningContainer.fixture.js | 7 +++++ .../bundle-size/ProgressIndicator.fixture.js | 7 +++++ packages/react/bundle-size/Rating.fixture.js | 7 +++++ .../react/bundle-size/ResizeGroup.fixture.js | 7 +++++ .../bundle-size/ResponsiveMode.fixture.js | 7 +++++ .../bundle-size/ScrollablePane.fixture.js | 7 +++++ .../react/bundle-size/SearchBox.fixture.js | 7 +++++ .../bundle-size/SelectableOption.fixture.js | 7 +++++ .../bundle-size/SelectedItemsList.fixture.js | 7 +++++ .../react/bundle-size/Selection.fixture.js | 7 +++++ .../react/bundle-size/Separator.fixture.js | 7 +++++ packages/react/bundle-size/Shimmer.fixture.js | 7 +++++ .../ShimmeredDetailsList.fixture.js | 7 +++++ packages/react/bundle-size/Slider.fixture.js | 7 +++++ .../react/bundle-size/SpinButton.fixture.js | 7 +++++ packages/react/bundle-size/Spinner.fixture.js | 7 +++++ packages/react/bundle-size/Stack.fixture.js | 7 +++++ packages/react/bundle-size/Sticky.fixture.js | 7 +++++ packages/react/bundle-size/Styling.fixture.js | 7 +++++ .../bundle-size/SwatchColorPicker.fixture.js | 7 +++++ .../bundle-size/TeachingBubble.fixture.js | 7 +++++ packages/react/bundle-size/Text.fixture.js | 7 +++++ .../react/bundle-size/TextField.fixture.js | 7 +++++ packages/react/bundle-size/Theme.fixture.js | 7 +++++ .../bundle-size/ThemeGenerator.fixture.js | 7 +++++ .../react/bundle-size/TimePicker.fixture.js | 7 +++++ packages/react/bundle-size/Toggle.fixture.js | 7 +++++ packages/react/bundle-size/Tooltip.fixture.js | 7 +++++ .../react/bundle-size/Utilities.fixture.js | 7 +++++ .../react/bundle-size/Viewport.fixture.js | 7 +++++ .../bundle-size/WeeklyDayPicker.fixture.js | 7 +++++ .../bundle-size/WindowProvider.fixture.js | 7 +++++ packages/react/monosize.config.mjs | 26 +++++++++++++++++++ packages/react/package.json | 1 + 102 files changed, 711 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-keyboard-key-28df3988-2b7e-4b10-b329-811bebd8bdf3.json create mode 100644 change/@fluentui-react-270ab580-2994-41ed-9746-83e36224f9a0.json create mode 100644 packages/keyboard-key/bundle-size/index.fixture.js create mode 100644 packages/react/bundle-size/ActivityItem.fixture.js create mode 100644 packages/react/bundle-size/Announced.fixture.js create mode 100644 packages/react/bundle-size/Autofill.fixture.js create mode 100644 packages/react/bundle-size/Breadcrumb.fixture.js create mode 100644 packages/react/bundle-size/Button.fixture.js create mode 100644 packages/react/bundle-size/ButtonGrid.fixture.js create mode 100644 packages/react/bundle-size/Calendar.fixture.js create mode 100644 packages/react/bundle-size/Callout.fixture.js create mode 100644 packages/react/bundle-size/Check.fixture.js create mode 100644 packages/react/bundle-size/Checkbox.fixture.js create mode 100644 packages/react/bundle-size/ChoiceGroup.fixture.js create mode 100644 packages/react/bundle-size/ChoiceGroupOption.fixture.js create mode 100644 packages/react/bundle-size/Coachmark.fixture.js create mode 100644 packages/react/bundle-size/Color.fixture.js create mode 100644 packages/react/bundle-size/ColorPicker.fixture.js create mode 100644 packages/react/bundle-size/ComboBox.fixture.js create mode 100644 packages/react/bundle-size/CommandBar.fixture.js create mode 100644 packages/react/bundle-size/ContextualMenu.fixture.js create mode 100644 packages/react/bundle-size/DatePicker.fixture.js create mode 100644 packages/react/bundle-size/DateTimeUtilities.fixture.js create mode 100644 packages/react/bundle-size/DetailsList.fixture.js create mode 100644 packages/react/bundle-size/Dialog.fixture.js create mode 100644 packages/react/bundle-size/Divider.fixture.js create mode 100644 packages/react/bundle-size/DocumentCard.fixture.js create mode 100644 packages/react/bundle-size/DragDrop.fixture.js create mode 100644 packages/react/bundle-size/DraggableZone.fixture.js create mode 100644 packages/react/bundle-size/Dropdown.fixture.js create mode 100644 packages/react/bundle-size/ExtendedPicker.fixture.js create mode 100644 packages/react/bundle-size/Fabric.fixture.js create mode 100644 packages/react/bundle-size/Facepile.fixture.js create mode 100644 packages/react/bundle-size/FloatingPicker.fixture.js create mode 100644 packages/react/bundle-size/FocusTrapZone.fixture.js create mode 100644 packages/react/bundle-size/FocusZone.fixture.js create mode 100644 packages/react/bundle-size/Grid.fixture.js create mode 100644 packages/react/bundle-size/GroupedList.fixture.js create mode 100644 packages/react/bundle-size/GroupedListV2.fixture.js create mode 100644 packages/react/bundle-size/HoverCard.fixture.js create mode 100644 packages/react/bundle-size/Icon.fixture.js create mode 100644 packages/react/bundle-size/Icons.fixture.js create mode 100644 packages/react/bundle-size/Image.fixture.js create mode 100644 packages/react/bundle-size/Keytip.fixture.js create mode 100644 packages/react/bundle-size/KeytipData.fixture.js create mode 100644 packages/react/bundle-size/KeytipLayer.fixture.js create mode 100644 packages/react/bundle-size/Keytips.fixture.js create mode 100644 packages/react/bundle-size/Label.fixture.js create mode 100644 packages/react/bundle-size/Layer.fixture.js create mode 100644 packages/react/bundle-size/Link.fixture.js create mode 100644 packages/react/bundle-size/List.fixture.js create mode 100644 packages/react/bundle-size/MarqueeSelection.fixture.js create mode 100644 packages/react/bundle-size/MessageBar.fixture.js create mode 100644 packages/react/bundle-size/Modal.fixture.js create mode 100644 packages/react/bundle-size/Nav.fixture.js create mode 100644 packages/react/bundle-size/OverflowSet.fixture.js create mode 100644 packages/react/bundle-size/Overlay.fixture.js create mode 100644 packages/react/bundle-size/Panel.fixture.js create mode 100644 packages/react/bundle-size/Persona.fixture.js create mode 100644 packages/react/bundle-size/PersonaCoin.fixture.js create mode 100644 packages/react/bundle-size/PersonaPresence.fixture.js create mode 100644 packages/react/bundle-size/Pickers.fixture.js create mode 100644 packages/react/bundle-size/Pivot.fixture.js create mode 100644 packages/react/bundle-size/Popup.fixture.js create mode 100644 packages/react/bundle-size/Positioning.fixture.js create mode 100644 packages/react/bundle-size/PositioningContainer.fixture.js create mode 100644 packages/react/bundle-size/ProgressIndicator.fixture.js create mode 100644 packages/react/bundle-size/Rating.fixture.js create mode 100644 packages/react/bundle-size/ResizeGroup.fixture.js create mode 100644 packages/react/bundle-size/ResponsiveMode.fixture.js create mode 100644 packages/react/bundle-size/ScrollablePane.fixture.js create mode 100644 packages/react/bundle-size/SearchBox.fixture.js create mode 100644 packages/react/bundle-size/SelectableOption.fixture.js create mode 100644 packages/react/bundle-size/SelectedItemsList.fixture.js create mode 100644 packages/react/bundle-size/Selection.fixture.js create mode 100644 packages/react/bundle-size/Separator.fixture.js create mode 100644 packages/react/bundle-size/Shimmer.fixture.js create mode 100644 packages/react/bundle-size/ShimmeredDetailsList.fixture.js create mode 100644 packages/react/bundle-size/Slider.fixture.js create mode 100644 packages/react/bundle-size/SpinButton.fixture.js create mode 100644 packages/react/bundle-size/Spinner.fixture.js create mode 100644 packages/react/bundle-size/Stack.fixture.js create mode 100644 packages/react/bundle-size/Sticky.fixture.js create mode 100644 packages/react/bundle-size/Styling.fixture.js create mode 100644 packages/react/bundle-size/SwatchColorPicker.fixture.js create mode 100644 packages/react/bundle-size/TeachingBubble.fixture.js create mode 100644 packages/react/bundle-size/Text.fixture.js create mode 100644 packages/react/bundle-size/TextField.fixture.js create mode 100644 packages/react/bundle-size/Theme.fixture.js create mode 100644 packages/react/bundle-size/ThemeGenerator.fixture.js create mode 100644 packages/react/bundle-size/TimePicker.fixture.js create mode 100644 packages/react/bundle-size/Toggle.fixture.js create mode 100644 packages/react/bundle-size/Tooltip.fixture.js create mode 100644 packages/react/bundle-size/Utilities.fixture.js create mode 100644 packages/react/bundle-size/Viewport.fixture.js create mode 100644 packages/react/bundle-size/WeeklyDayPicker.fixture.js create mode 100644 packages/react/bundle-size/WindowProvider.fixture.js create mode 100644 packages/react/monosize.config.mjs diff --git a/change/@fluentui-keyboard-key-28df3988-2b7e-4b10-b329-811bebd8bdf3.json b/change/@fluentui-keyboard-key-28df3988-2b7e-4b10-b329-811bebd8bdf3.json new file mode 100644 index 00000000000000..dbbc0f1580daee --- /dev/null +++ b/change/@fluentui-keyboard-key-28df3988-2b7e-4b10-b329-811bebd8bdf3.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: setup monosize for measuring bundle size which will replace-size auditor bot", + "packageName": "@fluentui/keyboard-key", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-270ab580-2994-41ed-9746-83e36224f9a0.json b/change/@fluentui-react-270ab580-2994-41ed-9746-83e36224f9a0.json new file mode 100644 index 00000000000000..d990925f887458 --- /dev/null +++ b/change/@fluentui-react-270ab580-2994-41ed-9746-83e36224f9a0.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: setup monosize for measuring bundle size which will replace-size auditor bot", + "packageName": "@fluentui/react", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/packages/keyboard-key/.npmignore b/packages/keyboard-key/.npmignore index fd39939e9c5414..282524660a21d9 100644 --- a/packages/keyboard-key/.npmignore +++ b/packages/keyboard-key/.npmignore @@ -32,6 +32,8 @@ tsd.json tslint.json typings visualtests +project.json + !lib !lib-commonjs !lib-amd diff --git a/packages/keyboard-key/bundle-size/index.fixture.js b/packages/keyboard-key/bundle-size/index.fixture.js new file mode 100644 index 00000000000000..02ea6b28403ad8 --- /dev/null +++ b/packages/keyboard-key/bundle-size/index.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/keyboard-key'; + +console.log(p); + +export default { + name: 'keyboard-key package', +}; diff --git a/packages/keyboard-key/package.json b/packages/keyboard-key/package.json index 6f0071b8fc545d..109ee2ac38443e 100644 --- a/packages/keyboard-key/package.json +++ b/packages/keyboard-key/package.json @@ -12,6 +12,7 @@ }, "license": "MIT", "scripts": { + "bundle-size": "monosize measure", "build": "just-scripts build", "clean": "just-scripts clean", "code-style": "just-scripts code-style", diff --git a/packages/react/.npmignore b/packages/react/.npmignore index 5333ec287d27a2..0d5a01db4e8ff6 100644 --- a/packages/react/.npmignore +++ b/packages/react/.npmignore @@ -11,6 +11,7 @@ .gitignore .vscode coverage +bundle-size/ dist/storybook dist/*.stats.html dist/*.stats.json @@ -36,4 +37,4 @@ project.json !lib !lib-commonjs !lib-amd -!dist \ No newline at end of file +!dist diff --git a/packages/react/bundle-size/ActivityItem.fixture.js b/packages/react/bundle-size/ActivityItem.fixture.js new file mode 100644 index 00000000000000..334a272ebf6a02 --- /dev/null +++ b/packages/react/bundle-size/ActivityItem.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ActivityItem'; + +console.log(p); + +export default { + name: 'ActivityItem', +}; diff --git a/packages/react/bundle-size/Announced.fixture.js b/packages/react/bundle-size/Announced.fixture.js new file mode 100644 index 00000000000000..3d602265dd2f79 --- /dev/null +++ b/packages/react/bundle-size/Announced.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Announced'; + +console.log(p); + +export default { + name: 'Announced', +}; diff --git a/packages/react/bundle-size/Autofill.fixture.js b/packages/react/bundle-size/Autofill.fixture.js new file mode 100644 index 00000000000000..493abcce22b1a1 --- /dev/null +++ b/packages/react/bundle-size/Autofill.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Autofill'; + +console.log(p); + +export default { + name: 'Autofill', +}; diff --git a/packages/react/bundle-size/Breadcrumb.fixture.js b/packages/react/bundle-size/Breadcrumb.fixture.js new file mode 100644 index 00000000000000..5973b85d4b563a --- /dev/null +++ b/packages/react/bundle-size/Breadcrumb.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Breadcrumb'; + +console.log(p); + +export default { + name: 'Breadcrumb', +}; diff --git a/packages/react/bundle-size/Button.fixture.js b/packages/react/bundle-size/Button.fixture.js new file mode 100644 index 00000000000000..bbaff1ad3020a6 --- /dev/null +++ b/packages/react/bundle-size/Button.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Button'; + +console.log(p); + +export default { + name: 'Button', +}; diff --git a/packages/react/bundle-size/ButtonGrid.fixture.js b/packages/react/bundle-size/ButtonGrid.fixture.js new file mode 100644 index 00000000000000..16570806148ecc --- /dev/null +++ b/packages/react/bundle-size/ButtonGrid.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ButtonGrid'; + +console.log(p); + +export default { + name: 'ButtonGrid', +}; diff --git a/packages/react/bundle-size/Calendar.fixture.js b/packages/react/bundle-size/Calendar.fixture.js new file mode 100644 index 00000000000000..5098d6bb615b1d --- /dev/null +++ b/packages/react/bundle-size/Calendar.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Calendar'; + +console.log(p); + +export default { + name: 'Calendar', +}; diff --git a/packages/react/bundle-size/Callout.fixture.js b/packages/react/bundle-size/Callout.fixture.js new file mode 100644 index 00000000000000..7be2c7b4d14ee3 --- /dev/null +++ b/packages/react/bundle-size/Callout.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Callout'; + +console.log(p); + +export default { + name: 'Callout', +}; diff --git a/packages/react/bundle-size/Check.fixture.js b/packages/react/bundle-size/Check.fixture.js new file mode 100644 index 00000000000000..25df7865d2e181 --- /dev/null +++ b/packages/react/bundle-size/Check.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Check'; + +console.log(p); + +export default { + name: 'Check', +}; diff --git a/packages/react/bundle-size/Checkbox.fixture.js b/packages/react/bundle-size/Checkbox.fixture.js new file mode 100644 index 00000000000000..bd63b4d4635909 --- /dev/null +++ b/packages/react/bundle-size/Checkbox.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Checkbox'; + +console.log(p); + +export default { + name: 'Checkbox', +}; diff --git a/packages/react/bundle-size/ChoiceGroup.fixture.js b/packages/react/bundle-size/ChoiceGroup.fixture.js new file mode 100644 index 00000000000000..370c56f6f6aa9a --- /dev/null +++ b/packages/react/bundle-size/ChoiceGroup.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ChoiceGroup'; + +console.log(p); + +export default { + name: 'ChoiceGroup', +}; diff --git a/packages/react/bundle-size/ChoiceGroupOption.fixture.js b/packages/react/bundle-size/ChoiceGroupOption.fixture.js new file mode 100644 index 00000000000000..65d8b7e0c60777 --- /dev/null +++ b/packages/react/bundle-size/ChoiceGroupOption.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ChoiceGroupOption'; + +console.log(p); + +export default { + name: 'ChoiceGroupOption', +}; diff --git a/packages/react/bundle-size/Coachmark.fixture.js b/packages/react/bundle-size/Coachmark.fixture.js new file mode 100644 index 00000000000000..e2ac4f35c46d86 --- /dev/null +++ b/packages/react/bundle-size/Coachmark.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Coachmark'; + +console.log(p); + +export default { + name: 'Coachmark', +}; diff --git a/packages/react/bundle-size/Color.fixture.js b/packages/react/bundle-size/Color.fixture.js new file mode 100644 index 00000000000000..ea0d39e2bfe450 --- /dev/null +++ b/packages/react/bundle-size/Color.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Color'; + +console.log(p); + +export default { + name: 'Color', +}; diff --git a/packages/react/bundle-size/ColorPicker.fixture.js b/packages/react/bundle-size/ColorPicker.fixture.js new file mode 100644 index 00000000000000..daa335a4f109b4 --- /dev/null +++ b/packages/react/bundle-size/ColorPicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ColorPicker'; + +console.log(p); + +export default { + name: 'ColorPicker', +}; diff --git a/packages/react/bundle-size/ComboBox.fixture.js b/packages/react/bundle-size/ComboBox.fixture.js new file mode 100644 index 00000000000000..baed939b840a37 --- /dev/null +++ b/packages/react/bundle-size/ComboBox.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ComboBox'; + +console.log(p); + +export default { + name: 'ComboBox', +}; diff --git a/packages/react/bundle-size/CommandBar.fixture.js b/packages/react/bundle-size/CommandBar.fixture.js new file mode 100644 index 00000000000000..544109b226af9d --- /dev/null +++ b/packages/react/bundle-size/CommandBar.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/CommandBar'; + +console.log(p); + +export default { + name: 'CommandBar', +}; diff --git a/packages/react/bundle-size/ContextualMenu.fixture.js b/packages/react/bundle-size/ContextualMenu.fixture.js new file mode 100644 index 00000000000000..e9a954c274c918 --- /dev/null +++ b/packages/react/bundle-size/ContextualMenu.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ContextualMenu'; + +console.log(p); + +export default { + name: 'ContextualMenu', +}; diff --git a/packages/react/bundle-size/DatePicker.fixture.js b/packages/react/bundle-size/DatePicker.fixture.js new file mode 100644 index 00000000000000..83e8f265318861 --- /dev/null +++ b/packages/react/bundle-size/DatePicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/DatePicker'; + +console.log(p); + +export default { + name: 'DatePicker', +}; diff --git a/packages/react/bundle-size/DateTimeUtilities.fixture.js b/packages/react/bundle-size/DateTimeUtilities.fixture.js new file mode 100644 index 00000000000000..f36d89b010ad93 --- /dev/null +++ b/packages/react/bundle-size/DateTimeUtilities.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/DateTimeUtilities'; + +console.log(p); + +export default { + name: 'DateTimeUtilities', +}; diff --git a/packages/react/bundle-size/DetailsList.fixture.js b/packages/react/bundle-size/DetailsList.fixture.js new file mode 100644 index 00000000000000..80eb1952056fa9 --- /dev/null +++ b/packages/react/bundle-size/DetailsList.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/DetailsList'; + +console.log(p); + +export default { + name: 'DetailsList', +}; diff --git a/packages/react/bundle-size/Dialog.fixture.js b/packages/react/bundle-size/Dialog.fixture.js new file mode 100644 index 00000000000000..d58ea2b4d3ad72 --- /dev/null +++ b/packages/react/bundle-size/Dialog.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Dialog'; + +console.log(p); + +export default { + name: 'Dialog', +}; diff --git a/packages/react/bundle-size/Divider.fixture.js b/packages/react/bundle-size/Divider.fixture.js new file mode 100644 index 00000000000000..5f516877d8acd6 --- /dev/null +++ b/packages/react/bundle-size/Divider.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Divider'; + +console.log(p); + +export default { + name: 'Divider', +}; diff --git a/packages/react/bundle-size/DocumentCard.fixture.js b/packages/react/bundle-size/DocumentCard.fixture.js new file mode 100644 index 00000000000000..b5e52da7953074 --- /dev/null +++ b/packages/react/bundle-size/DocumentCard.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/DocumentCard'; + +console.log(p); + +export default { + name: 'DocumentCard', +}; diff --git a/packages/react/bundle-size/DragDrop.fixture.js b/packages/react/bundle-size/DragDrop.fixture.js new file mode 100644 index 00000000000000..abb47a89ba38fc --- /dev/null +++ b/packages/react/bundle-size/DragDrop.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/DragDrop'; + +console.log(p); + +export default { + name: 'DragDrop', +}; diff --git a/packages/react/bundle-size/DraggableZone.fixture.js b/packages/react/bundle-size/DraggableZone.fixture.js new file mode 100644 index 00000000000000..48379f675e3f4a --- /dev/null +++ b/packages/react/bundle-size/DraggableZone.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/DraggableZone'; + +console.log(p); + +export default { + name: 'DraggableZone', +}; diff --git a/packages/react/bundle-size/Dropdown.fixture.js b/packages/react/bundle-size/Dropdown.fixture.js new file mode 100644 index 00000000000000..0a6b5452b7b094 --- /dev/null +++ b/packages/react/bundle-size/Dropdown.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Dropdown'; + +console.log(p); + +export default { + name: 'Dropdown', +}; diff --git a/packages/react/bundle-size/ExtendedPicker.fixture.js b/packages/react/bundle-size/ExtendedPicker.fixture.js new file mode 100644 index 00000000000000..52a0a0edab5717 --- /dev/null +++ b/packages/react/bundle-size/ExtendedPicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ExtendedPicker'; + +console.log(p); + +export default { + name: 'ExtendedPicker', +}; diff --git a/packages/react/bundle-size/Fabric.fixture.js b/packages/react/bundle-size/Fabric.fixture.js new file mode 100644 index 00000000000000..bcc06f3e1cd749 --- /dev/null +++ b/packages/react/bundle-size/Fabric.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Fabric'; + +console.log(p); + +export default { + name: 'Fabric', +}; diff --git a/packages/react/bundle-size/Facepile.fixture.js b/packages/react/bundle-size/Facepile.fixture.js new file mode 100644 index 00000000000000..cd088959e615d1 --- /dev/null +++ b/packages/react/bundle-size/Facepile.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Facepile'; + +console.log(p); + +export default { + name: 'Facepile', +}; diff --git a/packages/react/bundle-size/FloatingPicker.fixture.js b/packages/react/bundle-size/FloatingPicker.fixture.js new file mode 100644 index 00000000000000..a62914146b087b --- /dev/null +++ b/packages/react/bundle-size/FloatingPicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/FloatingPicker'; + +console.log(p); + +export default { + name: 'FloatingPicker', +}; diff --git a/packages/react/bundle-size/FocusTrapZone.fixture.js b/packages/react/bundle-size/FocusTrapZone.fixture.js new file mode 100644 index 00000000000000..3c4749a79455ea --- /dev/null +++ b/packages/react/bundle-size/FocusTrapZone.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/FocusTrapZone'; + +console.log(p); + +export default { + name: 'FocusTrapZone', +}; diff --git a/packages/react/bundle-size/FocusZone.fixture.js b/packages/react/bundle-size/FocusZone.fixture.js new file mode 100644 index 00000000000000..d31a78a69750a4 --- /dev/null +++ b/packages/react/bundle-size/FocusZone.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/FocusZone'; + +console.log(p); + +export default { + name: 'FocusZone', +}; diff --git a/packages/react/bundle-size/Grid.fixture.js b/packages/react/bundle-size/Grid.fixture.js new file mode 100644 index 00000000000000..072b75a95df6e6 --- /dev/null +++ b/packages/react/bundle-size/Grid.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Grid'; + +console.log(p); + +export default { + name: 'Grid', +}; diff --git a/packages/react/bundle-size/GroupedList.fixture.js b/packages/react/bundle-size/GroupedList.fixture.js new file mode 100644 index 00000000000000..917aa64df0154b --- /dev/null +++ b/packages/react/bundle-size/GroupedList.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/GroupedList'; + +console.log(p); + +export default { + name: 'GroupedList', +}; diff --git a/packages/react/bundle-size/GroupedListV2.fixture.js b/packages/react/bundle-size/GroupedListV2.fixture.js new file mode 100644 index 00000000000000..769dd641ebf674 --- /dev/null +++ b/packages/react/bundle-size/GroupedListV2.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/GroupedListV2'; + +console.log(p); + +export default { + name: 'GroupedListV2', +}; diff --git a/packages/react/bundle-size/HoverCard.fixture.js b/packages/react/bundle-size/HoverCard.fixture.js new file mode 100644 index 00000000000000..8995a5925ed936 --- /dev/null +++ b/packages/react/bundle-size/HoverCard.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/HoverCard'; + +console.log(p); + +export default { + name: 'HoverCard', +}; diff --git a/packages/react/bundle-size/Icon.fixture.js b/packages/react/bundle-size/Icon.fixture.js new file mode 100644 index 00000000000000..fd4f92816494ac --- /dev/null +++ b/packages/react/bundle-size/Icon.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Icon'; + +console.log(p); + +export default { + name: 'Icon', +}; diff --git a/packages/react/bundle-size/Icons.fixture.js b/packages/react/bundle-size/Icons.fixture.js new file mode 100644 index 00000000000000..4819f28de5782c --- /dev/null +++ b/packages/react/bundle-size/Icons.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Icons'; + +console.log(p); + +export default { + name: 'Icons', +}; diff --git a/packages/react/bundle-size/Image.fixture.js b/packages/react/bundle-size/Image.fixture.js new file mode 100644 index 00000000000000..c3a0302464f323 --- /dev/null +++ b/packages/react/bundle-size/Image.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Image'; + +console.log(p); + +export default { + name: 'Image', +}; diff --git a/packages/react/bundle-size/Keytip.fixture.js b/packages/react/bundle-size/Keytip.fixture.js new file mode 100644 index 00000000000000..95dd8228b7fd15 --- /dev/null +++ b/packages/react/bundle-size/Keytip.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Keytip'; + +console.log(p); + +export default { + name: 'Keytip', +}; diff --git a/packages/react/bundle-size/KeytipData.fixture.js b/packages/react/bundle-size/KeytipData.fixture.js new file mode 100644 index 00000000000000..4268aee52d74da --- /dev/null +++ b/packages/react/bundle-size/KeytipData.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/KeytipData'; + +console.log(p); + +export default { + name: 'KeytipData', +}; diff --git a/packages/react/bundle-size/KeytipLayer.fixture.js b/packages/react/bundle-size/KeytipLayer.fixture.js new file mode 100644 index 00000000000000..03574c7b30c8cf --- /dev/null +++ b/packages/react/bundle-size/KeytipLayer.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/KeytipLayer'; + +console.log(p); + +export default { + name: 'KeytipLayer', +}; diff --git a/packages/react/bundle-size/Keytips.fixture.js b/packages/react/bundle-size/Keytips.fixture.js new file mode 100644 index 00000000000000..08003852752b65 --- /dev/null +++ b/packages/react/bundle-size/Keytips.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Keytips'; + +console.log(p); + +export default { + name: 'Keytips', +}; diff --git a/packages/react/bundle-size/Label.fixture.js b/packages/react/bundle-size/Label.fixture.js new file mode 100644 index 00000000000000..3330ca97279e07 --- /dev/null +++ b/packages/react/bundle-size/Label.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Label'; + +console.log(p); + +export default { + name: 'Label', +}; diff --git a/packages/react/bundle-size/Layer.fixture.js b/packages/react/bundle-size/Layer.fixture.js new file mode 100644 index 00000000000000..c7a7e861c91871 --- /dev/null +++ b/packages/react/bundle-size/Layer.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Layer'; + +console.log(p); + +export default { + name: 'Layer', +}; diff --git a/packages/react/bundle-size/Link.fixture.js b/packages/react/bundle-size/Link.fixture.js new file mode 100644 index 00000000000000..f6dde710a604b9 --- /dev/null +++ b/packages/react/bundle-size/Link.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Link'; + +console.log(p); + +export default { + name: 'Link', +}; diff --git a/packages/react/bundle-size/List.fixture.js b/packages/react/bundle-size/List.fixture.js new file mode 100644 index 00000000000000..ed9d7bee16aac5 --- /dev/null +++ b/packages/react/bundle-size/List.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/List'; + +console.log(p); + +export default { + name: 'List', +}; diff --git a/packages/react/bundle-size/MarqueeSelection.fixture.js b/packages/react/bundle-size/MarqueeSelection.fixture.js new file mode 100644 index 00000000000000..9cec42488988ea --- /dev/null +++ b/packages/react/bundle-size/MarqueeSelection.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/MarqueeSelection'; + +console.log(p); + +export default { + name: 'MarqueeSelection', +}; diff --git a/packages/react/bundle-size/MessageBar.fixture.js b/packages/react/bundle-size/MessageBar.fixture.js new file mode 100644 index 00000000000000..f0c9ea7e854952 --- /dev/null +++ b/packages/react/bundle-size/MessageBar.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/MessageBar'; + +console.log(p); + +export default { + name: 'MessageBar', +}; diff --git a/packages/react/bundle-size/Modal.fixture.js b/packages/react/bundle-size/Modal.fixture.js new file mode 100644 index 00000000000000..11362fb9a1c276 --- /dev/null +++ b/packages/react/bundle-size/Modal.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Modal'; + +console.log(p); + +export default { + name: 'Modal', +}; diff --git a/packages/react/bundle-size/Nav.fixture.js b/packages/react/bundle-size/Nav.fixture.js new file mode 100644 index 00000000000000..ec40bbcf864e1f --- /dev/null +++ b/packages/react/bundle-size/Nav.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Nav'; + +console.log(p); + +export default { + name: 'Nav', +}; diff --git a/packages/react/bundle-size/OverflowSet.fixture.js b/packages/react/bundle-size/OverflowSet.fixture.js new file mode 100644 index 00000000000000..c6bba49260e567 --- /dev/null +++ b/packages/react/bundle-size/OverflowSet.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/OverflowSet'; + +console.log(p); + +export default { + name: 'OverflowSet', +}; diff --git a/packages/react/bundle-size/Overlay.fixture.js b/packages/react/bundle-size/Overlay.fixture.js new file mode 100644 index 00000000000000..02b9cef8eb18e9 --- /dev/null +++ b/packages/react/bundle-size/Overlay.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Overlay'; + +console.log(p); + +export default { + name: 'Overlay', +}; diff --git a/packages/react/bundle-size/Panel.fixture.js b/packages/react/bundle-size/Panel.fixture.js new file mode 100644 index 00000000000000..c95a3ace6fa162 --- /dev/null +++ b/packages/react/bundle-size/Panel.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Panel'; + +console.log(p); + +export default { + name: 'Panel', +}; diff --git a/packages/react/bundle-size/Persona.fixture.js b/packages/react/bundle-size/Persona.fixture.js new file mode 100644 index 00000000000000..1b7373c19d5629 --- /dev/null +++ b/packages/react/bundle-size/Persona.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Persona'; + +console.log(p); + +export default { + name: 'Persona', +}; diff --git a/packages/react/bundle-size/PersonaCoin.fixture.js b/packages/react/bundle-size/PersonaCoin.fixture.js new file mode 100644 index 00000000000000..215cf3c6b26a86 --- /dev/null +++ b/packages/react/bundle-size/PersonaCoin.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/PersonaCoin'; + +console.log(p); + +export default { + name: 'PersonaCoin', +}; diff --git a/packages/react/bundle-size/PersonaPresence.fixture.js b/packages/react/bundle-size/PersonaPresence.fixture.js new file mode 100644 index 00000000000000..649efd3c30532b --- /dev/null +++ b/packages/react/bundle-size/PersonaPresence.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/PersonaPresence'; + +console.log(p); + +export default { + name: 'PersonaPresence', +}; diff --git a/packages/react/bundle-size/Pickers.fixture.js b/packages/react/bundle-size/Pickers.fixture.js new file mode 100644 index 00000000000000..794569e520059b --- /dev/null +++ b/packages/react/bundle-size/Pickers.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Pickers'; + +console.log(p); + +export default { + name: 'Pickers', +}; diff --git a/packages/react/bundle-size/Pivot.fixture.js b/packages/react/bundle-size/Pivot.fixture.js new file mode 100644 index 00000000000000..5d7ee2f35e3211 --- /dev/null +++ b/packages/react/bundle-size/Pivot.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Pivot'; + +console.log(p); + +export default { + name: 'Pivot', +}; diff --git a/packages/react/bundle-size/Popup.fixture.js b/packages/react/bundle-size/Popup.fixture.js new file mode 100644 index 00000000000000..1ac4c3289debba --- /dev/null +++ b/packages/react/bundle-size/Popup.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Popup'; + +console.log(p); + +export default { + name: 'Popup', +}; diff --git a/packages/react/bundle-size/Positioning.fixture.js b/packages/react/bundle-size/Positioning.fixture.js new file mode 100644 index 00000000000000..245a9fcafa3f86 --- /dev/null +++ b/packages/react/bundle-size/Positioning.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Positioning'; + +console.log(p); + +export default { + name: 'Positioning', +}; diff --git a/packages/react/bundle-size/PositioningContainer.fixture.js b/packages/react/bundle-size/PositioningContainer.fixture.js new file mode 100644 index 00000000000000..b4a9b0f94eb7aa --- /dev/null +++ b/packages/react/bundle-size/PositioningContainer.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/PositioningContainer'; + +console.log(p); + +export default { + name: 'PositioningContainer', +}; diff --git a/packages/react/bundle-size/ProgressIndicator.fixture.js b/packages/react/bundle-size/ProgressIndicator.fixture.js new file mode 100644 index 00000000000000..83726a1bba11b5 --- /dev/null +++ b/packages/react/bundle-size/ProgressIndicator.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ProgressIndicator'; + +console.log(p); + +export default { + name: 'ProgressIndicator', +}; diff --git a/packages/react/bundle-size/Rating.fixture.js b/packages/react/bundle-size/Rating.fixture.js new file mode 100644 index 00000000000000..1c42edbf352a0d --- /dev/null +++ b/packages/react/bundle-size/Rating.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Rating'; + +console.log(p); + +export default { + name: 'Rating', +}; diff --git a/packages/react/bundle-size/ResizeGroup.fixture.js b/packages/react/bundle-size/ResizeGroup.fixture.js new file mode 100644 index 00000000000000..46508070e9fb69 --- /dev/null +++ b/packages/react/bundle-size/ResizeGroup.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ResizeGroup'; + +console.log(p); + +export default { + name: 'ResizeGroup', +}; diff --git a/packages/react/bundle-size/ResponsiveMode.fixture.js b/packages/react/bundle-size/ResponsiveMode.fixture.js new file mode 100644 index 00000000000000..f9fe5a02d3afe7 --- /dev/null +++ b/packages/react/bundle-size/ResponsiveMode.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ResponsiveMode'; + +console.log(p); + +export default { + name: 'ResponsiveMode', +}; diff --git a/packages/react/bundle-size/ScrollablePane.fixture.js b/packages/react/bundle-size/ScrollablePane.fixture.js new file mode 100644 index 00000000000000..b942ca31fce58d --- /dev/null +++ b/packages/react/bundle-size/ScrollablePane.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ScrollablePane'; + +console.log(p); + +export default { + name: 'ScrollablePane', +}; diff --git a/packages/react/bundle-size/SearchBox.fixture.js b/packages/react/bundle-size/SearchBox.fixture.js new file mode 100644 index 00000000000000..5ea74cfb9c93ce --- /dev/null +++ b/packages/react/bundle-size/SearchBox.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/SearchBox'; + +console.log(p); + +export default { + name: 'SearchBox', +}; diff --git a/packages/react/bundle-size/SelectableOption.fixture.js b/packages/react/bundle-size/SelectableOption.fixture.js new file mode 100644 index 00000000000000..79ee331f8ab11f --- /dev/null +++ b/packages/react/bundle-size/SelectableOption.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/SelectableOption'; + +console.log(p); + +export default { + name: 'SelectableOption', +}; diff --git a/packages/react/bundle-size/SelectedItemsList.fixture.js b/packages/react/bundle-size/SelectedItemsList.fixture.js new file mode 100644 index 00000000000000..45626757073b7c --- /dev/null +++ b/packages/react/bundle-size/SelectedItemsList.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/SelectedItemsList'; + +console.log(p); + +export default { + name: 'SelectedItemsList', +}; diff --git a/packages/react/bundle-size/Selection.fixture.js b/packages/react/bundle-size/Selection.fixture.js new file mode 100644 index 00000000000000..35f59b5f395d1b --- /dev/null +++ b/packages/react/bundle-size/Selection.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Selection'; + +console.log(p); + +export default { + name: 'Selection', +}; diff --git a/packages/react/bundle-size/Separator.fixture.js b/packages/react/bundle-size/Separator.fixture.js new file mode 100644 index 00000000000000..e96f17202c9121 --- /dev/null +++ b/packages/react/bundle-size/Separator.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Separator'; + +console.log(p); + +export default { + name: 'Separator', +}; diff --git a/packages/react/bundle-size/Shimmer.fixture.js b/packages/react/bundle-size/Shimmer.fixture.js new file mode 100644 index 00000000000000..785ab4493fc450 --- /dev/null +++ b/packages/react/bundle-size/Shimmer.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Shimmer'; + +console.log(p); + +export default { + name: 'Shimmer', +}; diff --git a/packages/react/bundle-size/ShimmeredDetailsList.fixture.js b/packages/react/bundle-size/ShimmeredDetailsList.fixture.js new file mode 100644 index 00000000000000..0574821818d3bb --- /dev/null +++ b/packages/react/bundle-size/ShimmeredDetailsList.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ShimmeredDetailsList'; + +console.log(p); + +export default { + name: 'ShimmeredDetailsList', +}; diff --git a/packages/react/bundle-size/Slider.fixture.js b/packages/react/bundle-size/Slider.fixture.js new file mode 100644 index 00000000000000..1e2540f37da9cd --- /dev/null +++ b/packages/react/bundle-size/Slider.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Slider'; + +console.log(p); + +export default { + name: 'Slider', +}; diff --git a/packages/react/bundle-size/SpinButton.fixture.js b/packages/react/bundle-size/SpinButton.fixture.js new file mode 100644 index 00000000000000..1b5c448a453f0c --- /dev/null +++ b/packages/react/bundle-size/SpinButton.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/SpinButton'; + +console.log(p); + +export default { + name: 'SpinButton', +}; diff --git a/packages/react/bundle-size/Spinner.fixture.js b/packages/react/bundle-size/Spinner.fixture.js new file mode 100644 index 00000000000000..9bf09360bbb4bd --- /dev/null +++ b/packages/react/bundle-size/Spinner.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Spinner'; + +console.log(p); + +export default { + name: 'Spinner', +}; diff --git a/packages/react/bundle-size/Stack.fixture.js b/packages/react/bundle-size/Stack.fixture.js new file mode 100644 index 00000000000000..805bf62565f45a --- /dev/null +++ b/packages/react/bundle-size/Stack.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Stack'; + +console.log(p); + +export default { + name: 'Stack', +}; diff --git a/packages/react/bundle-size/Sticky.fixture.js b/packages/react/bundle-size/Sticky.fixture.js new file mode 100644 index 00000000000000..21180a184c62b7 --- /dev/null +++ b/packages/react/bundle-size/Sticky.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Sticky'; + +console.log(p); + +export default { + name: 'Sticky', +}; diff --git a/packages/react/bundle-size/Styling.fixture.js b/packages/react/bundle-size/Styling.fixture.js new file mode 100644 index 00000000000000..f0118f8c3f20e2 --- /dev/null +++ b/packages/react/bundle-size/Styling.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Styling'; + +console.log(p); + +export default { + name: 'Styling', +}; diff --git a/packages/react/bundle-size/SwatchColorPicker.fixture.js b/packages/react/bundle-size/SwatchColorPicker.fixture.js new file mode 100644 index 00000000000000..4ab3aa8b3bc29b --- /dev/null +++ b/packages/react/bundle-size/SwatchColorPicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/SwatchColorPicker'; + +console.log(p); + +export default { + name: 'SwatchColorPicker', +}; diff --git a/packages/react/bundle-size/TeachingBubble.fixture.js b/packages/react/bundle-size/TeachingBubble.fixture.js new file mode 100644 index 00000000000000..9e0d90f66fb258 --- /dev/null +++ b/packages/react/bundle-size/TeachingBubble.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/TeachingBubble'; + +console.log(p); + +export default { + name: 'TeachingBubble', +}; diff --git a/packages/react/bundle-size/Text.fixture.js b/packages/react/bundle-size/Text.fixture.js new file mode 100644 index 00000000000000..47a0acc3f2b270 --- /dev/null +++ b/packages/react/bundle-size/Text.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Text'; + +console.log(p); + +export default { + name: 'Text', +}; diff --git a/packages/react/bundle-size/TextField.fixture.js b/packages/react/bundle-size/TextField.fixture.js new file mode 100644 index 00000000000000..efc203007d477d --- /dev/null +++ b/packages/react/bundle-size/TextField.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/TextField'; + +console.log(p); + +export default { + name: 'TextField', +}; diff --git a/packages/react/bundle-size/Theme.fixture.js b/packages/react/bundle-size/Theme.fixture.js new file mode 100644 index 00000000000000..8cccc097ce916f --- /dev/null +++ b/packages/react/bundle-size/Theme.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Theme'; + +console.log(p); + +export default { + name: 'Theme', +}; diff --git a/packages/react/bundle-size/ThemeGenerator.fixture.js b/packages/react/bundle-size/ThemeGenerator.fixture.js new file mode 100644 index 00000000000000..adc4d659fb3a95 --- /dev/null +++ b/packages/react/bundle-size/ThemeGenerator.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/ThemeGenerator'; + +console.log(p); + +export default { + name: 'ThemeGenerator', +}; diff --git a/packages/react/bundle-size/TimePicker.fixture.js b/packages/react/bundle-size/TimePicker.fixture.js new file mode 100644 index 00000000000000..1271ab24c3950c --- /dev/null +++ b/packages/react/bundle-size/TimePicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/TimePicker'; + +console.log(p); + +export default { + name: 'TimePicker', +}; diff --git a/packages/react/bundle-size/Toggle.fixture.js b/packages/react/bundle-size/Toggle.fixture.js new file mode 100644 index 00000000000000..0db29746b6cb9d --- /dev/null +++ b/packages/react/bundle-size/Toggle.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Toggle'; + +console.log(p); + +export default { + name: 'Toggle', +}; diff --git a/packages/react/bundle-size/Tooltip.fixture.js b/packages/react/bundle-size/Tooltip.fixture.js new file mode 100644 index 00000000000000..deeb32da29f380 --- /dev/null +++ b/packages/react/bundle-size/Tooltip.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Tooltip'; + +console.log(p); + +export default { + name: 'Tooltip', +}; diff --git a/packages/react/bundle-size/Utilities.fixture.js b/packages/react/bundle-size/Utilities.fixture.js new file mode 100644 index 00000000000000..3e3bd848e65d68 --- /dev/null +++ b/packages/react/bundle-size/Utilities.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Utilities'; + +console.log(p); + +export default { + name: 'Utilities', +}; diff --git a/packages/react/bundle-size/Viewport.fixture.js b/packages/react/bundle-size/Viewport.fixture.js new file mode 100644 index 00000000000000..90ff092b4caf4f --- /dev/null +++ b/packages/react/bundle-size/Viewport.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/Viewport'; + +console.log(p); + +export default { + name: 'Viewport', +}; diff --git a/packages/react/bundle-size/WeeklyDayPicker.fixture.js b/packages/react/bundle-size/WeeklyDayPicker.fixture.js new file mode 100644 index 00000000000000..2cd0172dd96c0f --- /dev/null +++ b/packages/react/bundle-size/WeeklyDayPicker.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/WeeklyDayPicker'; + +console.log(p); + +export default { + name: 'WeeklyDayPicker', +}; diff --git a/packages/react/bundle-size/WindowProvider.fixture.js b/packages/react/bundle-size/WindowProvider.fixture.js new file mode 100644 index 00000000000000..0aef4632d63001 --- /dev/null +++ b/packages/react/bundle-size/WindowProvider.fixture.js @@ -0,0 +1,7 @@ +import * as p from '@fluentui/react/lib/WindowProvider'; + +console.log(p); + +export default { + name: 'WindowProvider', +}; diff --git a/packages/react/monosize.config.mjs b/packages/react/monosize.config.mjs new file mode 100644 index 00000000000000..030496e3f2fce6 --- /dev/null +++ b/packages/react/monosize.config.mjs @@ -0,0 +1,26 @@ +// @ts-check + +import baseConfig from '../../monosize.config.mjs'; + +/** @type {import('monosize').MonoSizeConfig} */ +const monosizeConfig = { + ...baseConfig, + webpack: config => { + const normalizedTarget = /** @type {string[]}*/ (Array.isArray(config.target) ? config.target : [config.target]); + config.target = [ + ...normalizedTarget, + /** + * As of webpack 5, you have to add the `es5` target for IE 11 compatibility. + * Otherwise it will output lambdas for smaller bundle size. + * @see https://webpack.js.org/migrate/5/#need-to-support-an-older-browser-like-ie-11 + * + * NOTE: IE 11 compat is still needed? for fluentui/react (v8) ? + */ + 'es5', + ]; + + return config; + }, +}; + +export default monosizeConfig; diff --git a/packages/react/package.json b/packages/react/package.json index fb6357fb7e1532..5dc70335bbd63a 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -17,6 +17,7 @@ "scripts": { "build": "just-scripts build", "bundle": "just-scripts bundle", + "bundle-size": "monosize measure", "bundle-size-auditor": "bundle-size-auditor --report-path='../../dist/bundle-size-auditor/react'", "build-storybook": "cross-env NODE_OPTIONS=--max-old-space-size=3072 just-scripts storybook:build", "clean": "just-scripts clean",