@krizaka/charts 0.3.0 → 0.4.0

package/dist/pie.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { g as Datum, A as Accessor, S as SeriesColor, V as ValueFormat } from './context-BgYUymEO.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { g as Datum, A as Accessor, S as SeriesColor, V as ValueFormat } from './context-DNW7bJYw.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 interface PieChartProps<T extends Datum> extends ChartFrameProps {
     /** One row per part. */

package/dist/pie.js

@@ -2,13 +2,14 @@
 import {
   DonutChart,
   PieChart
-} from "./chunk-PBQV3B6O.js";
-import "./chunk-ANUCSRUN.js";
-import "./chunk-W5FX4TU3.js";
+} from "./chunk-MK2ZFUWM.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   DonutChart,
   PieChart

package/dist/provider.d.ts

@@ -1,5 +1,5 @@
-import { B as BrandId } from './context-BgYUymEO.js';
-export { A as Accessor, C as CategoryFormat, a as ChartKind, b as ChartLabels, c as ChartLabelsInput, d as ChartsProvider, e as ChartsProviderProps, f as ChartsSettings, D as DEFAULT_LABELS, g as Datum, L as Locale, M as Marker, S as SeriesColor, h as SeriesSpec, i as SeriesSummary, T as Threshold, j as Tone, V as ValueFormat } from './context-BgYUymEO.js';
+import { B as BrandId } from './context-DNW7bJYw.js';
+export { A as Accessor, C as CategoryFormat, a as ChartKind, b as ChartLabels, c as ChartLabelsInput, d as ChartsProvider, e as ChartsProviderProps, f as ChartsSettings, D as DEFAULT_LABELS, g as Datum, L as Locale, M as Marker, S as SeriesColor, h as SeriesSpec, i as SeriesSummary, T as Threshold, j as Tone, V as ValueFormat } from './context-DNW7bJYw.js';
 import 'react';
 
 type Mode = "dark" | "light";

package/dist/provider.js

@@ -4,13 +4,15 @@ import {
 } from "./chunk-TPJDOB7R.js";
 import {
   ChartsProvider,
-  DEFAULT_LABELS,
   DIVERGING,
   HUES,
   ORDERS,
   palette,
   sequential
-} from "./chunk-3CJHBJXA.js";
+} from "./chunk-OVASCEGF.js";
+import {
+  DEFAULT_LABELS
+} from "./chunk-GRRFPI27.js";
 export {
   ChartsProvider,
   DEFAULT_LABELS,

package/dist/radar.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { g as Datum, A as Accessor, h as SeriesSpec, V as ValueFormat } from './context-BgYUymEO.js';
+import { g as Datum, A as Accessor, h as SeriesSpec, V as ValueFormat } from './context-DNW7bJYw.js';
 import { E as EngineProps } from './host-_F8RgiIz.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 interface RadarChartProps<T extends Datum> extends ChartFrameProps, EngineProps {
     /** One row per axis (“Latency”, “Quality”…). */

package/dist/radar.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   RadarChart
-} from "./chunk-VKZZY2QD.js";
-import "./chunk-PWMMXRMC.js";
-import "./chunk-W5FX4TU3.js";
+} from "./chunk-FE4LUGAE.js";
+import "./chunk-NV52AKHG.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   RadarChart
 };

package/dist/sankey.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { g as Datum, A as Accessor, V as ValueFormat } from './context-BgYUymEO.js';
+import { g as Datum, A as Accessor, V as ValueFormat } from './context-DNW7bJYw.js';
 import { E as EngineProps } from './host-_F8RgiIz.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 interface SankeyProps<T extends Datum> extends ChartFrameProps, EngineProps {
     /** One row per flow. */

package/dist/sankey.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   Sankey
-} from "./chunk-MXLITIGU.js";
-import "./chunk-PWMMXRMC.js";
-import "./chunk-W5FX4TU3.js";
+} from "./chunk-NWJ5VDN7.js";
+import "./chunk-NV52AKHG.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   Sankey
 };

package/dist/scatter.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { g as Datum, A as Accessor, V as ValueFormat, T as Threshold } from './context-BgYUymEO.js';
+import { g as Datum, A as Accessor, V as ValueFormat, T as Threshold } from './context-DNW7bJYw.js';
 import { E as EngineProps } from './host-_F8RgiIz.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 interface ScatterChartProps<T extends Datum> extends ChartFrameProps, EngineProps {
     /** One row per point. */

package/dist/scatter.js

@@ -2,12 +2,13 @@
 import {
   ScatterChart,
   correlation
-} from "./chunk-4LBXEAGC.js";
-import "./chunk-PWMMXRMC.js";
-import "./chunk-W5FX4TU3.js";
+} from "./chunk-PWZHIGPO.js";
+import "./chunk-NV52AKHG.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   ScatterChart,
   correlation

