chore: Move PageScrollableContent to ui-client package

apps/meteor/client/components/Contextualbar/ContextualbarScrollableContent.tsx

@@ -1,10 +1,8 @@
 import { Margins } from '@rocket.chat/fuselage';
-import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
+import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn, PageScrollableContent } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
 import { forwardRef, memo } from 'react';
 
-import { PageScrollableContent } from '../Page';
-
 const ContextualbarScrollableContent = forwardRef<HTMLElement, ComponentProps<typeof PageScrollableContent>>(
 	function ContextualbarScrollableContent({ children, ...props }, ref) {
 		return (

apps/meteor/client/components/Page/Page.stories.tsx

@@ -1,8 +1,9 @@
 import { Box, Button, ButtonGroup } from '@rocket.chat/fuselage';
+import { PageScrollableContent } from '@rocket.chat/ui-client';
 import type { Meta, StoryFn } from '@storybook/react';
 import type { ComponentType } from 'react';
 
-import { Page, PageContent, PageHeader, PageScrollableContent, PageScrollableContentWithShadow } from '.';
+import { Page, PageContent, PageHeader, PageScrollableContentWithShadow } from '.';
 
 export default {
 	component: Page,

apps/meteor/client/components/Page/PageScrollableContentWithShadow.tsx

@@ -1,8 +1,8 @@
+import { PageScrollableContent } from '@rocket.chat/ui-client';
 import type { ComponentPropsWithoutRef } from 'react';
 import { useContext } from 'react';
 
 import PageContext from './PageContext';
-import PageScrollableContent from './PageScrollableContent';
 
 type PageScrollableContentWithShadowProps = ComponentPropsWithoutRef<typeof PageScrollableContent>;
 

apps/meteor/client/components/Page/index.ts

@@ -2,5 +2,4 @@ export { default as Page } from './Page';
 export { default as PageContent } from './PageContent';
 export { default as PageFooter } from './PageFooter';
 export { default as PageHeader } from './PageHeader';
-export { default as PageScrollableContent } from './PageScrollableContent';
 export { default as PageScrollableContentWithShadow } from './PageScrollableContentWithShadow';

apps/meteor/client/views/admin/engagementDashboard/EngagementDashboardPage.tsx

@@ -1,12 +1,13 @@
 import { Box, Select, Tabs } from '@rocket.chat/fuselage';
+import { PageScrollableContent } from '@rocket.chat/ui-client';
 import type { ReactElement } from 'react';
 import { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ChannelsTab from './channels/ChannelsTab';
 import MessagesTab from './messages/MessagesTab';
 import UsersTab from './users/UsersTab';
-import { Page, PageHeader, PageScrollableContent } from '../../../components/Page';
+import { Page, PageHeader } from '../../../components/Page';
 
 type EngagementDashboardPageProps = {
 	tab: 'users' | 'messages' | 'channels';

apps/meteor/client/views/home/DefaultHomePage.tsx

@@ -1,4 +1,5 @@
 import { Box, CardGroup } from '@rocket.chat/fuselage';
+import { PageScrollableContent } from '@rocket.chat/ui-client';
 import { useAtLeastOnePermission, useSetting, useTranslation, useRole, usePermission } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
 
@@ -11,7 +12,6 @@ import DocumentationCard from './cards/DocumentationCard';
 import JoinRoomsCard from './cards/JoinRoomsCard';
 import MobileAppsCard from './cards/MobileAppsCard';
 import Page from '../../components/Page/Page';
-import PageScrollableContent from '../../components/Page/PageScrollableContent';
 
 const CREATE_CHANNEL_PERMISSIONS = ['create-c', 'create-p'];
 

apps/meteor/client/views/marketplace/AppInstallPage.tsx

@@ -1,10 +1,11 @@
 import { Button, ButtonGroup, Field, FieldGroup, FieldLabel, FieldRow, TextInput } from '@rocket.chat/fuselage';
+import { PageScrollableContent } from '@rocket.chat/ui-client';
 import { useTranslation, useRouter } from '@rocket.chat/ui-contexts';
 import { useCallback, useId } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 
 import { useInstallApp } from './hooks/useInstallApp';
-import { Page, PageHeader, PageScrollableContent } from '../../components/Page';
+import { Page, PageHeader } from '../../components/Page';
 import { useSingleFileInput } from '../../hooks/useSingleFileInput';
 
 const AppInstallPage = () => {

apps/meteor/client/components/Page/PageScrollableContent.tsx → packages/ui-client/src/components/Page/PageScrollableContent.tsx

@@ -1,9 +1,10 @@
 import { Box } from '@rocket.chat/fuselage';
-import type { OverlayScrollbars } from '@rocket.chat/ui-client';
-import { CustomScrollbars } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
 import { forwardRef } from 'react';
 
+import type { OverlayScrollbars } from '../CustomScrollbars';
+import { CustomScrollbars } from '../CustomScrollbars';
+
 type PageScrollableContentProps = {
 	onScroll?: (args: OverlayScrollbars) => void;
 } & Omit<ComponentProps<typeof Box>, 'onScroll'>;

packages/ui-client/src/components/Page/index.ts

@@ -0,0 +1 @@
+export { default as PageScrollableContent } from './PageScrollableContent';

packages/ui-client/src/components/index.ts

@@ -18,3 +18,4 @@ export * from './GenericMenu';
 export * from './Modal';
 export * from './Wizard';
 export * from './CustomScrollbars';
+export * from './Page';