@plasmicpkgs/react-chartjs-2 1.0.158 → 1.0.160

package/dist/common.d.ts

@@ -1,87 +1,87 @@
-import { Plugin } from "chart.js/dist/types";
-export declare const baseOptions: {
-    responsive: boolean;
-    chartArea: {};
-};
-/**
- * These are hand-picked from the Tailwind palette.
- */
-export declare const defaultColors: string[];
-export declare function useIsClient(): boolean;
-export interface BaseChartProps {
-    className?: string;
-    data?: Record<string, any>[];
-    labelField?: string;
-    interactive?: boolean;
-    title?: string;
-    chosenFields?: string[];
-    scatterSeries?: {
-        name: string;
-        fields: [string, string];
-    }[];
-}
-export interface PrepDataOpts {
-    isScatter?: boolean;
-    preferNonNumericAsLabel?: boolean;
-    extras?: (field: string) => {};
-    opacity?: number;
-}
-/**
- * Returns a color from the default color palette.
- *
- * Tries to pick "different" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.
- *
- * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.
- *
- * If too many colors are requested, it will recycle.
- */
-export declare function getDefaultColor(index: number, total: number, opacity?: number): string;
-export declare function prepData({ data, labelField, chosenFields, scatterSeries }: BaseChartProps, { isScatter, preferNonNumericAsLabel, extras, opacity }?: PrepDataOpts): {
-    datasets: {
-        label: string;
-        data: {
-            x: any;
-            y: any;
-        }[];
-        backgroundColor: string;
-    }[];
-    labels?: undefined;
-} | {
-    labels: any[] | undefined;
-    datasets: {
-        label: string;
-        data: any[];
-        backgroundColor: string;
-        borderWidth: number;
-        borderColor: string;
-    }[];
-};
-export declare function prepOptions({ interactive, title }: BaseChartProps): ({
-    responsive: boolean;
-    chartArea: {};
-} | {
-    interaction: {
-        mode: "index";
-        intersect: boolean;
-    };
-    events: undefined;
-    plugins?: undefined;
-} | {
-    events: never[];
-    interaction?: undefined;
-    plugins?: undefined;
-} | {
-    plugins: {
-        title: {
-            display: boolean;
-            text: string;
-        };
-    };
-    interaction?: undefined;
-    events?: undefined;
-} | {
-    interaction?: undefined;
-    events?: undefined;
-    plugins?: undefined;
-})[];
-export declare const ChartAreaPlugin: Plugin;
+import { Plugin } from "chart.js/dist/types";
+export declare const baseOptions: {
+    responsive: boolean;
+    chartArea: {};
+};
+/**
+ * These are hand-picked from the Tailwind palette.
+ */
+export declare const defaultColors: string[];
+export declare function useIsClient(): boolean;
+export interface BaseChartProps {
+    className?: string;
+    data?: Record<string, any>[];
+    labelField?: string;
+    interactive?: boolean;
+    title?: string;
+    chosenFields?: string[];
+    scatterSeries?: {
+        name: string;
+        fields: [string, string];
+    }[];
+}
+export interface PrepDataOpts {
+    isScatter?: boolean;
+    preferNonNumericAsLabel?: boolean;
+    extras?: (field: string) => {};
+    opacity?: number;
+}
+/**
+ * Returns a color from the default color palette.
+ *
+ * Tries to pick "different" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.
+ *
+ * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.
+ *
+ * If too many colors are requested, it will recycle.
+ */
+export declare function getDefaultColor(index: number, total: number, opacity?: number): string;
+export declare function prepData({ data, labelField, chosenFields, scatterSeries }: BaseChartProps, { isScatter, preferNonNumericAsLabel, extras, opacity }?: PrepDataOpts): {
+    datasets: {
+        label: string;
+        data: {
+            x: any;
+            y: any;
+        }[];
+        backgroundColor: string;
+    }[];
+    labels?: undefined;
+} | {
+    labels: any[] | undefined;
+    datasets: {
+        label: string;
+        data: any[];
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+    }[];
+};
+export declare function prepOptions({ interactive, title }: BaseChartProps): ({
+    responsive: boolean;
+    chartArea: {};
+} | {
+    interaction: {
+        mode: "index";
+        intersect: boolean;
+    };
+    events: undefined;
+    plugins?: undefined;
+} | {
+    events: never[];
+    interaction?: undefined;
+    plugins?: undefined;
+} | {
+    plugins: {
+        title: {
+            display: boolean;
+            text: string;
+        };
+    };
+    interaction?: undefined;
+    events?: undefined;
+} | {
+    interaction?: undefined;
+    events?: undefined;
+    plugins?: undefined;
+})[];
+export declare const ChartAreaPlugin: Plugin;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import { Registerable } from "./utils";
-export { SimpleChart } from "./simple-chart";
-export declare function registerAll(loader?: Registerable): void;
+import { Registerable } from "./utils";
+export { SimpleChart } from "./simple-chart";
+export declare function registerAll(loader?: Registerable): void;

package/dist/react-chartjs-2.cjs.development.js

@@ -36,8 +36,8 @@ var baseOptions = {
     // backgroundColor: "#f8fafc",
   }
 };
