panelui-native 0.66.1 → 0.68.0

package/lib/module/components/meter/index.js

@@ -0,0 +1,250 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { Text } from "../../primitives/text.js";
+import { clamp, colorFor, fractionOf, formatValue, litSegments } from "./meter-scale.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SPRING = {
+  damping: 20,
+  stiffness: 180,
+  mass: 0.6
+};
+/** Milliseconds for a segment to light or go out. */
+const SEGMENT_DURATION = 180;
+/** How faint an unlit segment sits. Present, but plainly not counted. */
+const SEGMENT_UNLIT = 0.22;
+const meterVariants = tv({
+  slots: {
+    root: 'w-full gap-2',
+    header: 'flex-row items-center justify-between gap-2',
+    track: 'w-full overflow-hidden rounded-full',
+    indicator: 'h-full rounded-full',
+    segments: 'w-full flex-row',
+    segment: 'flex-1 rounded-full'
+  },
+  variants: {
+    color: {
+      primary: {
+        track: 'bg-primary/16',
+        indicator: 'bg-primary',
+        segment: 'bg-primary'
+      },
+      success: {
+        track: 'bg-success/16',
+        indicator: 'bg-success',
+        segment: 'bg-success'
+      },
+      warning: {
+        track: 'bg-warning/16',
+        indicator: 'bg-warning',
+        segment: 'bg-warning'
+      },
+      destructive: {
+        track: 'bg-destructive/16',
+        indicator: 'bg-destructive',
+        segment: 'bg-destructive'
+      },
+      info: {
+        track: 'bg-info/16',
+        indicator: 'bg-info',
+        segment: 'bg-info'
+      },
+      muted: {
+        track: 'bg-muted',
+        indicator: 'bg-muted-foreground',
+        segment: 'bg-muted-foreground'
+      }
+    },
+    size: {
+      sm: {
+        track: 'h-1.5',
+        segments: 'h-1.5 gap-1',
+        segment: 'h-1.5'
+      },
+      md: {
+        track: 'h-2',
+        segments: 'h-2 gap-1.5',
+        segment: 'h-2'
+      },
+      lg: {
+        track: 'h-3',
+        segments: 'h-3 gap-1.5',
+        segment: 'h-3'
+      }
+    }
+  },
+  defaultVariants: {
+    color: 'primary',
+    size: 'md'
+  }
+});
+/**
+ * One block of a segmented meter. It reads the lit count rather than a boolean
+ * so the whole row animates from one shared value, without a render per block.
+ */
+function Segment({
+  index,
+  lit,
+  className,
+  reducedMotion
+}) {
+  const style = useAnimatedStyle(() => {
+    const on = lit.value > index ? 1 : SEGMENT_UNLIT;
+    return {
+      opacity: reducedMotion ? on : withTiming(on, {
+        duration: SEGMENT_DURATION
+      })
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: style,
+    className: className
+  });
+}
+
+/**
+ * A measurement on a fixed scale: disk used, battery left, a score, a password's
+ * strength. The fill is driven on the UI thread, so a value change costs one
+ * render and nothing per frame.
+ *
+ * A meter is not a progress bar. Progress is a task moving towards an end that
+ * finishing is the point of; a meter is a reading that happens to sit where it
+ * sits, and may go back down. Reach for
+ * [Progress](/docs/components/progress) when something is completing.
+ *
+ * `thresholds` paint the bar by where the reading falls, and `segments` draws
+ * the scale as discrete blocks for readings that are counted rather than
+ * measured.
+ *
+ * The value is read against `minValue` / `maxValue`, which default to 0 and
+ * 100 — so a percentage needs neither. Set them and the meter speaks in
+ * whatever is being measured: bytes, degrees, points. Nothing has to be
+ * converted to a percent on the way in, and the screen reader is told the real
+ * scale rather than a derived one.
+ *
+ * React Native has no meter role, so this announces as a progress bar with its
+ * value, range and unit attached. That is the closest the platform offers, and
+ * it is why `label` matters: the role will not distinguish a reading from a
+ * task, and the name is what does.
+ */
+export const Meter = /*#__PURE__*/forwardRef(({
+  className,
+  indicatorClassName,
+  headerClassName,
+  value,
+  minValue = 0,
+  maxValue = 100,
+  label,
+  showValueLabel = false,
+  valueLabel,
+  formatOptions,
+  thresholds,
+  segments,
+  color,
+  size,
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const held = clamp(value, minValue, maxValue);
+  const fraction = fractionOf(value, minValue, maxValue);
+  const resolvedColor = colorFor(held, color ?? 'primary', thresholds);
+  const slots = meterVariants({
+    color: resolvedColor,
+    size
+  });
+  const reducedMotion = useReducedMotion();
+  const trackWidth = useSharedValue(0);
+  const progress = useSharedValue(fraction);
+  // Any reading above the floor lights a block, so "a little" never looks
+  // like "none". Rounding down would leave the first quarter of a
+  // four-block meter dark, which is the reading it is least able to afford.
+  const litCount = segments ? litSegments(fraction, segments) : 0;
+  const lit = useSharedValue(litCount);
+
+  // Reduce motion lands on the value instead of springing to it — the
+  // number is the information, and the overshoot is decoration.
+  useEffect(() => {
+    progress.value = reducedMotion ? fraction : withSpring(fraction, SPRING);
+  }, [fraction, progress, reducedMotion]);
+  useEffect(() => {
+    lit.value = litCount;
+  }, [lit, litCount]);
+  const onLayout = event => {
+    trackWidth.value = event.nativeEvent.layout.width;
+  };
+  const fillStyle = useAnimatedStyle(() => ({
+    width: trackWidth.value * progress.value
+  }));
+  const spoken = formatValue(held, fraction, valueLabel, formatOptions);
+  const showValue = showValueLabel;
+  const hasHeader = label != null || showValue;
+  const accessibility = {
+    accessibilityRole: 'progressbar',
+    accessibilityLabel: accessibilityLabel ?? label,
+    accessibilityValue: {
+      min: minValue,
+      max: maxValue,
+      now: held,
+      // Without this the scale is read as a bare number. `text` is what
+      // carries the unit — the percent sign, the gigabytes, the word.
+      text: spoken
+    }
+  };
+  const bar = segments && segments > 0 ? /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    ...accessibility,
+    className: slots.segments({
+      className
+    }),
+    ...props,
+    children: Array.from({
+      length: segments
+    }, (_, index) => /*#__PURE__*/_jsx(Segment, {
+      index: index,
+      lit: lit,
+      reducedMotion: reducedMotion,
+      className: slots.segment({
+        className: indicatorClassName
+      })
+    }, index))
+  }) : /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    ...accessibility,
+    className: slots.track({
+      className
+    }),
+    onLayout: onLayout,
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: fillStyle,
+      className: slots.indicator({
+        className: indicatorClassName
+      })
+    })
+  });
+  if (!hasHeader) return bar;
+  return /*#__PURE__*/_jsxs(View, {
+    className: slots.root(),
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: slots.header({
+        className: headerClassName
+      }),
+      children: [label != null ? /*#__PURE__*/_jsx(Text, {
+        size: "sm",
+        weight: "medium",
+        numberOfLines: 1,
+        children: label
+      }) : /*#__PURE__*/_jsx(View, {}), showValue ? /*#__PURE__*/_jsx(Text, {
+        size: "sm",
+        muted: true,
+        numberOfLines: 1,
+        children: spoken
+      }) : null]
+    }), bar]
+  });
+});
+Meter.displayName = 'Meter';
+//# sourceMappingURL=index.js.map

