Merge pull request #2065 from dxc-technology/gomezivann/data-visualiz…

…ation New Data visualization page
dxc-technology · Aug 9, 2024 · f8ea611 · f8ea611
2 parents 99edeb7 + dbf6e3b
commit f8ea611
Show file tree

Hide file tree

Showing 32 changed files with 517 additions and 824 deletions.
diff --git a/apps/website/next.config.js b/apps/website/next.config.js
@@ -13,10 +13,17 @@ module.exports = {
     return config;
   },
   reactStrictMode: true,
-  assetPrefix: process.env.NODE_ENV === "production" ? `/halstack/${process.env.NEXT_PUBLIC_SITE_VERSION?.split(".")[0]}` : undefined,
-  basePath: process.env.NODE_ENV === "production" ? `/halstack/${process.env.NEXT_PUBLIC_SITE_VERSION?.split(".")[0]}` : undefined,
+  assetPrefix:
+    process.env.NODE_ENV === "production"
+      ? `/halstack/${process.env.NEXT_PUBLIC_SITE_VERSION?.split(".")[0]}`
+      : undefined,
+  basePath:
+    process.env.NODE_ENV === "production"
+      ? `/halstack/${process.env.NEXT_PUBLIC_SITE_VERSION?.split(".")[0]}`
+      : undefined,
   transpilePackages: [
     "@cloudscape-design/components",
     "@cloudscape-design/component-toolkit",
+    "@cloudscape-design/theming-runtime",
   ],
 };
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -8,6 +8,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@cloudscape-design/components": "^3.0.706",
     "@dxc-technology/halstack-react": "*",
     "@radix-ui/react-popover": "^1.0.7",
     "@types/styled-components": "5.1.29",

diff --git a/apps/website/pages/components/bar-chart/index.tsx b/apps/website/pages/components/bar-chart/index.tsx
diff --git a/apps/website/pages/components/bar-chart/specifications.tsx b/apps/website/pages/components/bar-chart/specifications.tsx
diff --git a/apps/website/pages/components/bar-chart/usage.tsx b/apps/website/pages/components/bar-chart/usage.tsx
diff --git a/apps/website/pages/principles/data-visualization.tsx b/apps/website/pages/principles/data-visualization.tsx
@@ -0,0 +1,15 @@
+import Head from "next/head";
+import DataVisualizationPage from "../../screens/principles/data-visualization/DataVisualizationPage";
+
+const DataVisualization = () => {
+  return (
+    <>
+      <Head>
+        <title>Data visualization — Halstack Design System</title>
+      </Head>
+      <DataVisualizationPage></DataVisualizationPage>
+    </>
+  );
+};
+
+export default DataVisualization;
diff --git a/apps/website/screens/common/componentsList.json b/apps/website/screens/common/componentsList.json
@@ -11,11 +11,6 @@
     "path": "/components/badge",
     "status": "new"
   },
-  {
-    "label": "Bar Chart",
-    "path": "/components/bar-chart",
-    "status": "new"
-  },
   { "label": "Bleed", "path": "/components/bleed", "status": "stable" },
   { "label": "Box", "path": "/components/box", "status": "deprecated" },
   {

diff --git a/apps/website/screens/common/pagesList.ts b/apps/website/screens/common/pagesList.ts
@@ -34,6 +34,7 @@ const utilitiesLinks: LinkDetails[] = [
 
 const principlesLinks: LinkDetails[] = [
   { label: "Color", path: "/principles/color" },
+  { label: "Data visualization", path: "/principles/data-visualization" },
   { label: "Iconography", path: "/principles/iconography" },
   { label: "Layout", path: "/principles/layout" },
   { label: "Localization", path: "/principles/localization" },

diff --git a/apps/website/screens/components/bar-chart/BarChartPageLayout.tsx b/apps/website/screens/components/bar-chart/BarChartPageLayout.tsx
diff --git a/apps/website/screens/components/bar-chart/code/BarChartCodePage.tsx b/apps/website/screens/components/bar-chart/code/BarChartCodePage.tsx