-/**
- * These are hand-picked from the Tailwind palette.
+/**
+ * These are hand-picked from the Tailwind palette.
  */
 var defaultColors = ["hsla(25,95%,53%,1.0)", "hsla(38,92%,50%,1.0)", "hsla(45,93%,47%,1.0)", "hsla(84,81%,44%,1.0)", "hsla(142,71%,45%,1.0)", "hsla(160,84%,39%,1.0)", "hsla(173,80%,40%,1.0)", "hsla(199,89%,48%,1.0)", "hsla(217,91%,60%,1.0)", "hsla(239,84%,67%,1.0)", "hsla(258,90%,66%,1.0)", "hsla(271,91%,65%,1.0)", "hsla(292,84%,61%,1.0)", "hsla(293,69%,49%,1.0)", "hsla(295,72%,40%,1.0)", "hsla(295,70%,33%,1.0)"];
 function useIsClient() {
@@ -52,14 +52,14 @@ function useIsClient() {
 function range(total) {
   return Array.from(Array(total).keys());
 }
-/**
- * Returns a color from the default color palette.
- *
- * Tries to pick "different" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.
- *
- * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.
- *
- * If too many colors are requested, it will recycle.
+/**
+ * Returns a color from the default color palette.
+ *
+ * Tries to pick "different" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.
+ *
+ * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.
+ *
+ * If too many colors are requested, it will recycle.
  */
 function getDefaultColor(index, total, opacity) {
   var preferredStart = 9;
@@ -143,12 +143,12 @@ function prepData(_ref, _temp) {
   }
 }
 // additional styling
-/*
-  elements: {
-    bar: {
-      borderWidth: 2,
-    },
-  },
+/*
+  elements: {
+    bar: {
+      borderWidth: 2,
+    },
+  },
 
  */
 function prepOptions(_ref3) {
@@ -343,11 +343,11 @@ function SimpleChart(props) {
   var _props$type;
   switch ((_props$type = props.type) != null ? _props$type : "bar") {
     case "bar":
-      return React__default.createElement(SimpleBar, Object.assign({}, props));
+      return React__default.createElement(SimpleBar, _extends({}, props));
     case "line":
-      return React__default.createElement(SimpleLine, Object.assign({}, props));
+      return React__default.createElement(SimpleLine, _extends({}, props));
     case "scatter":
-      return React__default.createElement(SimpleScatter, Object.assign({}, props));
+      return React__default.createElement(SimpleScatter, _extends({}, props));
   }
 }
 
@@ -443,6 +443,22 @@ var simpleChartMeta = {
         return props.type !== "line";
       }
     })
+    // TODO
+    // datasets: {
+    //   type: "array",
+    //   unstable__keyFunc: (x) => x.key,
+    //   unstable__minimalValue: (_props, ctx) => null,
+    //   itemType: {
+    //     type: "object",
+    //     fields: {
+    //       label: "string",
+    //       fieldId: "string",
+    //       hidden: {
+    //         type: "boolean",
+    //       },
+    //     },
+    //   },
+    // },
   },
   defaultStyles: {
     width: "stretch"

package/dist/react-chartjs-2.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-chartjs-2.cjs.development.js","sources":["../src/utils.ts","../src/common.ts","../src/simple-bar/SimpleBar.tsx","../src/simple-line/SimpleLine.tsx","../src/simple-scatter/SimpleScatter.tsx","../src/simple-chart/SimpleChart.tsx","../src/simple-chart/index.tsx","../src/index.tsx"],"sourcesContent":["import {\n  CodeComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import { Plugin } from \"chart.js/dist/types\";\nimport { useEffect, useState } from \"react\";\n\nexport const baseOptions = {\n  responsive: true,\n  chartArea: {\n    // backgroundColor: \"#f8fafc\",\n  },\n};\n\n/**\n * These are hand-picked from the Tailwind palette.\n */\nexport const defaultColors = [\n  \"hsla(25,95%,53%,1.0)\",\n  \"hsla(38,92%,50%,1.0)\",\n  \"hsla(45,93%,47%,1.0)\",\n  \"hsla(84,81%,44%,1.0)\",\n  \"hsla(142,71%,45%,1.0)\",\n  \"hsla(160,84%,39%,1.0)\",\n  \"hsla(173,80%,40%,1.0)\",\n  \"hsla(199,89%,48%,1.0)\",\n  \"hsla(217,91%,60%,1.0)\",\n  \"hsla(239,84%,67%,1.0)\",\n  \"hsla(258,90%,66%,1.0)\",\n  \"hsla(271,91%,65%,1.0)\",\n  \"hsla(292,84%,61%,1.0)\",\n  \"hsla(293,69%,49%,1.0)\",\n  \"hsla(295,72%,40%,1.0)\",\n  \"hsla(295,70%,33%,1.0)\",\n];\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nexport interface BaseChartProps {\n  className?: string;\n  data?: Record<string, any>[];\n  labelField?: string;\n  interactive?: boolean;\n  title?: string;\n  chosenFields?: string[];\n  scatterSeries?: { name: string; fields: [string, string] }[];\n}\n\nexport interface PrepDataOpts {\n  isScatter?: boolean;\n  preferNonNumericAsLabel?: boolean;\n  extras?: (field: string) => {};\n  opacity?: number;\n}\n\nfunction range(total: number) {\n  return Array.from(Array(total).keys());\n}\n\n/**\n * Returns a color from the default color palette.\n *\n * Tries to pick \"different\" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.\n *\n * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.\n *\n * If too many colors are requested, it will recycle.\n */\nexport function getDefaultColor(\n  index: number,\n  total: number,\n  opacity?: number\n) {\n  const preferredStart = 9;\n  const end = defaultColors.length - 1;\n  const start = Math.max(0, Math.min(preferredStart, end - total));\n  const stops =\n    total > defaultColors.length\n      ? range(defaultColors.length)\n      : range(total).map((_, i) =>\n          Math.round(\n            start + (total > 1 ? ((1.0 * i) / (total - 1)) * (end - start) : 0)\n          )\n        );\n  const selected = defaultColors[stops[index % stops.length]];\n  if (opacity === undefined) {\n    return selected;\n  }\n  return selected.replace(\"1.0\", \"\" + opacity);\n}\n\nexport function prepData(\n  { data = [], labelField, chosenFields, scatterSeries }: BaseChartProps,\n  { isScatter, preferNonNumericAsLabel, extras, opacity }: PrepDataOpts = {}\n) {\n  const fields = Object.keys(data[0] ?? {});\n  const isFieldAllNumericOrNil = new Map(\n    fields.map((key) => [key, data.every((item) => !isNaN(item[key] ?? 0))])\n  );\n  const realLabelField =\n    labelField ??\n    (preferNonNumericAsLabel\n      ? fields.find((field) => !isFieldAllNumericOrNil.get(field))\n      : fields[0]);\n  const numericFields = fields.filter((field) =>\n    isFieldAllNumericOrNil.get(field)\n  );\n  if (isScatter) {\n    scatterSeries = isScatter\n      ? scatterSeries ?? [\n          {\n            name: `${numericFields[0]}-${numericFields[1]}`,\n            fields: [numericFields[0], numericFields[1]] as [string, string],\n          },\n        ]\n      : undefined;\n    return {\n      datasets: (scatterSeries ?? []).map((series, index) => ({\n        ...extras?.(series.name),\n        label: series.name,\n        data: data.map((item) => ({\n          x: item[series.fields[0]] ?? 0,\n          y: item[series.fields[1]] ?? 0,\n        })),\n        backgroundColor: getDefaultColor(\n          index,\n          (scatterSeries ?? []).length,\n          opacity\n        ),\n      })),\n    };\n  } else {\n    const autoChosenFields = numericFields.filter(\n      (field) => field !== realLabelField\n    );\n    return {\n      labels: realLabelField\n        ? data.map((item) => item[realLabelField])\n        : undefined,\n      datasets: (chosenFields ?? autoChosenFields).map((key, index) => {\n        return {\n          ...extras?.(key),\n          label: key,\n          data: data.map((item) => item[key] ?? 0),\n          backgroundColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n          borderWidth: 2,\n          borderColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n        };\n      }),\n    };\n  }\n}\n\n// additional styling\n\n/*\n  elements: {\n    bar: {\n      borderWidth: 2,\n    },\n  },\n\n */\n\nexport function prepOptions({ interactive = true, title }: BaseChartProps) {\n  return [\n    baseOptions,\n    interactive\n      ? {\n          interaction: {\n            mode: \"index\" as const,\n            intersect: false,\n          },\n          events: undefined,\n        }\n      : {\n          events: [],\n        },\n    title\n      ? {\n          plugins: {\n            title: { display: true, text: title },\n          },\n        }\n      : {},\n  ];\n}\n\nexport const ChartAreaPlugin: Plugin = {\n  id: \"chartAreaPlugin\",\n  // eslint-disable-next-line object-shorthand\n  beforeDraw: (chart) => {\n    const chartAreaOptions = (chart.config.options as any).chartArea;\n    if (chartAreaOptions && chartAreaOptions.backgroundColor) {\n      const ctx = chart.canvas.getContext(\"2d\");\n      const { chartArea } = chart;\n      if (ctx) {\n        ctx.save();\n        ctx.fillStyle = chartAreaOptions.backgroundColor;\n        // eslint-disable-next-line max-len\n        ctx.fillRect(\n          chartArea.left,\n          chartArea.top,\n          chartArea.right - chartArea.left,\n          chartArea.bottom - chartArea.top\n        );\n        ctx.restore();\n      }\n    }\n  },\n};\n","import {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Bar } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport const stackedOptions = {\n  scales: {\n    x: {\n      stacked: true,\n      ticks: {\n        major: {\n          enabled: false,\n        },\n      },\n    },\n    y: {\n      stacked: true,\n    },\n  },\n};\n\nexport const vertOptions = {\n  indexAxis: \"x\" as const,\n  plugins: {\n    legend: {\n      position: \"top\" as const,\n    },\n  },\n};\nexport const horizOptions = {\n  indexAxis: \"y\" as const,\n  plugins: {\n    legend: {\n      position: \"right\" as const,\n    },\n  },\n};\n\nexport interface SimpleBarProps extends BaseChartProps {\n  direction?: \"vertical\" | \"horizontal\";\n  stacked?: boolean;\n}\n\nexport function SimpleBar(props: SimpleBarProps) {\n  const { direction = \"vertical\", stacked, className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      BarElement,\n      Title,\n      Tooltip,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    preferNonNumericAsLabel: true,\n    opacity: 1,\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Bar\n        key={`${props.direction}${props.stacked}`}\n        options={deepmerge.all([\n          ...options,\n          direction === \"vertical\" ? vertOptions : horizOptions,\n          stacked ? stackedOptions : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect, useState } from \"react\";\nimport { Line } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport interface SimpleLineProps extends BaseChartProps {\n  fill?: boolean;\n  secondAxisField?: string;\n}\n\n// Force a re-mount when the secondAxisField is unset / re-set\n// https://app.shortcut.com/plasmic/story/38358/chart-component-issues-with-second-axis-field\nconst useKey = (secondAxisField?: string) => {\n  const [key, setKey] = useState(0);\n\n  // change key once when the secondAxisField is unset.\n  if (!secondAxisField && key) {\n    setKey(0);\n  }\n\n  // change key once when the secondAxisField value changes from undefined -> something\n  if (secondAxisField && !key) {\n    setKey(Math.random());\n  }\n\n  return key;\n};\n\nexport function SimpleLine(props: SimpleLineProps) {\n  const { secondAxisField, fill, className } = props;\n  const isClient = useIsClient();\n  const key = useKey(props.secondAxisField);\n\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Title,\n      Tooltip,\n      Filler,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    extras: (field) => ({\n      fill,\n      pointRadius: 0,\n      yAxisID: field === secondAxisField ? \"y1\" : \"y\",\n    }),\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Line\n        key={key}\n        options={deepmerge.all([\n          ...options,\n          secondAxisField\n            ? {\n                scales: {\n                  y: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"left\" as const,\n                  },\n                  y1: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"right\" as const,\n                    grid: {\n                      drawOnChartArea: false,\n                    },\n                  },\n                },\n              }\n            : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Scatter } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport type SimpleScatterProps = BaseChartProps;\n\nexport function SimpleScatter(props: SimpleScatterProps) {\n  const { className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Tooltip,\n      Legend,\n      Title\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, { isScatter: true, opacity: 1 });\n  const options = prepOptions(props);\n\n  return (\n    <div className={className}>\n      <Scatter\n        options={deepmerge.all([\n          ...options,\n          {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import React, { ReactElement } from \"react\";\nimport { SimpleBar, SimpleBarProps } from \"../simple-bar/SimpleBar\";\nimport { SimpleLine, SimpleLineProps } from \"../simple-line/SimpleLine\";\nimport {\n  SimpleScatter,\n  SimpleScatterProps,\n} from \"../simple-scatter/SimpleScatter\";\n\nexport type SimpleChartProps = {\n  type?: \"bar\" | \"line\" | \"scatter\";\n} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);\n\nexport function SimpleChart(props: SimpleChartProps): ReactElement {\n  switch (props.type ?? \"bar\") {\n    case \"bar\":\n      return <SimpleBar {...(props as any)} />;\n    case \"line\":\n      return <SimpleLine {...(props as any)} />;\n    case \"scatter\":\n      return <SimpleScatter {...(props as any)} />;\n  }\n}\n","import {\n  CodeComponentMeta,\n  PropType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { SimpleChart, SimpleChartProps } from \"./SimpleChart\";\n\nexport * from \"./SimpleChart\";\nexport default SimpleChart;\n\nconst fieldChoice: PropType<SimpleChartProps> = {\n  type: \"choice\",\n  options: (props: SimpleChartProps) =>\n    props.data?.[0] ? Object.keys(props.data[0]) : [],\n} as const;\nconst simpleChartMeta: CodeComponentMeta<SimpleChartProps> = {\n  name: \"hostless-react-chartjs-2-simple-chart\",\n  displayName: \"Chart\",\n  props: {\n    type: {\n      type: \"choice\",\n      options: [\n        {\n          value: \"bar\",\n          label: \"Bar\",\n        },\n        {\n          value: \"line\",\n          label: \"Line\",\n        },\n        {\n          value: \"scatter\",\n          label: \"Scatter\",\n        },\n      ],\n      defaultValueHint: \"bar\",\n    },\n    data: {\n      type: \"exprEditor\",\n      description: \"The data as an array of objects\",\n      defaultExpr: JSON.stringify([\n        {\n          region: \"APAC\",\n          revenue: 3294,\n          spend: 2675,\n        },\n        {\n          region: \"EMEA\",\n          revenue: 3245,\n          spend: 3895,\n        },\n        {\n          region: \"LATAM\",\n          revenue: 2165,\n          spend: 3498,\n        },\n        {\n          region: \"AMER\",\n          revenue: 3215,\n          spend: 1656,\n        },\n      ]),\n    },\n    labelField: {\n      ...fieldChoice,\n      hidden: (props) => props.type === \"scatter\",\n    },\n    title: \"string\",\n    interactive: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n    // Bar chart\n    direction: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"].map((dir) => ({\n        value: dir,\n        label: dir[0].toUpperCase() + dir.slice(1),\n      })),\n      defaultValueHint: \"Vertical\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    stacked: {\n      type: \"boolean\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    // Line chart\n    fill: {\n      type: \"boolean\",\n      hidden: (props) => props.type !== \"line\",\n    },\n    secondAxisField: {\n      ...fieldChoice,\n      hidden: (props) => props.type !== \"line\",\n    },\n\n    // TODO\n    // datasets: {\n    //   type: \"array\",\n    //   unstable__keyFunc: (x) => x.key,\n    //   unstable__minimalValue: (_props, ctx) => null,\n    //   itemType: {\n    //     type: \"object\",\n    //     fields: {\n    //       label: \"string\",\n    //       fieldId: \"string\",\n    //       hidden: {\n    //         type: \"boolean\",\n    //       },\n    //     },\n    //   },\n    // },\n  },\n\n  defaultStyles: {\n    width: \"stretch\",\n  },\n\n  importName: \"SimpleChart\",\n  importPath: \"@plasmicpkgs/react-chartjs-2\",\n};\n\nexport function registerSimpleChart(loader?: Registerable) {\n  registerComponentHelper(loader, SimpleChart, simpleChartMeta);\n}\n","import { registerSimpleChart } from \"./simple-chart\";\nimport { Registerable } from \"./utils\";\n\nexport { SimpleChart } from \"./simple-chart\";\n\nexport function registerAll(loader?: Registerable) {\n  registerSimpleChart(loader);\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","baseOptions","responsive","chartArea","defaultColors","useIsClient","_useState","useState","loaded","setLoaded","useEffect","range","total","Array","from","keys","getDefaultColor","index","opacity","preferredStart","end","length","start","Math","max","min","stops","map","_","i","round","selected","undefined","replace","prepData","_ref","_temp","data","_ref$data","labelField","chosenFields","scatterSeries","_ref2","isScatter","preferNonNumericAsLabel","extras","fields","Object","_data$","isFieldAllNumericOrNil","Map","key","every","item","_item$key","isNaN","realLabelField","find","field","get","numericFields","filter","name","datasets","series","_extends","label","_item$series$fields$","_item$series$fields$2","x","y","backgroundColor","autoChosenFields","labels","_item$key2","borderWidth","borderColor","prepOptions","_ref3","interactive","_ref3$interactive","title","interaction","mode","intersect","events","plugins","display","text","ChartAreaPlugin","id","beforeDraw","chart","chartAreaOptions","config","options","ctx","canvas","getContext","save","fillStyle","fillRect","left","top","right","bottom","restore","stackedOptions","scales","stacked","ticks","major","enabled","vertOptions","indexAxis","legend","position","horizOptions","SimpleBar","props","_props$direction","direction","className","isClient","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","normalized","React","Bar","deepmerge","all","concat","useKey","secondAxisField","setKey","random","SimpleLine","fill","PointElement","LineElement","Filler","pointRadius","yAxisID","Line","type","y1","grid","drawOnChartArea","SimpleScatter","Scatter","beginAtZero","SimpleChart","_props$type","fieldChoice","_props$data","simpleChartMeta","displayName","value","defaultValueHint","description","defaultExpr","JSON","stringify","region","revenue","spend","hidden","dir","toUpperCase","slice","_ref$type","_ref2$type","defaultStyles","width","importName","importPath","registerSimpleChart","registerAll"],"mappings":"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"}
+{"version":3,"file":"react-chartjs-2.cjs.development.js","sources":["../src/utils.ts","../src/common.ts","../src/simple-bar/SimpleBar.tsx","../src/simple-line/SimpleLine.tsx","../src/simple-scatter/SimpleScatter.tsx","../src/simple-chart/SimpleChart.tsx","../src/simple-chart/index.tsx","../src/index.tsx"],"sourcesContent":["import {\n  CodeComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import { Plugin } from \"chart.js/dist/types\";\nimport { useEffect, useState } from \"react\";\n\nexport const baseOptions = {\n  responsive: true,\n  chartArea: {\n    // backgroundColor: \"#f8fafc\",\n  },\n};\n\n/**\n * These are hand-picked from the Tailwind palette.\n */\nexport const defaultColors = [\n  \"hsla(25,95%,53%,1.0)\",\n  \"hsla(38,92%,50%,1.0)\",\n  \"hsla(45,93%,47%,1.0)\",\n  \"hsla(84,81%,44%,1.0)\",\n  \"hsla(142,71%,45%,1.0)\",\n  \"hsla(160,84%,39%,1.0)\",\n  \"hsla(173,80%,40%,1.0)\",\n  \"hsla(199,89%,48%,1.0)\",\n  \"hsla(217,91%,60%,1.0)\",\n  \"hsla(239,84%,67%,1.0)\",\n  \"hsla(258,90%,66%,1.0)\",\n  \"hsla(271,91%,65%,1.0)\",\n  \"hsla(292,84%,61%,1.0)\",\n  \"hsla(293,69%,49%,1.0)\",\n  \"hsla(295,72%,40%,1.0)\",\n  \"hsla(295,70%,33%,1.0)\",\n];\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nexport interface BaseChartProps {\n  className?: string;\n  data?: Record<string, any>[];\n  labelField?: string;\n  interactive?: boolean;\n  title?: string;\n  chosenFields?: string[];\n  scatterSeries?: { name: string; fields: [string, string] }[];\n}\n\nexport interface PrepDataOpts {\n  isScatter?: boolean;\n  preferNonNumericAsLabel?: boolean;\n  extras?: (field: string) => {};\n  opacity?: number;\n}\n\nfunction range(total: number) {\n  return Array.from(Array(total).keys());\n}\n\n/**\n * Returns a color from the default color palette.\n *\n * Tries to pick \"different\" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.\n *\n * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.\n *\n * If too many colors are requested, it will recycle.\n */\nexport function getDefaultColor(\n  index: number,\n  total: number,\n  opacity?: number\n) {\n  const preferredStart = 9;\n  const end = defaultColors.length - 1;\n  const start = Math.max(0, Math.min(preferredStart, end - total));\n  const stops =\n    total > defaultColors.length\n      ? range(defaultColors.length)\n      : range(total).map((_, i) =>\n          Math.round(\n            start + (total > 1 ? ((1.0 * i) / (total - 1)) * (end - start) : 0)\n          )\n        );\n  const selected = defaultColors[stops[index % stops.length]];\n  if (opacity === undefined) {\n    return selected;\n  }\n  return selected.replace(\"1.0\", \"\" + opacity);\n}\n\nexport function prepData(\n  { data = [], labelField, chosenFields, scatterSeries }: BaseChartProps,\n  { isScatter, preferNonNumericAsLabel, extras, opacity }: PrepDataOpts = {}\n) {\n  const fields = Object.keys(data[0] ?? {});\n  const isFieldAllNumericOrNil = new Map(\n    fields.map((key) => [key, data.every((item) => !isNaN(item[key] ?? 0))])\n  );\n  const realLabelField =\n    labelField ??\n    (preferNonNumericAsLabel\n      ? fields.find((field) => !isFieldAllNumericOrNil.get(field))\n      : fields[0]);\n  const numericFields = fields.filter((field) =>\n    isFieldAllNumericOrNil.get(field)\n  );\n  if (isScatter) {\n    scatterSeries = isScatter\n      ? scatterSeries ?? [\n          {\n            name: `${numericFields[0]}-${numericFields[1]}`,\n            fields: [numericFields[0], numericFields[1]] as [string, string],\n          },\n        ]\n      : undefined;\n    return {\n      datasets: (scatterSeries ?? []).map((series, index) => ({\n        ...extras?.(series.name),\n        label: series.name,\n        data: data.map((item) => ({\n          x: item[series.fields[0]] ?? 0,\n          y: item[series.fields[1]] ?? 0,\n        })),\n        backgroundColor: getDefaultColor(\n          index,\n          (scatterSeries ?? []).length,\n          opacity\n        ),\n      })),\n    };\n  } else {\n    const autoChosenFields = numericFields.filter(\n      (field) => field !== realLabelField\n    );\n    return {\n      labels: realLabelField\n        ? data.map((item) => item[realLabelField])\n        : undefined,\n      datasets: (chosenFields ?? autoChosenFields).map((key, index) => {\n        return {\n          ...extras?.(key),\n          label: key,\n          data: data.map((item) => item[key] ?? 0),\n          backgroundColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n          borderWidth: 2,\n          borderColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n        };\n      }),\n    };\n  }\n}\n\n// additional styling\n\n/*\n  elements: {\n    bar: {\n      borderWidth: 2,\n    },\n  },\n\n */\n\nexport function prepOptions({ interactive = true, title }: BaseChartProps) {\n  return [\n    baseOptions,\n    interactive\n      ? {\n          interaction: {\n            mode: \"index\" as const,\n            intersect: false,\n          },\n          events: undefined,\n        }\n      : {\n          events: [],\n        },\n    title\n      ? {\n          plugins: {\n            title: { display: true, text: title },\n          },\n        }\n      : {},\n  ];\n}\n\nexport const ChartAreaPlugin: Plugin = {\n  id: \"chartAreaPlugin\",\n  // eslint-disable-next-line object-shorthand\n  beforeDraw: (chart) => {\n    const chartAreaOptions = (chart.config.options as any).chartArea;\n    if (chartAreaOptions && chartAreaOptions.backgroundColor) {\n      const ctx = chart.canvas.getContext(\"2d\");\n      const { chartArea } = chart;\n      if (ctx) {\n        ctx.save();\n        ctx.fillStyle = chartAreaOptions.backgroundColor;\n        // eslint-disable-next-line max-len\n        ctx.fillRect(\n          chartArea.left,\n          chartArea.top,\n          chartArea.right - chartArea.left,\n          chartArea.bottom - chartArea.top\n        );\n        ctx.restore();\n      }\n    }\n  },\n};\n","import {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Bar } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport const stackedOptions = {\n  scales: {\n    x: {\n      stacked: true,\n      ticks: {\n        major: {\n          enabled: false,\n        },\n      },\n    },\n    y: {\n      stacked: true,\n    },\n  },\n};\n\nexport const vertOptions = {\n  indexAxis: \"x\" as const,\n  plugins: {\n    legend: {\n      position: \"top\" as const,\n    },\n  },\n};\nexport const horizOptions = {\n  indexAxis: \"y\" as const,\n  plugins: {\n    legend: {\n      position: \"right\" as const,\n    },\n  },\n};\n\nexport interface SimpleBarProps extends BaseChartProps {\n  direction?: \"vertical\" | \"horizontal\";\n  stacked?: boolean;\n}\n\nexport function SimpleBar(props: SimpleBarProps) {\n  const { direction = \"vertical\", stacked, className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      BarElement,\n      Title,\n      Tooltip,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    preferNonNumericAsLabel: true,\n    opacity: 1,\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Bar\n        key={`${props.direction}${props.stacked}`}\n        options={deepmerge.all([\n          ...options,\n          direction === \"vertical\" ? vertOptions : horizOptions,\n          stacked ? stackedOptions : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect, useState } from \"react\";\nimport { Line } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport interface SimpleLineProps extends BaseChartProps {\n  fill?: boolean;\n  secondAxisField?: string;\n}\n\n// Force a re-mount when the secondAxisField is unset / re-set\n// https://app.shortcut.com/plasmic/story/38358/chart-component-issues-with-second-axis-field\nconst useKey = (secondAxisField?: string) => {\n  const [key, setKey] = useState(0);\n\n  // change key once when the secondAxisField is unset.\n  if (!secondAxisField && key) {\n    setKey(0);\n  }\n\n  // change key once when the secondAxisField value changes from undefined -> something\n  if (secondAxisField && !key) {\n    setKey(Math.random());\n  }\n\n  return key;\n};\n\nexport function SimpleLine(props: SimpleLineProps) {\n  const { secondAxisField, fill, className } = props;\n  const isClient = useIsClient();\n  const key = useKey(props.secondAxisField);\n\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Title,\n      Tooltip,\n      Filler,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    extras: (field) => ({\n      fill,\n      pointRadius: 0,\n      yAxisID: field === secondAxisField ? \"y1\" : \"y\",\n    }),\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Line\n        key={key}\n        options={deepmerge.all([\n          ...options,\n          secondAxisField\n            ? {\n                scales: {\n                  y: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"left\" as const,\n                  },\n                  y1: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"right\" as const,\n                    grid: {\n                      drawOnChartArea: false,\n                    },\n                  },\n                },\n              }\n            : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Scatter } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport type SimpleScatterProps = BaseChartProps;\n\nexport function SimpleScatter(props: SimpleScatterProps) {\n  const { className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Tooltip,\n      Legend,\n      Title\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, { isScatter: true, opacity: 1 });\n  const options = prepOptions(props);\n\n  return (\n    <div className={className}>\n      <Scatter\n        options={deepmerge.all([\n          ...options,\n          {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import React, { ReactElement } from \"react\";\nimport { SimpleBar, SimpleBarProps } from \"../simple-bar/SimpleBar\";\nimport { SimpleLine, SimpleLineProps } from \"../simple-line/SimpleLine\";\nimport {\n  SimpleScatter,\n  SimpleScatterProps,\n} from \"../simple-scatter/SimpleScatter\";\n\nexport type SimpleChartProps = {\n  type?: \"bar\" | \"line\" | \"scatter\";\n} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);\n\nexport function SimpleChart(props: SimpleChartProps): ReactElement {\n  switch (props.type ?? \"bar\") {\n    case \"bar\":\n      return <SimpleBar {...(props as any)} />;\n    case \"line\":\n      return <SimpleLine {...(props as any)} />;\n    case \"scatter\":\n      return <SimpleScatter {...(props as any)} />;\n  }\n}\n","import {\n  CodeComponentMeta,\n  PropType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { SimpleChart, SimpleChartProps } from \"./SimpleChart\";\n\nexport * from \"./SimpleChart\";\nexport default SimpleChart;\n\nconst fieldChoice: PropType<SimpleChartProps> = {\n  type: \"choice\",\n  options: (props: SimpleChartProps) =>\n    props.data?.[0] ? Object.keys(props.data[0]) : [],\n} as const;\nconst simpleChartMeta: CodeComponentMeta<SimpleChartProps> = {\n  name: \"hostless-react-chartjs-2-simple-chart\",\n  displayName: \"Chart\",\n  props: {\n    type: {\n      type: \"choice\",\n      options: [\n        {\n          value: \"bar\",\n          label: \"Bar\",\n        },\n        {\n          value: \"line\",\n          label: \"Line\",\n        },\n        {\n          value: \"scatter\",\n          label: \"Scatter\",\n        },\n      ],\n      defaultValueHint: \"bar\",\n    },\n    data: {\n      type: \"exprEditor\",\n      description: \"The data as an array of objects\",\n      defaultExpr: JSON.stringify([\n        {\n          region: \"APAC\",\n          revenue: 3294,\n          spend: 2675,\n        },\n        {\n          region: \"EMEA\",\n          revenue: 3245,\n          spend: 3895,\n        },\n        {\n          region: \"LATAM\",\n          revenue: 2165,\n          spend: 3498,\n        },\n        {\n          region: \"AMER\",\n          revenue: 3215,\n          spend: 1656,\n        },\n      ]),\n    },\n    labelField: {\n      ...fieldChoice,\n      hidden: (props) => props.type === \"scatter\",\n    },\n    title: \"string\",\n    interactive: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n    // Bar chart\n    direction: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"].map((dir) => ({\n        value: dir,\n        label: dir[0].toUpperCase() + dir.slice(1),\n      })),\n      defaultValueHint: \"Vertical\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    stacked: {\n      type: \"boolean\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    // Line chart\n    fill: {\n      type: \"boolean\",\n      hidden: (props) => props.type !== \"line\",\n    },\n    secondAxisField: {\n      ...fieldChoice,\n      hidden: (props) => props.type !== \"line\",\n    },\n\n    // TODO\n    // datasets: {\n    //   type: \"array\",\n    //   unstable__keyFunc: (x) => x.key,\n    //   unstable__minimalValue: (_props, ctx) => null,\n    //   itemType: {\n    //     type: \"object\",\n    //     fields: {\n    //       label: \"string\",\n    //       fieldId: \"string\",\n    //       hidden: {\n    //         type: \"boolean\",\n    //       },\n    //     },\n    //   },\n    // },\n  },\n\n  defaultStyles: {\n    width: \"stretch\",\n  },\n\n  importName: \"SimpleChart\",\n  importPath: \"@plasmicpkgs/react-chartjs-2\",\n};\n\nexport function registerSimpleChart(loader?: Registerable) {\n  registerComponentHelper(loader, SimpleChart, simpleChartMeta);\n}\n","import { registerSimpleChart } from \"./simple-chart\";\nimport { Registerable } from \"./utils\";\n\nexport { SimpleChart } from \"./simple-chart\";\n\nexport function registerAll(loader?: Registerable) {\n  registerSimpleChart(loader);\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","baseOptions","responsive","chartArea","defaultColors","useIsClient","_useState","useState","loaded","setLoaded","useEffect","range","total","Array","from","keys","getDefaultColor","index","opacity","preferredStart","end","length","start","Math","max","min","stops","map","_","i","round","selected","undefined","replace","prepData","_ref","_temp","data","_ref$data","labelField","chosenFields","scatterSeries","_ref2","isScatter","preferNonNumericAsLabel","extras","fields","Object","_data$","isFieldAllNumericOrNil","Map","key","every","item","_item$key","isNaN","realLabelField","find","field","get","numericFields","filter","name","datasets","series","_extends","label","_item$series$fields$","_item$series$fields$2","x","y","backgroundColor","autoChosenFields","labels","_item$key2","borderWidth","borderColor","prepOptions","_ref3","interactive","_ref3$interactive","title","interaction","mode","intersect","events","plugins","display","text","ChartAreaPlugin","id","beforeDraw","chart","chartAreaOptions","config","options","ctx","canvas","getContext","save","fillStyle","fillRect","left","top","right","bottom","restore","stackedOptions","scales","stacked","ticks","major","enabled","vertOptions","indexAxis","legend","position","horizOptions","SimpleBar","props","_props$direction","direction","className","isClient","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","normalized","React","Bar","deepmerge","all","concat","useKey","secondAxisField","setKey","random","SimpleLine","fill","PointElement","LineElement","Filler","pointRadius","yAxisID","Line","type","y1","grid","drawOnChartArea","SimpleScatter","Scatter","beginAtZero","SimpleChart","_props$type","fieldChoice","_props$data","simpleChartMeta","displayName","value","defaultValueHint","description","defaultExpr","JSON","stringify","region","revenue","spend","hidden","dir","toUpperCase","slice","_ref$type","_ref2$type","defaultStyles","width","importName","importPath","registerSimpleChart","registerAll"],"mappings":"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"}

