Version Packages

[md][datahub] updated links from portaljs.org to portaljs.com

README.md

@@ -1,31 +1,25 @@
-<h1 align="center">
-  <a href="https://datahub.io/">
-    <img alt="datahub" src="http://datahub.io/datahub-cube.svg" width="146">
-  </a>
-</h1>
-
 <p align="center">
-  Bugs, issues and suggestions re DataHub Cloud ☁️ and DataHub OpenSource 🌀
+  Bugs, issues and suggestions re PortalJS framework
   <br />
   <br /><a href="https://discord.gg/xfFDMPU9dC"><img src="https://dcbadge.vercel.app/api/server/xfFDMPU9dC" /></a>
 </p>
 
-## DataHub
+## PortalJS framework
 
-This repo and issue tracker are for 
+This repo and issue tracker are for
 
+- PortalJS 🌀 - https://www.portaljs.com/
 - DataHub Cloud ☁️ - https://datahub.io/
-- DataHub 🌀 - https://datahub.io/opensource
 
 ### Issues
 
-Found a bug: 👉 https://github.com/datopian/datahub/issues/new
+Found a bug: 👉 https://github.com/datopian/portaljs/issues/new
 
 ### Discussions
 
 Got a suggestion, a question, want some support or just want to shoot the breeze 🙂
 
-Head to the discussion forum: 👉 https://github.com/datopian/datahub/discussions
+Head to the discussion forum: 👉 https://github.com/datopian/portaljs/discussions
 
 ### Chat on Discord
 
@@ -35,13 +29,14 @@ If you would prefer to get help via live chat check out our discord 👉
 
 ### Docs
 
-https://datahub.io/docs
+- For PortalJS go to https://www.portaljs.com/opensource
+- For DataHub Cloud – https://datahub.io/docs
 
-## DataHub OpenSource 🌀
+## PortalJS Cloud 🌀
 
-DataHub 🌀 is a platform for rapidly creating rich data portal and publishing systems using a modern frontend approach. Datahub can be used to publish a single dataset or build a full-scale data catalog/portal.
+PortalJS Cloud 🌀 is a platform for rapidly creating rich data portal and publishing systems using a modern frontend approach. PortalJS Cloud can be used to publish a single dataset or build a full-scale data catalog/portal.
 
-DataHub is built in JavaScript and React on top of the popular [Next.js](https://nextjs.org) framework. DataHub assumes a "decoupled" approach where the frontend is a separate service from the backend and interacts with backend(s) via an API. It can be used with any backend and has out of the box support for [CKAN](https://ckan.org/), GitHub, Frictionless Data Packages and more.
+PortalJS Cloud is built in JavaScript and React on top of the popular [Next.js](https://nextjs.org) framework. PortalJS Cloud assumes a "decoupled" approach where the frontend is a separate service from the backend and interacts with backend(s) via an API. It can be used with any backend and has out of the box support for [CKAN](https://ckan.org/), GitHub, Frictionless Data Packages and more.
 
 ### Features
 

packages/components/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @portaljs/components
 
+## 1.2.3
+
+### Patch Changes
+
+- [`62dbc35d`](https://github.com/datopian/portaljs/commit/62dbc35d3b39ea7409949340214ca83a448ee999) Thanks [@olayway](https://github.com/olayway)! - LineChart: break lines at invalid / missing values (don't connect if there are gaps in values).
+
 ## 1.2.2
 
 ### Patch Changes

packages/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portaljs/components",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "description": "https://portaljs.com",
   "keywords": [

packages/components/src/components/LineChart.tsx

@@ -47,11 +47,15 @@ export function LineChart({
       color: 'black',
       strokeWidth: 1,
       tooltip: true,
+      invalid: "break-paths"
     },
     data: specData,
     ...(isMultiYAxis
       ? {
-          transform: [{ fold: yAxis, as: ['key', 'value'] }],
+          transform: [
+            { fold: yAxis, as: ['key', 'value'] },
+            { filter: 'datum.value != null && datum.value != ""' }
+          ],
         }
       : {}),
     selection: {

packages/components/src/types/properties.ts

@@ -8,7 +8,7 @@
 type URL = string; // Just in case we want to transform it into an object with configurations
 export interface Data {
   url?: URL;
-  values?: { [key: string]: number | string }[];
+  values?: { [key: string]: number | string | null | undefined }[];
   csv?: string;
 }
 

packages/components/stories/LineChart.stories.ts

@@ -120,3 +120,42 @@ export const FromURL: Story = {
     yAxis: 'Price',
   },
 };
+
+
+// export const FromURLMulti: Story = {
+//   name: 'Line chart from URL Multi Column',
+//   args: {
+//     data: {
+//       url: 'https://raw.githubusercontent.com/datasets/sea-level-rise/refs/heads/main/data/epa-sea-level.csv',
+//     },
+//     title: 'Sea Level Rise (1880-2023)',
+//     xAxis: 'Year',
+//     yAxis: ["CSIRO Adjusted Sea Level", "NOAA Adjusted Sea Level"],
+//     xAxisType: 'temporal',
+//     xAxisTimeUnit: 'year',
+//     yAxisType: 'quantitative'
+//   },
+// };
+
+// export const MultipleSeriesMissingValues: Story = {
+//   name: 'Line chart with missing values',
+//   args: {
+//     data: {
+//       values: [
+//         { year: '2020', seriesA: 10, seriesB: 15 },
+//         { year: '2021', seriesA: 20 },  // seriesB missing
+//         { year: '2022', seriesA: 15 },  // seriesB missing
+//         { year: '2023', seriesB: 30 },  // seriesA missing
+//         { year: '2024', seriesA: 25, seriesB: 35 },
+//         { year: '2024', seriesA: 20, seriesB: 40 },
+//         { year: '2024', seriesB: 45 },
+//       ],
+//     },
+//     title: 'Handling Missing Data Points',
+//     xAxis: 'year',
+//     yAxis: ['seriesA', 'seriesB'],
+//     xAxisType: 'temporal',
+//     xAxisTimeUnit: 'year',
+//     yAxisType: 'quantitative'
+//   },
+// };

site/content/config.js

@@ -1,7 +1,7 @@
 const config = {
-  title: 'DataHub PortalJS - The JavaScript framework for data portals.',
+  title: 'PortalJS - The JavaScript framework for data portals.',
   description:
-    'DataHub PortalJS is a JavaScript framework for rapidly building rich data portal frontends using a modern frontend approach.',
+    'PortalJS is a JavaScript framework for rapidly building rich data portal frontends using a modern frontend approach.',
   theme: {
     default: 'dark',
     toggleIcon: '/images/theme-button.svg',
@@ -44,6 +44,7 @@ const config = {
       { rel: 'icon', href: '/favicon.ico' },
       { rel: 'apple-touch-icon', href: '/icon.png', sizes: '120x120' },
     ],
+    canonical: 'https://portaljs.com/',
     openGraph: {
       type: 'website',
       title: