@stealthscale/component-charts 0.2.1 → 0.2.3

package/dist/pages/violin-plot/violin-plot.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"ViolinPlotProps": {"conditions": 284, "foreign": 1038}};
+export const parts = {"ViolinPlotProps": [{"accepts": "boolean", "fallback": "", "kind": "option", "name": "animate", "refers": [], "required": false, "says": "Whether the violins grow in, which they do only outside reduced motion."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "bandwidth", "refers": [], "required": false, "says": "Standard deviation of the Gaussian kernel for every group, in the values' own units. Silverman's bandwidth of each group 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": "ReactNode", "fallback": "", "kind": "option", "name": "children", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Recharts elements rendered inside the chart after the violins, such as a `ReferenceLine`."}, {"accepts": "ChartColor", "fallback": "", "kind": "option", "name": "color", "refers": ["kit.ChartColor"], "required": false, "says": "Palette the violins take their color from. The theme's first series color unless stated."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "countLabel", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Name of the number of values in the tooltip."}, {"accepts": "number", "fallback": "", "kind": "option", "name": "defaultIndex", "refers": [], "required": false, "says": "Index of the group the tooltip shows when the chart first renders. None unless stated."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "densityLabel", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Name of the outline in the key."}, {"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 no group has a value."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "grid", "refers": [], "required": false, "says": "Whether lines cross the plot at the value ticks."}, {"accepts": "readonly ViolinGroup[]", "fallback": "", "kind": "option", "name": "groups", "refers": ["kit.ViolinGroup"], "required": true, "says": "Groups the chart compares, in the order the category axis lists them."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "label", "refers": [], "required": true, "says": "Accessible name of the chart's keyboard layer, such as \"Response times by cache\"."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "legend", "refers": [], "required": false, "says": "Whether the key naming the violin's parts renders below the plot."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "locale", "refers": [], "required": false, "says": "Locale the values are written in. The locale in scope unless stated."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "medianLabel", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Name of the median in the tooltip and the key."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "peaksLabel", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Name of the values the density peaks at in the tooltip."}, {"accepts": "boolean", "fallback": "", "kind": "option", "name": "quartiles", "refers": [], "required": false, "says": "Whether the whisker line, the quartile bar and the median point render inside each violin."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "quartilesLabel", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Name of the first quartile to the third in the tooltip and the key."}, {"accepts": "ReactNode", "fallback": "", "kind": "option", "name": "rangeLabel", "refers": ["react.ReactElement", "react.ReactPortal"], "required": false, "says": "Name of the smallest value to the largest in the tooltip."}, {"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": "number", "fallback": "", "kind": "option", "name": "resolution", "refers": [], "required": false, "says": "Number of points each density is sampled at, at least 2. 64 unless stated."}, {"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, 500]`. Rounded around the values 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 = {"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.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": ""}], "kit.ViolinGroup": [{"accepts": "string", "name": "key", "says": "Key of the group."}, {"accepts": "string", "name": "label", "says": "Name of the group, which the category axis and the tooltip write."}, {"accepts": "readonly unknown[]", "name": "values", "says": "Values of the group, one per thing measured. A value that is not a finite number is left out."}], "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/visitors-oFFVcbIZ.js

@@ -0,0 +1,248 @@
+//#region src/sankey-chart/examples/visitors.ts
+/**
+* Keys of the visitors' nodes: four channels, the sign-up, the trial and four outcomes.
+*/
+const STEPS = [
+	"organic",
+	"paid",
+	"social",
+	"email",
+	"signup",
+	"trial",
+	"left",
+	"free",
+	"subscribed",
+	"cancelled"
+];
+/**
+* Lists September's 25,900 visitors: 7,000 signed up, 4,200 of them started a trial and 1,500
+* subscribed.
+*/
+const VISITORS = [
+	{
+		from: "organic",
+		to: "signup",
+		value: 3100
+	},
+	{
+		from: "organic",
+		to: "left",
+		value: 9300
+	},
+	{
+		from: "paid",
+		to: "signup",
+		value: 2e3
+	},
+	{
+		from: "paid",
+		to: "left",
+		value: 4800
+	},
+	{
+		from: "social",
+		to: "signup",
+		value: 700
+	},
+	{
+		from: "social",
+		to: "left",
+		value: 3400
+	},
+	{
+		from: "email",
+		to: "signup",
+		value: 1200
+	},
+	{
+		from: "email",
+		to: "left",
+		value: 1400
+	},
+	{
+		from: "signup",
+		to: "trial",
+		value: 4200
+	},
+	{
+		from: "signup",
+		to: "free",
+		value: 2800
+	},
+	{
+		from: "trial",
+		to: "subscribed",
+		value: 1500
+	},
+	{
+		from: "trial",
+		to: "cancelled",
+		value: 2700
+	}
+];
+/**
+* Keys of the income statement's nodes: three lines of revenue, the revenue, its cost, the gross
+* profit and where the gross profit went.
+*/
+const LINES = [
+	"subscriptions",
+	"services",
+	"hardware",
+	"revenue",
+	"cost",
+	"gross",
+	"research",
+	"sales",
+	"admin",
+	"operating"
+];
+/**
+* Lists a year's income statement in euros: €11.7M of revenue, €7.4M of gross profit and €1.5M of
+* operating profit.
+*/
+const INCOME = [
+	{
+		from: "subscriptions",
+		to: "revenue",
+		value: 82e5
+	},
+	{
+		from: "services",
+		to: "revenue",
+		value: 21e5
+	},
+	{
+		from: "hardware",
+		to: "revenue",
+		value: 14e5
+	},
+	{
+		from: "revenue",
+		to: "cost",
+		value: 43e5
+	},
+	{
+		from: "revenue",
+		to: "gross",
+		value: 74e5
+	},
+	{
+		from: "gross",
+		to: "research",
+		value: 26e5
+	},
+	{
+		from: "gross",
+		to: "sales",
+		value: 22e5
+	},
+	{
+		from: "gross",
+		to: "admin",
+		value: 11e5
+	},
+	{
+		from: "gross",
+		to: "operating",
+		value: 15e5
+	}
+];
+/**
+* Keys of the checkout's nodes.
+*/
+const CHECKOUT = [
+	"cart",
+	"checkout",
+	"ordered",
+	"abandoned",
+	"refunded"
+];
+/**
+* Lists a week's carts: 900 went to the checkout, 620 ordered, 40 were refunded, and 25 of those
+* came back to the cart, which closes a loop.
+*/
+const LOOPED = [
+	{
+		from: "cart",
+		to: "checkout",
+		value: 900
+	},
+	{
+		from: "checkout",
+		to: "ordered",
+		value: 620
+	},
+	{
+		from: "checkout",
+		to: "abandoned",
+		value: 280
+	},
+	{
+		from: "ordered",
+		to: "refunded",
+		value: 40
+	},
+	{
+		from: "refunded",
+		to: "cart",
+		value: 25
+	}
+];
+/**
+* Keys of the support queue's nodes.
+*/
+const QUEUE = [
+	"email",
+	"chat",
+	"phone",
+	"triage",
+	"solved",
+	"escalated"
+];
+/**
+* Lists a week's tickets: triage receives 1,200 and sends on 1,050, so 150 are lost there.
+*/
+const LEAKY = [
+	{
+		from: "email",
+		to: "triage",
+		value: 640
+	},
+	{
+		from: "chat",
+		to: "triage",
+		value: 410
+	},
+	{
+		from: "phone",
+		to: "triage",
+		value: 150
+	},
+	{
+		from: "triage",
+		to: "solved",
+		value: 860
+	},
+	{
+		from: "triage",
+		to: "escalated",
+		value: 190
+	}
+];
+/**
+* Returns the keys as nodes named through a function, such as the page's words, each with the
+* palette a map states for its key.
+*
+* @param keys - The nodes' keys in the walk's order.
+* @param name - Returns a node's name from its key.
+* @param colors - The palette of each node that states one, by key.
+*/
+function named(keys, name, colors = {}) {
+	return keys.map((key) => ({
+		color: colors[key],
+		key,
+		label: name(key)
+	}));
+}
+//#endregion
+export { LOOPED as a, VISITORS as c, LINES as i, named as l, INCOME as n, QUEUE as o, LEAKY as r, STEPS as s, CHECKOUT as t };