package/dist/react-chartjs-2.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent"));require("@plasmicapp/host/registerGlobalContext");var n=require("react"),r=e(n),a=require("chart.js"),i=e(require("deepmerge")),l=require("react-chartjs-2");function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}var s={responsive:!0,chartArea:{}},c=["hsla(25,95%,53%,1.0)","hsla(38,92%,50%,1.0)","hsla(45,93%,47%,1.0)","hsla(84,81%,44%,1.0)","hsla(142,71%,45%,1.0)","hsla(160,84%,39%,1.0)","hsla(173,80%,40%,1.0)","hsla(199,89%,48%,1.0)","hsla(217,91%,60%,1.0)","hsla(239,84%,67%,1.0)","hsla(258,90%,66%,1.0)","hsla(271,91%,65%,1.0)","hsla(292,84%,61%,1.0)","hsla(293,69%,49%,1.0)","hsla(295,72%,40%,1.0)","hsla(295,70%,33%,1.0)"];function u(){var e=n.useState(!1),t=e[0],r=e[1];return n.useEffect((function(){r(!0)})),t}function d(e){return Array.from(Array(e).keys())}function p(e,t,n){var r=c.length-1,a=Math.max(0,Math.min(9,r-t)),i=t>c.length?d(c.length):d(t).map((function(e,n){return Math.round(a+(t>1?1*n/(t-1)*(r-a):0))})),l=c[i[e%i.length]];return void 0===n?l:l.replace("1.0",""+n)}function f(e,t){var n,r=e.data,a=void 0===r?[]:r,i=e.labelField,l=e.chosenFields,s=e.scatterSeries,c=void 0===t?{}:t,u=c.isScatter,d=c.preferNonNumericAsLabel,f=c.extras,h=c.opacity,v=Object.keys(null!=(n=a[0])?n:{}),m=new Map(v.map((function(e){return[e,a.every((function(t){var n;return!isNaN(null!=(n=t[e])?n:0)}))]}))),g=null!=i?i:d?v.find((function(e){return!m.get(e)})):v[0],y=v.filter((function(e){return m.get(e)}));if(u)return{datasets:(null!=(s=u?null!=s?s:[{name:y[0]+"-"+y[1],fields:[y[0],y[1]]}]:void 0)?s:[]).map((function(e,t){return o({},null==f?void 0:f(e.name),{label:e.name,data:a.map((function(t){var n,r;return{x:null!=(n=t[e.fields[0]])?n:0,y:null!=(r=t[e.fields[1]])?r:0}})),backgroundColor:p(t,(null!=s?s:[]).length,h)})}))};var b=y.filter((function(e){return e!==g}));return{labels:g?a.map((function(e){return e[g]})):void 0,datasets:(null!=l?l:b).map((function(e,t){return o({},null==f?void 0:f(e),{label:e,data:a.map((function(t){var n;return null!=(n=t[e])?n:0})),backgroundColor:p(t,(null!=l?l:b).length,1),borderWidth:2,borderColor:p(t,(null!=l?l:b).length,1)})}))}}function h(e){var t=e.interactive,n=e.title;return[s,void 0===t||t?{interaction:{mode:"index",intersect:!1},events:void 0}:{events:[]},n?{plugins:{title:{display:!0,text:n}}}:{}]}var v={id:"chartAreaPlugin",beforeDraw:function(e){var t=e.config.options.chartArea;if(t&&t.backgroundColor){var n=e.canvas.getContext("2d"),r=e.chartArea;n&&(n.save(),n.fillStyle=t.backgroundColor,n.fillRect(r.left,r.top,r.right-r.left,r.bottom-r.top),n.restore())}}},m={scales:{x:{stacked:!0,ticks:{major:{enabled:!1}}},y:{stacked:!0}}},g={indexAxis:"x",plugins:{legend:{position:"top"}}},y={indexAxis:"y",plugins:{legend:{position:"right"}}};function b(e){var t=e.direction,o=void 0===t?"vertical":t,s=e.stacked,c=e.className,d=u();if(n.useEffect((function(){a.Chart.register(v,a.CategoryScale,a.LinearScale,a.BarElement,a.Title,a.Tooltip,a.Legend)}),[]),!d)return null;var p=f(e,{preferNonNumericAsLabel:!0,opacity:1}),b=h(e);return r.createElement("div",{className:c},r.createElement(l.Bar,{key:""+e.direction+e.stacked,options:i.all([].concat(b,["vertical"===o?g:y,s?m:{}])),data:p}))}function x(e){var t=e.secondAxisField,o=e.fill,s=e.className,c=u(),d=function(e){var t=n.useState(0),r=t[0],a=t[1];return!e&&r&&a(0),e&&!r&&a(Math.random()),r}(e.secondAxisField);if(n.useEffect((function(){a.Chart.register(v,a.CategoryScale,a.LinearScale,a.PointElement,a.LineElement,a.Title,a.Tooltip,a.Filler,a.Legend)}),[]),!c)return null;var p=f(e,{extras:function(e){return{fill:o,pointRadius:0,yAxisID:e===t?"y1":"y"}}}),m=h(e);return r.createElement("div",{className:s},r.createElement(l.Line,{key:d,options:i.all([].concat(m,[t?{scales:{y:{type:"linear",display:!0,position:"left"},y1:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1}}}}:{}])),data:p}))}function A(e){var t=e.className,o=u();if(n.useEffect((function(){a.Chart.register(v,a.LinearScale,a.PointElement,a.LineElement,a.Tooltip,a.Legend,a.Title)}),[]),!o)return null;var s=f(e,{isScatter:!0,opacity:1}),c=h(e);return r.createElement("div",{className:t},r.createElement(l.Scatter,{options:i.all([].concat(c,[{scales:{y:{beginAtZero:!0}}}])),data:s}))}function E(e){var t;switch(null!=(t=e.type)?t:"bar"){case"bar":return r.createElement(b,Object.assign({},e));case"line":return r.createElement(x,Object.assign({},e));case"scatter":return r.createElement(A,Object.assign({},e))}}var C={type:"choice",options:function(e){var t;return null!=(t=e.data)&&t[0]?Object.keys(e.data[0]):[]}},S={name:"hostless-react-chartjs-2-simple-chart",displayName:"Chart",props:{type:{type:"choice",options:[{value:"bar",label:"Bar"},{value:"line",label:"Line"},{value:"scatter",label:"Scatter"}],defaultValueHint:"bar"},data:{type:"exprEditor",description:"The data as an array of objects",defaultExpr:JSON.stringify([{region:"APAC",revenue:3294,spend:2675},{region:"EMEA",revenue:3245,spend:3895},{region:"LATAM",revenue:2165,spend:3498},{region:"AMER",revenue:3215,spend:1656}])},labelField:o({},C,{hidden:function(e){return"scatter"===e.type}}),title:"string",interactive:{type:"boolean",defaultValueHint:!0},direction:{type:"choice",options:["horizontal","vertical"].map((function(e){return{value:e,label:e[0].toUpperCase()+e.slice(1)}})),defaultValueHint:"Vertical",hidden:function(e){var t=e.type;return"bar"!==(void 0===t?"bar":t)}},stacked:{type:"boolean",hidden:function(e){var t=e.type;return"bar"!==(void 0===t?"bar":t)}},fill:{type:"boolean",hidden:function(e){return"line"!==e.type}},secondAxisField:o({},C,{hidden:function(e){return"line"!==e.type}})},defaultStyles:{width:"stretch"},importName:"SimpleChart",importPath:"@plasmicpkgs/react-chartjs-2"};exports.SimpleChart=E,exports.registerAll=function(e){!function(e){!function(e,n,r){e?e.registerComponent(n,r):t(n,r)}(e,E,S)}(e)};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent"));require("@plasmicapp/host/registerGlobalContext");var r=require("react"),n=e(r),a=require("chart.js"),i=e(require("deepmerge")),l=require("react-chartjs-2");function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var s={responsive:!0,chartArea:{}},c=["hsla(25,95%,53%,1.0)","hsla(38,92%,50%,1.0)","hsla(45,93%,47%,1.0)","hsla(84,81%,44%,1.0)","hsla(142,71%,45%,1.0)","hsla(160,84%,39%,1.0)","hsla(173,80%,40%,1.0)","hsla(199,89%,48%,1.0)","hsla(217,91%,60%,1.0)","hsla(239,84%,67%,1.0)","hsla(258,90%,66%,1.0)","hsla(271,91%,65%,1.0)","hsla(292,84%,61%,1.0)","hsla(293,69%,49%,1.0)","hsla(295,72%,40%,1.0)","hsla(295,70%,33%,1.0)"];function u(){var e=r.useState(!1),t=e[0],n=e[1];return r.useEffect((function(){n(!0)})),t}function d(e){return Array.from(Array(e).keys())}function p(e,t,r){var n=c.length-1,a=Math.max(0,Math.min(9,n-t)),i=t>c.length?d(c.length):d(t).map((function(e,r){return Math.round(a+(t>1?1*r/(t-1)*(n-a):0))})),l=c[i[e%i.length]];return void 0===r?l:l.replace("1.0",""+r)}function f(e,t){var r,n=e.data,a=void 0===n?[]:n,i=e.labelField,l=e.chosenFields,s=e.scatterSeries,c=void 0===t?{}:t,u=c.isScatter,d=c.preferNonNumericAsLabel,f=c.extras,h=c.opacity,v=Object.keys(null!=(r=a[0])?r:{}),m=new Map(v.map((function(e){return[e,a.every((function(t){var r;return!isNaN(null!=(r=t[e])?r:0)}))]}))),y=null!=i?i:d?v.find((function(e){return!m.get(e)})):v[0],g=v.filter((function(e){return m.get(e)}));if(u)return{datasets:(null!=(s=u?null!=s?s:[{name:g[0]+"-"+g[1],fields:[g[0],g[1]]}]:void 0)?s:[]).map((function(e,t){return o({},null==f?void 0:f(e.name),{label:e.name,data:a.map((function(t){var r,n;return{x:null!=(r=t[e.fields[0]])?r:0,y:null!=(n=t[e.fields[1]])?n:0}})),backgroundColor:p(t,(null!=s?s:[]).length,h)})}))};var b=g.filter((function(e){return e!==y}));return{labels:y?a.map((function(e){return e[y]})):void 0,datasets:(null!=l?l:b).map((function(e,t){return o({},null==f?void 0:f(e),{label:e,data:a.map((function(t){var r;return null!=(r=t[e])?r:0})),backgroundColor:p(t,(null!=l?l:b).length,1),borderWidth:2,borderColor:p(t,(null!=l?l:b).length,1)})}))}}function h(e){var t=e.interactive,r=e.title;return[s,void 0===t||t?{interaction:{mode:"index",intersect:!1},events:void 0}:{events:[]},r?{plugins:{title:{display:!0,text:r}}}:{}]}var v={id:"chartAreaPlugin",beforeDraw:function(e){var t=e.config.options.chartArea;if(t&&t.backgroundColor){var r=e.canvas.getContext("2d"),n=e.chartArea;r&&(r.save(),r.fillStyle=t.backgroundColor,r.fillRect(n.left,n.top,n.right-n.left,n.bottom-n.top),r.restore())}}},m={scales:{x:{stacked:!0,ticks:{major:{enabled:!1}}},y:{stacked:!0}}},y={indexAxis:"x",plugins:{legend:{position:"top"}}},g={indexAxis:"y",plugins:{legend:{position:"right"}}};function b(e){var t=e.direction,o=void 0===t?"vertical":t,s=e.stacked,c=e.className,d=u();if(r.useEffect((function(){a.Chart.register(v,a.CategoryScale,a.LinearScale,a.BarElement,a.Title,a.Tooltip,a.Legend)}),[]),!d)return null;var p=f(e,{preferNonNumericAsLabel:!0,opacity:1}),b=h(e);return n.createElement("div",{className:c},n.createElement(l.Bar,{key:""+e.direction+e.stacked,options:i.all([].concat(b,["vertical"===o?y:g,s?m:{}])),data:p}))}function x(e){var t=e.secondAxisField,o=e.fill,s=e.className,c=u(),d=function(e){var t=r.useState(0),n=t[0],a=t[1];return!e&&n&&a(0),e&&!n&&a(Math.random()),n}(e.secondAxisField);if(r.useEffect((function(){a.Chart.register(v,a.CategoryScale,a.LinearScale,a.PointElement,a.LineElement,a.Title,a.Tooltip,a.Filler,a.Legend)}),[]),!c)return null;var p=f(e,{extras:function(e){return{fill:o,pointRadius:0,yAxisID:e===t?"y1":"y"}}}),m=h(e);return n.createElement("div",{className:s},n.createElement(l.Line,{key:d,options:i.all([].concat(m,[t?{scales:{y:{type:"linear",display:!0,position:"left"},y1:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1}}}}:{}])),data:p}))}function A(e){var t=e.className,o=u();if(r.useEffect((function(){a.Chart.register(v,a.LinearScale,a.PointElement,a.LineElement,a.Tooltip,a.Legend,a.Title)}),[]),!o)return null;var s=f(e,{isScatter:!0,opacity:1}),c=h(e);return n.createElement("div",{className:t},n.createElement(l.Scatter,{options:i.all([].concat(c,[{scales:{y:{beginAtZero:!0}}}])),data:s}))}function E(e){var t;switch(null!=(t=e.type)?t:"bar"){case"bar":return n.createElement(b,o({},e));case"line":return n.createElement(x,o({},e));case"scatter":return n.createElement(A,o({},e))}}var C={type:"choice",options:function(e){var t;return null!=(t=e.data)&&t[0]?Object.keys(e.data[0]):[]}},S={name:"hostless-react-chartjs-2-simple-chart",displayName:"Chart",props:{type:{type:"choice",options:[{value:"bar",label:"Bar"},{value:"line",label:"Line"},{value:"scatter",label:"Scatter"}],defaultValueHint:"bar"},data:{type:"exprEditor",description:"The data as an array of objects",defaultExpr:JSON.stringify([{region:"APAC",revenue:3294,spend:2675},{region:"EMEA",revenue:3245,spend:3895},{region:"LATAM",revenue:2165,spend:3498},{region:"AMER",revenue:3215,spend:1656}])},labelField:o({},C,{hidden:function(e){return"scatter"===e.type}}),title:"string",interactive:{type:"boolean",defaultValueHint:!0},direction:{type:"choice",options:["horizontal","vertical"].map((function(e){return{value:e,label:e[0].toUpperCase()+e.slice(1)}})),defaultValueHint:"Vertical",hidden:function(e){var t=e.type;return"bar"!==(void 0===t?"bar":t)}},stacked:{type:"boolean",hidden:function(e){var t=e.type;return"bar"!==(void 0===t?"bar":t)}},fill:{type:"boolean",hidden:function(e){return"line"!==e.type}},secondAxisField:o({},C,{hidden:function(e){return"line"!==e.type}})},defaultStyles:{width:"stretch"},importName:"SimpleChart",importPath:"@plasmicpkgs/react-chartjs-2"};exports.SimpleChart=E,exports.registerAll=function(e){!function(e){!function(e,r,n){e?e.registerComponent(r,n):t(r,n)}(e,E,S)}(e)};
 //# sourceMappingURL=react-chartjs-2.cjs.production.min.js.map

