Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Isolate demo project to its own pnpm workspace #2976

Closed
wants to merge 3 commits into from
Closed

Isolate demo project to its own pnpm workspace #2976

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c2bc5d1
Isolate demo project to its own pnpm workspace
carbonrobot Nov 18, 2024
dbfc925
Update lockfile
carbonrobot Nov 18, 2024
28d39b1
Update deps
carbonrobot Nov 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 0 additions & 77 deletions config/webpack/demo/webpack.config.dev.js
View file
Open in desktop

This file was deleted.

24 changes: 0 additions & 24 deletions config/webpack/demo/webpack.config.hot.js
View file
Open in desktop

This file was deleted.

50 changes: 1 addition & 49 deletions demo/ts/app.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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",
Expand All @@ -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",
Expand All @@ -102,7 +59,6 @@ const DEMO_ROUTES = {
component: VictorySharedEventsDemo,
name: "VictorySharedEventsDemo",
},
"/demo/voronoi": { component: VoronoiDemo, name: "VoronoiDemo" },
"/demo/voronoi-container": {
component: VoronoiContainerDemo,
name: "VoronoiContainerDemo",
Expand All @@ -111,7 +67,6 @@ const DEMO_ROUTES = {
component: ZoomContainerDemo,
name: "ZoomContainerDemo",
},
"/demo/ouia": { component: OuiaDemo, name: "OuiaDemo" },
};

class Home extends React.Component {
Expand Down Expand Up @@ -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);

Expand Down Expand Up @@ -288,6 +243,3 @@ class App extends React.Component<any, AppState> {
);
}
}

// eslint-disable-next-line react/no-deprecated
ReactDOM.render(<App />, document.getElementById("content"));
26 changes: 13 additions & 13 deletions demo/ts/components/accessibility-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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,
Expand All @@ -20,7 +20,7 @@ import {
VictoryLabel,
VictoryAccessibleGroup,
VictoryTheme,
} from "victory-core";
} from "victory";
import {
accessibilityBarData,
accessibilityBoxData,
Expand Down
20 changes: 10 additions & 10 deletions demo/ts/components/create-container-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 || {};

Expand Down
16 changes: 8 additions & 8 deletions demo/ts/components/draggable-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
Expand Down
12 changes: 6 additions & 6 deletions demo/ts/components/events-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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() {
Expand Down
16 changes: 8 additions & 8 deletions demo/ts/components/external-events-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 || {};
Expand Down
20 changes: 10 additions & 10 deletions demo/ts/components/selection-demo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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 {
Expand Down
Loading
Loading