@react-magma/charts 12.0.1 → 13.0.0

package/dist/components/CarbonChart/CarbonChart.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { ChartOptions } from '@carbon/charts-react';
 import { ThemeInterface } from 'react-magma-dom';
-import './carbon-charts.css';
 export declare enum CarbonChartType {
     area = "area",
     areaStacked = "areaStacked",
@@ -23,7 +22,7 @@ export declare enum CarbonChartType {
     combo = "combo"
 }
 export interface CarbonChartProps extends React.HTMLAttributes<HTMLDivElement> {
-    dataSet: Array<Object>;
+    dataSet: Array<object>;
     isInverse?: boolean;
     /**
      * For a complete list of options, see Carbon Charts documentation

package/dist/components/CarbonChart/CarbonChart.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/CarbonChart/embeddedStyles.d.ts

@@ -0,0 +1 @@
+export declare const carbonChartStyles: import("@emotion/react").SerializedStyles;

package/dist/index.d.ts

@@ -1,2 +1 @@
-export * from './components/LineChart';
 export * from './components/CarbonChart';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-magma/charts",
-  "version": "12.0.1",
+  "version": "13.0.0",
   "license": "MIT",
   "exports": {
     ".": {
@@ -19,40 +19,38 @@
     "src"
   ],
   "scripts": {
-    "build": "rollup -c rollup.config.js --bundleConfigAsCjs",
-    "build-watch": "rollup -c rollup.config.js --watch --bundleConfigAsCjs",
+    "build": "microbundle build --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx,@emotion/react=EmotionReact,@emotion/styled=EmotionStyled,@carbon/charts-react=CarbonChartsReact",
+    "build-watch": "microbundle watch --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx,@emotion/react=EmotionReact,@emotion/styled=EmotionStyled,@carbon/charts-react=CarbonChartsReact",
     "lint": "eslint ./src",
+    "lint:fix": "eslint ./src --fix",
+    "lint:check": "eslint ./src --max-warnings=0",
     "test": "jest",
-    "test-watch": "jest --watch"
+    "test-watch": "jest --watch",
+    "compiler-checks": "tsc --noEmit --project ./tsconfig.json"
   },
   "dependencies": {
-    "@carbon/charts-react": "^1.14.8",
-    "d3": "^7.9.0",
-    "d3-cloud": "^1.2.7",
-    "d3-sankey": "^0.12.3",
-    "victory": "^37.3.6"
+    "@carbon/charts-react": "1.23.7",
+    "d3": "7.9.0",
+    "d3-cloud": "1.2.7",
+    "d3-sankey": "0.12.3"
   },
   "devDependencies": {
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
-    "@rollup/plugin-commonjs": "^28.0.8",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "dom-to-image-more": "3.1.4",
-    "identity-obj-proxy": "^3.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-magma-dom": "^4.10.1",
-    "react-magma-icons": "^3.2.0",
-    "rollup": "^4.52.4",
-    "rollup-plugin-postcss": "^4.0.2"
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.0",
+    "dom-to-image-more": "3.6.0",
+    "framer-motion": "^12.23.22",
+    "identity-obj-proxy": "3.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-magma-dom": "4.9.0-next.27",
+    "react-magma-icons": "^3.1.0"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-magma-dom": "^4.10.1-next.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-magma-dom": "^4.9.0-next.27",
     "react-magma-icons": "^3.2.0"
   },
   "engines": {

package/src/components/CarbonChart/CarbonChart.tsx

@@ -21,11 +21,12 @@ import {
   ComboChart,
   ChartOptions,
 } from '@carbon/charts-react';
+import { Global } from '@emotion/react';
 import styled from '@emotion/styled';
 import { transparentize } from 'polished';
 import { ThemeInterface, ThemeContext, useIsInverse } from 'react-magma-dom';
 
-import './carbon-charts.css';
+import { carbonChartStyles } from './embeddedStyles';
 
 export enum CarbonChartType {
   area = 'area',
@@ -49,7 +50,7 @@ export enum CarbonChartType {
 }
 
 export interface CarbonChartProps extends React.HTMLAttributes<HTMLDivElement> {
-  dataSet: Array<Object>;
+  dataSet: Array<object>;
   isInverse?: boolean;
   /**
    * For a complete list of options, see Carbon Charts documentation
@@ -582,6 +583,7 @@ export const CarbonChart = React.forwardRef<HTMLDivElement, CarbonChartProps>(
             ? allInverseColors[i]
             : allColors[i]);
         }
+
         return {};
       });
 
@@ -614,17 +616,20 @@ export const CarbonChart = React.forwardRef<HTMLDivElement, CarbonChartProps>(
     const groupsLength = Object.keys(buildColors()).length;
 
     return (
-      <CarbonChartWrapper
-        data-testid={testId}
-        ref={ref}
-        isInverse={isInverse}
-        theme={theme}
-        className="carbon-chart-wrapper"
-        groupsLength={groupsLength < 6 ? groupsLength : 14}
-        {...rest}
-      >
-        <ChartType data={dataSet} options={newOptions} />
-      </CarbonChartWrapper>
+      <React.Fragment>
+        <Global styles={carbonChartStyles} />
+        <CarbonChartWrapper
+          data-testid={testId}
+          ref={ref}
+          isInverse={isInverse}
+          theme={theme}
+          className="carbon-chart-wrapper"
+          groupsLength={groupsLength < 6 ? groupsLength : 14}
+          {...rest}
+        >
+          <ChartType data={dataSet} options={newOptions} />
+        </CarbonChartWrapper>
+      </React.Fragment>
     );
   }
 );

package/src/components/CarbonChart/CarbonChartArea.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartAreaStacked.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBar.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBarFloating.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBarGrouped.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBarStacked.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBoxplot.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBubble.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartBullet.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartCombo.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartDonut.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartGauge.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartHistogram.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartLine.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartLollipop.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartMeter.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartPie.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartRadar.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartScatter.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartSparkline.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';

package/src/components/CarbonChart/CarbonChartStep.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { StoryFn, Meta } from '@storybook/react/types-6-0';
+import { StoryFn, Meta } from '@storybook/react';
 import { Card } from 'react-magma-dom';
 
 import { CarbonChart, CarbonChartProps, CarbonChartType } from '.';