package/lib/module/components/meter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withSpring","withTiming","tv","Text","clamp","colorFor","fractionOf","formatValue","litSegments","jsx","_jsx","jsxs","_jsxs","SPRING","damping","stiffness","mass","SEGMENT_DURATION","SEGMENT_UNLIT","meterVariants","slots","root","header","track","indicator","segments","segment","variants","color","primary","success","warning","destructive","info","muted","size","sm","md","lg","defaultVariants","Segment","index","lit","className","reducedMotion","style","on","value","opacity","duration","Meter","indicatorClassName","headerClassName","minValue","maxValue","label","showValueLabel","valueLabel","formatOptions","thresholds","accessibilityLabel","props","ref","held","fraction","resolvedColor","trackWidth","progress","litCount","onLayout","event","nativeEvent","layout","width","fillStyle","spoken","showValue","hasHeader","accessibility","accessibilityRole","accessibilityValue","min","max","now","text","bar","children","Array","from","length","_","weight","numberOfLines","displayName"],"sourceRoot":"../../../../src","sources":["components/meter/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/meter/meter-scale.js

@@ -0,0 +1,88 @@
+"use strict";
+
+/**
+ * Where a reading sits on a meter's scale, and what colour it has earned.
+ *
+ * Kept apart from the component because it is the part that can be wrong
+ * without looking wrong: a threshold picked in the wrong order, or a segment
+ * count that rounds a real reading down to nothing, is a meter that lies
+ * quietly. None of it touches React, so it can be tested on its own.
+ */
+
+/** The token a meter can be painted with. */
+
+/**
+ * A point on the scale, and the colour the meter takes from there upwards.
+ *
+ * `from` is in the same units as `value` — not a percentage of the range — so
+ * a threshold on a 0–8 GB meter is written in gigabytes.
+ */
+
+/** `value` held inside the scale, so a stray number cannot escape the track. */
+export function clamp(value, min, max) {
+  if (!(value > min)) return min;
+  if (value > max) return max;
+  return value;
+}
+
+/**
+ * How far up the scale the value sits, 0–1. An empty or inverted range has no
+ * meaningful position in it, so it reads as empty rather than dividing by zero.
+ */
+export function fractionOf(value, min, max) {
+  const span = max - min;
+  if (!(span > 0)) return 0;
+  return clamp((value - min) / span, 0, 1);
+}
+
+/**
+ * The colour the reading has earned: the highest threshold at or below the
+ * value, or the base colour when it has reached none of them.
+ *
+ * Highest-wins rather than first-wins, so the caller can list thresholds in
+ * any order and get the same answer. A rule that depended on the order would
+ * make a reordered array a silent behaviour change.
+ */
+export function colorFor(value, base, thresholds) {
+  if (!thresholds?.length) return base;
+  let winner;
+  for (const threshold of thresholds) {
+    if (value < threshold.from) continue;
+    if (!winner || threshold.from > winner.from) winner = threshold;
+  }
+  return winner?.color ?? base;
+}
+
+/**
+ * How many blocks of a segmented meter are lit.
+ *
+ * Rounded up, so any reading above the floor lights at least one. Rounding
+ * down would leave the whole first block of a four-block meter dark, and "a
+ * little" looking like "none" is the reading a meter can least afford to get
+ * wrong.
+ */
+export function litSegments(fraction, segments) {
+  if (!(segments > 0)) return 0;
+  return Math.min(Math.ceil(fraction * segments), segments);
+}
+
+/**
+ * The value caption: an explicit override, an `Intl` rendering, or a rounded
+ * percent.
+ *
+ * A `percent` style is given the fraction, because that is what a percentage
+ * of the scale means; every other style is given the value, because a byte
+ * count or a score is a quantity and not a proportion.
+ */
+export function formatValue(value, fraction, valueLabel, formatOptions) {
+  if (valueLabel != null) return valueLabel;
+  if (formatOptions) {
+    try {
+      return new Intl.NumberFormat(undefined, formatOptions).format(formatOptions.style === 'percent' ? fraction : value);
+    } catch {
+      // Some engines ship a partial Intl; fall through to the plain percent.
+    }
+  }
+  return `${Math.round(fraction * 100)}%`;
+}
+//# sourceMappingURL=meter-scale.js.map

