blend-native 0.0.1-beta.0 → 0.0.1-beta.2

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

@@ -0,0 +1 @@
+{"version":3,"names":["addSnackbar","dismissSnackbar","SnackbarToast","resolveSnackbarDuration","resetSnackbarWarnings"],"sourceRoot":"../../../../src","sources":["components/Snackbar/index.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,eAAe,QAAQ,eAAY;AACzD,SAASC,aAAa,QAAQ,oBAAiB;AAE/C,SACIC,uBAAuB,EACvBC,qBAAqB,QAClB,qBAAkB","ignoreList":[]}

package/lib/module/components/Snackbar/snackbar.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { dismissToast, showToast } from "../../overlay/toast/toastStore.js";
+import { buildAnnouncement } from "../../a11y/announcement.js";
+import { SnackbarToast } from "./SnackbarToast.js";
+import { resolveSnackbarDuration } from "./snackbar.utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Imperative snackbar — the native port of web's `addSnackbarV2`, riding
+ * the provider-mounted toast host (bottom stack, exit animation, paused
+ * timers, topmost layering). Returns the id for `dismissSnackbar`.
+ */
+export function addSnackbar(options) {
+  return showToast({
+    id: options.id,
+    duration: resolveSnackbarDuration(options.duration),
+    announcement: buildAnnouncement(options.header, options.description),
+    content: dismiss => /*#__PURE__*/_jsx(SnackbarToast, {
+      options: options,
+      dismiss: dismiss
+    })
+  });
+}
+
+/** Dismiss one snackbar by id, or every toast when called without one. */
+export function dismissSnackbar(id) {
+  dismissToast(id);
+}
+//# sourceMappingURL=snackbar.js.map

package/lib/module/components/Snackbar/snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dismissToast","showToast","buildAnnouncement","SnackbarToast","resolveSnackbarDuration","jsx","_jsx","addSnackbar","options","id","duration","announcement","header","description","content","dismiss","dismissSnackbar"],"sourceRoot":"../../../../src","sources":["components/Snackbar/snackbar.tsx"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,SAAS,QAAQ,mCAAgC;AACxE,SAASC,iBAAiB,QAAQ,4BAAyB;AAC3D,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,uBAAuB,QAAQ,qBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAACC,OAAwB,EAAU;EAC1D,OAAOP,SAAS,CAAC;IACbQ,EAAE,EAAED,OAAO,CAACC,EAAE;IACdC,QAAQ,EAAEN,uBAAuB,CAACI,OAAO,CAACE,QAAQ,CAAC;IACnDC,YAAY,EAAET,iBAAiB,CAACM,OAAO,CAACI,MAAM,EAAEJ,OAAO,CAACK,WAAW,CAAC;IACpEC,OAAO,EAAGC,OAAO,iBACbT,IAAA,CAACH,aAAa;MAACK,OAAO,EAAEA,OAAQ;MAACO,OAAO,EAAEA;IAAQ,CAAE;EAE5D,CAAC,CAAC;AACN;;AAEA;AACA,OAAO,SAASC,eAAeA,CAACP,EAAW,EAAQ;EAC/CT,YAAY,CAACS,EAAE,CAAC;AACpB","ignoreList":[]}

package/lib/module/components/Snackbar/snackbar.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=snackbar.types.js.map

package/lib/module/components/Snackbar/snackbar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Snackbar/snackbar.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Snackbar/snackbar.utils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+/**
+ * Duration mapping for `addSnackbar`, mirroring web's sonner semantics:
+ * `Infinity`/`null` → persistent (the host's `null`); `0` → NOT persistent
+ * — web warns once in dev and lets the default apply; `undefined` →
+ * default.
+ */
+let warnedZeroDuration = false;
+
+/** Test hook. */
+export function resetSnackbarWarnings() {
+  warnedZeroDuration = false;
+}
+export function resolveSnackbarDuration(duration) {
+  if (duration === null || duration === Infinity) return null;
+  if (duration === 0) {
+    if (typeof __DEV__ !== 'undefined' && __DEV__ && !warnedZeroDuration) {
+      warnedZeroDuration = true;
+      console.warn('[blend-native] addSnackbar({ duration: 0 }) is not ' + 'persistent — pass Infinity (or null) to keep a ' + 'snackbar until dismissed. Falling back to the default ' + 'duration, matching web.');
+    }
+    return undefined;
+  }
+  return duration;
+}
+//# sourceMappingURL=snackbar.utils.js.map

