Move folder structure

packages/ui-components/src/components/charts/BusterChartErrorWrapper.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { ReactNode } from 'react';
-import { ErrorBoundary } from '../error/ErrorBoundary';
+import { ErrorBoundary } from './OtherComponents/error/ErrorBoundary';
 
 interface Props {
   children: ReactNode;

packages/ui-components/src/components/charts/BusterChartLegend/BusterChartLegend.tsx

@@ -3,7 +3,7 @@
 import { useMemoizedFn } from '@/hooks/useMemoizedFn';
 import { AnimatePresence, motion } from 'framer-motion';
 import React, { useMemo, useRef } from 'react';
-import { ErrorBoundary } from '../../error';
+import { ErrorBoundary } from '../OtherComponents/error';
 import { LegendItem } from './LegendItem';
 import { OverflowButton } from './OverflowContainer';
 import { computeHiddenShowItems } from './helpers';

packages/ui-components/src/components/charts/BusterChartLegend/BusterChartLegendWrapper.tsx

@@ -2,7 +2,7 @@ import { cn } from '@/lib/classMerge';
 import type { ShowLegendHeadline } from '@buster/server-shared/metrics';
 import React from 'react';
 import { BusterChartLegend, type BusterChartLegendItem } from '.';
-import CircleSpinnerLoader from '../../loaders/CircleSpinnerLoader';
+import CircleSpinnerLoader from '../OtherComponents/loaders/CircleSpinnerLoader';
 import {
   ChartLegendWrapperProvider,
   useChartWrapperContextSelector,

packages/ui-components/src/components/charts/BusterChartLegend/DownsampleAlert.tsx

@@ -1,7 +1,7 @@
 import { cn } from '@/lib/classMerge';
 import type React from 'react';
 
-import TriangleWarning from '../TextComponents/TriangleWarning';
+import TriangleWarning from '../OtherComponents/TriangleWarning';
 import { DOWNSIZE_SAMPLE_THRESHOLD } from '../config';
 
 export const DownsampleAlert: React.FC<{ isDownsampled: boolean }> = ({ isDownsampled }) => {

packages/ui-components/src/components/charts/BusterChartLegend/LegendDot.tsx

@@ -2,7 +2,7 @@ import { useMemoizedFn } from '@/hooks/useMemoizedFn';
 import { cn } from '@/lib/classMerge';
 import { type VariantProps, cva } from 'class-variance-authority';
 import React, { useMemo } from 'react';
-import Target from '../TextComponents/Target';
+import Target from '../OtherComponents/Target';
 import type { BusterChartLegendItem } from './interfaces';
 
 const itemVariants = cva(

packages/ui-components/src/components/charts/BusterChartLegend/OverflowContainer.tsx

@@ -1,7 +1,7 @@
 import { cn } from '@/lib/classMerge';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import React from 'react';
-import { Popover } from '../../popover/Popover';
+import { Popover } from '../OtherComponents/popover/Popover';
 import { LegendItemDot } from './LegendDot';
 import { LegendItem } from './LegendItem';
 import type { BusterChartLegendItem, BusterChartLegendProps } from './interfaces';

packages/ui-components/src/components/charts/LoadingComponents/ChartLoadingComponents.tsx

@@ -1,6 +1,6 @@
 import { cn } from '@/lib/classMerge';
 import type React from 'react';
-import { ShimmerText } from '../../typography/ShimmerText';
+import { ShimmerText } from '../OtherComponents/ShimmerText';
 
 export const PreparingYourRequestLoader: React.FC<{
   className?: string;

packages/ui-components/src/components/table/AppDataGrid/TanStackDataGrid/DataGridHeader.tsx

@@ -5,7 +5,6 @@ import { flexRender } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 import type React from 'react';
 import type { CSSProperties } from 'react';
-import { Text } from '../../../typography/Text';
 import { useSortColumnContext } from './SortColumnWrapper';
 import { HEADER_HEIGHT } from './constants';
 import CaretDown from './icons/caret-down';

packages/ui-components/src/components/typography/TriangleWarning.tsx

@@ -1,33 +0,0 @@
-function triangleWarning(props: { strokewidth?: number }) {
-  const strokewidth = props.strokewidth || 1.3;
-
-  return (
-    <svg height='1em' width='1em' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'>
-      <title>Triangle Warning</title>
-      <g fill='currentColor'>
-        <path
-          d='M7.638,3.495L2.213,12.891c-.605,1.048,.151,2.359,1.362,2.359H14.425c1.211,0,1.967-1.31,1.362-2.359L10.362,3.495c-.605-1.048-2.119-1.048-2.724,0Z'
-          fill='none'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth={strokewidth}
-        />
-        <path
-          d='M9 6.5L9 10'
-          fill='none'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth={strokewidth}
-        />
-        <path
-          d='M9,13.569c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'
-          fill='currentColor'
-        />
-      </g>
-    </svg>
-  );
-}
-
-export default triangleWarning;

packages/ui-components/src/components/typography/XMark.tsx

@@ -1,35 +0,0 @@
-function xmark(props: { strokewidth?: number }) {
-  const strokewidth = props.strokewidth || 1.3;
-
-  return (
-    <svg
-      height='1em'
-      width='1em'
-      viewBox='0 0 18 18'
-      xmlns='http://www.w3.org/2000/svg'
-      aria-label='Close'
-    >
-      <title>Close</title>
-      <g fill='currentColor'>
-        <path
-          d='M14 4L4 14'
-          fill='none'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth={strokewidth}
-        />
-        <path
-          d='M4 4L14 14'
-          fill='none'
-          stroke='currentColor'
-          strokeLinecap='round'
-          strokeLinejoin='round'
-          strokeWidth={strokewidth}
-        />
-      </g>
-    </svg>
-  );
-}
-
-export default xmark;

packages/ui-components/vite.config.ts

@@ -1,4 +1,5 @@
 import { resolve } from 'node:path';
+// @ts-ignore - TypeScript can't resolve .d.mts files properly
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';