chore: Move Separator component to UI directory

apptension · Jan 28, 2025 · b5640b1 · b5640b1
1 parent 5315a45
commit b5640b1
Show file tree

Hide file tree

Showing 12 changed files with 38 additions and 40 deletions.
diff --git a/packages/webapp-libs/webapp-core/src/components/pageHeadline/pageHeadline.component.tsx b/packages/webapp-libs/webapp-core/src/components/pageHeadline/pageHeadline.component.tsx
@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 
 import { BackButton } from '../buttons/backButton';
-import { Separator } from '../separator';
 import { H3, Paragraph } from '../typography';
+import { Separator } from '../ui/separator';
 
 export type PageHeadlineProps = {
   hasBackButton?: boolean;

diff --git a/packages/webapp-libs/webapp-core/src/components/separator/index.ts b/packages/webapp-libs/webapp-core/src/components/separator/index.ts
diff --git a/...omponents/separator/separator.stories.tsx → ...ents/ui/__stories__/separator.stories.tsx b/...omponents/separator/separator.stories.tsx → ...ents/ui/__stories__/separator.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryFn, StoryObj } from '@storybook/react';
 
-import { Separator } from './separator.component';
+import { Separator } from '../separator';
 
 const Template: StoryFn = () => {
   return (
@@ -11,7 +11,7 @@ const Template: StoryFn = () => {
 };
 
 const meta: Meta = {
-  title: 'Core / Separator',
+  title: 'Core / UI / Separator',
   component: Template,
 };
 

diff --git a/...or/__tests__/separator.component.spec.tsx → ...ui/__tests__/separator.component.spec.tsx b/...or/__tests__/separator.component.spec.tsx → ...ui/__tests__/separator.component.spec.tsx
@@ -1,9 +1,9 @@
 import { screen } from '@testing-library/react';
 
 import { render } from '../../../tests/utils/rendering';
-import { Separator } from '../separator.component';
+import { Separator } from '../separator';
 
-describe('Separator: Component', () => {
+describe('UI/Separator: Component', () => {
   it('should render', async () => {
     render(<Separator />);
 

diff --git a/...ponents/separator/separator.component.tsx → ...bapp-core/src/components/ui/separator.tsx b/...ponents/separator/separator.component.tsx → ...bapp-core/src/components/ui/separator.tsx
@@ -1,15 +1,14 @@
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as React from 'react';
 
-import { cn } from '../../lib/utils';
+import { cn } from '@sb/webapp-core/lib/utils';
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
 >(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (
   <SeparatorPrimitive.Root
     ref={ref}
-    data-testid="Separator"
     decorative={decorative}
     orientation={orientation}
     className={cn('bg-border shrink-0', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className)}

diff --git a/...p-crud-demo/src/routes/crudDemoItem/crudDemoItemDetails/crudDemoItemDetails.component.tsx b/...p-crud-demo/src/routes/crudDemoItem/crudDemoItemDetails/crudDemoItemDetails.component.tsx
@@ -2,7 +2,7 @@ import { useQuery } from '@apollo/client';
 import { gql } from '@sb/webapp-api-client/graphql';
 import { PageHeadline } from '@sb/webapp-core/components/pageHeadline';
 import { PageLayout } from '@sb/webapp-core/components/pageLayout';
-import { Separator } from '@sb/webapp-core/components/separator';
+import { Separator } from '@sb/webapp-core/components/ui/separator';
 import { Skeleton } from '@sb/webapp-core/components/ui/skeleton';
 import { useCurrentTenant } from '@sb/webapp-tenants/providers';
 import { useParams } from 'react-router';

diff --git a/.../webapp-crud-demo/src/routes/crudDemoItem/editCrudDemoItem/editCrudDemoItem.component.tsx b/.../webapp-crud-demo/src/routes/crudDemoItem/editCrudDemoItem/editCrudDemoItem.component.tsx
@@ -1,7 +1,7 @@
 import { useMutation, useQuery } from '@apollo/client';
 import { PageHeadline } from '@sb/webapp-core/components/pageHeadline';
 import { PageLayout } from '@sb/webapp-core/components/pageLayout';
-import { Separator } from '@sb/webapp-core/components/separator';
+import { Separator } from '@sb/webapp-core/components/ui/separator';
 import { Skeleton } from '@sb/webapp-core/components/ui/skeleton';
 import { useGenerateLocalePath } from '@sb/webapp-core/hooks';
 import { trackEvent } from '@sb/webapp-core/services/analytics';

diff --git a/...c/components/stripe/stripePaymentMethodSelector/stripePaymentMethodSelector.component.tsx b/...c/components/stripe/stripePaymentMethodSelector/stripePaymentMethodSelector.component.tsx
@@ -3,7 +3,7 @@ import { StripeSubscriptionQueryQuery } from '@sb/webapp-api-client';
 import { Button, RadioButton } from '@sb/webapp-core/components/buttons';
 import { FormItem, FormLabel, FormMessage } from '@sb/webapp-core/components/forms';
 import { RadioGroup } from '@sb/webapp-core/components/forms/radioGroup';
-import { Separator } from '@sb/webapp-core/components/separator';
+import { Separator } from '@sb/webapp-core/components/ui/separator';
 import { Skeleton } from '@sb/webapp-core/components/ui/skeleton';
 import { mapConnection } from '@sb/webapp-core/utils/graphql';
 import { useCurrentTenant } from '@sb/webapp-tenants/providers';

diff --git a/...es/webapp-libs/webapp-notifications/src/notificationsList/notificationsList.component.tsx b/...es/webapp-libs/webapp-notifications/src/notificationsList/notificationsList.component.tsx
@@ -1,8 +1,8 @@
 import { FragmentType, getFragmentData } from '@sb/webapp-api-client/graphql';
 import { Button, ButtonVariant } from '@sb/webapp-core/components/buttons';
 import { EmptyState } from '@sb/webapp-core/components/emptyState';
-import { Separator } from '@sb/webapp-core/components/separator';
 import { H4 } from '@sb/webapp-core/components/typography';
+import { Separator } from '@sb/webapp-core/components/ui/separator';
 import { Skeleton } from '@sb/webapp-core/components/ui/skeleton';
 import { CheckCheck } from 'lucide-react';
 import { isEmpty } from 'ramda';

diff --git a/packages/webapp/src/shared/components/auth/addTwoFactorAuth/addTwoFactorAuth.component.tsx b/packages/webapp/src/shared/components/auth/addTwoFactorAuth/addTwoFactorAuth.component.tsx
@@ -3,8 +3,8 @@ import { useApiForm } from '@sb/webapp-api-client/hooks';
 import { useCommonQuery } from '@sb/webapp-api-client/providers';
 import { Button, ButtonVariant } from '@sb/webapp-core/components/buttons';
 import { Input } from '@sb/webapp-core/components/forms';
-import { Separator } from '@sb/webapp-core/components/separator';
 import { H1, H4, Paragraph, Small } from '@sb/webapp-core/components/typography';
+import { Separator } from '@sb/webapp-core/components/ui/separator';
 import { trackEvent } from '@sb/webapp-core/services/analytics';
 import { useToast } from '@sb/webapp-core/toast/useToast';
 import * as QRCode from 'qrcode';

diff --git a/packages/webapp/src/shared/components/layout/sidebar/sidebar.component.tsx b/packages/webapp/src/shared/components/layout/sidebar/sidebar.component.tsx
@@ -1,8 +1,8 @@
 import { TenantUserRole } from '@sb/webapp-api-client';
 import { Link } from '@sb/webapp-core/components/buttons';
 import { buttonVariants } from '@sb/webapp-core/components/buttons/button/button.styles';
-import { Separator } from '@sb/webapp-core/components/separator';
 import { Alert, AlertDescription, AlertTitle } from '@sb/webapp-core/components/ui/alert';
+import { Separator } from '@sb/webapp-core/components/ui/separator';
 import { useGenerateLocalePath, useMediaQuery } from '@sb/webapp-core/hooks';
 import { cn } from '@sb/webapp-core/lib/utils';
 import { media } from '@sb/webapp-core/theme';

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml