Isolate demo project to its own pnpm workspace

FormidableLabs · Nov 18, 2024 · c2bc5d1 · c2bc5d1
1 parent d2d5b63
commit c2bc5d1
Show file tree

Hide file tree

Showing 39 changed files with 2,974 additions and 1,627 deletions.
diff --git a/config/webpack/demo/webpack.config.dev.js b/config/webpack/demo/webpack.config.dev.js
diff --git a/config/webpack/demo/webpack.config.hot.js b/config/webpack/demo/webpack.config.hot.js
diff --git a/demo/ts/app.tsx b/demo/ts/app.tsx
@@ -1,68 +1,34 @@
 import * as React from "react";
-import * as ReactDOM from "react-dom";
 
 import AccessibilityDemo from "./components/accessibility-demo";
-import AnimationDemo from "./components/animation-demo";
-import AreaDemo from "./components/victory-area-demo";
-import AxisDemo from "./components/victory-axis-demo";
-import BarDemo from "./components/victory-bar-demo";
-import BoxPlotDemo from "./components/victory-box-plot-demo";
 import BrushContainerDemo from "./components/victory-brush-container-demo";
 import BrushLineDemo from "./components/victory-brush-line-demo";
-import CandlestickDemo from "./components/victory-candlestick-demo";
-import CanvasDemo from "./components/canvas-demo";
-import ChartDemo from "./components/victory-chart-demo";
 import CreateContainerDemo from "./components/create-container-demo";
 import CursorContainerDemo from "./components/victory-cursor-container-demo";
 import DraggableDemo from "./components/draggable-demo";
-import ErrorBarDemo from "./components/victory-errorbar-demo";
 import EventsDemo from "./components/events-demo";
 import ExternalEventsDemo from "./components/external-events-demo";
-import GroupDemo from "./components/group-demo";
-import HistogramDemo from "./components/victory-histogram-demo";
-import HorizontalDemo from "./components/horizontal-demo";
-import ImmutableDemo from "./components/immutable-demo";
 import LabelDemo from "./components/victory-label-demo";
 import LegendDemo from "./components/victory-legend-demo";
-import LineDemo from "./components/victory-line-demo";
-import PieDemo from "./components/victory-pie-demo";
 import PolarAxisDemo from "./components/victory-polar-axis-demo";
-import PrimitivesDemo from "./components/primitives-demo";
-import ScatterDemo from "./components/victory-scatter-demo";
 import SelectionDemo from "./components/selection-demo";
-import StackDemo from "./components/victory-stack-demo";
 import StackedThemeDemos from "./components/stacked-theme-demo";
-import TooltipDemo from "./components/victory-tooltip-demo";
-import VictoryDemo from "./components/victory-demo";
 import VictorySelectionContainerDemo from "./components/victory-selection-container-demo";
 import VictorySharedEventsDemo from "./components/victory-shared-events-demo";
 import VoronoiContainerDemo from "./components/victory-voronoi-container-demo";
-import VoronoiDemo from "./components/victory-voronoi-demo";
 import ZoomContainerDemo from "./components/victory-zoom-container-demo";