package/lib/module/components/meter/meter-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clamp","value","min","max","fractionOf","span","colorFor","base","thresholds","length","winner","threshold","from","color","litSegments","fraction","segments","Math","ceil","formatValue","valueLabel","formatOptions","Intl","NumberFormat","undefined","format","style","round"],"sourceRoot":"../../../../src","sources":["components/meter/meter-scale.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AASA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA,OAAO,SAASA,KAAKA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC7D,IAAI,EAAEF,KAAK,GAAGC,GAAG,CAAC,EAAE,OAAOA,GAAG;EAC9B,IAAID,KAAK,GAAGE,GAAG,EAAE,OAAOA,GAAG;EAC3B,OAAOF,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASG,UAAUA,CAACH,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAClE,MAAME,IAAI,GAAGF,GAAG,GAAGD,GAAG;EACtB,IAAI,EAAEG,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;EACzB,OAAOL,KAAK,CAAC,CAACC,KAAK,GAAGC,GAAG,IAAIG,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAC1C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CACtBL,KAAa,EACbM,IAA4B,EAC5BC,UAAwC,EACxC;EACA,IAAI,CAACA,UAAU,EAAEC,MAAM,EAAE,OAAOF,IAAI;EACpC,IAAIG,MAAkC;EACtC,KAAK,MAAMC,SAAS,IAAIH,UAAU,EAAE;IAClC,IAAIP,KAAK,GAAGU,SAAS,CAACC,IAAI,EAAE;IAC5B,IAAI,CAACF,MAAM,IAAIC,SAAS,CAACC,IAAI,GAAGF,MAAM,CAACE,IAAI,EAAEF,MAAM,GAAGC,SAAS;EACjE;EACA,OAAOD,MAAM,EAAEG,KAAK,IAAIN,IAAI;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,WAAWA,CAACC,QAAgB,EAAEC,QAAgB,EAAE;EAC9D,IAAI,EAAEA,QAAQ,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;EAC7B,OAAOC,IAAI,CAACf,GAAG,CAACe,IAAI,CAACC,IAAI,CAACH,QAAQ,GAAGC,QAAQ,CAAC,EAAEA,QAAQ,CAAC;AAC3D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,WAAWA,CACzBlB,KAAa,EACbc,QAAgB,EAChBK,UAAmB,EACnBC,aAAwC,EACxC;EACA,IAAID,UAAU,IAAI,IAAI,EAAE,OAAOA,UAAU;EACzC,IAAIC,aAAa,EAAE;IACjB,IAAI;MACF,OAAO,IAAIC,IAAI,CAACC,YAAY,CAACC,SAAS,EAAEH,aAAa,CAAC,CAACI,MAAM,CAC3DJ,aAAa,CAACK,KAAK,KAAK,SAAS,GAAGX,QAAQ,GAAGd,KACjD,CAAC;IACH,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ;EACA,OAAO,GAAGgB,IAAI,CAACU,KAAK,CAACZ,QAAQ,GAAG,GAAG,CAAC,GAAG;AACzC","ignoreList":[]}