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

package/lib/commonjs/components/Sparkline/Sparkline.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Sparkline = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _victoryNative = require("victory-native");
+var _node = require("@juspay/blend-design-system/node");
+var _jsxRuntime = require("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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_victoryNative.VictoryAxis, {
+    style: {
+      axis: {
+        stroke: 'transparent'
+      },
+      ticks: {
+        size: 0
+      },
+      tickLabels: {
+        fill: 'transparent'
+      }
+    }
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_victoryNative.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(_node.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] = (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      onLayout: onLayout,
+      testID: testID,
+      style: [{
+        height
+      }, style]
+    });
+  }
+  if (!resolvedWidth) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_victoryNative.VictoryChart, {
+    width: resolvedWidth,
+    height: height,
+    padding: 0,
+    domainPadding: {
+      x: 2
+    },
+    children: [NO_AXIS, /*#__PURE__*/(0, _jsxRuntime.jsx)(_victoryNative.VictoryBar, {
+      data: victoryData,
+      style: {
+        data: {
+          fill: stroke
+        }
+      },
+      barRatio: 0.6,
+      cornerRadius: 2
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_victoryNative.VictoryChart, {
+    width: resolvedWidth,
+    height: height,
+    padding: 0,
+    children: [NO_AXIS, type === 'area' ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_victoryNative.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__*/(0, _jsxRuntime.jsx)(_victoryNative.VictoryLine, {
+      data: victoryData,
+      interpolation: "monotoneX",
+      style: {
+        data: {
+          stroke,
+          strokeWidth
+        }
+      }
+    }, "area-edge")] : null, type === 'line' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_victoryNative.VictoryLine, {
+      data: victoryData,
+      interpolation: "monotoneX",
+      style: {
+        data: {
+          stroke,
+          strokeWidth
+        }
+      }
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: onLayout,
+    testID: testID,
+    style: [{
+      height,
+      width: '100%',
+      overflow: 'hidden'
+    }, style],
+    children: chartContent
+  });
+};
+const Sparkline = exports.Sparkline = /*#__PURE__*/(0, _react.memo)(SparklineImpl);
+Sparkline.displayName = 'Sparkline';
+var _default = exports.default = Sparkline;
+//# sourceMappingURL=Sparkline.js.map

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Sparkline", {
+  enumerable: true,
+  get: function () {
+    return _Sparkline.default;
+  }
+});
+var _Sparkline = _interopRequireDefault(require("./Sparkline.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Sparkline","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Sparkline/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=sparkline.types.js.map

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

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

package/lib/commonjs/components/Spinner/Spinner.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Spinner = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _useReduceMotion = require("../../motion/useReduceMotion.js");
+var _spinnerUtils = require("./spinner.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */const SpinnerImpl = ({
+  size = 'md',
+  color = 'default',
+  label = 'Loading',
+  overlay = false,
+  testID,
+  style
+}) => {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('SPINNER');
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  const geometry = (0, _spinnerUtils.getSpinnerGeometry)(size, tokens);
+  const duration = (0, _spinnerUtils.getSpinDuration)(tokens);
+  (0, _react.useEffect)(() => {
+    if (reduceMotion) {
+      (0, _reactNativeReanimated.cancelAnimation)(rotation);
+      rotation.value = 0;
+      return;
+    }
+    rotation.value = 0;
+    rotation.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
+      duration,
+      easing: _reactNativeReanimated.Easing.linear
+    }), -1);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(rotation);
+  }, [rotation, reduceMotion, duration]);
+  const spinStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      rotate: `${rotation.value}deg`
+    }]
+  }), []);
+  const indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessibilityRole: "progressbar",
+    accessibilityLabel: label,
+    testID: testID,
+    style: overlay ? undefined : style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: spinStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        width: geometry.size,
+        height: geometry.size,
+        viewBox: `0 0 ${_spinnerUtils.SPINNER_VIEWBOX} ${_spinnerUtils.SPINNER_VIEWBOX}`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: _spinnerUtils.SPINNER_CENTER,
+          cy: _spinnerUtils.SPINNER_CENTER,
+          r: geometry.radius,
+          stroke: String(tokens.trackColor),
+          strokeWidth: geometry.strokeWidth,
+          strokeOpacity: 0.3,
+          fill: "none"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: _spinnerUtils.SPINNER_CENTER,
+          cy: _spinnerUtils.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 ${_spinnerUtils.SPINNER_CENTER} ${_spinnerUtils.SPINNER_CENTER})`
+        })]
+      })
+    })
+  });
+  if (!overlay) return indicator;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [_reactNative.StyleSheet.absoluteFill, styles.overlay, {
+      backgroundColor: String(tokens.overlay.backgroundColor)
+    }, style],
+    testID: testID ? `${testID}-overlay` : undefined,
+    children: indicator
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+const Spinner = exports.Spinner = /*#__PURE__*/(0, _react.memo)(SpinnerImpl);
+Spinner.displayName = 'Spinner';
+var _default = exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_useNativeTokens","_useReduceMotion","_spinnerUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SpinnerImpl","size","color","label","overlay","testID","style","tokens","useNativeTokens","reduceMotion","useReduceMotion","rotation","useSharedValue","geometry","getSpinnerGeometry","duration","getSpinDuration","useEffect","cancelAnimation","value","withRepeat","withTiming","easing","Easing","linear","spinStyle","useAnimatedStyle","transform","rotate","indicator","jsx","View","accessibilityRole","accessibilityLabel","undefined","children","jsxs","width","height","viewBox","SPINNER_VIEWBOX","Circle","cx","SPINNER_CENTER","cy","radius","stroke","String","trackColor","strokeWidth","strokeOpacity","fill","colors","strokeLinecap","strokeDasharray","dashArray","StyleSheet","absoluteFill","styles","backgroundColor","create","alignItems","justifyContent","Spinner","exports","memo","displayName","_default"],"sourceRoot":"../../../../src","sources":["components/Spinner/Spinner.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SPINNER_CENTER", {
+  enumerable: true,
+  get: function () {
+    return _spinnerUtils.SPINNER_CENTER;
+  }
+});
+Object.defineProperty(exports, "SPINNER_VIEWBOX", {
+  enumerable: true,
+  get: function () {
+    return _spinnerUtils.SPINNER_VIEWBOX;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () {
+    return _Spinner.default;
+  }
+});
+Object.defineProperty(exports, "getSpinDuration", {
+  enumerable: true,
+  get: function () {
+    return _spinnerUtils.getSpinDuration;
+  }
+});
+Object.defineProperty(exports, "getSpinnerGeometry", {
+  enumerable: true,
+  get: function () {
+    return _spinnerUtils.getSpinnerGeometry;
+  }
+});
+var _Spinner = _interopRequireDefault(require("./Spinner.js"));
+var _spinnerUtils = require("./spinner.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Spinner","_interopRequireDefault","require","_spinnerUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Spinner/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAKwB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=spinner.types.js.map

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPINNER_VIEWBOX = exports.SPINNER_CENTER = exports.DEFAULT_SPIN_DURATION = void 0;
+exports.getSpinDuration = getSpinDuration;
+exports.getSpinnerGeometry = getSpinnerGeometry;
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+/** Web's fixed SVG coordinate space (`Spinner.tsx` viewBox 0 0 48 48). */
+const SPINNER_VIEWBOX = exports.SPINNER_VIEWBOX = 48;
+const SPINNER_CENTER = exports.SPINNER_CENTER = SPINNER_VIEWBOX / 2;
+
+/** Fallback when the duration token fails to parse. Web token is '0.8s'. */
+const DEFAULT_SPIN_DURATION = exports.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.
+ */
+function getSpinnerGeometry(size, tokens) {
+  const rendered = (0, _cssStringAdapter.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'). */
+function getSpinDuration(tokens) {
+  return (0, _cssStringAdapter.parseDuration)(tokens.animation.duration) ?? DEFAULT_SPIN_DURATION;
+}
+//# sourceMappingURL=spinner.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_cssStringAdapter","require","SPINNER_VIEWBOX","exports","SPINNER_CENTER","DEFAULT_SPIN_DURATION","getSpinnerGeometry","size","tokens","rendered","parseDimension","strokeWidth","radius","circumference","Math","PI","dashArray","getSpinDuration","parseDuration","animation","duration"],"sourceRoot":"../../../../src","sources":["components/Spinner/spinner.utils.ts"],"mappings":";;;;;;;;AAIA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,EAAE;AAC1B,MAAME,cAAc,GAAAD,OAAA,CAAAC,cAAA,GAAGF,eAAe,GAAG,CAAC;;AAEjD;AACO,MAAMG,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAG,GAAG;AAaxC;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAC9BC,IAAiB,EACjBC,MAAyB,EACV;EACf,MAAMC,QAAQ,GAAG,IAAAC,gCAAc,EAACF,MAAM,CAACD,IAAI,CAACA,IAAI,CAAoB,CAAC,IAAI,EAAE;EAC3E,MAAMI,WAAW,GAAGH,MAAM,CAACG,WAAW,CAACJ,IAAI,CAAC;EAC5C,MAAMK,MAAM,GAAGR,cAAc,GAAGO,WAAW,GAAG,CAAC;EAC/C,MAAME,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGH,MAAM;EAC1C,OAAO;IACHL,IAAI,EAAEE,QAAQ;IACdE,WAAW;IACXC,MAAM;IACNI,SAAS,EAAE,CAACH,aAAa,GAAG,IAAI,EAAEA,aAAa;EACnD,CAAC;AACL;;AAEA;AACO,SAASI,eAAeA,CAACT,MAAyB,EAAU;EAC/D,OACI,IAAAU,+BAAa,EAACV,MAAM,CAACW,SAAS,CAACC,QAA2B,CAAC,IAC3Df,qBAAqB;AAE7B","ignoreList":[]}