@stealthscale/component-charts 0.2.1 → 0.2.3

package/dist/pages/line-chart/line-chart.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"LineChartProps": {"conditions": 284, "foreign": 1039}};
+export const parts = {"LineChartProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "animate", "refers": [], "required": false, "says": "Whether the marks animate in, which they do only outside reduced motion."}, {"accepts": "readonly Annotation[]", "fallback": "", "kind": "option", "name": "annotations", "refers": ["kit.Annotation", "kit.ChartColor"], "required": false, "says": "Marks pinned to the data, a moment, a period or a point each, which the tooltip lists at their category. None unless stated."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "caption", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Finding the chart shows, in words, which names the figure."}, {"accepts": "Extract<keyof Row, string>", "fallback": "", "kind": "option", "name": "categoryKey", "refers": [], "required": true, "says": "Field of each row the category axis reads, such as a day or a plan."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "children", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Recharts elements rendered inside the chart after the marks, such as a `ReferenceLine`."}, {"accepts": "Curve", "fallback": "", "kind": "option", "name": "curve", "refers": ["kit.Curve"], "required": false, "says": "Path of each line between two points. Smoothed through them unless stated."}, {"accepts": "Row[]", "fallback": "", "kind": "option", "name": "data", "refers": ["kit.Row"], "required": true, "says": "Rows the chart plots, in order. The array passes to recharts as it is."}, {"accepts": "readonly string[]", "fallback": "", "kind": "option", "name": "defaultHiddenKeys", "refers": [], "required": false, "says": "Keys of the series hidden when the chart first renders, for the uncontrolled case."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "defaultIndex", "refers": [], "required": false, "says": "Index in `data` of the row the tooltip shows when the chart first renders, until the pointer or a key moves it. No tooltip shows at first unless stated."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "empty", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Message the chart renders in the plot's place while it has no rows."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "grid", "refers": [], "required": false, "says": "Whether lines cross the plot at the value ticks."}, {"accepts": "readonly string[]", "fallback": "", "kind": "option", "name": "hiddenKeys", "refers": [], "required": false, "says": "Keys of the series the legend hides, where the caller controls them."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": true, "says": "Accessible name of the chart's keyboard layer, such as \"Revenue per day\"."}, {"accepts": "DateTimeFormatOptions", "fallback": "", "kind": "option", "name": "labelOptions", "refers": [], "required": false, "says": "`Intl.DateTimeFormat` options the category ticks and the tooltip's heading are written with, for a time axis. The category as it is unless stated."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "legend", "refers": [], "required": false, "says": "Whether the legend renders below the plot. It renders while two or more series have rows unless stated."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "legendLabel", "refers": [], "required": false, "says": "Accessible name of the legend's group of buttons."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "locale", "refers": [], "required": false, "says": "Locale the values are written in. The locale in scope unless stated."}, {"accepts": "((hidden: readonly string[]) => void)", "fallback": "", "kind": "option", "name": "onHiddenKeysChange", "refers": [], "required": false, "says": "Called with every key hidden after a press in the legend."}, {"accepts": "\"golden\" | \"landscape\" | \"portrait\" | \"rows\" | \"square\" | \"ultrawide\" | \"video\" | \"wide\"", "fallback": "", "kind": "variant", "name": "ratio", "refers": [], "required": false, "says": "Aspect ratio of the plot and of the empty state in its place, one of the theme's ratios, or `rows` for a plot as tall as its rows."}, {"accepts": "readonly CartesianSeries[]", "fallback": "", "kind": "option", "name": "series", "refers": ["kit.CartesianSeries", "kit.ChartColor", "react.ReactElement", "react.ReactPortal"], "required": true, "says": "Series the chart plots, in the order the legend lists them."}, {"accepts": "AxisDomain", "fallback": "", "kind": "option", "name": "valueDomain", "refers": ["recharts.AxisDomain", "recharts.AxisDomainItem", "recharts.NumberDomain"], "required": false, "says": "Domain of the value axis in recharts' terms, such as `[0, 100]`. From zero unless stated."}, {"accepts": "NumberFormatOptions", "fallback": "", "kind": "option", "name": "valueOptions", "refers": [], "required": false, "says": "`Intl.NumberFormat` options the value ticks and the tooltip's values are written with."}]};
+export const shapes = {"kit.Curve": [{"accepts": "", "name": "\"linear\"", "says": ""}, {"accepts": "", "name": "\"monotone\"", "says": ""}], "kit.Annotation": [{"accepts": "string | number", "name": "at", "says": "Category the mark is at, or the category its period starts at."}, {"accepts": "ChartColor", "name": "color", "says": "Palette of the mark, such as `warning` for a flagged point. The neutral palette unless stated."}, {"accepts": "string", "name": "key", "says": "Identity of the mark, unique among the chart's annotations."}, {"accepts": "string", "name": "label", "says": "Words for the mark, written on the plot and in the tooltip at its category."}, {"accepts": "string | number", "name": "until", "says": "Category the mark's period ends at, which makes the mark a period."}, {"accepts": "number", "name": "value", "says": "Value of the point the mark rings, which makes the mark a point."}], "kit.ChartColor": [{"accepts": "", "name": "\"accent\"", "says": ""}, {"accepts": "", "name": "\"blue\"", "says": ""}, {"accepts": "", "name": "\"cyan\"", "says": ""}, {"accepts": "", "name": "\"error\"", "says": ""}, {"accepts": "", "name": "\"gray\"", "says": ""}, {"accepts": "", "name": "\"green\"", "says": ""}, {"accepts": "", "name": "\"indigo\"", "says": ""}, {"accepts": "", "name": "\"info\"", "says": ""}, {"accepts": "", "name": "\"neutral\"", "says": ""}, {"accepts": "", "name": "\"orange\"", "says": ""}, {"accepts": "", "name": "\"pink\"", "says": ""}, {"accepts": "", "name": "\"primary\"", "says": ""}, {"accepts": "", "name": "\"purple\"", "says": ""}, {"accepts": "", "name": "\"red\"", "says": ""}, {"accepts": "", "name": "\"secondary\"", "says": ""}, {"accepts": "", "name": "\"series.1\"", "says": ""}, {"accepts": "", "name": "\"series.2\"", "says": ""}, {"accepts": "", "name": "\"series.3\"", "says": ""}, {"accepts": "", "name": "\"series.4\"", "says": ""}, {"accepts": "", "name": "\"series.5\"", "says": ""}, {"accepts": "", "name": "\"series.6\"", "says": ""}, {"accepts": "", "name": "\"series.7\"", "says": ""}, {"accepts": "", "name": "\"series.8\"", "says": ""}, {"accepts": "", "name": "\"success\"", "says": ""}, {"accepts": "", "name": "\"teal\"", "says": ""}, {"accepts": "", "name": "\"warning\"", "says": ""}, {"accepts": "", "name": "\"yellow\"", "says": ""}], "react.ReactElement": [{"accepts": "string | JSXElementConstructor<any>", "name": "type", "says": ""}, {"accepts": "unknown", "name": "props", "says": ""}, {"accepts": "string | null", "name": "key", "says": ""}], "react.ReactPortal": [{"accepts": "ReactNode", "name": "children", "says": ""}, {"accepts": "string | JSXElementConstructor<any>", "name": "type", "says": ""}, {"accepts": "unknown", "name": "props", "says": ""}, {"accepts": "string | null", "name": "key", "says": ""}], "kit.CartesianSeries": [{"accepts": "ChartColor", "name": "color", "says": "Palette the series takes its color from. The theme's series color at its position unless stated."}, {"accepts": "boolean", "name": "dashed", "says": "Whether the series' line renders dashed, as a target or a projection does. A series with `previousOf` renders dashed unless stated."}, {"accepts": "string", "name": "previousOf", "says": "Key of the series this series is the earlier period of, such as last week's revenue for this week's. The series takes the neutral palette unless it states a color, and the tooltip writes the change from it after the other series' value."}, {"accepts": "number", "name": "ink", "says": "Share of the ink, `fg`, in percent, the series' color mixes in: 0 keeps the color, 100 is the ink. The mix keeps 3:1 or more against the page. None unless stated."}, {"accepts": "string", "name": "key", "says": "Field of each row the series reads, which a recharts mark takes as its `dataKey`."}, {"accepts": "ReactNode", "name": "label", "says": "Name the tooltip and the legend show. The key unless stated."}], "recharts.AxisDomain": [{"accepts": "", "name": "readonly string[]", "says": ""}, {"accepts": "", "name": "readonly number[]", "says": ""}, {"accepts": "", "name": "([dataMin, dataMax]: NumberDomain, allowDataOverflow: boolean) => NumberDomain", "says": ""}, {"accepts": "", "name": "readonly [AxisDomainItem, AxisDomainItem]", "says": ""}], "recharts.AxisDomainItem": [{"accepts": "", "name": "string", "says": ""}, {"accepts": "", "name": "number", "says": ""}, {"accepts": "", "name": "(d: number) => string | number", "says": ""}]};

package/dist/pages/pages.json

@@ -0,0 +1,393 @@
+{
+  "format": 1,
+  "pages": [
+    {
+      "about": "area-chart.about",
+      "group": "",
+      "id": "components/charts/area-chart",
+      "module": "area-chart/area-chart.js",
+      "namespace": "",
+      "props": "area-chart/area-chart.props.js",
+      "specimen": "src/area-chart/area-chart.specimen.tsx",
+      "title": "area-chart.title"
+    },
+    {
+      "about": "bar-chart.about",
+      "group": "",
+      "id": "components/charts/bar-chart",
+      "module": "bar-chart/bar-chart.js",
+      "namespace": "",
+      "props": "bar-chart/bar-chart.props.js",
+      "specimen": "src/bar-chart/bar-chart.specimen.tsx",
+      "title": "bar-chart.title"
+    },
+    {
+      "about": "box-plot.about",
+      "group": "",
+      "id": "components/charts/box-plot",
+      "module": "box-plot/box-plot.js",
+      "namespace": "",
+      "props": "box-plot/box-plot.props.js",
+      "specimen": "src/box-plot/box-plot.specimen.tsx",
+      "title": "box-plot.title"
+    },
+    {
+      "about": "bubble-chart.about",
+      "group": "",
+      "id": "components/charts/bubble-chart",
+      "module": "bubble-chart/bubble-chart.js",
+      "namespace": "",
+      "props": "bubble-chart/bubble-chart.props.js",
+      "specimen": "src/bubble-chart/bubble-chart.specimen.tsx",
+      "title": "bubble-chart.title"
+    },
+    {
+      "about": "burndown-chart.about",
+      "group": "",
+      "id": "components/charts/burndown-chart",
+      "module": "burndown-chart/burndown-chart.js",
+      "namespace": "",
+      "props": "burndown-chart/burndown-chart.props.js",
+      "specimen": "src/burndown-chart/burndown-chart.specimen.tsx",
+      "title": "burndown-chart.title"
+    },
+    {
+      "about": "candlestick-chart.about",
+      "group": "",
+      "id": "components/charts/candlestick-chart",
+      "module": "candlestick-chart/candlestick-chart.js",
+      "namespace": "",
+      "props": "candlestick-chart/candlestick-chart.props.js",
+      "specimen": "src/candlestick-chart/candlestick-chart.specimen.tsx",
+      "title": "candlestick-chart.title"
+    },
+    {
+      "about": "chart.about",
+      "group": "",
+      "id": "components/charts/chart",
+      "module": "chart/chart.js",
+      "namespace": "",
+      "props": "chart/chart.props.js",
+      "specimen": "src/chart/chart.specimen.tsx",
+      "title": "chart.title"
+    },
+    {
+      "about": "chord-diagram.about",
+      "group": "",
+      "id": "components/charts/chord-diagram",
+      "module": "chord-diagram/chord-diagram.js",
+      "namespace": "",
+      "props": "chord-diagram/chord-diagram.props.js",
+      "specimen": "src/chord-diagram/chord-diagram.specimen.tsx",
+      "title": "chord-diagram.title"
+    },
+    {
+      "about": "combo-chart.about",
+      "group": "",
+      "id": "components/charts/combo-chart",
+      "module": "combo-chart/combo-chart.js",
+      "namespace": "",
+      "props": "combo-chart/combo-chart.props.js",
+      "specimen": "src/combo-chart/combo-chart.specimen.tsx",
+      "title": "combo-chart.title"
+    },
+    {
+      "about": "distribution-chart.about",
+      "group": "",
+      "id": "components/charts/distribution-chart",
+      "module": "distribution-chart/distribution-chart.js",
+      "namespace": "",
+      "props": "distribution-chart/distribution-chart.props.js",
+      "specimen": "src/distribution-chart/distribution-chart.specimen.tsx",
+      "title": "distribution-chart.title"
+    },
+    {
+      "about": "donut-chart.about",
+      "group": "",
+      "id": "components/charts/donut-chart",
+      "module": "donut-chart/donut-chart.js",
+      "namespace": "",
+      "props": "donut-chart/donut-chart.props.js",
+      "specimen": "src/donut-chart/donut-chart.specimen.tsx",
+      "title": "donut-chart.title"
+    },
+    {
+      "about": "funnel-chart.about",
+      "group": "",
+      "id": "components/charts/funnel-chart",
+      "module": "funnel-chart/funnel-chart.js",
+      "namespace": "",
+      "props": "funnel-chart/funnel-chart.props.js",
+      "specimen": "src/funnel-chart/funnel-chart.specimen.tsx",
+      "title": "funnel-chart.title"
+    },
+    {
+      "about": "gauge-chart.about",
+      "group": "",
+      "id": "components/charts/gauge-chart",
+      "module": "gauge-chart/gauge-chart.js",
+      "namespace": "",
+      "props": "gauge-chart/gauge-chart.props.js",
+      "specimen": "src/gauge-chart/gauge-chart.specimen.tsx",
+      "title": "gauge-chart.title"
+    },
+    {
+      "about": "heatmap.about",
+      "group": "",
+      "id": "components/charts/heatmap",
+      "module": "heatmap/heatmap.js",
+      "namespace": "",
+      "props": "heatmap/heatmap.props.js",
+      "specimen": "src/heatmap/heatmap.specimen.tsx",
+      "title": "heatmap.title"
+    },
+    {
+      "about": "histogram-chart.about",
+      "group": "",
+      "id": "components/charts/histogram-chart",
+      "module": "histogram-chart/histogram-chart.js",
+      "namespace": "",
+      "props": "histogram-chart/histogram-chart.props.js",
+      "specimen": "src/histogram-chart/histogram-chart.specimen.tsx",
+      "title": "histogram-chart.title"
+    },
+    {
+      "about": "horizontal-bar-chart.about",
+      "group": "",
+      "id": "components/charts/horizontal-bar-chart",
+      "module": "horizontal-bar-chart/horizontal-bar-chart.js",
+      "namespace": "",
+      "props": "horizontal-bar-chart/horizontal-bar-chart.props.js",
+      "specimen": "src/horizontal-bar-chart/horizontal-bar-chart.specimen.tsx",
+      "title": "horizontal-bar-chart.title"
+    },
+    {
+      "about": "line-chart.about",
+      "group": "",
+      "id": "components/charts/line-chart",
+      "module": "line-chart/line-chart.js",
+      "namespace": "",
+      "props": "line-chart/line-chart.props.js",
+      "specimen": "src/line-chart/line-chart.specimen.tsx",
+      "title": "line-chart.title"
+    },
+    {
+      "about": "pareto-chart.about",
+      "group": "",
+      "id": "components/charts/pareto-chart",
+      "module": "pareto-chart/pareto-chart.js",
+      "namespace": "",
+      "props": "pareto-chart/pareto-chart.props.js",
+      "specimen": "src/pareto-chart/pareto-chart.specimen.tsx",
+      "title": "pareto-chart.title"
+    },
+    {
+      "about": "percent-stacked-bar.about",
+      "group": "",
+      "id": "components/charts/percent-stacked-bar",
+      "module": "percent-stacked-bar/percent-stacked-bar.js",
+      "namespace": "",
+      "props": "percent-stacked-bar/percent-stacked-bar.props.js",
+      "specimen": "src/percent-stacked-bar/percent-stacked-bar.specimen.tsx",
+      "title": "percent-stacked-bar.title"
+    },
+    {
+      "about": "pie-chart.about",
+      "group": "",
+      "id": "components/charts/pie-chart",
+      "module": "pie-chart/pie-chart.js",
+      "namespace": "",
+      "props": "pie-chart/pie-chart.props.js",
+      "specimen": "src/pie-chart/pie-chart.specimen.tsx",
+      "title": "pie-chart.title"
+    },
+    {
+      "about": "polar-area-chart.about",
+      "group": "",
+      "id": "components/charts/polar-area-chart",
+      "module": "polar-area-chart/polar-area-chart.js",
+      "namespace": "",
+      "props": "polar-area-chart/polar-area-chart.props.js",
+      "specimen": "src/polar-area-chart/polar-area-chart.specimen.tsx",
+      "title": "polar-area-chart.title"
+    },
+    {
+      "about": "radar-chart.about",
+      "group": "",
+      "id": "components/charts/radar-chart",
+      "module": "radar-chart/radar-chart.js",
+      "namespace": "",
+      "props": "radar-chart/radar-chart.props.js",
+      "specimen": "src/radar-chart/radar-chart.specimen.tsx",
+      "title": "radar-chart.title"
+    },
+    {
+      "about": "radial-bar-chart.about",
+      "group": "",
+      "id": "components/charts/radial-bar-chart",
+      "module": "radial-bar-chart/radial-bar-chart.js",
+      "namespace": "",
+      "props": "radial-bar-chart/radial-bar-chart.props.js",
+      "specimen": "src/radial-bar-chart/radial-bar-chart.specimen.tsx",
+      "title": "radial-bar-chart.title"
+    },
+    {
+      "about": "range-chart.about",
+      "group": "",
+      "id": "components/charts/range-chart",
+      "module": "range-chart/range-chart.js",
+      "namespace": "",
+      "props": "range-chart/range-chart.props.js",
+      "specimen": "src/range-chart/range-chart.specimen.tsx",
+      "title": "range-chart.title"
+    },
+    {
+      "about": "regression-overlay.about",
+      "group": "",
+      "id": "components/charts/regression-overlay",
+      "module": "regression-overlay/regression-overlay.js",
+      "namespace": "",
+      "props": "regression-overlay/regression-overlay.props.js",
+      "specimen": "src/regression-overlay/regression-overlay.specimen.tsx",
+      "title": "regression-overlay.title"
+    },
+    {
+      "about": "sankey-chart.about",
+      "group": "",
+      "id": "components/charts/sankey-chart",
+      "module": "sankey-chart/sankey-chart.js",
+      "namespace": "",
+      "props": "sankey-chart/sankey-chart.props.js",
+      "specimen": "src/sankey-chart/sankey-chart.specimen.tsx",
+      "title": "sankey-chart.title"
+    },
+    {
+      "about": "scatter-plot.about",
+      "group": "",
+      "id": "components/charts/scatter-plot",
+      "module": "scatter-plot/scatter-plot.js",
+      "namespace": "",
+      "props": "scatter-plot/scatter-plot.props.js",
+      "specimen": "src/scatter-plot/scatter-plot.specimen.tsx",
+      "title": "scatter-plot.title"
+    },
+    {
+      "about": "sparkbar.about",
+      "group": "",
+      "id": "components/charts/sparkbar",
+      "module": "sparkbar/sparkbar.js",
+      "namespace": "",
+      "props": "sparkbar/sparkbar.props.js",
+      "specimen": "src/sparkbar/sparkbar.specimen.tsx",
+      "title": "sparkbar.title"
+    },
+    {
+      "about": "sparkline.about",
+      "group": "",
+      "id": "components/charts/sparkline",
+      "module": "sparkline/sparkline.js",
+      "namespace": "",
+      "props": "sparkline/sparkline.props.js",
+      "specimen": "src/sparkline/sparkline.specimen.tsx",
+      "title": "sparkline.title"
+    },
+    {
+      "about": "stacked-area-chart.about",
+      "group": "",
+      "id": "components/charts/stacked-area-chart",
+      "module": "stacked-area-chart/stacked-area-chart.js",
+      "namespace": "",
+      "props": "stacked-area-chart/stacked-area-chart.props.js",
+      "specimen": "src/stacked-area-chart/stacked-area-chart.specimen.tsx",
+      "title": "stacked-area-chart.title"
+    },
+    {
+      "about": "stacked-bar-chart.about",
+      "group": "",
+      "id": "components/charts/stacked-bar-chart",
+      "module": "stacked-bar-chart/stacked-bar-chart.js",
+      "namespace": "",
+      "props": "stacked-bar-chart/stacked-bar-chart.props.js",
+      "specimen": "src/stacked-bar-chart/stacked-bar-chart.specimen.tsx",
+      "title": "stacked-bar-chart.title"
+    },
+    {
+      "about": "step-line-chart.about",
+      "group": "",
+      "id": "components/charts/step-line-chart",
+      "module": "step-line-chart/step-line-chart.js",
+      "namespace": "",
+      "props": "step-line-chart/step-line-chart.props.js",
+      "specimen": "src/step-line-chart/step-line-chart.specimen.tsx",
+      "title": "step-line-chart.title"
+    },
+    {
+      "about": "stream-graph.about",
+      "group": "",
+      "id": "components/charts/stream-graph",
+      "module": "stream-graph/stream-graph.js",
+      "namespace": "",
+      "props": "stream-graph/stream-graph.props.js",
+      "specimen": "src/stream-graph/stream-graph.specimen.tsx",
+      "title": "stream-graph.title"
+    },
+    {
+      "about": "sunburst-chart.about",
+      "group": "",
+      "id": "components/charts/sunburst-chart",
+      "module": "sunburst-chart/sunburst-chart.js",
+      "namespace": "",
+      "props": "sunburst-chart/sunburst-chart.props.js",
+      "specimen": "src/sunburst-chart/sunburst-chart.specimen.tsx",
+      "title": "sunburst-chart.title"
+    },
+    {
+      "about": "timeline-chart.about",
+      "group": "",
+      "id": "components/charts/timeline-chart",
+      "module": "timeline-chart/timeline-chart.js",
+      "namespace": "",
+      "props": "timeline-chart/timeline-chart.props.js",
+      "specimen": "src/timeline-chart/timeline-chart.specimen.tsx",
+      "title": "timeline-chart.title"
+    },
+    {
+      "about": "treemap-chart.about",
+      "group": "",
+      "id": "components/charts/treemap-chart",
+      "module": "treemap-chart/treemap-chart.js",
+      "namespace": "",
+      "props": "treemap-chart/treemap-chart.props.js",
+      "specimen": "src/treemap-chart/treemap-chart.specimen.tsx",
+      "title": "treemap-chart.title"
+    },
+    {
+      "about": "violin-plot.about",
+      "group": "",
+      "id": "components/charts/violin-plot",
+      "module": "violin-plot/violin-plot.js",
+      "namespace": "",
+      "props": "violin-plot/violin-plot.props.js",
+      "specimen": "src/violin-plot/violin-plot.specimen.tsx",
+      "title": "violin-plot.title"
+    },
+    {
+      "about": "waterfall-chart.about",
+      "group": "",
+      "id": "components/charts/waterfall-chart",
+      "module": "waterfall-chart/waterfall-chart.js",
+      "namespace": "",
+      "props": "waterfall-chart/waterfall-chart.props.js",
+      "specimen": "src/waterfall-chart/waterfall-chart.specimen.tsx",
+      "title": "waterfall-chart.title"
+    }
+  ],
+  "requires": {
+    "@stealthscale/component-actions": "^0.2.0",
+    "@stealthscale/component-forms": "^0.3.0",
+    "@stealthscale/component-layout": "^0.2.0",
+    "@stealthscale/component-typography": "^0.3.0",
+    "@stealthscale/specimen": "^0.3.0",
+    "lucide-react": "^1.52.0"
+  }
+}