@carbon/charts-svelte 0.51.4 → 0.52.3

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.52.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.52.2...v0.52.3) (2021-11-22)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
+## [0.52.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.52.1...v0.52.2) (2021-11-19)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
+## [0.52.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.52.0...v0.52.1) (2021-11-19)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
+# [0.52.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.51.4...v0.52.0) (2021-11-18)
+
+
+### Features
+
+* **svelte:** add TypeScript definitions for Alluvial, Histogram, and Tree charts ([#1219](https://github.com/carbon-design-system/carbon-charts/issues/1219)) ([3e7fcc2](https://github.com/carbon-design-system/carbon-charts/commit/3e7fcc2f16d16d67c4f39f4d4389878b5d829aba))
+
+
+
+
+
 ## [0.51.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.51.3...v0.51.4) (2021-11-16)
 
 **Note:** Version bump only for package @carbon/charts-svelte

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts-svelte",
-  "version": "0.51.4",
+  "version": "0.52.3",
   "description": "Carbon charting components for Svelte",
   "main": "./bundle.js",
   "module": "./index.js",
@@ -50,7 +50,7 @@
   },
   "homepage": "https://github.com/carbon-design-system/carbon-charts#readme",
   "dependencies": {
-    "@carbon/charts": "^0.51.4",
+    "@carbon/charts": "^0.52.3",
     "@carbon/telemetry": "0.0.0-alpha.6"
   },
   "peerDependencies": {

package/types/AlluvialChart.d.ts

@@ -0,0 +1,5 @@
+import { AlluvialChart as AC } from "@carbon/charts";
+import type { AlluvialChartOptions } from "@carbon/charts/interfaces";
+import BaseChart from "./BaseChart";
+
+export default class AlluvialChart extends BaseChart<AC, AlluvialChartOptions> {}

package/types/BaseChart.d.ts

@@ -6,7 +6,7 @@ import type {
   ChartTabularData,
 } from "@carbon/charts/interfaces";
 
-export interface BaseChartProps<Chart = BC, ChartOptions = BaseChartOptions>
+export interface BaseChartProps<Chart = BC, ChartOptions = BaseChartOptions, ChartData = ChartTabularData>
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
   /**
    * Provide a Carbon chart class to instantiate
@@ -24,7 +24,7 @@ export interface BaseChartProps<Chart = BC, ChartOptions = BaseChartOptions>
    * Set the chart data using the tabular data format
    * @default []
    */
-  data?: ChartTabularData;
+  data?: ChartData;
 
   /**
    * Set the chart options
@@ -46,10 +46,11 @@ export interface BaseChartProps<Chart = BC, ChartOptions = BaseChartOptions>
 }
 
 export default class BaseChart<
-  Chart = BaseChart,
-  ChartOptions = BaseChartOptions
+  Chart = BC,
+  ChartOptions = BaseChartOptions,
+  ChartData = ChartTabularData
 > extends SvelteComponentTyped<
-  BaseChartProps<Chart, ChartOptions>,
+  BaseChartProps<Chart, ChartOptions, ChartData>,
   {
     load: CustomEvent<Chart>;
     update: CustomEvent<{

package/types/HistogramChart.d.ts

@@ -0,0 +1,5 @@
+import { HistogramChart as HC } from "@carbon/charts";
+import type { HistogramChartOptions } from "@carbon/charts/interfaces";
+import BaseChart from "./BaseChart";
+
+export default class HistogramChart extends BaseChart<HC, HistogramChartOptions> {}

package/types/TreeChart.d.ts

@@ -0,0 +1,15 @@
+import { TreeChart as TC } from '@carbon/charts';
+import type { TreeChartOptions } from '@carbon/charts/interfaces';
+import BaseChart from './BaseChart';
+
+interface TreeNode {
+	name: string;
+	value?: number;
+	children?: TreeNode[];
+}
+
+export default class TreeChart extends BaseChart<
+	TC,
+	TreeChartOptions,
+	TreeNode
+> {}

package/types/index.d.ts

@@ -17,4 +17,7 @@ export { default as RadarChart } from "./RadarChart";
 export { default as GaugeChart } from "./GaugeChart";
 export { default as MeterChart } from "./MeterChart";
 export { default as TreemapChart } from "./TreemapChart";
-export { default as WordCloudChart } from "./WordCloudChart";
+export { default as WordCloudChart } from "./WordCloudChart";
+export { default as AlluvialChart } from "./AlluvialChart";
+export { default as HistogramChart } from "./HistogramChart";
+export { default as TreeChart } from "./TreeChart";