@webority/ui-react 0.30.0 → 0.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -29,8 +29,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.30.0",
-    "@webority/ui-elements": "0.30.0"
+    "@webority/theme": "0.31.0",
+    "@webority/ui-elements": "0.31.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.6.0 || ^0.7.0 || ^0.8.0 || ^0.9.0",

package/dist/types/components/AppBarChart.d.ts

@@ -1,31 +0,0 @@
-/**
- * A bar chart of categories, each measured against its own maximum ("18 of 25"), such as the
- * parts of a total score. Every bar fills toward its own `max`, so bars with different maxima
- * compare as how complete each one is; the printed value carries the magnitude. Values are
- * labelled directly on every bar, so there is no legend and no tooltip to discover. Each bar is
- * a keyboard-focusable `role="meter"` inside a list, named by its label and value ("GST and tax, 11 of 15").
- *
- * @param {object} props
- * @param {{ label: string, value: number, max: number }[]} props.data One entry per bar, in order.
- *   Labels must be unique. `value` is clamped into 0 to `max`.
- * @param {(value: number) => string} [props.formatValue] Formats each value and maximum.
- *   Defaults to `String(value)`.
- * @param {'horizontal'|'vertical'} [props.orientation='horizontal'] Horizontal stacks a row per
- *   bar (label and value above each bar) and reads best on a phone; vertical stands the bars
- *   side by side with the labels beneath.
- * @param {string} [props.title] A visible caption above the chart; also names it for assistive tech.
- * @param {string} [props.ariaLabel] Names the chart when there is no visible `title`.
- * @param {string} [props.className]
- */
-export default function AppBarChart({ data, formatValue, orientation, title, ariaLabel, className, ...rest }: {
-    data: {
-        label: string;
-        value: number;
-        max: number;
-    }[];
-    formatValue?: (value: number) => string;
-    orientation?: 'horizontal' | 'vertical';
-    title?: string;
-    ariaLabel?: string;
-    className?: string;
-}): import("react").JSX.Element;

package/dist/types/components/AppLineChart.d.ts

@@ -1,50 +0,0 @@
-/**
- * A line chart: one numeric series over categorical x labels (months, quarters, attempts).
- * Hand-drawn SVG, no chart library. The x axis is laid out in percentages and the y axis in
- * pixels, so the chart fills any width without a resize observer and without scaling its text.
- * Each point is a focusable button that shows its value on hover and focus; a visually hidden
- * table carries every value, the band and reference labels included, for screen readers.
- *
- * @param {object} props
- * @param {{ label: string, value: number | null }[]} props.data The series, in x order. Labels must
- *   be unique. A `null` value leaves a gap in the line.
- * @param {string} [props.name] The series name, read before each point's value ("Score, Mar: 72").
- * @param {number} [props.yMin] Fixes the bottom of the y axis. Omitted: taken from the data,
- *   rounded down to a whole tick.
- * @param {number} [props.yMax] Fixes the top of the y axis. Omitted: taken from the data,
- *   rounded up to a whole tick.
- * @param {{ from: number, to: number, label?: string, tone?: 'neutral'|'info'|'success'|'warning'|'danger' }[]} [props.bands]
- *   Shaded y ranges behind the line, such as rating bands, each labelled at its top right.
- * @param {{ value: number, label?: string }[]} [props.referenceLines] Dashed horizontal lines,
- *   such as a target or a threshold, each labelled at its right end.
- * @param {(value: number) => string} [props.formatValue] Formats every value the chart prints:
- *   ticks, tooltips, the data table. Defaults to `String(value)`.
- * @param {number} [props.height=240] Height of the plot area in px, x labels excluded.
- * @param {string} [props.title] A visible caption above the chart; also names it for assistive tech.
- * @param {string} [props.ariaLabel] Names the chart when there is no visible `title`.
- * @param {string} [props.className]
- */
-export default function AppLineChart({ data, name, yMin, yMax, bands, referenceLines, formatValue, height, title, ariaLabel, className, ...rest }: {
-    data: {
-        label: string;
-        value: number | null;
-    }[];
-    name?: string;
-    yMin?: number;
-    yMax?: number;
-    bands?: {
-        from: number;
-        to: number;
-        label?: string;
-        tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
-    }[];
-    referenceLines?: {
-        value: number;
-        label?: string;
-    }[];
-    formatValue?: (value: number) => string;
-    height?: number;
-    title?: string;
-    ariaLabel?: string;
-    className?: string;
-}): import("react").JSX.Element;