package/dist/react-chartjs-2.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-chartjs-2.cjs.production.min.js","sources":["../src/common.ts","../src/simple-bar/SimpleBar.tsx","../src/simple-line/SimpleLine.tsx","../src/simple-scatter/SimpleScatter.tsx","../src/simple-chart/SimpleChart.tsx","../src/simple-chart/index.tsx","../src/index.tsx","../src/utils.ts"],"sourcesContent":["import { Plugin } from \"chart.js/dist/types\";\nimport { useEffect, useState } from \"react\";\n\nexport const baseOptions = {\n  responsive: true,\n  chartArea: {\n    // backgroundColor: \"#f8fafc\",\n  },\n};\n\n/**\n * These are hand-picked from the Tailwind palette.\n */\nexport const defaultColors = [\n  \"hsla(25,95%,53%,1.0)\",\n  \"hsla(38,92%,50%,1.0)\",\n  \"hsla(45,93%,47%,1.0)\",\n  \"hsla(84,81%,44%,1.0)\",\n  \"hsla(142,71%,45%,1.0)\",\n  \"hsla(160,84%,39%,1.0)\",\n  \"hsla(173,80%,40%,1.0)\",\n  \"hsla(199,89%,48%,1.0)\",\n  \"hsla(217,91%,60%,1.0)\",\n  \"hsla(239,84%,67%,1.0)\",\n  \"hsla(258,90%,66%,1.0)\",\n  \"hsla(271,91%,65%,1.0)\",\n  \"hsla(292,84%,61%,1.0)\",\n  \"hsla(293,69%,49%,1.0)\",\n  \"hsla(295,72%,40%,1.0)\",\n  \"hsla(295,70%,33%,1.0)\",\n];\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nexport interface BaseChartProps {\n  className?: string;\n  data?: Record<string, any>[];\n  labelField?: string;\n  interactive?: boolean;\n  title?: string;\n  chosenFields?: string[];\n  scatterSeries?: { name: string; fields: [string, string] }[];\n}\n\nexport interface PrepDataOpts {\n  isScatter?: boolean;\n  preferNonNumericAsLabel?: boolean;\n  extras?: (field: string) => {};\n  opacity?: number;\n}\n\nfunction range(total: number) {\n  return Array.from(Array(total).keys());\n}\n\n/**\n * Returns a color from the default color palette.\n *\n * Tries to pick \"different\" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.\n *\n * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.\n *\n * If too many colors are requested, it will recycle.\n */\nexport function getDefaultColor(\n  index: number,\n  total: number,\n  opacity?: number\n) {\n  const preferredStart = 9;\n  const end = defaultColors.length - 1;\n  const start = Math.max(0, Math.min(preferredStart, end - total));\n  const stops =\n    total > defaultColors.length\n      ? range(defaultColors.length)\n      : range(total).map((_, i) =>\n          Math.round(\n            start + (total > 1 ? ((1.0 * i) / (total - 1)) * (end - start) : 0)\n          )\n        );\n  const selected = defaultColors[stops[index % stops.length]];\n  if (opacity === undefined) {\n    return selected;\n  }\n  return selected.replace(\"1.0\", \"\" + opacity);\n}\n\nexport function prepData(\n  { data = [], labelField, chosenFields, scatterSeries }: BaseChartProps,\n  { isScatter, preferNonNumericAsLabel, extras, opacity }: PrepDataOpts = {}\n) {\n  const fields = Object.keys(data[0] ?? {});\n  const isFieldAllNumericOrNil = new Map(\n    fields.map((key) => [key, data.every((item) => !isNaN(item[key] ?? 0))])\n  );\n  const realLabelField =\n    labelField ??\n    (preferNonNumericAsLabel\n      ? fields.find((field) => !isFieldAllNumericOrNil.get(field))\n      : fields[0]);\n  const numericFields = fields.filter((field) =>\n    isFieldAllNumericOrNil.get(field)\n  );\n  if (isScatter) {\n    scatterSeries = isScatter\n      ? scatterSeries ?? [\n          {\n            name: `${numericFields[0]}-${numericFields[1]}`,\n            fields: [numericFields[0], numericFields[1]] as [string, string],\n          },\n        ]\n      : undefined;\n    return {\n      datasets: (scatterSeries ?? []).map((series, index) => ({\n        ...extras?.(series.name),\n        label: series.name,\n        data: data.map((item) => ({\n          x: item[series.fields[0]] ?? 0,\n          y: item[series.fields[1]] ?? 0,\n        })),\n        backgroundColor: getDefaultColor(\n          index,\n          (scatterSeries ?? []).length,\n          opacity\n        ),\n      })),\n    };\n  } else {\n    const autoChosenFields = numericFields.filter(\n      (field) => field !== realLabelField\n    );\n    return {\n      labels: realLabelField\n        ? data.map((item) => item[realLabelField])\n        : undefined,\n      datasets: (chosenFields ?? autoChosenFields).map((key, index) => {\n        return {\n          ...extras?.(key),\n          label: key,\n          data: data.map((item) => item[key] ?? 0),\n          backgroundColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n          borderWidth: 2,\n          borderColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n        };\n      }),\n    };\n  }\n}\n\n// additional styling\n\n/*\n  elements: {\n    bar: {\n      borderWidth: 2,\n    },\n  },\n\n */\n\nexport function prepOptions({ interactive = true, title }: BaseChartProps) {\n  return [\n    baseOptions,\n    interactive\n      ? {\n          interaction: {\n            mode: \"index\" as const,\n            intersect: false,\n          },\n          events: undefined,\n        }\n      : {\n          events: [],\n        },\n    title\n      ? {\n          plugins: {\n            title: { display: true, text: title },\n          },\n        }\n      : {},\n  ];\n}\n\nexport const ChartAreaPlugin: Plugin = {\n  id: \"chartAreaPlugin\",\n  // eslint-disable-next-line object-shorthand\n  beforeDraw: (chart) => {\n    const chartAreaOptions = (chart.config.options as any).chartArea;\n    if (chartAreaOptions && chartAreaOptions.backgroundColor) {\n      const ctx = chart.canvas.getContext(\"2d\");\n      const { chartArea } = chart;\n      if (ctx) {\n        ctx.save();\n        ctx.fillStyle = chartAreaOptions.backgroundColor;\n        // eslint-disable-next-line max-len\n        ctx.fillRect(\n          chartArea.left,\n          chartArea.top,\n          chartArea.right - chartArea.left,\n          chartArea.bottom - chartArea.top\n        );\n        ctx.restore();\n      }\n    }\n  },\n};\n","import {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Bar } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport const stackedOptions = {\n  scales: {\n    x: {\n      stacked: true,\n      ticks: {\n        major: {\n          enabled: false,\n        },\n      },\n    },\n    y: {\n      stacked: true,\n    },\n  },\n};\n\nexport const vertOptions = {\n  indexAxis: \"x\" as const,\n  plugins: {\n    legend: {\n      position: \"top\" as const,\n    },\n  },\n};\nexport const horizOptions = {\n  indexAxis: \"y\" as const,\n  plugins: {\n    legend: {\n      position: \"right\" as const,\n    },\n  },\n};\n\nexport interface SimpleBarProps extends BaseChartProps {\n  direction?: \"vertical\" | \"horizontal\";\n  stacked?: boolean;\n}\n\nexport function SimpleBar(props: SimpleBarProps) {\n  const { direction = \"vertical\", stacked, className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      BarElement,\n      Title,\n      Tooltip,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    preferNonNumericAsLabel: true,\n    opacity: 1,\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Bar\n        key={`${props.direction}${props.stacked}`}\n        options={deepmerge.all([\n          ...options,\n          direction === \"vertical\" ? vertOptions : horizOptions,\n          stacked ? stackedOptions : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect, useState } from \"react\";\nimport { Line } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport interface SimpleLineProps extends BaseChartProps {\n  fill?: boolean;\n  secondAxisField?: string;\n}\n\n// Force a re-mount when the secondAxisField is unset / re-set\n// https://app.shortcut.com/plasmic/story/38358/chart-component-issues-with-second-axis-field\nconst useKey = (secondAxisField?: string) => {\n  const [key, setKey] = useState(0);\n\n  // change key once when the secondAxisField is unset.\n  if (!secondAxisField && key) {\n    setKey(0);\n  }\n\n  // change key once when the secondAxisField value changes from undefined -> something\n  if (secondAxisField && !key) {\n    setKey(Math.random());\n  }\n\n  return key;\n};\n\nexport function SimpleLine(props: SimpleLineProps) {\n  const { secondAxisField, fill, className } = props;\n  const isClient = useIsClient();\n  const key = useKey(props.secondAxisField);\n\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Title,\n      Tooltip,\n      Filler,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    extras: (field) => ({\n      fill,\n      pointRadius: 0,\n      yAxisID: field === secondAxisField ? \"y1\" : \"y\",\n    }),\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Line\n        key={key}\n        options={deepmerge.all([\n          ...options,\n          secondAxisField\n            ? {\n                scales: {\n                  y: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"left\" as const,\n                  },\n                  y1: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"right\" as const,\n                    grid: {\n                      drawOnChartArea: false,\n                    },\n                  },\n                },\n              }\n            : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Scatter } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport type SimpleScatterProps = BaseChartProps;\n\nexport function SimpleScatter(props: SimpleScatterProps) {\n  const { className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Tooltip,\n      Legend,\n      Title\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, { isScatter: true, opacity: 1 });\n  const options = prepOptions(props);\n\n  return (\n    <div className={className}>\n      <Scatter\n        options={deepmerge.all([\n          ...options,\n          {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import React, { ReactElement } from \"react\";\nimport { SimpleBar, SimpleBarProps } from \"../simple-bar/SimpleBar\";\nimport { SimpleLine, SimpleLineProps } from \"../simple-line/SimpleLine\";\nimport {\n  SimpleScatter,\n  SimpleScatterProps,\n} from \"../simple-scatter/SimpleScatter\";\n\nexport type SimpleChartProps = {\n  type?: \"bar\" | \"line\" | \"scatter\";\n} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);\n\nexport function SimpleChart(props: SimpleChartProps): ReactElement {\n  switch (props.type ?? \"bar\") {\n    case \"bar\":\n      return <SimpleBar {...(props as any)} />;\n    case \"line\":\n      return <SimpleLine {...(props as any)} />;\n    case \"scatter\":\n      return <SimpleScatter {...(props as any)} />;\n  }\n}\n","import {\n  CodeComponentMeta,\n  PropType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { SimpleChart, SimpleChartProps } from \"./SimpleChart\";\n\nexport * from \"./SimpleChart\";\nexport default SimpleChart;\n\nconst fieldChoice: PropType<SimpleChartProps> = {\n  type: \"choice\",\n  options: (props: SimpleChartProps) =>\n    props.data?.[0] ? Object.keys(props.data[0]) : [],\n} as const;\nconst simpleChartMeta: CodeComponentMeta<SimpleChartProps> = {\n  name: \"hostless-react-chartjs-2-simple-chart\",\n  displayName: \"Chart\",\n  props: {\n    type: {\n      type: \"choice\",\n      options: [\n        {\n          value: \"bar\",\n          label: \"Bar\",\n        },\n        {\n          value: \"line\",\n          label: \"Line\",\n        },\n        {\n          value: \"scatter\",\n          label: \"Scatter\",\n        },\n      ],\n      defaultValueHint: \"bar\",\n    },\n    data: {\n      type: \"exprEditor\",\n      description: \"The data as an array of objects\",\n      defaultExpr: JSON.stringify([\n        {\n          region: \"APAC\",\n          revenue: 3294,\n          spend: 2675,\n        },\n        {\n          region: \"EMEA\",\n          revenue: 3245,\n          spend: 3895,\n        },\n        {\n          region: \"LATAM\",\n          revenue: 2165,\n          spend: 3498,\n        },\n        {\n          region: \"AMER\",\n          revenue: 3215,\n          spend: 1656,\n        },\n      ]),\n    },\n    labelField: {\n      ...fieldChoice,\n      hidden: (props) => props.type === \"scatter\",\n    },\n    title: \"string\",\n    interactive: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n    // Bar chart\n    direction: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"].map((dir) => ({\n        value: dir,\n        label: dir[0].toUpperCase() + dir.slice(1),\n      })),\n      defaultValueHint: \"Vertical\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    stacked: {\n      type: \"boolean\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    // Line chart\n    fill: {\n      type: \"boolean\",\n      hidden: (props) => props.type !== \"line\",\n    },\n    secondAxisField: {\n      ...fieldChoice,\n      hidden: (props) => props.type !== \"line\",\n    },\n\n    // TODO\n    // datasets: {\n    //   type: \"array\",\n    //   unstable__keyFunc: (x) => x.key,\n    //   unstable__minimalValue: (_props, ctx) => null,\n    //   itemType: {\n    //     type: \"object\",\n    //     fields: {\n    //       label: \"string\",\n    //       fieldId: \"string\",\n    //       hidden: {\n    //         type: \"boolean\",\n    //       },\n    //     },\n    //   },\n    // },\n  },\n\n  defaultStyles: {\n    width: \"stretch\",\n  },\n\n  importName: \"SimpleChart\",\n  importPath: \"@plasmicpkgs/react-chartjs-2\",\n};\n\nexport function registerSimpleChart(loader?: Registerable) {\n  registerComponentHelper(loader, SimpleChart, simpleChartMeta);\n}\n","import { registerSimpleChart } from \"./simple-chart\";\nimport { Registerable } from \"./utils\";\n\nexport { SimpleChart } from \"./simple-chart\";\n\nexport function registerAll(loader?: Registerable) {\n  registerSimpleChart(loader);\n}\n","import {\n  CodeComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n"],"names":["baseOptions","responsive","chartArea","defaultColors","useIsClient","_useState","useState","loaded","setLoaded","useEffect","range","total","Array","from","keys","getDefaultColor","index","opacity","end","length","start","Math","max","min","stops","map","_","i","round","selected","undefined","replace","prepData","_ref","_temp","data","_ref$data","labelField","chosenFields","scatterSeries","_ref2","isScatter","preferNonNumericAsLabel","extras","fields","Object","_data$","isFieldAllNumericOrNil","Map","key","every","item","_item$key","isNaN","realLabelField","find","field","get","numericFields","filter","datasets","name","series","_extends","label","_item$series$fields$","_item$series$fields$2","x","y","backgroundColor","autoChosenFields","labels","_item$key2","borderWidth","borderColor","prepOptions","_ref3","interactive","title","_ref3$interactive","interaction","mode","intersect","events","plugins","display","text","ChartAreaPlugin","id","beforeDraw","chart","chartAreaOptions","config","options","ctx","canvas","getContext","save","fillStyle","fillRect","left","top","right","bottom","restore","stackedOptions","scales","stacked","ticks","major","enabled","vertOptions","indexAxis","legend","position","horizOptions","SimpleBar","props","_props$direction","direction","className","isClient","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","normalized","React","Bar","deepmerge","all","concat","SimpleLine","secondAxisField","fill","setKey","random","useKey","PointElement","LineElement","Filler","pointRadius","yAxisID","Line","type","y1","grid","drawOnChartArea","SimpleScatter","Scatter","beginAtZero","SimpleChart","_props$type","fieldChoice","_props$data","simpleChartMeta","displayName","value","defaultValueHint","description","defaultExpr","JSON","stringify","region","revenue","spend","hidden","dir","toUpperCase","slice","_ref$type","_ref2$type","defaultStyles","width","importName","importPath","loader","component","meta","registerComponent","registerComponentHelper","registerSimpleChart"],"mappings":"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"}
+{"version":3,"file":"react-chartjs-2.cjs.production.min.js","sources":["../src/common.ts","../src/simple-bar/SimpleBar.tsx","../src/simple-line/SimpleLine.tsx","../src/simple-scatter/SimpleScatter.tsx","../src/simple-chart/SimpleChart.tsx","../src/simple-chart/index.tsx","../src/index.tsx","../src/utils.ts"],"sourcesContent":["import { Plugin } from \"chart.js/dist/types\";\nimport { useEffect, useState } from \"react\";\n\nexport const baseOptions = {\n  responsive: true,\n  chartArea: {\n    // backgroundColor: \"#f8fafc\",\n  },\n};\n\n/**\n * These are hand-picked from the Tailwind palette.\n */\nexport const defaultColors = [\n  \"hsla(25,95%,53%,1.0)\",\n  \"hsla(38,92%,50%,1.0)\",\n  \"hsla(45,93%,47%,1.0)\",\n  \"hsla(84,81%,44%,1.0)\",\n  \"hsla(142,71%,45%,1.0)\",\n  \"hsla(160,84%,39%,1.0)\",\n  \"hsla(173,80%,40%,1.0)\",\n  \"hsla(199,89%,48%,1.0)\",\n  \"hsla(217,91%,60%,1.0)\",\n  \"hsla(239,84%,67%,1.0)\",\n  \"hsla(258,90%,66%,1.0)\",\n  \"hsla(271,91%,65%,1.0)\",\n  \"hsla(292,84%,61%,1.0)\",\n  \"hsla(293,69%,49%,1.0)\",\n  \"hsla(295,72%,40%,1.0)\",\n  \"hsla(295,70%,33%,1.0)\",\n];\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nexport interface BaseChartProps {\n  className?: string;\n  data?: Record<string, any>[];\n  labelField?: string;\n  interactive?: boolean;\n  title?: string;\n  chosenFields?: string[];\n  scatterSeries?: { name: string; fields: [string, string] }[];\n}\n\nexport interface PrepDataOpts {\n  isScatter?: boolean;\n  preferNonNumericAsLabel?: boolean;\n  extras?: (field: string) => {};\n  opacity?: number;\n}\n\nfunction range(total: number) {\n  return Array.from(Array(total).keys());\n}\n\n/**\n * Returns a color from the default color palette.\n *\n * Tries to pick \"different\" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.\n *\n * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.\n *\n * If too many colors are requested, it will recycle.\n */\nexport function getDefaultColor(\n  index: number,\n  total: number,\n  opacity?: number\n) {\n  const preferredStart = 9;\n  const end = defaultColors.length - 1;\n  const start = Math.max(0, Math.min(preferredStart, end - total));\n  const stops =\n    total > defaultColors.length\n      ? range(defaultColors.length)\n      : range(total).map((_, i) =>\n          Math.round(\n            start + (total > 1 ? ((1.0 * i) / (total - 1)) * (end - start) : 0)\n          )\n        );\n  const selected = defaultColors[stops[index % stops.length]];\n  if (opacity === undefined) {\n    return selected;\n  }\n  return selected.replace(\"1.0\", \"\" + opacity);\n}\n\nexport function prepData(\n  { data = [], labelField, chosenFields, scatterSeries }: BaseChartProps,\n  { isScatter, preferNonNumericAsLabel, extras, opacity }: PrepDataOpts = {}\n) {\n  const fields = Object.keys(data[0] ?? {});\n  const isFieldAllNumericOrNil = new Map(\n    fields.map((key) => [key, data.every((item) => !isNaN(item[key] ?? 0))])\n  );\n  const realLabelField =\n    labelField ??\n    (preferNonNumericAsLabel\n      ? fields.find((field) => !isFieldAllNumericOrNil.get(field))\n      : fields[0]);\n  const numericFields = fields.filter((field) =>\n    isFieldAllNumericOrNil.get(field)\n  );\n  if (isScatter) {\n    scatterSeries = isScatter\n      ? scatterSeries ?? [\n          {\n            name: `${numericFields[0]}-${numericFields[1]}`,\n            fields: [numericFields[0], numericFields[1]] as [string, string],\n          },\n        ]\n      : undefined;\n    return {\n      datasets: (scatterSeries ?? []).map((series, index) => ({\n        ...extras?.(series.name),\n        label: series.name,\n        data: data.map((item) => ({\n          x: item[series.fields[0]] ?? 0,\n          y: item[series.fields[1]] ?? 0,\n        })),\n        backgroundColor: getDefaultColor(\n          index,\n          (scatterSeries ?? []).length,\n          opacity\n        ),\n      })),\n    };\n  } else {\n    const autoChosenFields = numericFields.filter(\n      (field) => field !== realLabelField\n    );\n    return {\n      labels: realLabelField\n        ? data.map((item) => item[realLabelField])\n        : undefined,\n      datasets: (chosenFields ?? autoChosenFields).map((key, index) => {\n        return {\n          ...extras?.(key),\n          label: key,\n          data: data.map((item) => item[key] ?? 0),\n          backgroundColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n          borderWidth: 2,\n          borderColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n        };\n      }),\n    };\n  }\n}\n\n// additional styling\n\n/*\n  elements: {\n    bar: {\n      borderWidth: 2,\n    },\n  },\n\n */\n\nexport function prepOptions({ interactive = true, title }: BaseChartProps) {\n  return [\n    baseOptions,\n    interactive\n      ? {\n          interaction: {\n            mode: \"index\" as const,\n            intersect: false,\n          },\n          events: undefined,\n        }\n      : {\n          events: [],\n        },\n    title\n      ? {\n          plugins: {\n            title: { display: true, text: title },\n          },\n        }\n      : {},\n  ];\n}\n\nexport const ChartAreaPlugin: Plugin = {\n  id: \"chartAreaPlugin\",\n  // eslint-disable-next-line object-shorthand\n  beforeDraw: (chart) => {\n    const chartAreaOptions = (chart.config.options as any).chartArea;\n    if (chartAreaOptions && chartAreaOptions.backgroundColor) {\n      const ctx = chart.canvas.getContext(\"2d\");\n      const { chartArea } = chart;\n      if (ctx) {\n        ctx.save();\n        ctx.fillStyle = chartAreaOptions.backgroundColor;\n        // eslint-disable-next-line max-len\n        ctx.fillRect(\n          chartArea.left,\n          chartArea.top,\n          chartArea.right - chartArea.left,\n          chartArea.bottom - chartArea.top\n        );\n        ctx.restore();\n      }\n    }\n  },\n};\n","import {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Bar } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport const stackedOptions = {\n  scales: {\n    x: {\n      stacked: true,\n      ticks: {\n        major: {\n          enabled: false,\n        },\n      },\n    },\n    y: {\n      stacked: true,\n    },\n  },\n};\n\nexport const vertOptions = {\n  indexAxis: \"x\" as const,\n  plugins: {\n    legend: {\n      position: \"top\" as const,\n    },\n  },\n};\nexport const horizOptions = {\n  indexAxis: \"y\" as const,\n  plugins: {\n    legend: {\n      position: \"right\" as const,\n    },\n  },\n};\n\nexport interface SimpleBarProps extends BaseChartProps {\n  direction?: \"vertical\" | \"horizontal\";\n  stacked?: boolean;\n}\n\nexport function SimpleBar(props: SimpleBarProps) {\n  const { direction = \"vertical\", stacked, className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      BarElement,\n      Title,\n      Tooltip,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    preferNonNumericAsLabel: true,\n    opacity: 1,\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Bar\n        key={`${props.direction}${props.stacked}`}\n        options={deepmerge.all([\n          ...options,\n          direction === \"vertical\" ? vertOptions : horizOptions,\n          stacked ? stackedOptions : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect, useState } from \"react\";\nimport { Line } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport interface SimpleLineProps extends BaseChartProps {\n  fill?: boolean;\n  secondAxisField?: string;\n}\n\n// Force a re-mount when the secondAxisField is unset / re-set\n// https://app.shortcut.com/plasmic/story/38358/chart-component-issues-with-second-axis-field\nconst useKey = (secondAxisField?: string) => {\n  const [key, setKey] = useState(0);\n\n  // change key once when the secondAxisField is unset.\n  if (!secondAxisField && key) {\n    setKey(0);\n  }\n\n  // change key once when the secondAxisField value changes from undefined -> something\n  if (secondAxisField && !key) {\n    setKey(Math.random());\n  }\n\n  return key;\n};\n\nexport function SimpleLine(props: SimpleLineProps) {\n  const { secondAxisField, fill, className } = props;\n  const isClient = useIsClient();\n  const key = useKey(props.secondAxisField);\n\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Title,\n      Tooltip,\n      Filler,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    extras: (field) => ({\n      fill,\n      pointRadius: 0,\n      yAxisID: field === secondAxisField ? \"y1\" : \"y\",\n    }),\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Line\n        key={key}\n        options={deepmerge.all([\n          ...options,\n          secondAxisField\n            ? {\n                scales: {\n                  y: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"left\" as const,\n                  },\n                  y1: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"right\" as const,\n                    grid: {\n                      drawOnChartArea: false,\n                    },\n                  },\n                },\n              }\n            : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Scatter } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport type SimpleScatterProps = BaseChartProps;\n\nexport function SimpleScatter(props: SimpleScatterProps) {\n  const { className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Tooltip,\n      Legend,\n      Title\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, { isScatter: true, opacity: 1 });\n  const options = prepOptions(props);\n\n  return (\n    <div className={className}>\n      <Scatter\n        options={deepmerge.all([\n          ...options,\n          {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import React, { ReactElement } from \"react\";\nimport { SimpleBar, SimpleBarProps } from \"../simple-bar/SimpleBar\";\nimport { SimpleLine, SimpleLineProps } from \"../simple-line/SimpleLine\";\nimport {\n  SimpleScatter,\n  SimpleScatterProps,\n} from \"../simple-scatter/SimpleScatter\";\n\nexport type SimpleChartProps = {\n  type?: \"bar\" | \"line\" | \"scatter\";\n} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);\n\nexport function SimpleChart(props: SimpleChartProps): ReactElement {\n  switch (props.type ?? \"bar\") {\n    case \"bar\":\n      return <SimpleBar {...(props as any)} />;\n    case \"line\":\n      return <SimpleLine {...(props as any)} />;\n    case \"scatter\":\n      return <SimpleScatter {...(props as any)} />;\n  }\n}\n","import {\n  CodeComponentMeta,\n  PropType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { SimpleChart, SimpleChartProps } from \"./SimpleChart\";\n\nexport * from \"./SimpleChart\";\nexport default SimpleChart;\n\nconst fieldChoice: PropType<SimpleChartProps> = {\n  type: \"choice\",\n  options: (props: SimpleChartProps) =>\n    props.data?.[0] ? Object.keys(props.data[0]) : [],\n} as const;\nconst simpleChartMeta: CodeComponentMeta<SimpleChartProps> = {\n  name: \"hostless-react-chartjs-2-simple-chart\",\n  displayName: \"Chart\",\n  props: {\n    type: {\n      type: \"choice\",\n      options: [\n        {\n          value: \"bar\",\n          label: \"Bar\",\n        },\n        {\n          value: \"line\",\n          label: \"Line\",\n        },\n        {\n          value: \"scatter\",\n          label: \"Scatter\",\n        },\n      ],\n      defaultValueHint: \"bar\",\n    },\n    data: {\n      type: \"exprEditor\",\n      description: \"The data as an array of objects\",\n      defaultExpr: JSON.stringify([\n        {\n          region: \"APAC\",\n          revenue: 3294,\n          spend: 2675,\n        },\n        {\n          region: \"EMEA\",\n          revenue: 3245,\n          spend: 3895,\n        },\n        {\n          region: \"LATAM\",\n          revenue: 2165,\n          spend: 3498,\n        },\n        {\n          region: \"AMER\",\n          revenue: 3215,\n          spend: 1656,\n        },\n      ]),\n    },\n    labelField: {\n      ...fieldChoice,\n      hidden: (props) => props.type === \"scatter\",\n    },\n    title: \"string\",\n    interactive: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n    // Bar chart\n    direction: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"].map((dir) => ({\n        value: dir,\n        label: dir[0].toUpperCase() + dir.slice(1),\n      })),\n      defaultValueHint: \"Vertical\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    stacked: {\n      type: \"boolean\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    // Line chart\n    fill: {\n      type: \"boolean\",\n      hidden: (props) => props.type !== \"line\",\n    },\n    secondAxisField: {\n      ...fieldChoice,\n      hidden: (props) => props.type !== \"line\",\n    },\n\n    // TODO\n    // datasets: {\n    //   type: \"array\",\n    //   unstable__keyFunc: (x) => x.key,\n    //   unstable__minimalValue: (_props, ctx) => null,\n    //   itemType: {\n    //     type: \"object\",\n    //     fields: {\n    //       label: \"string\",\n    //       fieldId: \"string\",\n    //       hidden: {\n    //         type: \"boolean\",\n    //       },\n    //     },\n    //   },\n    // },\n  },\n\n  defaultStyles: {\n    width: \"stretch\",\n  },\n\n  importName: \"SimpleChart\",\n  importPath: \"@plasmicpkgs/react-chartjs-2\",\n};\n\nexport function registerSimpleChart(loader?: Registerable) {\n  registerComponentHelper(loader, SimpleChart, simpleChartMeta);\n}\n","import { registerSimpleChart } from \"./simple-chart\";\nimport { Registerable } from \"./utils\";\n\nexport { SimpleChart } from \"./simple-chart\";\n\nexport function registerAll(loader?: Registerable) {\n  registerSimpleChart(loader);\n}\n","import {\n  CodeComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n"],"names":["baseOptions","responsive","chartArea","defaultColors","useIsClient","_useState","useState","loaded","setLoaded","useEffect","range","total","Array","from","keys","getDefaultColor","index","opacity","end","length","start","Math","max","min","stops","map","_","i","round","selected","undefined","replace","prepData","_ref","_temp","data","_ref$data","labelField","chosenFields","scatterSeries","_ref2","isScatter","preferNonNumericAsLabel","extras","fields","Object","_data$","isFieldAllNumericOrNil","Map","key","every","item","_item$key","isNaN","realLabelField","find","field","get","numericFields","filter","datasets","name","series","_extends","label","_item$series$fields$","_item$series$fields$2","x","y","backgroundColor","autoChosenFields","labels","_item$key2","borderWidth","borderColor","prepOptions","_ref3","interactive","title","_ref3$interactive","interaction","mode","intersect","events","plugins","display","text","ChartAreaPlugin","id","beforeDraw","chart","chartAreaOptions","config","options","ctx","canvas","getContext","save","fillStyle","fillRect","left","top","right","bottom","restore","stackedOptions","scales","stacked","ticks","major","enabled","vertOptions","indexAxis","legend","position","horizOptions","SimpleBar","props","_props$direction","direction","className","isClient","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","normalized","React","Bar","deepmerge","all","concat","SimpleLine","secondAxisField","fill","setKey","random","useKey","PointElement","LineElement","Filler","pointRadius","yAxisID","Line","type","y1","grid","drawOnChartArea","SimpleScatter","Scatter","beginAtZero","SimpleChart","_props$type","fieldChoice","_props$data","simpleChartMeta","displayName","value","defaultValueHint","description","defaultExpr","JSON","stringify","region","revenue","spend","hidden","dir","toUpperCase","slice","_ref$type","_ref2$type","defaultStyles","width","importName","importPath","loader","component","meta","registerComponent","registerComponentHelper","registerSimpleChart"],"mappings":"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"}