package/lib/module/components/Snackbar/snackbar.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["warnedZeroDuration","resetSnackbarWarnings","resolveSnackbarDuration","duration","Infinity","__DEV__","console","warn","undefined"],"sourceRoot":"../../../../src","sources":["components/Snackbar/snackbar.utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIA,kBAAkB,GAAG,KAAK;;AAE9B;AACA,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACpCD,kBAAkB,GAAG,KAAK;AAC9B;AAEA,OAAO,SAASE,uBAAuBA,CACnCC,QAAmC,EACV;EACzB,IAAIA,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAKC,QAAQ,EAAE,OAAO,IAAI;EAC3D,IAAID,QAAQ,KAAK,CAAC,EAAE;IAChB,IAAI,OAAOE,OAAO,KAAK,WAAW,IAAIA,OAAO,IAAI,CAACL,kBAAkB,EAAE;MAClEA,kBAAkB,GAAG,IAAI;MACzBM,OAAO,CAACC,IAAI,CACR,qDAAqD,GACjD,iDAAiD,GACjD,wDAAwD,GACxD,yBACR,CAAC;IACL;IACA,OAAOC,SAAS;EACpB;EACA,OAAOL,QAAQ;AACnB","ignoreList":[]}

package/lib/module/components/Sparkline/Sparkline.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { memo, useState } from 'react';
+import { View } from 'react-native';
+import { VictoryLine, VictoryArea, VictoryBar, VictoryChart, VictoryAxis } from 'victory-native';
+import { FOUNDATION_THEME } from '@juspay/blend-design-system/node';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_HEIGHT = 50;
+const DEFAULT_STROKE = 2;
+
+/** A sparkline has no axes — suppress the default VictoryChart axis line,
+ * ticks, and labels so only the data shape shows. */
+const NO_AXIS = /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(VictoryAxis, {
+    style: {
+      axis: {
+        stroke: 'transparent'
+      },
+      ticks: {
+        size: 0
+      },
+      tickLabels: {
+        fill: 'transparent'
+      }
+    }
+  }), /*#__PURE__*/_jsx(VictoryAxis, {
+    dependentAxis: true,
+    style: {
+      axis: {
+        stroke: 'transparent'
+      },
+      ticks: {
+        size: 0
+      },
+      tickLabels: {
+        fill: 'transparent'
+      }
+    }
+  })]
+});
+
+/**
+ * Minimal sparkline used inside `StatCard`.
+ *
+ * The series colour defaults to the brand primary — the same default web's
+ * `StatCard` uses when no custom `series.color` is passed.
+ * Victory needs a concrete numeric width to lay out points; we measure the
+ * wrapping View with `onLayout` instead of asking the consumer for one.
+ */
+const SparklineImpl = ({
+  data,
+  type = 'area',
+  height = DEFAULT_HEIGHT,
+  color,
+  width,
+  strokeWidth = DEFAULT_STROKE,
+  style,
+  testID
+}) => {
+  const stroke = color ?? String(FOUNDATION_THEME.colors.primary[500]);
+  // `width` is an explicit override; the measured state only fills in when
+  // the consumer lets us auto-size. Initializing it from `width` would
+  // freeze a stale value if the prop later becomes `undefined`.
+  const [measuredWidth, setMeasuredWidth] = useState(undefined);
+  const resolvedWidth = typeof width === 'number' ? width : measuredWidth;
+  const onLayout = event => {
+    const w = event.nativeEvent.layout.width;
+    if (w > 0 && w !== measuredWidth) setMeasuredWidth(w);
+  };
+  if (data.length === 0) {
+    return /*#__PURE__*/_jsx(View, {
+      onLayout: onLayout,
+      testID: testID,
+      style: [{
+        height
+      }, style]
+    });
+  }
+  if (!resolvedWidth) {
+    return /*#__PURE__*/_jsx(View, {
+      onLayout: onLayout,
+      testID: testID,
+      style: [{
+        height,
+        width: '100%'
+      }, style]
+    });
+  }
+  const victoryData = data.map((d, i) => ({
+    x: i,
+    y: d.value
+  }));
+  const chartContent = type === 'bar' ? /*#__PURE__*/_jsxs(VictoryChart, {
+    width: resolvedWidth,
+    height: height,
+    padding: 0,
+    domainPadding: {
+      x: 2
+    },
+    children: [NO_AXIS, /*#__PURE__*/_jsx(VictoryBar, {
+      data: victoryData,
+      style: {
+        data: {
+          fill: stroke
+        }
+      },
+      barRatio: 0.6,
+      cornerRadius: 2
+    })]
+  }) : /*#__PURE__*/_jsxs(VictoryChart, {
+    width: resolvedWidth,
+    height: height,
+    padding: 0,
+    children: [NO_AXIS, type === 'area' ? [/*#__PURE__*/_jsx(VictoryArea, {
+      data: victoryData,
+      interpolation: "monotoneX",
+      style: {
+        data: {
+          fill: stroke,
+          fillOpacity: 0.15,
+          // VictoryArea strokes the entire
+          // closed path (including baseline) by
+          // default — suppress it so only the
+          // fill shows; the top edge is redrawn
+          // by VictoryLine below.
+          stroke: 'transparent'
+        }
+      }
+    }, "area-fill"), /*#__PURE__*/_jsx(VictoryLine, {
+      data: victoryData,
+      interpolation: "monotoneX",
+      style: {
+        data: {
+          stroke,
+          strokeWidth
+        }
+      }
+    }, "area-edge")] : null, type === 'line' && /*#__PURE__*/_jsx(VictoryLine, {
+      data: victoryData,
+      interpolation: "monotoneX",
+      style: {
+        data: {
+          stroke,
+          strokeWidth
+        }
+      }
+    })]
+  });
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    testID: testID,
+    style: [{
+      height,
+      width: '100%',
+      overflow: 'hidden'
+    }, style],
+    children: chartContent
+  });
+};
+export const Sparkline = /*#__PURE__*/memo(SparklineImpl);
+Sparkline.displayName = 'Sparkline';
+export default Sparkline;
+//# sourceMappingURL=Sparkline.js.map