-import OuiaDemo from "./components/ouia-demo";
 import ThemeBuilder from "./components/theme-builder";
 
 const DEMO_ROUTES = {
   "/demo/accessibility": {
     component: AccessibilityDemo,
     name: "AccessibilityDemo",
   },
-  "/demo/animation": { component: AnimationDemo, name: "AnimationDemo" },
-  "/demo/area": { component: AreaDemo, name: "AreaDemo" },
-  "/demo/axis": { component: AxisDemo, name: "AxisDemo" },
-  "/demo/bar": { component: BarDemo, name: "BarDemo" },
-  "/demo/box-plot": { component: BoxPlotDemo, name: "BoxPlotDemo" },
   "/demo/brush-container": {
     component: BrushContainerDemo,
     name: "BrushContainerDemo",
   },
   "/demo/brush-line": { component: BrushLineDemo, name: "BrushLineDemo" },
-  "/demo/group": { component: GroupDemo, name: "GroupDemo" },
-  "/demo/horizontal": { component: HorizontalDemo, name: "HorizontalDemo" },
-  "/demo/histogram": { component: HistogramDemo, name: "HistogramDemo" },
-  "/demo/candlestick": { component: CandlestickDemo, name: "CandlestickDemo" },
-  "/demo/canvas": { component: CanvasDemo, name: "CanvasDemo" },
-  "/demo/chart": { component: ChartDemo, name: "ChartDemo" },
   "/demo/create-container": {
     component: CreateContainerDemo,
     name: "CreateContainerDemo",
@@ -72,28 +38,19 @@ const DEMO_ROUTES = {
     name: "CursorContainerDemo",
   },
   "/demo/draggable": { component: DraggableDemo, name: "DraggableDemo" },
-  "/demo/error-bar": { component: ErrorBarDemo, name: "ErrorBarDemo" },
   "/demo/events": { component: EventsDemo, name: "EventsDemo" },
   "/demo/external-events": {
     component: ExternalEventsDemo,
     name: "ExternalEventsDemo",
   },
-  "/demo/immutable": { component: ImmutableDemo, name: "ImmutableDemo" },
   "/demo/label": { component: LabelDemo, name: "LabelDemo" },
   "/demo/legend": { component: LegendDemo, name: "LegendDemo" },
-  "/demo/line": { component: LineDemo, name: "LineDemo" },
-  "/demo/pie": { component: PieDemo, name: "PieDemo" },
   "/demo/polar-axis": { component: PolarAxisDemo, name: "PolarAxisDemo" },
-  "/demo/primitives": { component: PrimitivesDemo, name: "PrimitivesDemo" },
-  "/demo/scatter": { component: ScatterDemo, name: "ScatterDemo" },
   "/demo/selection": { component: SelectionDemo, name: "SelectionDemo" },
-  "/demo/stack": { component: StackDemo, name: "StackDemo" },
   "/demo/stacked-theme": {
     component: StackedThemeDemos,
     name: "StackedThemeDemos",
   },
-  "/demo/tooltip": { component: TooltipDemo, name: "TooltipDemo" },
-  "/demo/victory": { component: VictoryDemo, name: "VictoryDemo" },
   "/demo/victory-selection-container": {
     component: VictorySelectionContainerDemo,
     name: "VictorySelectionContainerDemo",
@@ -102,7 +59,6 @@ const DEMO_ROUTES = {
     component: VictorySharedEventsDemo,
     name: "VictorySharedEventsDemo",
   },
-  "/demo/voronoi": { component: VoronoiDemo, name: "VoronoiDemo" },
   "/demo/voronoi-container": {
     component: VoronoiContainerDemo,
     name: "VoronoiContainerDemo",
@@ -111,7 +67,6 @@ const DEMO_ROUTES = {
     component: ZoomContainerDemo,
     name: "ZoomContainerDemo",
   },
-  "/demo/ouia": { component: OuiaDemo, name: "OuiaDemo" },
 };
 
 class Home extends React.Component {
@@ -199,7 +154,7 @@ const activeListItemStyle: React.CSSProperties = {
   backgroundColor: "#eee",
 };
 
-class App extends React.Component<any, AppState> {
+export class App extends React.Component<any, AppState> {
   constructor(props: any) {
     super(props);
 
@@ -288,6 +243,3 @@ class App extends React.Component<any, AppState> {
     );
   }
 }
-
-// eslint-disable-next-line react/no-deprecated
-ReactDOM.render(<App />, document.getElementById("content"));
diff --git a/demo/ts/components/accessibility-demo.tsx b/demo/ts/components/accessibility-demo.tsx
@@ -1,17 +1,17 @@
 import React from "react";
 import isNumber from "lodash/isNumber";
-import { VictoryGroup } from "victory-group";
-import { VictoryStack } from "victory-stack";
-import { VictoryChart } from "victory-chart";
-import { VictoryScatter } from "victory-scatter";
-import { VictoryBoxPlot } from "victory-box-plot";
-import { VictoryBar, Bar } from "victory-bar";
-import { VictoryPie, Slice } from "victory-pie";
-import { VictoryArea, Area } from "victory-area";
-import { VictoryLine, Curve } from "victory-line";
-import { VictoryVoronoi, Voronoi } from "victory-voronoi";
-import { ErrorBar, VictoryErrorBar } from "victory-errorbar";
-import { Candle, VictoryCandlestick } from "victory-candlestick";
+import { VictoryGroup } from "victory";
+import { VictoryStack } from "victory";
+import { VictoryChart } from "victory";
+import { VictoryScatter } from "victory";
+import { VictoryBoxPlot } from "victory";
+import { VictoryBar, Bar } from "victory";
+import { VictoryPie, Slice } from "victory";
+import { VictoryArea, Area } from "victory";
+import { VictoryLine, Curve } from "victory";
+import { VictoryVoronoi, Voronoi } from "victory";
+import { ErrorBar, VictoryErrorBar } from "victory";
+import { Candle, VictoryCandlestick } from "victory";
 import {
   LineSegment,
   Whisker,
@@ -20,7 +20,7 @@ import {
   VictoryLabel,
   VictoryAccessibleGroup,
   VictoryTheme,
-} from "victory-core";
+} from "victory";
 import {
   accessibilityBarData,
   accessibilityBoxData,

diff --git a/demo/ts/components/create-container-demo.tsx b/demo/ts/components/create-container-demo.tsx
@@ -1,15 +1,15 @@
 import React from "react";
 import round from "lodash/round";
-import { VictoryChart } from "victory-chart";
-import { VictoryStack } from "victory-stack";
-import { VictoryGroup } from "victory-group";
-import { ContainerType, createContainer } from "victory-create-container";
-import { VictoryBar } from "victory-bar";
-import { VictoryLine } from "victory-line";
-import { VictoryScatter } from "victory-scatter";
-import { VictoryTooltip } from "victory-tooltip";
-import { VictoryLegend } from "victory-legend";
-import { VictoryTheme } from "victory-core";
+import { VictoryChart } from "victory";
+import { VictoryStack } from "victory";
+import { VictoryGroup } from "victory";
+import { ContainerType, createContainer } from "victory";
+import { VictoryBar } from "victory";
+import { VictoryLine } from "victory";
+import { VictoryScatter } from "victory";
+import { VictoryTooltip } from "victory";
+import { VictoryLegend } from "victory";
+import { VictoryTheme } from "victory";
 
 const themeColors = VictoryTheme.clean.palette?.colors || {};
 

diff --git a/demo/ts/components/draggable-demo.tsx b/demo/ts/components/draggable-demo.tsx
@@ -1,18 +1,18 @@
 import React from "react";
-import { VictoryChart } from "victory-chart";
-import { VictoryAxis } from "victory-axis";
-import { VictoryBar } from "victory-bar";
-import { VictoryBrushLine } from "victory-brush-line";
-import { VictoryScatter } from "victory-scatter";
+import { VictoryChart } from "victory";
+import { VictoryAxis } from "victory";
+import { VictoryBar } from "victory";
+import { VictoryBrushLine } from "victory";
+import { VictoryScatter } from "victory";
 import {
   DomainTuple,
   VictoryClipContainer,
   Point,
   Selection,
   VictoryTheme,
-} from "victory-core";
-import { VictoryZoomContainer } from "victory-zoom-container";
-import { VictoryBrushContainer } from "victory-brush-container";
+} from "victory";
+import { VictoryZoomContainer } from "victory";
+import { VictoryBrushContainer } from "victory";
 
 type BarDataType = {
   name: string;

diff --git a/demo/ts/components/events-demo.tsx b/demo/ts/components/events-demo.tsx
@@ -1,10 +1,10 @@
 import React from "react";
-import { VictoryChart } from "victory-chart";
-import { VictoryStack } from "victory-stack";
-import { VictoryArea } from "victory-area";
-import { VictoryBar, VictoryBarTTargetType } from "victory-bar";
-import { VictoryLine } from "victory-line";
-import { VictoryTheme, VictoryLabel, VictoryThemePalette } from "victory-core";
+import { VictoryChart } from "victory";
+import { VictoryStack } from "victory";
+import { VictoryArea } from "victory";
+import { VictoryBar, VictoryBarTTargetType } from "victory";
+import { VictoryLine } from "victory";
+import { VictoryTheme, VictoryLabel, VictoryThemePalette } from "victory";
 
 class EventsDemo extends React.Component {
   render() {

diff --git a/demo/ts/components/external-events-demo.tsx b/demo/ts/components/external-events-demo.tsx
@@ -1,13 +1,13 @@
 import React from "react";
-import { VictoryChart } from "victory-chart";
-import { VictoryStack } from "victory-stack";
-import { VictoryArea } from "victory-area";
-import { VictoryBar } from "victory-bar";
-import { VictoryLine } from "victory-line";
-import { VictoryZoomContainer } from "victory-zoom-container";
-import { VictoryVoronoiContainer } from "victory-voronoi-container";
+import { VictoryChart } from "victory";
+import { VictoryStack } from "victory";
+import { VictoryArea } from "victory";
+import { VictoryBar } from "victory";
+import { VictoryLine } from "victory";
+import { VictoryZoomContainer } from "victory";
+import { VictoryVoronoiContainer } from "victory";
 import range from "lodash/range";
-import { VictoryTheme, VictoryThemePalette } from "victory-core";
+import { VictoryTheme, VictoryThemePalette } from "victory";
 
 const themeColors: VictoryThemePalette =
   VictoryTheme.clean.palette?.colors || {};

diff --git a/demo/ts/components/selection-demo.tsx b/demo/ts/components/selection-demo.tsx
@@ -1,14 +1,14 @@
 import React from "react";
-import { VictoryChart } from "victory-chart";
-import { VictoryStack } from "victory-stack";
-import { VictoryGroup } from "victory-group";
-import { VictoryBar } from "victory-bar";
-import { VictoryLine } from "victory-line";
-import { VictoryScatter } from "victory-scatter";
-import { VictorySelectionContainer } from "victory-selection-container";
-import { VictoryLegend } from "victory-legend";
-import { VictoryTooltip } from "victory-tooltip";
-import { VictoryStyleInterface, VictoryTheme } from "victory-core";
+import { VictoryChart } from "victory";
+import { VictoryStack } from "victory";
+import { VictoryGroup } from "victory";
+import { VictoryBar } from "victory";
+import { VictoryLine } from "victory";
+import { VictoryScatter } from "victory";
+import { VictorySelectionContainer } from "victory";
+import { VictoryLegend } from "victory";
+import { VictoryTooltip } from "victory";
+import { VictoryStyleInterface, VictoryTheme } from "victory";
 
 const themeColors = VictoryTheme.clean.palette?.colors || {};
 const {