@krizaka/charts 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,65 +1,98 @@
 "use client";
-import {
-  Chart
-} from "./chunk-AHQXJSAQ.js";
-import {
-  Globe3D
-} from "./chunk-PTSB3H5Q.js";
-import {
-  RadarChart
-} from "./chunk-7TIFCK5E.js";
 import {
   CalendarHeatmap,
   Heatmap
-} from "./chunk-7CSAGFBW.js";
+} from "./chunk-XDDALY4C.js";
 import {
   Sankey
-} from "./chunk-XC6BQ3RN.js";
+} from "./chunk-MXLITIGU.js";
 import {
   Funnel
-} from "./chunk-XAJ3KCC4.js";
+} from "./chunk-CSSZLFLO.js";
 import {
   Candlestick
-} from "./chunk-OER6ETT4.js";
+} from "./chunk-NCIQMRV3.js";
 import {
   Treemap
-} from "./chunk-VKTZD7UT.js";
+} from "./chunk-W5ILLSPK.js";
 import {
   ScatterChart,
   correlation
-} from "./chunk-EK3Z647J.js";
-import "./chunk-I5QUZVU2.js";
+} from "./chunk-4LBXEAGC.js";
+import {
+  Chart
+} from "./chunk-AA5EWWYV.js";
+import "./chunk-E5DKBSWX.js";
+import "./chunk-FINOPIDN.js";
+import {
+  DonutChart,
+  PieChart
+} from "./chunk-PBQV3B6O.js";
+import "./chunk-G2KF2WL4.js";
+import "./chunk-POQIHFAZ.js";
+import {
+  GeoMap
+} from "./chunk-BV4DBGN7.js";
+import {
+  Globe3D
+} from "./chunk-I3D7KUGN.js";
+import "./chunk-6FINSUOS.js";
+import {
+  RadarChart
+} from "./chunk-VKZZY2QD.js";
+import "./chunk-PWMMXRMC.js";
 import {
   useSlidingWindow
 } from "./chunk-TPJDOB7R.js";
 import {
-  AreaChart,
-  LineChart
-} from "./chunk-BZ5CQFPH.js";
+  EarningsChart
+} from "./chunk-OIRHLJBC.js";
+import {
+  DEFAULT_STATUSES,
+  JobThroughput
+} from "./chunk-SLEJDQ3A.js";
+import {
+  LatencyChart
+} from "./chunk-IKQV3NSL.js";
 import {
   BarChart
-} from "./chunk-XR4ZJDOV.js";
-import "./chunk-UNK4MJVG.js";
+} from "./chunk-WVTIKOII.js";
 import {
-  DonutChart,
-  PieChart
-} from "./chunk-WIRCIOLH.js";
+  CreditUsage
+} from "./chunk-L2EKYWVI.js";
+import {
+  Sparkline
+} from "./chunk-ARARFMNE.js";
+import {
+  GoalProgress
+} from "./chunk-EEP7PS2L.js";
 import {
   Gauge
-} from "./chunk-DZB6HEVO.js";
+} from "./chunk-EQLC2QVN.js";
 import {
-  Sparkline
-} from "./chunk-VKO2OYYM.js";
+  PriceTicker
+} from "./chunk-KNDHO67X.js";
+import {
+  AreaChart,
+  LineChart
+} from "./chunk-C4MFZLJM.js";
+import "./chunk-CVWSMUUB.js";
+import "./chunk-WBHFVBSK.js";
 import "./chunk-BISL7DYW.js";
 import "./chunk-ANUCSRUN.js";
-import "./chunk-OB5EFDDH.js";
-import {
-  GeoMap
-} from "./chunk-WBH2QU77.js";
-import "./chunk-6FINSUOS.js";
 import "./chunk-W5FX4TU3.js";