package/lib/module/components/Sparkline/Sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useState","View","VictoryLine","VictoryArea","VictoryBar","VictoryChart","VictoryAxis","FOUNDATION_THEME","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_HEIGHT","DEFAULT_STROKE","NO_AXIS","children","style","axis","stroke","ticks","size","tickLabels","fill","dependentAxis","SparklineImpl","data","type","height","color","width","strokeWidth","testID","String","colors","primary","measuredWidth","setMeasuredWidth","undefined","resolvedWidth","onLayout","event","w","nativeEvent","layout","length","victoryData","map","d","i","x","y","value","chartContent","padding","domainPadding","barRatio","cornerRadius","interpolation","fillOpacity","overflow","Sparkline","displayName"],"sourceRoot":"../../../../src","sources":["components/Sparkline/Sparkline.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Sparkline } from "./Sparkline.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Sparkline"],"sourceRoot":"../../../../src","sources":["components/Sparkline/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/components/Sparkline/sparkline.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=sparkline.types.js.map

package/lib/module/components/Sparkline/sparkline.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Sparkline/sparkline.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Spinner/Spinner.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { memo, useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import Svg, { Circle } from 'react-native-svg';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useReduceMotion } from "../../motion/useReduceMotion.js";
+import { SPINNER_CENTER, SPINNER_VIEWBOX, getSpinDuration, getSpinnerGeometry } from "./spinner.utils.js";
+
+/**
+ * Loading spinner — the native port of web's `Spinner`.
+ *
+ * Same arc: a track circle at 30% opacity under a quarter-circumference
+ * arc, drawn in web's 48-unit viewBox and scaled to the size token. Web
+ * spins the arc with SVG SMIL; native rotates it with a Reanimated linear
+ * loop at the token duration. Reduce-motion renders the static arc, web
+ * parity.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SpinnerImpl = ({
+  size = 'md',
+  color = 'default',
+  label = 'Loading',
+  overlay = false,
+  testID,
+  style
+}) => {
+  const tokens = useNativeTokens('SPINNER');
+  const reduceMotion = useReduceMotion();
+  const rotation = useSharedValue(0);
+  const geometry = getSpinnerGeometry(size, tokens);
+  const duration = getSpinDuration(tokens);
+  useEffect(() => {
+    if (reduceMotion) {
+      cancelAnimation(rotation);
+      rotation.value = 0;
+      return;
+    }
+    rotation.value = 0;
+    rotation.value = withRepeat(withTiming(360, {
+      duration,
+      easing: Easing.linear
+    }), -1);
+    return () => cancelAnimation(rotation);
+  }, [rotation, reduceMotion, duration]);
+  const spinStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value}deg`
+    }]
+  }), []);
+  const indicator = /*#__PURE__*/_jsx(View, {
+    accessibilityRole: "progressbar",
+    accessibilityLabel: label,
+    testID: testID,
+    style: overlay ? undefined : style,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: spinStyle,
+      children: /*#__PURE__*/_jsxs(Svg, {
+        width: geometry.size,
+        height: geometry.size,
+        viewBox: `0 0 ${SPINNER_VIEWBOX} ${SPINNER_VIEWBOX}`,
+        children: [/*#__PURE__*/_jsx(Circle, {
+          cx: SPINNER_CENTER,
+          cy: SPINNER_CENTER,
+          r: geometry.radius,
+          stroke: String(tokens.trackColor),
+          strokeWidth: geometry.strokeWidth,
+          strokeOpacity: 0.3,
+          fill: "none"
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: SPINNER_CENTER,
+          cy: SPINNER_CENTER,
+          r: geometry.radius,
+          stroke: String(tokens.colors[color]),
+          strokeWidth: geometry.strokeWidth,
+          strokeLinecap: "round",
+          strokeDasharray: geometry.dashArray,
+          fill: "none"
+          // Start the arc at 12 o'clock, web parity.
+          ,
+          transform: `rotate(-90 ${SPINNER_CENTER} ${SPINNER_CENTER})`
+        })]
+      })
+    })
+  });
+  if (!overlay) return indicator;
+  return /*#__PURE__*/_jsx(View, {
+    style: [StyleSheet.absoluteFill, styles.overlay, {
+      backgroundColor: String(tokens.overlay.backgroundColor)
+    }, style],
+    testID: testID ? `${testID}-overlay` : undefined,
+    children: indicator
+  });
+};
+const styles = StyleSheet.create({
+  overlay: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export const Spinner = /*#__PURE__*/memo(SpinnerImpl);
+Spinner.displayName = 'Spinner';
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/lib/module/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","StyleSheet","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","Svg","Circle","useNativeTokens","useReduceMotion","SPINNER_CENTER","SPINNER_VIEWBOX","getSpinDuration","getSpinnerGeometry","jsx","_jsx","jsxs","_jsxs","SpinnerImpl","size","color","label","overlay","testID","style","tokens","reduceMotion","rotation","geometry","duration","value","easing","linear","spinStyle","transform","rotate","indicator","accessibilityRole","accessibilityLabel","undefined","children","width","height","viewBox","cx","cy","r","radius","stroke","String","trackColor","strokeWidth","strokeOpacity","fill","colors","strokeLinecap","strokeDasharray","dashArray","absoluteFill","styles","backgroundColor","create","alignItems","justifyContent","Spinner","displayName"],"sourceRoot":"../../../../src","sources":["components/Spinner/Spinner.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Spinner } from "./Spinner.js";
+export { getSpinnerGeometry, getSpinDuration, SPINNER_VIEWBOX, SPINNER_CENTER } from "./spinner.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Spinner","getSpinnerGeometry","getSpinDuration","SPINNER_VIEWBOX","SPINNER_CENTER"],"sourceRoot":"../../../../src","sources":["components/Spinner/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,cAAW;AAE9C,SACIC,kBAAkB,EAClBC,eAAe,EACfC,eAAe,EACfC,cAAc,QACX,oBAAiB","ignoreList":[]}