package/dist/sparkline.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { S as SeriesColor, T as Threshold, V as ValueFormat } from './context-BgYUymEO.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { S as SeriesColor, T as Threshold, V as ValueFormat } from './context-DNW7bJYw.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 interface SparklineProps extends Omit<ChartFrameProps, "hideTitle" | "dataTable" | "exportable" | "description"> {
     /** The values, oldest first (`null` for a gap). */

package/dist/sparkline.js

@@ -2,14 +2,15 @@
 import "./chunk-POQIHFAZ.js";
 import {
   Sparkline
-} from "./chunk-ARARFMNE.js";
+} from "./chunk-FIQHMJZK.js";
 import "./chunk-BISL7DYW.js";
-import "./chunk-ANUCSRUN.js";
-import "./chunk-W5FX4TU3.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   Sparkline
 };

package/dist/table-sheet-CQBIAV5N.js

@@ -0,0 +1,36 @@
+"use client";
+"use client";
+import {
+  fill
+} from "./chunk-GRRFPI27.js";
+
+// src/web/table-sheet.tsx
+import { DataTable } from "@krizaka/ui/data-table";
+import { Dialog } from "@krizaka/ui/dialog";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TableSheet({ title, table, labels, onClose }) {
+  const rows = useMemo(() => table.rows.map((cells, i) => ({ id: String(i), cells })), [table.rows]);
+  const columns = useMemo(
+    () => table.columns.map((header, i) => ({
+      id: `c${i}`,
+      header,
+      value: (row) => row.cells[i] ?? "",
+      cell: (row) => row.cells[i] ?? "",
+      align: i === 0 ? "start" : "end",
+      type: i === 0 ? "title" : "number"
+    })),
+    [table.columns]
+  );
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Dialog.Content, { placement: "right", size: "lg", closeLabel: labels.close, children: [
+    /* @__PURE__ */ jsxs(Dialog.Header, { children: [
+      /* @__PURE__ */ jsx(Dialog.Title, { children: title }),
+      /* @__PURE__ */ jsx(Dialog.Description, { children: fill(labels.tableRows, { count: rows.length }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsx(DataTable, { rows, columns, getRowId: (row) => row.id, caption: fill(labels.tableCaption, { title }) }) })
+  ] }) });
+}
+export {
+  TableSheet as default
+};
+//# sourceMappingURL=table-sheet-CQBIAV5N.js.map

package/dist/table-sheet-CQBIAV5N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web/table-sheet.tsx"],"sourcesContent":["\"use client\";\n// “View as table”: the chart's data in the kit DataTable, in a side Sheet. Loaded only when it opens (the table engine\n// is the heaviest part of the kit).\nimport { DataTable, type DataTableColumn } from \"@krizaka/ui/data-table\";\nimport { Dialog } from \"@krizaka/ui/dialog\";\nimport { useMemo } from \"react\";\n\nimport type { ChartLabels } from \"../core/labels\";\nimport { fill } from \"../core/labels\";\nimport type { TableModel } from \"./frame\";\n\ntype Row = { readonly id: string; readonly cells: readonly string[] };\n\nexport default function TableSheet({ title, table, labels, onClose }: { title: string; table: TableModel; labels: ChartLabels; onClose: () => void }) {\n  const rows = useMemo<Row[]>(() => table.rows.map((cells, i) => ({ id: String(i), cells })), [table.rows]);\n  const columns = useMemo<DataTableColumn<Row>[]>(\n    () =>\n      table.columns.map((header, i) => ({\n        id: `c${i}`,\n        header,\n        value: (row) => row.cells[i] ?? \"\",\n        cell: (row) => row.cells[i] ?? \"\",\n        align: i === 0 ? \"start\" : \"end\",\n        type: i === 0 ? \"title\" : \"number\",\n      })),\n    [table.columns],\n  );\n  return (\n    <Dialog.Root open onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Content placement=\"right\" size=\"lg\" closeLabel={labels.close}>\n        <Dialog.Header>\n          <Dialog.Title>{title}</Dialog.Title>\n          <Dialog.Description>{fill(labels.tableRows, { count: rows.length })}</Dialog.Description>\n        </Dialog.Header>\n        <Dialog.Body>\n          <DataTable rows={rows} columns={columns} getRowId={(row) => row.id} caption={fill(labels.tableCaption, { title })} />\n        </Dialog.Body>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAS,iBAAuC;AAChD,SAAS,cAAc;AACvB,SAAS,eAAe;AAyBhB,SACE,KADF;AAjBO,SAAR,WAA4B,EAAE,OAAO,OAAO,QAAQ,QAAQ,GAAmF;AACpJ,QAAM,OAAO,QAAe,MAAM,MAAM,KAAK,IAAI,CAAC,OAAO,OAAO,EAAE,IAAI,OAAO,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,MAAM,IAAI,CAAC;AACxG,QAAM,UAAU;AAAA,IACd,MACE,MAAM,QAAQ,IAAI,CAAC,QAAQ,OAAO;AAAA,MAChC,IAAI,IAAI,CAAC;AAAA,MACT;AAAA,MACA,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK;AAAA,MAChC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK;AAAA,MAC/B,OAAO,MAAM,IAAI,UAAU;AAAA,MAC3B,MAAM,MAAM,IAAI,UAAU;AAAA,IAC5B,EAAE;AAAA,IACJ,CAAC,MAAM,OAAO;AAAA,EAChB;AACA,SACE,oBAAC,OAAO,MAAP,EAAY,MAAI,MAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,QAAQ,GACzD,+BAAC,OAAO,SAAP,EAAe,WAAU,SAAQ,MAAK,MAAK,YAAY,OAAO,OAC7D;AAAA,yBAAC,OAAO,QAAP,EACC;AAAA,0BAAC,OAAO,OAAP,EAAc,iBAAM;AAAA,MACrB,oBAAC,OAAO,aAAP,EAAoB,eAAK,OAAO,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,GAAE;AAAA,OACtE;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,aAAU,MAAY,SAAkB,UAAU,CAAC,QAAQ,IAAI,IAAI,SAAS,KAAK,OAAO,cAAc,EAAE,MAAM,CAAC,GAAG,GACrH;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/throughput.d.ts

@@ -1,9 +1,9 @@
 import { f as ThroughputLabels } from './labels-DE_743fQ.js';
 export { T as THROUGHPUT_LABELS } from './labels-DE_743fQ.js';
-import { j as Tone, g as Datum, A as Accessor, C as CategoryFormat } from './context-BgYUymEO.js';
+import { j as Tone, g as Datum, A as Accessor, C as CategoryFormat } from './context-DNW7bJYw.js';
 import * as react from 'react';
-import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
-import './frame-I7_xYGy5.js';
+import { C as CartesianProps } from './cartesian-CEY_wwe_.js';
+import './frame-B1HDNm7c.js';
 
 /** A status of a job: the field holding its count per period, its name, its tone, and its part in the success rate. */
 interface JobStatus {

package/dist/throughput.js

@@ -2,20 +2,21 @@
 import {
   DEFAULT_STATUSES,
   JobThroughput
-} from "./chunk-SLEJDQ3A.js";
-import "./chunk-WVTIKOII.js";
-import "./chunk-CVWSMUUB.js";
+} from "./chunk-HH65IEUV.js";
+import "./chunk-IURCLBUQ.js";
+import "./chunk-JST4HJC3.js";
 import "./chunk-WBHFVBSK.js";
 import "./chunk-BISL7DYW.js";
-import "./chunk-ANUCSRUN.js";
-import "./chunk-W5FX4TU3.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
 import {
   THROUGHPUT_LABELS
 } from "./chunk-WNUFGMS7.js";
 import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   DEFAULT_STATUSES,
   JobThroughput,

package/dist/ticker.d.ts

@@ -1,10 +1,10 @@
 import { g as TickerLabels } from './labels-DE_743fQ.js';
 export { e as TICKER_LABELS } from './labels-DE_743fQ.js';
 import * as react from 'react';
-import { C as CategoryFormat } from './context-BgYUymEO.js';
+import { C as CategoryFormat } from './context-DNW7bJYw.js';
 import { LineChartProps } from './line.js';
-import './cartesian-BRhNQ3ib.js';
-import './frame-I7_xYGy5.js';
+import './cartesian-CEY_wwe_.js';
+import './frame-B1HDNm7c.js';
 
 /** A bid: when (an ISO date-time or a `Date`) and how much, in money minor units. */
 interface Bid {

package/dist/ticker.js

@@ -1,20 +1,21 @@
 "use client";
 import {
   PriceTicker
-} from "./chunk-KNDHO67X.js";
-import "./chunk-C4MFZLJM.js";
-import "./chunk-CVWSMUUB.js";
+} from "./chunk-P2NK5L3B.js";
+import "./chunk-Z4T3JFNU.js";
+import "./chunk-JST4HJC3.js";
 import "./chunk-WBHFVBSK.js";
 import "./chunk-BISL7DYW.js";
-import "./chunk-ANUCSRUN.js";
-import "./chunk-W5FX4TU3.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
 import {
   TICKER_LABELS
 } from "./chunk-WNUFGMS7.js";
 import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   PriceTicker,
   TICKER_LABELS

package/dist/treemap.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { V as ValueFormat } from './context-BgYUymEO.js';
+import { V as ValueFormat } from './context-DNW7bJYw.js';
 import { E as EngineProps } from './host-_F8RgiIz.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 /** A part: a name and either a value or children (whose values add up). */
 interface TreemapNode {

package/dist/treemap.js

@@ -1,13 +1,14 @@
 "use client";
 import {
   Treemap
-} from "./chunk-W5ILLSPK.js";
-import "./chunk-PWMMXRMC.js";
-import "./chunk-ANUCSRUN.js";
-import "./chunk-W5FX4TU3.js";
+} from "./chunk-AGSSNMK5.js";
+import "./chunk-NV52AKHG.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   Treemap
 };