chore: slim barrel imports for react-aria, react-stately and zod (-799 KB) (RocketChat#40109)

Author: ggazzo

.yarn/patches/react-aria-npm-3.37.0-83959bd2fa.patch

@@ -0,0 +1,149 @@
+diff --git a/dist/main.js b/dist/main.js
+index 8e3aafa76ccbbc4491666e9593220378c3e79c18..2ed9b74c20b63fb1f9e8552d61343b26540f78d9 100644
+--- a/dist/main.js
++++ b/dist/main.js
+@@ -1,98 +1,8 @@
+ "use strict";
+-
+ exports.__esModule = true;
+-exports.useTreeState = exports.useTooltipTriggerState = exports.useToggleState = exports.useTabListState = exports.Cell = exports.Row = exports.Column = exports.TableBody = exports.TableHeader = exports.useTableState = exports.useMultipleSelectionState = exports.useSliderState = exports.useSelectState = exports.useSearchFieldState = exports.useRadioGroupState = exports.useOverlayTriggerState = exports.useNumberFieldState = exports.useMenuTriggerState = exports.useSingleSelectListState = exports.useListState = exports.useTreeData = exports.useListData = exports.useAsyncList = exports.useCollection = exports.Section = exports.Item = exports.useTimeFieldState = exports.useDateRangePickerState = exports.useDatePickerState = exports.useDateFieldState = exports.useComboBoxState = exports.useCheckboxGroupState = exports.useRangeCalendarState = exports.useCalendarState = void 0;
+-
+-var _calendar = require("@react-stately/calendar");
+-
+-exports.useCalendarState = _calendar.useCalendarState;
+-exports.useRangeCalendarState = _calendar.useRangeCalendarState;
+-
+-var _checkbox = require("@react-stately/checkbox");
+-
+-exports.useCheckboxGroupState = _checkbox.useCheckboxGroupState;
+-
+-var _combobox = require("@react-stately/combobox");
+-
+-exports.useComboBoxState = _combobox.useComboBoxState;
+-
+-var _datepicker = require("@react-stately/datepicker");
+-
+-exports.useDateFieldState = _datepicker.useDateFieldState;
+-exports.useDatePickerState = _datepicker.useDatePickerState;
+-exports.useDateRangePickerState = _datepicker.useDateRangePickerState;
+-exports.useTimeFieldState = _datepicker.useTimeFieldState;
+-
+-var _collections = require("@react-stately/collections");
+-
+-exports.Item = _collections.Item;
+-exports.Section = _collections.Section;
+-exports.useCollection = _collections.useCollection;
+-
+-var _data = require("@react-stately/data");
+-
+-exports.useAsyncList = _data.useAsyncList;
+-exports.useListData = _data.useListData;
+-exports.useTreeData = _data.useTreeData;
+-
+-var _list = require("@react-stately/list");
+-
+-exports.useListState = _list.useListState;
+-exports.useSingleSelectListState = _list.useSingleSelectListState;
+-
+-var _menu = require("@react-stately/menu");
+-
+-exports.useMenuTriggerState = _menu.useMenuTriggerState;
+-
+-var _numberfield = require("@react-stately/numberfield");
+-
+-exports.useNumberFieldState = _numberfield.useNumberFieldState;
+-
+-var _overlays = require("@react-stately/overlays");
+-
+-exports.useOverlayTriggerState = _overlays.useOverlayTriggerState;
+-
+-var _radio = require("@react-stately/radio");
+-
+-exports.useRadioGroupState = _radio.useRadioGroupState;
+-
+-var _searchfield = require("@react-stately/searchfield");
+-
+-exports.useSearchFieldState = _searchfield.useSearchFieldState;
+-
+-var _select = require("@react-stately/select");
+-
+-exports.useSelectState = _select.useSelectState;
+-
+-var _slider = require("@react-stately/slider");
+-
+-exports.useSliderState = _slider.useSliderState;
+-
+-var _selection = require("@react-stately/selection");
+-
+-exports.useMultipleSelectionState = _selection.useMultipleSelectionState;
+-
+-var _table = require("@react-stately/table");
+-
+-exports.useTableState = _table.useTableState;
+-exports.TableHeader = _table.TableHeader;
+-exports.TableBody = _table.TableBody;
+-exports.Column = _table.Column;
+-exports.Row = _table.Row;
+-exports.Cell = _table.Cell;
+-
+-var _tabs = require("@react-stately/tabs");
+-
+-exports.useTabListState = _tabs.useTabListState;
+-
+-var _toggle = require("@react-stately/toggle");
+-
+-exports.useToggleState = _toggle.useToggleState;
+-
+-var _tooltip = require("@react-stately/tooltip");
+-
+-exports.useTooltipTriggerState = _tooltip.useTooltipTriggerState;
+-
+-var _tree = require("@react-stately/tree");
+-
+-exports.useTreeState = _tree.useTreeState;
++var _collections = require("@react-stately/collections"); exports.Item = _collections.Item; exports.Section = _collections.Section;
++var _menu = require("@react-stately/menu"); exports.useMenuTriggerState = _menu.useMenuTriggerState;
++var _overlays = require("@react-stately/overlays"); exports.useOverlayTriggerState = _overlays.useOverlayTriggerState;
++var _select = require("@react-stately/select"); exports.useSelectState = _select.useSelectState;
++var _slider = require("@react-stately/slider"); exports.useSliderState = _slider.useSliderState;
++var _tree = require("@react-stately/tree"); exports.useTreeState = _tree.useTreeState;
+diff --git a/dist/module.js b/dist/module.js
+index 37bdb24af4a8310cc702b2d9c1effe6aac261424..c098533fc2bbeb6b203d4350c2dcdd6e6663afd3 100644
+--- a/dist/module.js
++++ b/dist/module.js
+@@ -1,33 +1,7 @@
+-/*
+- * Copyright 2020 Adobe. All rights reserved.
+- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+- * you may not use this file except in compliance with the License. You may obtain a copy
+- * of the License at http://www.apache.org/licenses/LICENSE-2.0
+- *
+- * Unless required by applicable law or agreed to in writing, software distributed under
+- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+- * OF ANY KIND, either express or implied. See the License for the specific language
+- * governing permissions and limitations under the License.
+- */
+-
+-
+-export {useCalendarState, useRangeCalendarState} from '@react-stately/calendar';
+-export {useCheckboxGroupState} from '@react-stately/checkbox';
+-export {useComboBoxState} from '@react-stately/combobox';
+-export {useDateFieldState, useDatePickerState, useDateRangePickerState, useTimeFieldState} from '@react-stately/datepicker';
+-export {Item, Section, useCollection} from '@react-stately/collections';
+-export {useAsyncList, useListData, useTreeData} from '@react-stately/data';
+-export {useListState, useSingleSelectListState} from '@react-stately/list';
++// Slim barrel: only exports actually used
++export {Item, Section} from '@react-stately/collections';
+ export {useMenuTriggerState} from '@react-stately/menu';
+-export {useNumberFieldState} from '@react-stately/numberfield';
+ export {useOverlayTriggerState} from '@react-stately/overlays';
+-export {useRadioGroupState} from '@react-stately/radio';
+-export {useSearchFieldState} from '@react-stately/searchfield';
+ export {useSelectState} from '@react-stately/select';
+ export {useSliderState} from '@react-stately/slider';
+-export {useMultipleSelectionState} from '@react-stately/selection';
+-export {useTableState, TableHeader, TableBody, Column, Row, Cell} from '@react-stately/table';
+-export {useTabListState} from '@react-stately/tabs';
+-export {useToggleState} from '@react-stately/toggle';
+-export {useTooltipTriggerState} from '@react-stately/tooltip';
+ export {useTreeState} from '@react-stately/tree';

.yarn/patches/react-stately-npm-3.17.0-264cc7a43c.patch

@@ -0,0 +1,105 @@
+diff --git a/v4/classic/external.cjs b/v4/classic/external.cjs
+index ee133825d44ab44b86dd8aef6bd985653ebde06c..ea74468d20c2371f9c4d8941467e3b7fe93a00ef 100644
+--- a/v4/classic/external.cjs
++++ b/v4/classic/external.cjs
+@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
+     return (mod && mod.__esModule) ? mod : { "default": mod };
+ };
+ Object.defineProperty(exports, "__esModule", { value: true });
+-exports.coerce = exports.iso = exports.ZodISODuration = exports.ZodISOTime = exports.ZodISODate = exports.ZodISODateTime = exports.locales = exports.fromJSONSchema = exports.toJSONSchema = exports.NEVER = exports.util = exports.TimePrecision = exports.flattenError = exports.formatError = exports.prettifyError = exports.treeifyError = exports.regexes = exports.clone = exports.$brand = exports.$input = exports.$output = exports.config = exports.registry = exports.globalRegistry = exports.core = void 0;
++exports.coerce = exports.iso = exports.ZodISODuration = exports.ZodISOTime = exports.ZodISODate = exports.ZodISODateTime = exports.fromJSONSchema = exports.toJSONSchema = exports.NEVER = exports.util = exports.TimePrecision = exports.flattenError = exports.formatError = exports.prettifyError = exports.treeifyError = exports.regexes = exports.clone = exports.$brand = exports.$input = exports.$output = exports.config = exports.registry = exports.globalRegistry = exports.core = void 0;
+ exports.core = __importStar(require("../core/index.cjs"));
+ __exportStar(require("./schemas.cjs"), exports);
+ __exportStar(require("./checks.cjs"), exports);
+@@ -60,7 +60,7 @@ var json_schema_processors_js_1 = require("../core/json-schema-processors.cjs");
+ Object.defineProperty(exports, "toJSONSchema", { enumerable: true, get: function () { return json_schema_processors_js_1.toJSONSchema; } });
+ var from_json_schema_js_1 = require("./from-json-schema.cjs");
+ Object.defineProperty(exports, "fromJSONSchema", { enumerable: true, get: function () { return from_json_schema_js_1.fromJSONSchema; } });
+-exports.locales = __importStar(require("../locales/index.cjs"));
++// locales removed from barrel
+ // iso
+ // must be exported from top-level
+ // https://github.com/colinhacks/zod/issues/4491
+diff --git a/v4/classic/external.js b/v4/classic/external.js
+index 9567900bbb57099481c0ea5864fbf697d62021a5..98ee2af29038deca6c38c46c24d5fb14725e40f0 100644
+--- a/v4/classic/external.js
++++ b/v4/classic/external.js
+@@ -11,7 +11,7 @@ config(en());
+ export { globalRegistry, registry, config, $output, $input, $brand, clone, regexes, treeifyError, prettifyError, formatError, flattenError, TimePrecision, util, NEVER, } from "../core/index.js";
+ export { toJSONSchema } from "../core/json-schema-processors.js";
+ export { fromJSONSchema } from "./from-json-schema.js";
+-export * as locales from "../locales/index.js";
++// locales removed from barrel
+ // iso
+ // must be exported from top-level
+ // https://github.com/colinhacks/zod/issues/4491
+diff --git a/v4/core/index.cjs b/v4/core/index.cjs
+index c3fa303104a191d142a5212f69e7954cba3606a7..44bdc3437c6a88971c1c85b63024213880fe0fff 100644
+--- a/v4/core/index.cjs
++++ b/v4/core/index.cjs
+@@ -26,7 +26,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
+     return result;
+ };
+ Object.defineProperty(exports, "__esModule", { value: true });
+-exports.JSONSchema = exports.JSONSchemaGenerator = exports.toJSONSchema = exports.locales = exports.regexes = exports.util = void 0;
++exports.JSONSchema = exports.JSONSchemaGenerator = exports.toJSONSchema = exports.regexes = exports.util = void 0;
+ __exportStar(require("./core.cjs"), exports);
+ __exportStar(require("./parse.cjs"), exports);
+ __exportStar(require("./errors.cjs"), exports);
+@@ -35,7 +35,7 @@ __exportStar(require("./checks.cjs"), exports);
+ __exportStar(require("./versions.cjs"), exports);
+ exports.util = __importStar(require("./util.cjs"));
+ exports.regexes = __importStar(require("./regexes.cjs"));
+-exports.locales = __importStar(require("../locales/index.cjs"));
++// locales removed from barrel
+ __exportStar(require("./registries.cjs"), exports);
+ __exportStar(require("./doc.cjs"), exports);
+ __exportStar(require("./api.cjs"), exports);
+diff --git a/v4/core/index.js b/v4/core/index.js
+index d334515bf004600f2e55ff85e3730f1b2f2ff703..4ff979844ba18d012893064b01889bf70ec245c8 100644
+--- a/v4/core/index.js
++++ b/v4/core/index.js
+@@ -6,7 +6,7 @@ export * from "./checks.js";
+ export * from "./versions.js";
+ export * as util from "./util.js";
+ export * as regexes from "./regexes.js";
+-export * as locales from "../locales/index.js";
++// locales removed from barrel
+ export * from "./registries.js";
+ export * from "./doc.js";
+ export * from "./api.js";
+diff --git a/v4/mini/external.cjs b/v4/mini/external.cjs
+index 0d0079d94d94010b51abe23042418adbc6077b7f..fd3acb42a12dde65f383eb2c3f46a9108dd8c865 100644
+--- a/v4/mini/external.cjs
++++ b/v4/mini/external.cjs
+@@ -26,7 +26,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
+     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+ };
+ Object.defineProperty(exports, "__esModule", { value: true });
+-exports.coerce = exports.ZodMiniISODuration = exports.ZodMiniISOTime = exports.ZodMiniISODate = exports.ZodMiniISODateTime = exports.iso = exports.locales = exports.toJSONSchema = exports.NEVER = exports.util = exports.TimePrecision = exports.flattenError = exports.formatError = exports.prettifyError = exports.treeifyError = exports.regexes = exports.clone = exports.$brand = exports.$input = exports.$output = exports.config = exports.registry = exports.globalRegistry = exports.core = void 0;
++exports.coerce = exports.ZodMiniISODuration = exports.ZodMiniISOTime = exports.ZodMiniISODate = exports.ZodMiniISODateTime = exports.iso = exports.toJSONSchema = exports.NEVER = exports.util = exports.TimePrecision = exports.flattenError = exports.formatError = exports.prettifyError = exports.treeifyError = exports.regexes = exports.clone = exports.$brand = exports.$input = exports.$output = exports.config = exports.registry = exports.globalRegistry = exports.core = void 0;
+ exports.core = __importStar(require("../core/index.cjs"));
+ __exportStar(require("./parse.cjs"), exports);
+ __exportStar(require("./schemas.cjs"), exports);
+@@ -49,7 +49,7 @@ Object.defineProperty(exports, "util", { enumerable: true, get: function () { re
+ Object.defineProperty(exports, "NEVER", { enumerable: true, get: function () { return index_js_1.NEVER; } });
+ var json_schema_processors_js_1 = require("../core/json-schema-processors.cjs");
+ Object.defineProperty(exports, "toJSONSchema", { enumerable: true, get: function () { return json_schema_processors_js_1.toJSONSchema; } });
+-exports.locales = __importStar(require("../locales/index.cjs"));
++// locales removed from barrel
+ /** A special constant with type `never` */
+ // export const NEVER = {} as never;
+ // iso
+diff --git a/v4/mini/external.js b/v4/mini/external.js
+index d6523c153e213be110c21b370164b5eca1cdf744..7a1addf9ce6e331e56c943867bf04cf199745145 100644
+--- a/v4/mini/external.js
++++ b/v4/mini/external.js
+@@ -4,7 +4,7 @@ export * from "./schemas.js";
+ export * from "./checks.js";
+ export { globalRegistry, registry, config, $output, $input, $brand, clone, regexes, treeifyError, prettifyError, formatError, flattenError, TimePrecision, util, NEVER, } from "../core/index.js";
+ export { toJSONSchema } from "../core/json-schema-processors.js";
+-export * as locales from "../locales/index.js";
++// locales removed from barrel
+ /** A special constant with type `never` */
+ // export const NEVER = {} as never;
+ // iso

.yarn/patches/zod-npm-4.3.6-a096e305e6.patch

@@ -1,8 +1,8 @@
+import { FocusScope } from '@react-aria/focus';
 import type { IUpload } from '@rocket.chat/core-typings';
 import { css } from '@rocket.chat/css-in-js';
 import { Box, ButtonGroup, IconButton, Palette, PaletteStyleTag, Throbber, spacing } from '@rocket.chat/fuselage';
 import { useRef, useState } from 'react';
-import { FocusScope } from 'react-aria';
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 import { Navigation, Zoom, Keyboard, A11y } from 'swiper/modules/index.mjs';

apps/meteor/client/components/ImageGallery/ImageGallery.tsx

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from 'react-aria';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
 import { useTranslation } from 'react-i18next';
 
 const ResultsLiveRegion = ({ shouldAnnounce, itemCount }: { shouldAnnounce: boolean; itemCount: number }) => {

apps/meteor/client/components/ResultsLiveRegion.tsx

@@ -1,8 +1,8 @@
+import type { AriaDialogProps } from '@react-aria/dialog';
+import { useDialog } from '@react-aria/dialog';
 import { Box } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 import { useRef } from 'react';
-import type { AriaDialogProps } from 'react-aria';
-import { useDialog } from 'react-aria';
 
 type UserCardDialogProps = AriaDialogProps & ComponentProps<typeof Box>;
 

apps/meteor/client/components/UserCard/UserCardDialog.tsx

@@ -1,6 +1,6 @@
+import { FocusScope } from '@react-aria/focus';
 import { NavBarGroup, NavBarItem, Box } from '@rocket.chat/fuselage';
 import { useLayout, useRouter } from '@rocket.chat/ui-contexts';
-import { FocusScope } from 'react-aria';
 import { useTranslation } from 'react-i18next';
 
 import NavBarSearch from './NavBarSearch';

apps/meteor/client/navbar/NavBarNavigation.tsx

@@ -1,10 +1,11 @@
+import { useFocusManager } from '@react-aria/focus';
+import { useOverlayTrigger } from '@react-aria/overlays';
+import { useOverlayTriggerState } from '@react-stately/overlays';
 import { Box, Icon, IconButton, TextInput } from '@rocket.chat/fuselage';
 import { useEffectEvent, useMergedRefs } from '@rocket.chat/fuselage-hooks';
 import { useCallback, useEffect, useRef } from 'react';
-import { useFocusManager, useOverlayTrigger } from 'react-aria';
 import { FormProvider, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useOverlayTriggerState } from 'react-stately';
 import tinykeys from 'tinykeys';
 
 import NavBarSearchListBox from './NavBarSearchListbox';

apps/meteor/client/navbar/NavBarSearch/NavBarSearch.tsx

@@ -1,11 +1,11 @@
+import type { OverlayTriggerAria } from '@react-aria/overlays';
+import type { OverlayTriggerState } from '@react-stately/overlays';
 import { Box, Tile } from '@rocket.chat/fuselage';
 import { useDebouncedValue, useEffectEvent, useOutsideClick } from '@rocket.chat/fuselage-hooks';
 import { CustomScrollbars } from '@rocket.chat/ui-client';
 import { useRef } from 'react';
-import type { OverlayTriggerAria } from 'react-aria';
 import { useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import type { OverlayTriggerState } from 'react-stately';
 
 import NavBarSearchNoResults from './NavBarSearchNoResults';
 import NavBarSearchRow from './NavBarSearchRow';

apps/meteor/client/navbar/NavBarSearch/NavBarSearchListbox.tsx

@@ -1,5 +1,5 @@
+import type { OverlayTriggerState } from '@react-stately/overlays';
 import { useCallback } from 'react';
-import type { OverlayTriggerState } from 'react-stately';
 
 export const useSearchClick = (state: OverlayTriggerState) => {
 	const handleClick = useCallback(() => {