package/lib/module/components/Spinner/spinner.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=spinner.types.js.map

package/lib/module/components/Spinner/spinner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Spinner/spinner.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Spinner/spinner.utils.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { parseDimension, parseDuration } from "../../adapters/cssStringAdapter.js";
+
+/** Web's fixed SVG coordinate space (`Spinner.tsx` viewBox 0 0 48 48). */
+export const SPINNER_VIEWBOX = 48;
+export const SPINNER_CENTER = SPINNER_VIEWBOX / 2;
+
+/** Fallback when the duration token fails to parse. Web token is '0.8s'. */
+export const DEFAULT_SPIN_DURATION = 800;
+/**
+ * The arc geometry web computes inline (`Spinner.tsx:24-26,73-76`):
+ * radius inset by half the stroke, quarter-circumference dash.
+ */
+export function getSpinnerGeometry(size, tokens) {
+  const rendered = parseDimension(tokens.size[size]) ?? 24;
+  const strokeWidth = tokens.strokeWidth[size];
+  const radius = SPINNER_CENTER - strokeWidth / 2;
+  const circumference = 2 * Math.PI * radius;
+  return {
+    size: rendered,
+    strokeWidth,
+    radius,
+    dashArray: [circumference * 0.25, circumference]
+  };
+}
+
+/** Rotation-loop duration from the `animation.duration` token ('0.8s'). */
+export function getSpinDuration(tokens) {
+  return parseDuration(tokens.animation.duration) ?? DEFAULT_SPIN_DURATION;
+}
+//# sourceMappingURL=spinner.utils.js.map