+import {
+  CREDIT_LABELS,
+  EARNINGS_LABELS,
+  GOAL_LABELS,
+  LATENCY_LABELS,
+  THROUGHPUT_LABELS,
+  TICKER_LABELS,
+  formatDuration
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import {
   ChartsProvider,
   DEFAULT_LABELS,
@@ -72,28 +105,42 @@ import {
 export {
   AreaChart,
   BarChart,
+  CREDIT_LABELS,
   CalendarHeatmap,
   Candlestick,
   Chart,
   ChartsProvider,
+  CreditUsage,
   DEFAULT_LABELS,
+  DEFAULT_STATUSES,
   DIVERGING,
   DonutChart,
+  EARNINGS_LABELS,
+  EarningsChart,
   Funnel,
+  GOAL_LABELS,
   Gauge,
   GeoMap,
   Globe3D,
+  GoalProgress,
   HUES,
   Heatmap,
+  JobThroughput,
+  LATENCY_LABELS,
+  LatencyChart,
   LineChart,
   ORDERS,
   PieChart,
+  PriceTicker,
   RadarChart,
   Sankey,
   ScatterChart,
   Sparkline,
+  THROUGHPUT_LABELS,
+  TICKER_LABELS,
   Treemap,
   correlation,
+  formatDuration,
   palette,
   sequential,
   useSlidingWindow

package/dist/labels-DE_743fQ.d.ts

@@ -0,0 +1,72 @@
+interface EarningsLabels {
+    /** Under the total: `earned over {count} months`. `{count}` is the number of periods. */
+    total: string;
+    /** The change of the last period: `{change} vs the previous month`. */
+    change: string;
+    /** The gross series' name. */
+    gross: string;
+    /** The net series' name. */
+    net: string;
+}
+declare const EARNINGS_LABELS: EarningsLabels;
+interface ThroughputLabels {
+    /** Under the total: `jobs over {count} days`. */
+    total: string;
+    /** The success rate of the finished jobs: `{rate} succeeded`. */
+    success: string;
+}
+declare const THROUGHPUT_LABELS: ThroughputLabels;
+interface LatencyLabels {
+    /** The median series. */
+    p50: string;
+    /** The 95th percentile series. */
+    p95: string;
+    /** The slowest p95: `slowest: {name}`. */
+    slowest: string;
+    /** How many go past the objective: `{count} over the objective`. */
+    over: string;
+    /** All within the objective. */
+    within: string;
+}
+declare const LATENCY_LABELS: LatencyLabels;
+interface CreditLabels {
+    /** Under the remaining amount: `left of {limit}`. */
+    remaining: string;
+    /** The used part: `{used} used ({percent})`. */
+    used: string;
+    /** The projection: `at this pace, runs out on {date}`. */
+    runsOut: string;
+    /** No use lately: it does not run out. */
+    steady: string;
+    /** The renewal: `renews on {date}`. */
+    renews: string;
+    /** The daily use sparkline's title. */
+    daily: string;
+}
+declare const CREDIT_LABELS: CreditLabels;
+interface GoalLabels {
+    /** Under the amount: `raised of {goal}`. */
+    raised: string;
+    /** Reached: `goal reached`. */
+    reached: string;
+    /** The supporters: `{count} supporters`. */
+    supporters: string;
+    /** The time left: `{time} left`. */
+    left: string;
+}
+declare const GOAL_LABELS: GoalLabels;
+interface TickerLabels {
+    /** Under the price: `current bid`. */
+    current: string;
+    /** The change since the opening: `{change} since the opening ({count} bids)`. */
+    change: string;
+    /** No bid yet: `opening price`. */
+    opening: string;
+    /** The reserve line. */
+    reserve: string;
+    /** The series' name. */
+    price: string;
+}
+declare const TICKER_LABELS: TickerLabels;
+
+export { CREDIT_LABELS as C, EARNINGS_LABELS as E, GOAL_LABELS as G, LATENCY_LABELS as L, THROUGHPUT_LABELS as T, type CreditLabels as a, type EarningsLabels as b, type GoalLabels as c, type LatencyLabels as d, TICKER_LABELS as e, type ThroughputLabels as f, type TickerLabels as g };

package/dist/latency.d.ts

@@ -0,0 +1,33 @@
+import { d as LatencyLabels } from './labels-DE_743fQ.js';
+export { L as LATENCY_LABELS } from './labels-DE_743fQ.js';
+import { L as Locale, g as Datum, A as Accessor } from './context-BgYUymEO.js';
+import * as react from 'react';
+import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import './frame-I7_xYGy5.js';
+
+/** Milliseconds as a duration: `840 ms`, `1.2 s`, `2.5 min` — the unit follows the size, through Intl. */
+declare function formatDuration(ms: number, locale: Locale): string;
+
+interface LatencyChartProps<T extends Datum> extends Omit<CartesianProps<T>, "y" | "yLabel" | "series" | "format" | "x" | "xFormat" | "thresholds" | "labels"> {
+    /** The field (or function) naming what is measured (a capability, a model). Default `"name"`. */
+    x?: Accessor<T, unknown>;
+    /** The median, in milliseconds. Default `"p50"`. */
+    p50?: Accessor<T, number | null | undefined>;
+    /** The 95th percentile, in milliseconds. Default `"p95"`; `null` to draw the median alone. */
+    p95?: Accessor<T, number | null | undefined> | null;
+    /** The service objective, in milliseconds: a line, and the count of what goes past it (by p95). */
+    objective?: {
+        readonly value: number;
+        readonly label: string;
+    };
+    /** Vertical bars instead of horizontal ones (few, short names). */
+    vertical?: boolean;
+    /** Hide the slowest p95 and the count over the objective. */
+    hideSummary?: boolean;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<LatencyLabels>;
+}
+/** Median and p95 latency per item, durations in the unit that fits, against a service objective. */
+declare function LatencyChart<T extends Datum>({ x, p50, p95, objective, vertical, hideSummary, labels: given, description, data, ...props }: LatencyChartProps<T>): react.JSX.Element;
+
+export { LatencyChart, type LatencyChartProps, LatencyLabels, formatDuration };

package/dist/latency.js

@@ -0,0 +1,24 @@
+"use client";
+import {
+  LatencyChart
+} from "./chunk-IKQV3NSL.js";
+import "./chunk-WVTIKOII.js";
+import "./chunk-CVWSMUUB.js";
+import "./chunk-WBHFVBSK.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-W5FX4TU3.js";
+import {
+  LATENCY_LABELS,
+  formatDuration
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  LATENCY_LABELS,
+  LatencyChart,
+  formatDuration
+};
+//# sourceMappingURL=latency.js.map

package/dist/latency.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/line.js

@@ -1,15 +1,16 @@
 "use client";
+import "./chunk-E5DKBSWX.js";
 import {
   AreaChart,
   LineChart
-} from "./chunk-BZ5CQFPH.js";
-import "./chunk-UNK4MJVG.js";
+} from "./chunk-C4MFZLJM.js";
+import "./chunk-CVWSMUUB.js";
 import "./chunk-BISL7DYW.js";
 import "./chunk-ANUCSRUN.js";
-import "./chunk-OB5EFDDH.js";
 import "./chunk-W5FX4TU3.js";
+import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-DWJPPEMC.js";
+import "./chunk-JTKR7ZWP.js";
 import "./chunk-3CJHBJXA.js";
 export {
   AreaChart,

package/dist/native.d.ts

@@ -144,6 +144,26 @@ interface SeriesSummary {
     readonly trend: "up" | "down" | "flat" | "none";
 }
 
+/** 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 {
+    /** The field of the row holding the count (`"completed"`). */
+    readonly key: string;
+    /** Its name, passed translated (`"Completed"`). */
+    readonly label: string;
+    /** Its tone: the status colours (`success`, `danger`, `info`, `neutral`). */
+    readonly tone: Tone;
+    /** `succeeded` or `failed`: counted in the success rate. Absent: still running or waiting. */
+    readonly outcome?: "succeeded" | "failed";
+}
+/** The four statuses of an Orazaka job, in English: pass your own (translated) `statuses`. */
+declare const DEFAULT_STATUSES: readonly JobStatus[];
+
+/** A bid: when (an ISO date-time or a `Date`) and how much, in money minor units. */
+interface Bid {
+    readonly at: string | Date;
+    readonly amount: number;
+}
+
 type Curve = "linear" | "monotone" | "step";
 
 type Mode = "dark" | "light";
@@ -232,6 +252,180 @@ declare function AreaChart<T extends Datum>({ curve, stacked, ...props }: Native
 /** Amounts across categories (React Native): grouped or `stacked` bars. */
 declare function BarChart<T extends Datum>({ stacked, ...props }: NativeBarChartProps<T>): react.JSX.Element;
 
+interface EarningsLabels {
+    /** Under the total: `earned over {count} months`. `{count}` is the number of periods. */
+    total: string;
+    /** The change of the last period: `{change} vs the previous month`. */
+    change: string;
+    /** The gross series' name. */
+    gross: string;
+    /** The net series' name. */
+    net: string;
+}
+interface ThroughputLabels {
+    /** Under the total: `jobs over {count} days`. */
+    total: string;
+    /** The success rate of the finished jobs: `{rate} succeeded`. */
+    success: string;
+}
+interface LatencyLabels {
+    /** The median series. */
+    p50: string;
+    /** The 95th percentile series. */
+    p95: string;
+    /** The slowest p95: `slowest: {name}`. */
+    slowest: string;
+    /** How many go past the objective: `{count} over the objective`. */
+    over: string;
+    /** All within the objective. */
+    within: string;
+}
+interface CreditLabels {
+    /** Under the remaining amount: `left of {limit}`. */
+    remaining: string;
+    /** The used part: `{used} used ({percent})`. */
+    used: string;
+    /** The projection: `at this pace, runs out on {date}`. */
+    runsOut: string;
+    /** No use lately: it does not run out. */
+    steady: string;
+    /** The renewal: `renews on {date}`. */
+    renews: string;
+    /** The daily use sparkline's title. */
+    daily: string;
+}
+interface GoalLabels {
+    /** Under the amount: `raised of {goal}`. */
+    raised: string;
+    /** Reached: `goal reached`. */
+    reached: string;
+    /** The supporters: `{count} supporters`. */
+    supporters: string;
+    /** The time left: `{time} left`. */
+    left: string;
+}
+interface TickerLabels {
+    /** Under the price: `current bid`. */
+    current: string;
+    /** The change since the opening: `{change} since the opening ({count} bids)`. */
+    change: string;
+    /** No bid yet: `opening price`. */
+    opening: string;
+    /** The reserve line. */
+    reserve: string;
+    /** The series' name. */
+    price: string;
+}
+
+type Base<T extends Datum> = Omit<NativeCartesianProps<T>, "y" | "yLabel" | "series" | "format" | "x" | "xFormat" | "thresholds" | "labels">;
+interface NativeEarningsChartProps<T extends Datum> extends Base<T> {
+    /** The field (or function) of the period. Default `"month"`. */
+    x?: Accessor<T, unknown>;
+    /** The net amount of each period, in minor units. */
+    net: Accessor<T, number | null | undefined>;
+    /** The gross amount, drawn beside the net. */
+    gross?: Accessor<T, number | null | undefined>;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** How the periods are written. Default `"month"`. */
+    period?: CategoryFormat;
+    /** The payout threshold, drawn as a line. */
+    payoutThreshold?: Threshold;
+    /** The words, passed translated. */
+    labels?: Partial<EarningsLabels>;
+}
+/** Earnings per period in money (React Native): the total and the change first, the bars under them. */
+declare function EarningsChart<T extends Datum>({ x, net, gross, currency, period, payoutThreshold, labels: given, title, hideTitle, data, ...props }: NativeEarningsChartProps<T>): react.JSX.Element;
+interface NativeJobThroughputProps<T extends Datum> extends Base<T> {
+    /** The field of the period. Default `"day"`. */
+    x?: Accessor<T, unknown>;
+    /** How the periods are written. Default `"day"`. */
+    period?: CategoryFormat;
+    /** The statuses, in stacking order. Default: completed, failed, running, queued. */
+    statuses?: readonly JobStatus[];
+    /** The words, passed translated. */
+    labels?: Partial<ThroughputLabels>;
+}
+/** Jobs per period stacked by status (React Native): the total and the success rate first. */
+declare function JobThroughput<T extends Datum>({ x, period, statuses, labels: given, title, hideTitle, data, ...props }: NativeJobThroughputProps<T>): react.JSX.Element;
+interface NativeLatencyChartProps<T extends Datum> extends Base<T> {
+    /** The field naming what is measured. Default `"name"`. */
+    x?: Accessor<T, unknown>;
+    /** The median, in milliseconds. Default `"p50"`. */
+    p50?: Accessor<T, number | null | undefined>;
+    /** The 95th percentile, in milliseconds. Default `"p95"`; `null` for the median alone. */
+    p95?: Accessor<T, number | null | undefined> | null;
+    /** The service objective, in milliseconds. */
+    objective?: {
+        readonly value: number;
+        readonly label: string;
+    };
+    /** The words, passed translated. */
+    labels?: Partial<LatencyLabels>;
+}
+/** Median and p95 latency per item (React Native, vertical bars): the slowest p95 first. */
+declare function LatencyChart<T extends Datum>({ x, p50, p95, objective, labels: given, title, hideTitle, data, ...props }: NativeLatencyChartProps<T>): react.JSX.Element;
+interface NativeCreditUsageProps extends Omit<NativeChartsSettings, "labels"> {
+    /** What the allowance is: the heading and the meter's name. */
+    title: string;
+    /** Hide the heading (it stays the accessible name). */
+    hideTitle?: boolean;
+    /** How much is used. */
+    used: number;
+    /** The allowance. */
+    limit: number;
+    /** How the amounts are written. Default `"integer"`. */
+    format?: ValueFormat;
+    /** The use of each recent day, oldest first. */
+    daily?: readonly (number | null)[];
+    /** When the allowance renews. */
+    renewsAt?: string | Date;
+    /** Today, for the projection. Default: now. */
+    now?: Date;
+    /** The shares where the meter turns to warning, then danger. Default `[0.8, 0.95]`. */
+    levels?: readonly [number, number];
+    /** The words, passed translated. */
+    labels?: Partial<CreditLabels>;
+    /** The style of the container (layout only). */
+    style?: ViewStyle;
+}
+/** What is left of an allowance (React Native): the remaining amount, a meter in tones, the use per day, the run-out date. */
+declare function CreditUsage({ title, hideTitle, used, limit, format, daily, renewsAt, now, levels, labels: given, style, ...settings }: NativeCreditUsageProps): react.JSX.Element;
+interface NativeGoalProgressProps extends Omit<NativeFrameProps, "loading" | "empty" | "labels"> {
+    /** The amount raised, in minor units. */
+    raised: number;
+    /** The goal, in minor units. */
+    goal: number;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** How many people chipped in. */
+    supporters?: number;
+    /** The time left, written by the app (“2 days”). */
+    timeLeft?: string;
+    /** The words, passed translated. */
+    labels?: Partial<GoalLabels>;
+}
+/** A pot towards its goal, in money (React Native): the arc fills, the words say how much of what. */
+declare function GoalProgress({ raised, goal, currency, supporters, timeLeft, labels: given, ...props }: NativeGoalProgressProps): react.JSX.Element;
+interface NativePriceTickerProps extends Omit<NativeFrameProps, "loading" | "labels"> {
+    /** The bids, in any order. */
+    bids: readonly Bid[];
+    /** The opening price, in minor units. */
+    opening: number;
+    /** When the auction opened. */
+    openedAt?: string | Date;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** The reserve price, drawn as a line until it is met. */
+    reserve?: number;
+    /** How the times are written. Default `"time"`. */
+    timeFormat?: CategoryFormat;
+    /** The words, passed translated. */
+    labels?: Partial<TickerLabels>;
+}
+/** A live auction's price (React Native): the current bid in large, the change since the opening, the steps of the bids. */
+declare function PriceTicker({ bids, opening, openedAt, currency, reserve, timeFormat, labels: given, title, hideTitle, ...props }: NativePriceTickerProps): react.JSX.Element;
+
 interface NativePieChartProps<T extends Datum> extends NativeFrameProps {
     /** One row per part. */
     data: readonly T[];
@@ -297,4 +491,4 @@ interface NativeSparklineProps extends Omit<NativeFrameProps, "hideTitle"> {
 /** A word-sized trend (React Native). */
 declare function Sparkline(props: NativeSparklineProps): react.JSX.Element;
 
-export { type Accessor, AreaChart, BarChart, type BrandId, type CategoryFormat, type ChartLabels, type ChartLabelsInput, type ChartTheme, ChartsProvider, DEFAULT_LABELS, type Datum, DonutChart, Gauge, LineChart, type Locale, type Marker, type NativeAreaChartProps, type NativeBarChartProps, type NativeCartesianProps, type NativeChartsSettings, type NativeFrameProps, type NativeGaugeProps, type NativeLineChartProps, type NativePieChartProps, type NativeSparklineProps, PieChart, type SeriesColor, type SeriesSpec, type SeriesSummary, Sparkline, type Threshold, type Tone, type ValueFormat };
+export { type Accessor, AreaChart, BarChart, type Bid, type BrandId, type CategoryFormat, type ChartLabels, type ChartLabelsInput, type ChartTheme, ChartsProvider, CreditUsage, DEFAULT_LABELS, DEFAULT_STATUSES, type Datum, DonutChart, EarningsChart, Gauge, GoalProgress, type JobStatus, JobThroughput, LatencyChart, LineChart, type Locale, type Marker, type NativeAreaChartProps, type NativeBarChartProps, type NativeCartesianProps, type NativeChartsSettings, type NativeCreditUsageProps, type NativeEarningsChartProps, type NativeFrameProps, type NativeGaugeProps, type NativeGoalProgressProps, type NativeJobThroughputProps, type NativeLatencyChartProps, type NativeLineChartProps, type NativePieChartProps, type NativePriceTickerProps, type NativeSparklineProps, PieChart, PriceTicker, type SeriesColor, type SeriesSpec, type SeriesSummary, Sparkline, type Threshold, type Tone, type ValueFormat };