package/dist/react-chartjs-2.esm.js

@@ -29,8 +29,8 @@ var baseOptions = {
     // backgroundColor: "#f8fafc",
   }
 };
-/**
- * These are hand-picked from the Tailwind palette.
+/**
+ * These are hand-picked from the Tailwind palette.
  */
 var defaultColors = ["hsla(25,95%,53%,1.0)", "hsla(38,92%,50%,1.0)", "hsla(45,93%,47%,1.0)", "hsla(84,81%,44%,1.0)", "hsla(142,71%,45%,1.0)", "hsla(160,84%,39%,1.0)", "hsla(173,80%,40%,1.0)", "hsla(199,89%,48%,1.0)", "hsla(217,91%,60%,1.0)", "hsla(239,84%,67%,1.0)", "hsla(258,90%,66%,1.0)", "hsla(271,91%,65%,1.0)", "hsla(292,84%,61%,1.0)", "hsla(293,69%,49%,1.0)", "hsla(295,72%,40%,1.0)", "hsla(295,70%,33%,1.0)"];
 function useIsClient() {
@@ -45,14 +45,14 @@ function useIsClient() {
 function range(total) {
   return Array.from(Array(total).keys());
 }
-/**
- * Returns a color from the default color palette.
- *
- * Tries to pick "different" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.
- *
- * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.
- *
- * If too many colors are requested, it will recycle.
+/**
+ * Returns a color from the default color palette.
+ *
+ * Tries to pick "different" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.
+ *
+ * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.
+ *
+ * If too many colors are requested, it will recycle.
  */
 function getDefaultColor(index, total, opacity) {
   var preferredStart = 9;
@@ -136,12 +136,12 @@ function prepData(_ref, _temp) {
   }
 }
 // additional styling
-/*
-  elements: {
-    bar: {
-      borderWidth: 2,
-    },
-  },
+/*
+  elements: {
+    bar: {
+      borderWidth: 2,
+    },
+  },
 
  */
 function prepOptions(_ref3) {
@@ -336,11 +336,11 @@ function SimpleChart(props) {
   var _props$type;
   switch ((_props$type = props.type) != null ? _props$type : "bar") {
     case "bar":
-      return React.createElement(SimpleBar, Object.assign({}, props));
+      return React.createElement(SimpleBar, _extends({}, props));
     case "line":
-      return React.createElement(SimpleLine, Object.assign({}, props));
+      return React.createElement(SimpleLine, _extends({}, props));
     case "scatter":
-      return React.createElement(SimpleScatter, Object.assign({}, props));
+      return React.createElement(SimpleScatter, _extends({}, props));
   }
 }
 
@@ -436,6 +436,22 @@ var simpleChartMeta = {
         return props.type !== "line";
       }
     })
+    // TODO
+    // datasets: {
+    //   type: "array",
+    //   unstable__keyFunc: (x) => x.key,
+    //   unstable__minimalValue: (_props, ctx) => null,
+    //   itemType: {
+    //     type: "object",
+    //     fields: {
+    //       label: "string",
+    //       fieldId: "string",
+    //       hidden: {
+    //         type: "boolean",
+    //       },
+    //     },
+    //   },
+    // },
   },
   defaultStyles: {
     width: "stretch"

package/dist/react-chartjs-2.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-chartjs-2.esm.js","sources":["../src/utils.ts","../src/common.ts","../src/simple-bar/SimpleBar.tsx","../src/simple-line/SimpleLine.tsx","../src/simple-scatter/SimpleScatter.tsx","../src/simple-chart/SimpleChart.tsx","../src/simple-chart/index.tsx","../src/index.tsx"],"sourcesContent":["import {\n  CodeComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import { Plugin } from \"chart.js/dist/types\";\nimport { useEffect, useState } from \"react\";\n\nexport const baseOptions = {\n  responsive: true,\n  chartArea: {\n    // backgroundColor: \"#f8fafc\",\n  },\n};\n\n/**\n * These are hand-picked from the Tailwind palette.\n */\nexport const defaultColors = [\n  \"hsla(25,95%,53%,1.0)\",\n  \"hsla(38,92%,50%,1.0)\",\n  \"hsla(45,93%,47%,1.0)\",\n  \"hsla(84,81%,44%,1.0)\",\n  \"hsla(142,71%,45%,1.0)\",\n  \"hsla(160,84%,39%,1.0)\",\n  \"hsla(173,80%,40%,1.0)\",\n  \"hsla(199,89%,48%,1.0)\",\n  \"hsla(217,91%,60%,1.0)\",\n  \"hsla(239,84%,67%,1.0)\",\n  \"hsla(258,90%,66%,1.0)\",\n  \"hsla(271,91%,65%,1.0)\",\n  \"hsla(292,84%,61%,1.0)\",\n  \"hsla(293,69%,49%,1.0)\",\n  \"hsla(295,72%,40%,1.0)\",\n  \"hsla(295,70%,33%,1.0)\",\n];\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nexport interface BaseChartProps {\n  className?: string;\n  data?: Record<string, any>[];\n  labelField?: string;\n  interactive?: boolean;\n  title?: string;\n  chosenFields?: string[];\n  scatterSeries?: { name: string; fields: [string, string] }[];\n}\n\nexport interface PrepDataOpts {\n  isScatter?: boolean;\n  preferNonNumericAsLabel?: boolean;\n  extras?: (field: string) => {};\n  opacity?: number;\n}\n\nfunction range(total: number) {\n  return Array.from(Array(total).keys());\n}\n\n/**\n * Returns a color from the default color palette.\n *\n * Tries to pick \"different\" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.\n *\n * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.\n *\n * If too many colors are requested, it will recycle.\n */\nexport function getDefaultColor(\n  index: number,\n  total: number,\n  opacity?: number\n) {\n  const preferredStart = 9;\n  const end = defaultColors.length - 1;\n  const start = Math.max(0, Math.min(preferredStart, end - total));\n  const stops =\n    total > defaultColors.length\n      ? range(defaultColors.length)\n      : range(total).map((_, i) =>\n          Math.round(\n            start + (total > 1 ? ((1.0 * i) / (total - 1)) * (end - start) : 0)\n          )\n        );\n  const selected = defaultColors[stops[index % stops.length]];\n  if (opacity === undefined) {\n    return selected;\n  }\n  return selected.replace(\"1.0\", \"\" + opacity);\n}\n\nexport function prepData(\n  { data = [], labelField, chosenFields, scatterSeries }: BaseChartProps,\n  { isScatter, preferNonNumericAsLabel, extras, opacity }: PrepDataOpts = {}\n) {\n  const fields = Object.keys(data[0] ?? {});\n  const isFieldAllNumericOrNil = new Map(\n    fields.map((key) => [key, data.every((item) => !isNaN(item[key] ?? 0))])\n  );\n  const realLabelField =\n    labelField ??\n    (preferNonNumericAsLabel\n      ? fields.find((field) => !isFieldAllNumericOrNil.get(field))\n      : fields[0]);\n  const numericFields = fields.filter((field) =>\n    isFieldAllNumericOrNil.get(field)\n  );\n  if (isScatter) {\n    scatterSeries = isScatter\n      ? scatterSeries ?? [\n          {\n            name: `${numericFields[0]}-${numericFields[1]}`,\n            fields: [numericFields[0], numericFields[1]] as [string, string],\n          },\n        ]\n      : undefined;\n    return {\n      datasets: (scatterSeries ?? []).map((series, index) => ({\n        ...extras?.(series.name),\n        label: series.name,\n        data: data.map((item) => ({\n          x: item[series.fields[0]] ?? 0,\n          y: item[series.fields[1]] ?? 0,\n        })),\n        backgroundColor: getDefaultColor(\n          index,\n          (scatterSeries ?? []).length,\n          opacity\n        ),\n      })),\n    };\n  } else {\n    const autoChosenFields = numericFields.filter(\n      (field) => field !== realLabelField\n    );\n    return {\n      labels: realLabelField\n        ? data.map((item) => item[realLabelField])\n        : undefined,\n      datasets: (chosenFields ?? autoChosenFields).map((key, index) => {\n        return {\n          ...extras?.(key),\n          label: key,\n          data: data.map((item) => item[key] ?? 0),\n          backgroundColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n          borderWidth: 2,\n          borderColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n        };\n      }),\n    };\n  }\n}\n\n// additional styling\n\n/*\n  elements: {\n    bar: {\n      borderWidth: 2,\n    },\n  },\n\n */\n\nexport function prepOptions({ interactive = true, title }: BaseChartProps) {\n  return [\n    baseOptions,\n    interactive\n      ? {\n          interaction: {\n            mode: \"index\" as const,\n            intersect: false,\n          },\n          events: undefined,\n        }\n      : {\n          events: [],\n        },\n    title\n      ? {\n          plugins: {\n            title: { display: true, text: title },\n          },\n        }\n      : {},\n  ];\n}\n\nexport const ChartAreaPlugin: Plugin = {\n  id: \"chartAreaPlugin\",\n  // eslint-disable-next-line object-shorthand\n  beforeDraw: (chart) => {\n    const chartAreaOptions = (chart.config.options as any).chartArea;\n    if (chartAreaOptions && chartAreaOptions.backgroundColor) {\n      const ctx = chart.canvas.getContext(\"2d\");\n      const { chartArea } = chart;\n      if (ctx) {\n        ctx.save();\n        ctx.fillStyle = chartAreaOptions.backgroundColor;\n        // eslint-disable-next-line max-len\n        ctx.fillRect(\n          chartArea.left,\n          chartArea.top,\n          chartArea.right - chartArea.left,\n          chartArea.bottom - chartArea.top\n        );\n        ctx.restore();\n      }\n    }\n  },\n};\n","import {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Bar } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport const stackedOptions = {\n  scales: {\n    x: {\n      stacked: true,\n      ticks: {\n        major: {\n          enabled: false,\n        },\n      },\n    },\n    y: {\n      stacked: true,\n    },\n  },\n};\n\nexport const vertOptions = {\n  indexAxis: \"x\" as const,\n  plugins: {\n    legend: {\n      position: \"top\" as const,\n    },\n  },\n};\nexport const horizOptions = {\n  indexAxis: \"y\" as const,\n  plugins: {\n    legend: {\n      position: \"right\" as const,\n    },\n  },\n};\n\nexport interface SimpleBarProps extends BaseChartProps {\n  direction?: \"vertical\" | \"horizontal\";\n  stacked?: boolean;\n}\n\nexport function SimpleBar(props: SimpleBarProps) {\n  const { direction = \"vertical\", stacked, className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      BarElement,\n      Title,\n      Tooltip,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    preferNonNumericAsLabel: true,\n    opacity: 1,\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Bar\n        key={`${props.direction}${props.stacked}`}\n        options={deepmerge.all([\n          ...options,\n          direction === \"vertical\" ? vertOptions : horizOptions,\n          stacked ? stackedOptions : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect, useState } from \"react\";\nimport { Line } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport interface SimpleLineProps extends BaseChartProps {\n  fill?: boolean;\n  secondAxisField?: string;\n}\n\n// Force a re-mount when the secondAxisField is unset / re-set\n// https://app.shortcut.com/plasmic/story/38358/chart-component-issues-with-second-axis-field\nconst useKey = (secondAxisField?: string) => {\n  const [key, setKey] = useState(0);\n\n  // change key once when the secondAxisField is unset.\n  if (!secondAxisField && key) {\n    setKey(0);\n  }\n\n  // change key once when the secondAxisField value changes from undefined -> something\n  if (secondAxisField && !key) {\n    setKey(Math.random());\n  }\n\n  return key;\n};\n\nexport function SimpleLine(props: SimpleLineProps) {\n  const { secondAxisField, fill, className } = props;\n  const isClient = useIsClient();\n  const key = useKey(props.secondAxisField);\n\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Title,\n      Tooltip,\n      Filler,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    extras: (field) => ({\n      fill,\n      pointRadius: 0,\n      yAxisID: field === secondAxisField ? \"y1\" : \"y\",\n    }),\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Line\n        key={key}\n        options={deepmerge.all([\n          ...options,\n          secondAxisField\n            ? {\n                scales: {\n                  y: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"left\" as const,\n                  },\n                  y1: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"right\" as const,\n                    grid: {\n                      drawOnChartArea: false,\n                    },\n                  },\n                },\n              }\n            : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Scatter } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport type SimpleScatterProps = BaseChartProps;\n\nexport function SimpleScatter(props: SimpleScatterProps) {\n  const { className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Tooltip,\n      Legend,\n      Title\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, { isScatter: true, opacity: 1 });\n  const options = prepOptions(props);\n\n  return (\n    <div className={className}>\n      <Scatter\n        options={deepmerge.all([\n          ...options,\n          {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import React, { ReactElement } from \"react\";\nimport { SimpleBar, SimpleBarProps } from \"../simple-bar/SimpleBar\";\nimport { SimpleLine, SimpleLineProps } from \"../simple-line/SimpleLine\";\nimport {\n  SimpleScatter,\n  SimpleScatterProps,\n} from \"../simple-scatter/SimpleScatter\";\n\nexport type SimpleChartProps = {\n  type?: \"bar\" | \"line\" | \"scatter\";\n} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);\n\nexport function SimpleChart(props: SimpleChartProps): ReactElement {\n  switch (props.type ?? \"bar\") {\n    case \"bar\":\n      return <SimpleBar {...(props as any)} />;\n    case \"line\":\n      return <SimpleLine {...(props as any)} />;\n    case \"scatter\":\n      return <SimpleScatter {...(props as any)} />;\n  }\n}\n","import {\n  CodeComponentMeta,\n  PropType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { SimpleChart, SimpleChartProps } from \"./SimpleChart\";\n\nexport * from \"./SimpleChart\";\nexport default SimpleChart;\n\nconst fieldChoice: PropType<SimpleChartProps> = {\n  type: \"choice\",\n  options: (props: SimpleChartProps) =>\n    props.data?.[0] ? Object.keys(props.data[0]) : [],\n} as const;\nconst simpleChartMeta: CodeComponentMeta<SimpleChartProps> = {\n  name: \"hostless-react-chartjs-2-simple-chart\",\n  displayName: \"Chart\",\n  props: {\n    type: {\n      type: \"choice\",\n      options: [\n        {\n          value: \"bar\",\n          label: \"Bar\",\n        },\n        {\n          value: \"line\",\n          label: \"Line\",\n        },\n        {\n          value: \"scatter\",\n          label: \"Scatter\",\n        },\n      ],\n      defaultValueHint: \"bar\",\n    },\n    data: {\n      type: \"exprEditor\",\n      description: \"The data as an array of objects\",\n      defaultExpr: JSON.stringify([\n        {\n          region: \"APAC\",\n          revenue: 3294,\n          spend: 2675,\n        },\n        {\n          region: \"EMEA\",\n          revenue: 3245,\n          spend: 3895,\n        },\n        {\n          region: \"LATAM\",\n          revenue: 2165,\n          spend: 3498,\n        },\n        {\n          region: \"AMER\",\n          revenue: 3215,\n          spend: 1656,\n        },\n      ]),\n    },\n    labelField: {\n      ...fieldChoice,\n      hidden: (props) => props.type === \"scatter\",\n    },\n    title: \"string\",\n    interactive: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n    // Bar chart\n    direction: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"].map((dir) => ({\n        value: dir,\n        label: dir[0].toUpperCase() + dir.slice(1),\n      })),\n      defaultValueHint: \"Vertical\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    stacked: {\n      type: \"boolean\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    // Line chart\n    fill: {\n      type: \"boolean\",\n      hidden: (props) => props.type !== \"line\",\n    },\n    secondAxisField: {\n      ...fieldChoice,\n      hidden: (props) => props.type !== \"line\",\n    },\n\n    // TODO\n    // datasets: {\n    //   type: \"array\",\n    //   unstable__keyFunc: (x) => x.key,\n    //   unstable__minimalValue: (_props, ctx) => null,\n    //   itemType: {\n    //     type: \"object\",\n    //     fields: {\n    //       label: \"string\",\n    //       fieldId: \"string\",\n    //       hidden: {\n    //         type: \"boolean\",\n    //       },\n    //     },\n    //   },\n    // },\n  },\n\n  defaultStyles: {\n    width: \"stretch\",\n  },\n\n  importName: \"SimpleChart\",\n  importPath: \"@plasmicpkgs/react-chartjs-2\",\n};\n\nexport function registerSimpleChart(loader?: Registerable) {\n  registerComponentHelper(loader, SimpleChart, simpleChartMeta);\n}\n","import { registerSimpleChart } from \"./simple-chart\";\nimport { Registerable } from \"./utils\";\n\nexport { SimpleChart } from \"./simple-chart\";\n\nexport function registerAll(loader?: Registerable) {\n  registerSimpleChart(loader);\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","baseOptions","responsive","chartArea","defaultColors","useIsClient","_useState","useState","loaded","setLoaded","useEffect","range","total","Array","from","keys","getDefaultColor","index","opacity","preferredStart","end","length","start","Math","max","min","stops","map","_","i","round","selected","undefined","replace","prepData","_ref","_temp","data","_ref$data","labelField","chosenFields","scatterSeries","_ref2","isScatter","preferNonNumericAsLabel","extras","fields","Object","_data$","isFieldAllNumericOrNil","Map","key","every","item","_item$key","isNaN","realLabelField","find","field","get","numericFields","filter","name","datasets","series","_extends","label","_item$series$fields$","_item$series$fields$2","x","y","backgroundColor","autoChosenFields","labels","_item$key2","borderWidth","borderColor","prepOptions","_ref3","interactive","_ref3$interactive","title","interaction","mode","intersect","events","plugins","display","text","ChartAreaPlugin","id","beforeDraw","chart","chartAreaOptions","config","options","ctx","canvas","getContext","save","fillStyle","fillRect","left","top","right","bottom","restore","stackedOptions","scales","stacked","ticks","major","enabled","vertOptions","indexAxis","legend","position","horizOptions","SimpleBar","props","_props$direction","direction","className","isClient","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","normalized","React","Bar","deepmerge","all","concat","useKey","secondAxisField","setKey","random","SimpleLine","fill","PointElement","LineElement","Filler","pointRadius","yAxisID","Line","type","y1","grid","drawOnChartArea","SimpleScatter","Scatter","beginAtZero","SimpleChart","_props$type","fieldChoice","_props$data","simpleChartMeta","displayName","value","defaultValueHint","description","defaultExpr","JSON","stringify","region","revenue","spend","hidden","dir","toUpperCase","slice","_ref$type","_ref2$type","defaultStyles","width","importName","importPath","registerSimpleChart","registerAll"],"mappings":"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"}
+{"version":3,"file":"react-chartjs-2.esm.js","sources":["../src/utils.ts","../src/common.ts","../src/simple-bar/SimpleBar.tsx","../src/simple-line/SimpleLine.tsx","../src/simple-scatter/SimpleScatter.tsx","../src/simple-chart/SimpleChart.tsx","../src/simple-chart/index.tsx","../src/index.tsx"],"sourcesContent":["import {\n  CodeComponentMeta,\n  default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  GlobalContextMeta,\n  default as registerGlobalContext,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n  registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    registerComponentHelper(loader, component, meta);\n  };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n  component: T,\n  meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n  return function (loader?: Registerable) {\n    if (loader) {\n      loader.registerGlobalContext(component, meta);\n    } else {\n      registerGlobalContext(component, meta);\n    }\n  };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>\n) {\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\ntype ReactElt = {\n  children: ReactElt | ReactElt[];\n  props: {\n    children: ReactElt | ReactElt[];\n    [prop: string]: any;\n  } | null;\n  type: React.ComponentType<any> | null;\n  key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n  children: React.ReactNode,\n  callback: (elt: ReactElt) => void\n) {\n  const rec = (elts: ReactElt | ReactElt[] | null) => {\n    (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n      if (elt) {\n        callback(elt);\n        if (elt.children) {\n          rec(elt.children);\n        }\n        if (elt.props?.children && elt.props.children !== elt.children) {\n          rec(elt.props.children);\n        }\n      }\n    });\n  };\n  rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n  if (Array.isArray(x)) {\n    return x;\n  } else if (x == null) {\n    return [];\n  } else {\n    return [x];\n  }\n}\n","import { Plugin } from \"chart.js/dist/types\";\nimport { useEffect, useState } from \"react\";\n\nexport const baseOptions = {\n  responsive: true,\n  chartArea: {\n    // backgroundColor: \"#f8fafc\",\n  },\n};\n\n/**\n * These are hand-picked from the Tailwind palette.\n */\nexport const defaultColors = [\n  \"hsla(25,95%,53%,1.0)\",\n  \"hsla(38,92%,50%,1.0)\",\n  \"hsla(45,93%,47%,1.0)\",\n  \"hsla(84,81%,44%,1.0)\",\n  \"hsla(142,71%,45%,1.0)\",\n  \"hsla(160,84%,39%,1.0)\",\n  \"hsla(173,80%,40%,1.0)\",\n  \"hsla(199,89%,48%,1.0)\",\n  \"hsla(217,91%,60%,1.0)\",\n  \"hsla(239,84%,67%,1.0)\",\n  \"hsla(258,90%,66%,1.0)\",\n  \"hsla(271,91%,65%,1.0)\",\n  \"hsla(292,84%,61%,1.0)\",\n  \"hsla(293,69%,49%,1.0)\",\n  \"hsla(295,72%,40%,1.0)\",\n  \"hsla(295,70%,33%,1.0)\",\n];\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = useState(false);\n  useEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nexport interface BaseChartProps {\n  className?: string;\n  data?: Record<string, any>[];\n  labelField?: string;\n  interactive?: boolean;\n  title?: string;\n  chosenFields?: string[];\n  scatterSeries?: { name: string; fields: [string, string] }[];\n}\n\nexport interface PrepDataOpts {\n  isScatter?: boolean;\n  preferNonNumericAsLabel?: boolean;\n  extras?: (field: string) => {};\n  opacity?: number;\n}\n\nfunction range(total: number) {\n  return Array.from(Array(total).keys());\n}\n\n/**\n * Returns a color from the default color palette.\n *\n * Tries to pick \"different\" colors that are somewhat spread out on the palette. With a higher 'total' colors requested, the colors will be packed more closely together.\n *\n * We prefer starting from blue when possible. This only starts getting pushed down toward yellow if too many colors requested.\n *\n * If too many colors are requested, it will recycle.\n */\nexport function getDefaultColor(\n  index: number,\n  total: number,\n  opacity?: number\n) {\n  const preferredStart = 9;\n  const end = defaultColors.length - 1;\n  const start = Math.max(0, Math.min(preferredStart, end - total));\n  const stops =\n    total > defaultColors.length\n      ? range(defaultColors.length)\n      : range(total).map((_, i) =>\n          Math.round(\n            start + (total > 1 ? ((1.0 * i) / (total - 1)) * (end - start) : 0)\n          )\n        );\n  const selected = defaultColors[stops[index % stops.length]];\n  if (opacity === undefined) {\n    return selected;\n  }\n  return selected.replace(\"1.0\", \"\" + opacity);\n}\n\nexport function prepData(\n  { data = [], labelField, chosenFields, scatterSeries }: BaseChartProps,\n  { isScatter, preferNonNumericAsLabel, extras, opacity }: PrepDataOpts = {}\n) {\n  const fields = Object.keys(data[0] ?? {});\n  const isFieldAllNumericOrNil = new Map(\n    fields.map((key) => [key, data.every((item) => !isNaN(item[key] ?? 0))])\n  );\n  const realLabelField =\n    labelField ??\n    (preferNonNumericAsLabel\n      ? fields.find((field) => !isFieldAllNumericOrNil.get(field))\n      : fields[0]);\n  const numericFields = fields.filter((field) =>\n    isFieldAllNumericOrNil.get(field)\n  );\n  if (isScatter) {\n    scatterSeries = isScatter\n      ? scatterSeries ?? [\n          {\n            name: `${numericFields[0]}-${numericFields[1]}`,\n            fields: [numericFields[0], numericFields[1]] as [string, string],\n          },\n        ]\n      : undefined;\n    return {\n      datasets: (scatterSeries ?? []).map((series, index) => ({\n        ...extras?.(series.name),\n        label: series.name,\n        data: data.map((item) => ({\n          x: item[series.fields[0]] ?? 0,\n          y: item[series.fields[1]] ?? 0,\n        })),\n        backgroundColor: getDefaultColor(\n          index,\n          (scatterSeries ?? []).length,\n          opacity\n        ),\n      })),\n    };\n  } else {\n    const autoChosenFields = numericFields.filter(\n      (field) => field !== realLabelField\n    );\n    return {\n      labels: realLabelField\n        ? data.map((item) => item[realLabelField])\n        : undefined,\n      datasets: (chosenFields ?? autoChosenFields).map((key, index) => {\n        return {\n          ...extras?.(key),\n          label: key,\n          data: data.map((item) => item[key] ?? 0),\n          backgroundColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n          borderWidth: 2,\n          borderColor: getDefaultColor(\n            index,\n            (chosenFields ?? autoChosenFields).length,\n            1\n          ),\n        };\n      }),\n    };\n  }\n}\n\n// additional styling\n\n/*\n  elements: {\n    bar: {\n      borderWidth: 2,\n    },\n  },\n\n */\n\nexport function prepOptions({ interactive = true, title }: BaseChartProps) {\n  return [\n    baseOptions,\n    interactive\n      ? {\n          interaction: {\n            mode: \"index\" as const,\n            intersect: false,\n          },\n          events: undefined,\n        }\n      : {\n          events: [],\n        },\n    title\n      ? {\n          plugins: {\n            title: { display: true, text: title },\n          },\n        }\n      : {},\n  ];\n}\n\nexport const ChartAreaPlugin: Plugin = {\n  id: \"chartAreaPlugin\",\n  // eslint-disable-next-line object-shorthand\n  beforeDraw: (chart) => {\n    const chartAreaOptions = (chart.config.options as any).chartArea;\n    if (chartAreaOptions && chartAreaOptions.backgroundColor) {\n      const ctx = chart.canvas.getContext(\"2d\");\n      const { chartArea } = chart;\n      if (ctx) {\n        ctx.save();\n        ctx.fillStyle = chartAreaOptions.backgroundColor;\n        // eslint-disable-next-line max-len\n        ctx.fillRect(\n          chartArea.left,\n          chartArea.top,\n          chartArea.right - chartArea.left,\n          chartArea.bottom - chartArea.top\n        );\n        ctx.restore();\n      }\n    }\n  },\n};\n","import {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Bar } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport const stackedOptions = {\n  scales: {\n    x: {\n      stacked: true,\n      ticks: {\n        major: {\n          enabled: false,\n        },\n      },\n    },\n    y: {\n      stacked: true,\n    },\n  },\n};\n\nexport const vertOptions = {\n  indexAxis: \"x\" as const,\n  plugins: {\n    legend: {\n      position: \"top\" as const,\n    },\n  },\n};\nexport const horizOptions = {\n  indexAxis: \"y\" as const,\n  plugins: {\n    legend: {\n      position: \"right\" as const,\n    },\n  },\n};\n\nexport interface SimpleBarProps extends BaseChartProps {\n  direction?: \"vertical\" | \"horizontal\";\n  stacked?: boolean;\n}\n\nexport function SimpleBar(props: SimpleBarProps) {\n  const { direction = \"vertical\", stacked, className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      BarElement,\n      Title,\n      Tooltip,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    preferNonNumericAsLabel: true,\n    opacity: 1,\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Bar\n        key={`${props.direction}${props.stacked}`}\n        options={deepmerge.all([\n          ...options,\n          direction === \"vertical\" ? vertOptions : horizOptions,\n          stacked ? stackedOptions : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect, useState } from \"react\";\nimport { Line } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport interface SimpleLineProps extends BaseChartProps {\n  fill?: boolean;\n  secondAxisField?: string;\n}\n\n// Force a re-mount when the secondAxisField is unset / re-set\n// https://app.shortcut.com/plasmic/story/38358/chart-component-issues-with-second-axis-field\nconst useKey = (secondAxisField?: string) => {\n  const [key, setKey] = useState(0);\n\n  // change key once when the secondAxisField is unset.\n  if (!secondAxisField && key) {\n    setKey(0);\n  }\n\n  // change key once when the secondAxisField value changes from undefined -> something\n  if (secondAxisField && !key) {\n    setKey(Math.random());\n  }\n\n  return key;\n};\n\nexport function SimpleLine(props: SimpleLineProps) {\n  const { secondAxisField, fill, className } = props;\n  const isClient = useIsClient();\n  const key = useKey(props.secondAxisField);\n\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      CategoryScale,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Title,\n      Tooltip,\n      Filler,\n      Legend\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, {\n    extras: (field) => ({\n      fill,\n      pointRadius: 0,\n      yAxisID: field === secondAxisField ? \"y1\" : \"y\",\n    }),\n  });\n  const options = prepOptions(props);\n  return (\n    <div className={className}>\n      <Line\n        key={key}\n        options={deepmerge.all([\n          ...options,\n          secondAxisField\n            ? {\n                scales: {\n                  y: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"left\" as const,\n                  },\n                  y1: {\n                    type: \"linear\" as const,\n                    display: true,\n                    position: \"right\" as const,\n                    grid: {\n                      drawOnChartArea: false,\n                    },\n                  },\n                },\n              }\n            : {},\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import {\n  Chart as ChartJS,\n  Legend,\n  LinearScale,\n  LineElement,\n  PointElement,\n  Title,\n  Tooltip,\n} from \"chart.js\";\nimport deepmerge from \"deepmerge\";\nimport React, { useEffect } from \"react\";\nimport { Scatter } from \"react-chartjs-2\";\nimport {\n  BaseChartProps,\n  ChartAreaPlugin,\n  prepData,\n  prepOptions,\n  useIsClient,\n} from \"../common\";\n\nexport type SimpleScatterProps = BaseChartProps;\n\nexport function SimpleScatter(props: SimpleScatterProps) {\n  const { className } = props;\n  const isClient = useIsClient();\n  useEffect(() => {\n    ChartJS.register(\n      ChartAreaPlugin,\n      LinearScale,\n      PointElement,\n      LineElement,\n      Tooltip,\n      Legend,\n      Title\n    );\n  }, []);\n  if (!isClient) {\n    return null;\n  }\n  const normalized = prepData(props, { isScatter: true, opacity: 1 });\n  const options = prepOptions(props);\n\n  return (\n    <div className={className}>\n      <Scatter\n        options={deepmerge.all([\n          ...options,\n          {\n            scales: {\n              y: {\n                beginAtZero: true,\n              },\n            },\n          },\n        ])}\n        data={normalized}\n      />\n    </div>\n  );\n}\n","import React, { ReactElement } from \"react\";\nimport { SimpleBar, SimpleBarProps } from \"../simple-bar/SimpleBar\";\nimport { SimpleLine, SimpleLineProps } from \"../simple-line/SimpleLine\";\nimport {\n  SimpleScatter,\n  SimpleScatterProps,\n} from \"../simple-scatter/SimpleScatter\";\n\nexport type SimpleChartProps = {\n  type?: \"bar\" | \"line\" | \"scatter\";\n} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);\n\nexport function SimpleChart(props: SimpleChartProps): ReactElement {\n  switch (props.type ?? \"bar\") {\n    case \"bar\":\n      return <SimpleBar {...(props as any)} />;\n    case \"line\":\n      return <SimpleLine {...(props as any)} />;\n    case \"scatter\":\n      return <SimpleScatter {...(props as any)} />;\n  }\n}\n","import {\n  CodeComponentMeta,\n  PropType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { SimpleChart, SimpleChartProps } from \"./SimpleChart\";\n\nexport * from \"./SimpleChart\";\nexport default SimpleChart;\n\nconst fieldChoice: PropType<SimpleChartProps> = {\n  type: \"choice\",\n  options: (props: SimpleChartProps) =>\n    props.data?.[0] ? Object.keys(props.data[0]) : [],\n} as const;\nconst simpleChartMeta: CodeComponentMeta<SimpleChartProps> = {\n  name: \"hostless-react-chartjs-2-simple-chart\",\n  displayName: \"Chart\",\n  props: {\n    type: {\n      type: \"choice\",\n      options: [\n        {\n          value: \"bar\",\n          label: \"Bar\",\n        },\n        {\n          value: \"line\",\n          label: \"Line\",\n        },\n        {\n          value: \"scatter\",\n          label: \"Scatter\",\n        },\n      ],\n      defaultValueHint: \"bar\",\n    },\n    data: {\n      type: \"exprEditor\",\n      description: \"The data as an array of objects\",\n      defaultExpr: JSON.stringify([\n        {\n          region: \"APAC\",\n          revenue: 3294,\n          spend: 2675,\n        },\n        {\n          region: \"EMEA\",\n          revenue: 3245,\n          spend: 3895,\n        },\n        {\n          region: \"LATAM\",\n          revenue: 2165,\n          spend: 3498,\n        },\n        {\n          region: \"AMER\",\n          revenue: 3215,\n          spend: 1656,\n        },\n      ]),\n    },\n    labelField: {\n      ...fieldChoice,\n      hidden: (props) => props.type === \"scatter\",\n    },\n    title: \"string\",\n    interactive: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n    // Bar chart\n    direction: {\n      type: \"choice\",\n      options: [\"horizontal\", \"vertical\"].map((dir) => ({\n        value: dir,\n        label: dir[0].toUpperCase() + dir.slice(1),\n      })),\n      defaultValueHint: \"Vertical\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    stacked: {\n      type: \"boolean\",\n      hidden: ({ type = \"bar\" }) => type !== \"bar\",\n    },\n    // Line chart\n    fill: {\n      type: \"boolean\",\n      hidden: (props) => props.type !== \"line\",\n    },\n    secondAxisField: {\n      ...fieldChoice,\n      hidden: (props) => props.type !== \"line\",\n    },\n\n    // TODO\n    // datasets: {\n    //   type: \"array\",\n    //   unstable__keyFunc: (x) => x.key,\n    //   unstable__minimalValue: (_props, ctx) => null,\n    //   itemType: {\n    //     type: \"object\",\n    //     fields: {\n    //       label: \"string\",\n    //       fieldId: \"string\",\n    //       hidden: {\n    //         type: \"boolean\",\n    //       },\n    //     },\n    //   },\n    // },\n  },\n\n  defaultStyles: {\n    width: \"stretch\",\n  },\n\n  importName: \"SimpleChart\",\n  importPath: \"@plasmicpkgs/react-chartjs-2\",\n};\n\nexport function registerSimpleChart(loader?: Registerable) {\n  registerComponentHelper(loader, SimpleChart, simpleChartMeta);\n}\n","import { registerSimpleChart } from \"./simple-chart\";\nimport { Registerable } from \"./utils\";\n\nexport { SimpleChart } from \"./simple-chart\";\n\nexport function registerAll(loader?: Registerable) {\n  registerSimpleChart(loader);\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","baseOptions","responsive","chartArea","defaultColors","useIsClient","_useState","useState","loaded","setLoaded","useEffect","range","total","Array","from","keys","getDefaultColor","index","opacity","preferredStart","end","length","start","Math","max","min","stops","map","_","i","round","selected","undefined","replace","prepData","_ref","_temp","data","_ref$data","labelField","chosenFields","scatterSeries","_ref2","isScatter","preferNonNumericAsLabel","extras","fields","Object","_data$","isFieldAllNumericOrNil","Map","key","every","item","_item$key","isNaN","realLabelField","find","field","get","numericFields","filter","name","datasets","series","_extends","label","_item$series$fields$","_item$series$fields$2","x","y","backgroundColor","autoChosenFields","labels","_item$key2","borderWidth","borderColor","prepOptions","_ref3","interactive","_ref3$interactive","title","interaction","mode","intersect","events","plugins","display","text","ChartAreaPlugin","id","beforeDraw","chart","chartAreaOptions","config","options","ctx","canvas","getContext","save","fillStyle","fillRect","left","top","right","bottom","restore","stackedOptions","scales","stacked","ticks","major","enabled","vertOptions","indexAxis","legend","position","horizOptions","SimpleBar","props","_props$direction","direction","className","isClient","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","normalized","React","Bar","deepmerge","all","concat","useKey","secondAxisField","setKey","random","SimpleLine","fill","PointElement","LineElement","Filler","pointRadius","yAxisID","Line","type","y1","grid","drawOnChartArea","SimpleScatter","Scatter","beginAtZero","SimpleChart","_props$type","fieldChoice","_props$data","simpleChartMeta","displayName","value","defaultValueHint","description","defaultExpr","JSON","stringify","region","revenue","spend","hidden","dir","toUpperCase","slice","_ref$type","_ref2$type","defaultStyles","width","importName","importPath","registerSimpleChart","registerAll"],"mappings":"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"}