package/lib/module/components/Spinner/spinner.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseDimension","parseDuration","SPINNER_VIEWBOX","SPINNER_CENTER","DEFAULT_SPIN_DURATION","getSpinnerGeometry","size","tokens","rendered","strokeWidth","radius","circumference","Math","PI","dashArray","getSpinDuration","animation","duration"],"sourceRoot":"../../../../src","sources":["components/Spinner/spinner.utils.ts"],"mappings":";;AAIA,SAASA,cAAc,EAAEC,aAAa,QAAQ,oCAAiC;;AAE/E;AACA,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,cAAc,GAAGD,eAAe,GAAG,CAAC;;AAEjD;AACA,OAAO,MAAME,qBAAqB,GAAG,GAAG;AAaxC;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAC9BC,IAAiB,EACjBC,MAAyB,EACV;EACf,MAAMC,QAAQ,GAAGR,cAAc,CAACO,MAAM,CAACD,IAAI,CAACA,IAAI,CAAoB,CAAC,IAAI,EAAE;EAC3E,MAAMG,WAAW,GAAGF,MAAM,CAACE,WAAW,CAACH,IAAI,CAAC;EAC5C,MAAMI,MAAM,GAAGP,cAAc,GAAGM,WAAW,GAAG,CAAC;EAC/C,MAAME,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGH,MAAM;EAC1C,OAAO;IACHJ,IAAI,EAAEE,QAAQ;IACdC,WAAW;IACXC,MAAM;IACNI,SAAS,EAAE,CAACH,aAAa,GAAG,IAAI,EAAEA,aAAa;EACnD,CAAC;AACL;;AAEA;AACA,OAAO,SAASI,eAAeA,CAACR,MAAyB,EAAU;EAC/D,OACIN,aAAa,CAACM,MAAM,CAACS,SAAS,CAACC,QAA2B,CAAC,IAC3Db,qBAAqB;AAE7B","ignoreList":[]}