package/dist/simple-bar/SimpleBar.d.ts

@@ -1,38 +1,38 @@
-import React from "react";
-import { BaseChartProps } from "../common";
-export declare const stackedOptions: {
-    scales: {
-        x: {
-            stacked: boolean;
-            ticks: {
-                major: {
-                    enabled: boolean;
-                };
-            };
-        };
-        y: {
-            stacked: boolean;
-        };
-    };
-};
-export declare const vertOptions: {
-    indexAxis: "x";
-    plugins: {
-        legend: {
-            position: "top";
-        };
-    };
-};
-export declare const horizOptions: {
-    indexAxis: "y";
-    plugins: {
-        legend: {
-            position: "right";
-        };
-    };
-};
-export interface SimpleBarProps extends BaseChartProps {
-    direction?: "vertical" | "horizontal";
-    stacked?: boolean;
-}
-export declare function SimpleBar(props: SimpleBarProps): React.JSX.Element | null;
+import React from "react";
+import { BaseChartProps } from "../common";
+export declare const stackedOptions: {
+    scales: {
+        x: {
+            stacked: boolean;
+            ticks: {
+                major: {
+                    enabled: boolean;
+                };
+            };
+        };
+        y: {
+            stacked: boolean;
+        };
+    };
+};
+export declare const vertOptions: {
+    indexAxis: "x";
+    plugins: {
+        legend: {
+            position: "top";
+        };
+    };
+};
+export declare const horizOptions: {
+    indexAxis: "y";
+    plugins: {
+        legend: {
+            position: "right";
+        };
+    };
+};
+export interface SimpleBarProps extends BaseChartProps {
+    direction?: "vertical" | "horizontal";
+    stacked?: boolean;
+}
+export declare function SimpleBar(props: SimpleBarProps): React.JSX.Element | null;

package/dist/simple-chart/SimpleChart.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from "react";
-import { SimpleBarProps } from "../simple-bar/SimpleBar";
-import { SimpleLineProps } from "../simple-line/SimpleLine";
-import { SimpleScatterProps } from "../simple-scatter/SimpleScatter";
-export declare type SimpleChartProps = {
-    type?: "bar" | "line" | "scatter";
-} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);
-export declare function SimpleChart(props: SimpleChartProps): ReactElement;
+import { ReactElement } from "react";
+import { SimpleBarProps } from "../simple-bar/SimpleBar";
+import { SimpleLineProps } from "../simple-line/SimpleLine";
+import { SimpleScatterProps } from "../simple-scatter/SimpleScatter";
+export type SimpleChartProps = {
+    type?: "bar" | "line" | "scatter";
+} & (SimpleBarProps | SimpleLineProps | SimpleScatterProps);
+export declare function SimpleChart(props: SimpleChartProps): ReactElement;

package/dist/simple-chart/index.d.ts

@@ -1,5 +1,5 @@
-import { Registerable } from "../utils";
-import { SimpleChart } from "./SimpleChart";
-export * from "./SimpleChart";
-export default SimpleChart;
-export declare function registerSimpleChart(loader?: Registerable): void;
+import { Registerable } from "../utils";
+import { SimpleChart } from "./SimpleChart";
+export * from "./SimpleChart";
+export default SimpleChart;
+export declare function registerSimpleChart(loader?: Registerable): void;

package/dist/simple-line/SimpleLine.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { BaseChartProps } from "../common";
-export interface SimpleLineProps extends BaseChartProps {
-    fill?: boolean;
-    secondAxisField?: string;
-}
-export declare function SimpleLine(props: SimpleLineProps): React.JSX.Element | null;
+import React from "react";
+import { BaseChartProps } from "../common";
+export interface SimpleLineProps extends BaseChartProps {
+    fill?: boolean;
+    secondAxisField?: string;
+}
+export declare function SimpleLine(props: SimpleLineProps): React.JSX.Element | null;

package/dist/simple-scatter/SimpleScatter.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { BaseChartProps } from "../common";
-export declare type SimpleScatterProps = BaseChartProps;
-export declare function SimpleScatter(props: SimpleScatterProps): React.JSX.Element | null;
+import React from "react";
+import { BaseChartProps } from "../common";
+export type SimpleScatterProps = BaseChartProps;
+export declare function SimpleScatter(props: SimpleScatterProps): React.JSX.Element | null;

package/dist/utils.d.ts

@@ -1,24 +1,24 @@
-import { CodeComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
-import { GlobalContextMeta, default as registerGlobalContext } from "@plasmicapp/host/registerGlobalContext";
-import { default as registerToken } from "@plasmicapp/host/registerToken";
-import React from "react";
-export declare type Registerable = {
-    registerComponent: typeof registerComponent;
-    registerGlobalContext: typeof registerGlobalContext;
-    registerToken: typeof registerToken;
-};
-export declare function makeRegisterComponent<T extends React.ComponentType<any>>(component: T, meta: CodeComponentMeta<React.ComponentProps<T>>): (loader?: Registerable | undefined) => void;
-export declare function makeRegisterGlobalContext<T extends React.ComponentType<any>>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>): (loader?: Registerable | undefined) => void;
-export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: CodeComponentMeta<React.ComponentProps<T>>): void;
-declare type ReactElt = {
-    children: ReactElt | ReactElt[];
-    props: {
-        children: ReactElt | ReactElt[];
-        [prop: string]: any;
-    } | null;
-    type: React.ComponentType<any> | null;
-    key: string | null;
-} | null;
-export declare function traverseReactEltTree(children: React.ReactNode, callback: (elt: ReactElt) => void): void;
-export declare function asArray<T>(x: T[] | T | undefined | null): T[];
-export {};
+import { CodeComponentMeta, default as registerComponent } from "@plasmicapp/host/registerComponent";
+import { GlobalContextMeta, default as registerGlobalContext } from "@plasmicapp/host/registerGlobalContext";
+import { default as registerToken } from "@plasmicapp/host/registerToken";
+import React from "react";
+export type Registerable = {
+    registerComponent: typeof registerComponent;
+    registerGlobalContext: typeof registerGlobalContext;
+    registerToken: typeof registerToken;
+};
+export declare function makeRegisterComponent<T extends React.ComponentType<any>>(component: T, meta: CodeComponentMeta<React.ComponentProps<T>>): (loader?: Registerable) => void;
+export declare function makeRegisterGlobalContext<T extends React.ComponentType<any>>(component: T, meta: GlobalContextMeta<React.ComponentProps<T>>): (loader?: Registerable) => void;
+export declare function registerComponentHelper<T extends React.ComponentType<any>>(loader: Registerable | undefined, component: T, meta: CodeComponentMeta<React.ComponentProps<T>>): void;
+type ReactElt = {
+    children: ReactElt | ReactElt[];
+    props: {
+        children: ReactElt | ReactElt[];
+        [prop: string]: any;
+    } | null;
+    type: React.ComponentType<any> | null;
+    key: string | null;
+} | null;
+export declare function traverseReactEltTree(children: React.ReactNode, callback: (elt: ReactElt) => void): void;
+export declare function asArray<T>(x: T[] | T | undefined | null): T[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-chartjs-2",
-  "version": "1.0.158",
+  "version": "1.0.160",
   "description": "Chart.js 2.x components for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -21,14 +21,14 @@
   "scripts": {
     "build": "tsdx build",
     "start": "tsdx watch",
-    "test": "TEST_CWD=`pwd` yarn --cwd=../.. test --passWithNoTests",
+    "test": "TEST_CWD=`pwd` pnpm -w test --passWithNoTests",
     "lint": "tsdx lint",
     "prepublishOnly": "npm run build",
     "size": "size-limit",
     "analyze": "size-limit --why"
   },
   "devDependencies": {
-    "@plasmicapp/host": "2.0.5",
+    "@plasmicapp/host": "2.0.7",
     "@types/node": "^14.0.26",
     "@types/react": "^18",
     "chart.js": "^4.2.1",
@@ -49,5 +49,5 @@
   "dependencies": {
     "deepmerge": "^4.3.1"
   },
-  "gitHead": "41f43c9b107d2fff575c443bc4649fa708897242"
+  "gitHead": "6087f1621240c66b20d4a8fcf02c8bf889c554aa"
 }