fluent-styles 1.53.0 → 1.55.0

package/lib/module/switch/Switch.js

@@ -0,0 +1,285 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing, StyleSheet, Text, TouchableWithoutFeedback, View } from 'react-native';
+import { SWITCH_COLORS_DEFAULT, SWITCH_SIZES } from "./interface.js";
+
+// ─── Spinner (pure RN, no external deps) ──────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Spinner = ({
+  size,
+  color
+}) => {
+  const rotate = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.loop(Animated.timing(rotate, {
+      toValue: 1,
+      duration: 700,
+      easing: Easing.linear,
+      useNativeDriver: true
+    })).start();
+    return () => rotate.stopAnimation();
+  }, [rotate]);
+  const spin = rotate.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  const r = size / 2;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: r,
+      borderWidth: Math.max(1.5, size * 0.1),
+      borderColor: color,
+      borderTopColor: 'transparent',
+      transform: [{
+        rotate: spin
+      }]
+    }
+  });
+};
+
+// ─── Switch ───────────────────────────────────────────────────────────────────
+
+function SwitchInner(props) {
+  const {
+    value,
+    defaultValue,
+    activeValue = true,
+    inactiveValue = false,
+    onChange,
+    onPress,
+    beforeChange,
+    size = 'md',
+    customSize,
+    activeColor,
+    inactiveColor,
+    activeLabel,
+    inactiveLabel,
+    labelStyle,
+    style,
+    loading = false,
+    disabled = false,
+    colors: colorOverrides,
+    testID
+  } = props;
+
+  // ── Resolved colors ────────────────────────────────────────────────────────
+  const colors = useMemo(() => ({
+    ...SWITCH_COLORS_DEFAULT,
+    ...colorOverrides,
+    ...(activeColor ? {
+      activeTrack: activeColor
+    } : {}),
+    ...(inactiveColor ? {
+      inactiveTrack: inactiveColor
+    } : {})
+  }), [colorOverrides, activeColor, inactiveColor]);
+
+  // ── Resolved dimensions ────────────────────────────────────────────────────
+  const dims = useMemo(() => {
+    const preset = SWITCH_SIZES[size];
+    if (customSize) {
+      const ratio = customSize / SWITCH_SIZES.md.trackHeight;
+      return {
+        trackWidth: Math.round(SWITCH_SIZES.md.trackWidth * ratio),
+        trackHeight: customSize,
+        thumbSize: Math.round(SWITCH_SIZES.md.thumbSize * ratio),
+        fontSize: Math.round(SWITCH_SIZES.md.fontSize * ratio),
+        thumbInset: Math.max(2, Math.round(SWITCH_SIZES.md.thumbInset * ratio))
+      };
+    }
+    return preset;
+  }, [size, customSize]);
+
+  // ── Controlled / uncontrolled state ───────────────────────────────────────
+  const isControlled = value !== undefined;
+  const [localValue, setLocalValue] = useState(defaultValue ?? inactiveValue);
+  const currentValue = isControlled ? value : localValue;
+  const isOn = currentValue === activeValue;
+
+  // Stable ref so callbacks always read latest
+  const isOnRef = useRef(isOn);
+  isOnRef.current = isOn;
+
+  // ── Pending state (while beforeChange Promise resolves) ───────────────────
+  const [pending, setPending] = useState(false);
+  const isBlocked = loading || disabled || pending;
+
+  // ── Animations ────────────────────────────────────────────────────────────
+  const THUMB_OFF = dims.thumbInset;
+  const THUMB_ON = dims.trackWidth - dims.thumbSize - dims.thumbInset;
+  const thumbAnim = useRef(new Animated.Value(isOn ? THUMB_ON : THUMB_OFF)).current;
+  const trackAnim = useRef(new Animated.Value(isOn ? 1 : 0)).current;
+  const scaleAnim = useRef(new Animated.Value(1)).current;
+  const runAnimation = useCallback(toOn => {
+    Animated.parallel([Animated.spring(thumbAnim, {
+      toValue: toOn ? THUMB_ON : THUMB_OFF,
+      useNativeDriver: true,
+      damping: 18,
+      stiffness: 260,
+      mass: 0.8
+    }), Animated.timing(trackAnim, {
+      toValue: toOn ? 1 : 0,
+      duration: 220,
+      easing: Easing.out(Easing.quad),
+      useNativeDriver: false // background colour can't use native driver
+    })]).start();
+  }, [thumbAnim, trackAnim, THUMB_ON, THUMB_OFF]);
+
+  // Sync animation when controlled value changes
+  useEffect(() => {
+    runAnimation(isOn);
+  }, [isOn, runAnimation]);
+
+  // ── Press + micro-bounce on thumb ─────────────────────────────────────────
+  const handlePress = useCallback(async () => {
+    onPress?.();
+    if (isBlocked) return;
+    const nextValue = isOnRef.current ? inactiveValue : activeValue;
+
+    // Thumb squeeze on press-in
+    Animated.sequence([Animated.timing(scaleAnim, {
+      toValue: 0.88,
+      duration: 80,
+      useNativeDriver: true
+    }), Animated.spring(scaleAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      damping: 14,
+      stiffness: 300
+    })]).start();
+    if (beforeChange) {
+      setPending(true);
+      try {
+        const allowed = await beforeChange(nextValue);
+        if (!allowed) return;
+      } finally {
+        setPending(false);
+      }
+    }
+    if (!isControlled) setLocalValue(nextValue);
+    onChange?.(nextValue);
+  }, [onPress, isBlocked, inactiveValue, activeValue, scaleAnim, beforeChange, isControlled, onChange]);
+
+  // ── Track background interpolation ────────────────────────────────────────
+  const trackBg = trackAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [colors.inactiveTrack, colors.activeTrack]
+  });
+
+  // ── Label ─────────────────────────────────────────────────────────────────
+  const labelNode = isOn ? activeLabel : inactiveLabel;
+  const labelColor = isOn ? colors.activeLabelText : colors.inactiveLabelText;
+
+  // ── Spinner size = 55% of thumb ───────────────────────────────────────────
+  const spinnerSize = Math.round(dims.thumbSize * 0.55);
+
+  // ─────────────────────────────────────────────────────────────────────────
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    onPress: handlePress,
+    disabled: isBlocked,
+    accessibilityRole: "switch",
+    accessibilityState: {
+      checked: isOn,
+      disabled: isBlocked,
+      busy: loading
+    },
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.root, disabled && styles.disabled, style],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.track, {
+          width: dims.trackWidth,
+          height: dims.trackHeight,
+          borderRadius: dims.trackHeight / 2,
+          backgroundColor: trackBg,
+          borderWidth: isOn ? 0 : StyleSheet.hairlineWidth,
+          borderColor: colors.inactiveBorder
+        }],
+        children: labelNode ? /*#__PURE__*/_jsx(View, {
+          style: [styles.label_wrap, isOn ? {
+            left: dims.thumbInset + 2,
+            right: dims.thumbSize + dims.thumbInset
+          } : {
+            left: dims.thumbSize + dims.thumbInset,
+            right: dims.thumbInset + 2
+          }],
+          children: typeof labelNode === 'string' ? /*#__PURE__*/_jsx(Text, {
+            style: [styles.label_text, {
+              fontSize: dims.fontSize,
+              color: labelColor
+            }, labelStyle],
+            numberOfLines: 1,
+            children: labelNode
+          }) : labelNode
+        }) : null
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.thumb, {
+          width: dims.thumbSize,
+          height: dims.thumbSize,
+          borderRadius: dims.thumbSize / 2,
+          top: dims.thumbInset,
+          backgroundColor: colors.thumb,
+          shadowColor: colors.thumbShadow,
+          transform: [{
+            translateX: thumbAnim
+          }, {
+            scale: scaleAnim
+          }]
+        }],
+        children: (loading || pending) && /*#__PURE__*/_jsx(Spinner, {
+          size: spinnerSize,
+          color: isOn ? colors.activeTrack : colors.loadingColor
+        })
+      })]
+    })
+  });
+}
+
+// memo + cast to preserve generics through memo wrapper
+export const Switch = /*#__PURE__*/memo(SwitchInner);
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+const styles = StyleSheet.create({
+  root: {
+    position: 'relative',
+    alignSelf: 'flex-start'
+  },
+  disabled: {
+    opacity: 0.45
+  },
+  track: {
+    overflow: 'hidden',
+    justifyContent: 'center'
+  },
+  label_wrap: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  label_text: {
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  thumb: {
+    position: 'absolute',
+    alignItems: 'center',
+    justifyContent: 'center',
+    // Shadow (iOS)
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.18,
+    shadowRadius: 4,
+    // Elevation (Android)
+    elevation: 3
+  }
+});
+//# sourceMappingURL=Switch.js.map

package/lib/module/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useRef","useState","Animated","Easing","StyleSheet","Text","TouchableWithoutFeedback","View","SWITCH_COLORS_DEFAULT","SWITCH_SIZES","jsx","_jsx","jsxs","_jsxs","Spinner","size","color","rotate","Value","current","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","stopAnimation","spin","interpolate","inputRange","outputRange","r","style","width","height","borderRadius","borderWidth","Math","max","borderColor","borderTopColor","transform","SwitchInner","props","value","defaultValue","activeValue","inactiveValue","onChange","onPress","beforeChange","customSize","activeColor","inactiveColor","activeLabel","inactiveLabel","labelStyle","loading","disabled","colors","colorOverrides","testID","activeTrack","inactiveTrack","dims","preset","ratio","md","trackHeight","trackWidth","round","thumbSize","fontSize","thumbInset","isControlled","undefined","localValue","setLocalValue","currentValue","isOn","isOnRef","pending","setPending","isBlocked","THUMB_OFF","THUMB_ON","thumbAnim","trackAnim","scaleAnim","runAnimation","toOn","parallel","spring","damping","stiffness","mass","out","quad","handlePress","nextValue","sequence","allowed","trackBg","labelNode","labelColor","activeLabelText","inactiveLabelText","spinnerSize","accessibilityRole","accessibilityState","checked","busy","children","styles","root","track","backgroundColor","hairlineWidth","inactiveBorder","label_wrap","left","right","label_text","numberOfLines","thumb","top","shadowColor","thumbShadow","translateX","scale","loadingColor","Switch","create","position","alignSelf","opacity","overflow","justifyContent","bottom","alignItems","fontWeight","textAlign","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../src","sources":["switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/switch/_index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+import React, { useState, useRef } from 'react';
+import { View, TouchableWithoutFeedback, Animated, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function StyledSwitch({
+  initialValue = false,
+  onToggle,
+  width = 120,
+  height = 60
+}) {
+  const [isOn, setIsOn] = useState(initialValue);
+  const animValue = useRef(new Animated.Value(initialValue ? 1 : 0)).current;
+  const thumbSize = height - 12;
+  const travelDistance = width - thumbSize - 12;
+  const handlePress = () => {
+    const newValue = !isOn;
+    setIsOn(newValue);
+    onToggle?.(newValue);
+    Animated.spring(animValue, {
+      toValue: newValue ? 1 : 0,
+      useNativeDriver: false,
+      tension: 60,
+      friction: 8
+    }).start();
+  };
+
+  // Interpolated values
+  const thumbTranslate = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [6, travelDistance + 6]
+  });
+  const trackColor = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['#E8E8F0', '#E8E8F0'] // track stays the same as in the design
+  });
+  const thumbColor = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['#CCCCDD', '#4F46E5']
+  });
+  const thumbScale = animValue.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [1, 0.9, 1]
+  });
+  const shadowOpacity = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0.1, 0.35]
+  });
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    onPress: handlePress,
+    accessibilityRole: "switch",
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.track, {
+        width,
+        height,
+        borderRadius: height / 2,
+        backgroundColor: trackColor
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [StyleSheet.absoluteFillObject, styles.dotPattern, {
+          borderRadius: height / 2
+        }]
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.thumb, {
+          width: thumbSize,
+          height: thumbSize,
+          borderRadius: thumbSize / 2,
+          backgroundColor: thumbColor,
+          transform: [{
+            translateX: thumbTranslate
+          }, {
+            scale: thumbScale
+          }],
+          shadowOpacity
+        }]
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  track: {
+    justifyContent: 'center',
+    borderWidth: 1,
+    borderColor: 'rgba(200, 200, 220, 0.6)',
+    // Subtle inner shadow via elevation
+    elevation: 1,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3
+  },
+  dotPattern: {
+    // Simulated stipple texture via opacity overlay
+    backgroundColor: 'rgba(180, 180, 210, 0.08)'
+  },
+  thumb: {
+    position: 'absolute',
+    top: undefined,
+    // Shadow for the thumb (iOS)
+    shadowColor: '#4F46E5',
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    shadowRadius: 8,
+    // Android elevation
+    elevation: 4
+  }
+});
+export { StyledSwitch };
+//# sourceMappingURL=_index.js.map

package/lib/module/switch/_index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","View","TouchableWithoutFeedback","Animated","StyleSheet","jsx","_jsx","jsxs","_jsxs","StyledSwitch","initialValue","onToggle","width","height","isOn","setIsOn","animValue","Value","current","thumbSize","travelDistance","handlePress","newValue","spring","toValue","useNativeDriver","tension","friction","start","thumbTranslate","interpolate","inputRange","outputRange","trackColor","thumbColor","thumbScale","shadowOpacity","onPress","accessibilityRole","children","style","styles","track","borderRadius","backgroundColor","absoluteFillObject","dotPattern","thumb","transform","translateX","scale","create","justifyContent","borderWidth","borderColor","elevation","shadowColor","shadowOffset","shadowRadius","position","top","undefined"],"sourceRoot":"../../../src","sources":["switch/_index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/switch/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+/**
+ * @module Switch
+ *
+ * ─── Basic ───────────────────────────────────────────────────────────────────
+ * ```tsx
+ * import { Switch } from './switch'
+ *
+ * // Uncontrolled
+ * <Switch defaultValue onChange={v => console.log(v)} />
+ *
+ * // Controlled
+ * <Switch value={isOn} onChange={setIsOn} />
+ * ```
+ *
+ * ─── Sizes ───────────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch size="sm" />
+ * <Switch size="md" />   // default
+ * <Switch size="lg" />
+ * <Switch customSize={40} />  // arbitrary pixel height
+ * ```
+ *
+ * ─── Labels ──────────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch activeLabel="ON" inactiveLabel="OFF" />
+ * <Switch activeLabel={<Icon name="check" />} inactiveLabel={<Icon name="x" />} />
+ * ```
+ *
+ * ─── Custom values (non-boolean) ─────────────────────────────────────────────
+ * ```tsx
+ * <Switch
+ *   activeValue="yes"
+ *   inactiveValue="no"
+ *   defaultValue="no"
+ *   onChange={(v: 'yes' | 'no') => console.log(v)}
+ * />
+ * ```
+ *
+ * ─── Guard (beforeChange) ────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch
+ *   beforeChange={async next => {
+ *     const ok = await confirmDialog()
+ *     return ok
+ *   }}
+ * />
+ * ```
+ *
+ * ─── Colors ──────────────────────────────────────────────────────────────────
+ * ```tsx
+ * <Switch
+ *   colors={{ activeTrack: '#22c55e', thumb: '#fff' }}
+ *   // or per-prop shortcuts:
+ *   activeColor="#22c55e"
+ *   inactiveColor="#f4f4f5"
+ * />
+ * ```
+ */
+
+export { Switch } from "./Switch.js";
+export { SWITCH_COLORS_DEFAULT, SWITCH_SIZES } from "./interface.js";
+//# sourceMappingURL=index.js.map

package/lib/module/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Switch","SWITCH_COLORS_DEFAULT","SWITCH_SIZES"],"sourceRoot":"../../../src","sources":["switch/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAkC,aAAU;AAE3D,SAASC,qBAAqB,EAAEC,YAAY,QAAe,gBAAa","ignoreList":[]}

package/lib/module/switch/interface.js

@@ -0,0 +1,43 @@
+"use strict";
+
+// ─── Size presets ─────────────────────────────────────────────────────────────
+
+export const SWITCH_SIZES = {
+  sm: {
+    trackWidth: 40,
+    trackHeight: 22,
+    thumbSize: 16,
+    fontSize: 10,
+    thumbInset: 3
+  },
+  md: {
+    trackWidth: 52,
+    trackHeight: 28,
+    thumbSize: 22,
+    fontSize: 11,
+    thumbInset: 3
+  },
+  lg: {
+    trackWidth: 64,
+    trackHeight: 34,
+    thumbSize: 28,
+    fontSize: 12,
+    thumbInset: 3
+  }
+};
+
+// ─── Color tokens ─────────────────────────────────────────────────────────────
+
+export const SWITCH_COLORS_DEFAULT = {
+  activeTrack: '#6366f1',
+  inactiveTrack: '#e4e4e7',
+  inactiveBorder: '#d4d4d8',
+  thumb: '#ffffff',
+  thumbShadow: '#000000',
+  activeLabelText: '#ffffff',
+  inactiveLabelText: '#a1a1aa',
+  loadingColor: '#ffffff'
+};
+
+// ─── Props ────────────────────────────────────────────────────────────────────
+//# sourceMappingURL=interface.js.map

package/lib/module/switch/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SWITCH_SIZES","sm","trackWidth","trackHeight","thumbSize","fontSize","thumbInset","md","lg","SWITCH_COLORS_DEFAULT","activeTrack","inactiveTrack","inactiveBorder","thumb","thumbShadow","activeLabelText","inactiveLabelText","loadingColor"],"sourceRoot":"../../../src","sources":["switch/interface.ts"],"mappings":";;AAGA;;AAIA,OAAO,MAAMA,YAMX,GAAG;EACHC,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,SAAS,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAE,CAAC;EACnFC,EAAE,EAAE;IAAEL,UAAU,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,SAAS,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAE,CAAC;EACnFE,EAAE,EAAE;IAAEN,UAAU,EAAE,EAAE;IAAEC,WAAW,EAAE,EAAE;IAAEC,SAAS,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAE;AACpF,CAAC;;AAED;;AAqBA,OAAO,MAAMG,qBAAmC,GAAG;EACjDC,WAAW,EAAQ,SAAS;EAC5BC,aAAa,EAAM,SAAS;EAC5BC,cAAc,EAAK,SAAS;EAC5BC,KAAK,EAAc,SAAS;EAC5BC,WAAW,EAAQ,SAAS;EAC5BC,eAAe,EAAI,SAAS;EAC5BC,iBAAiB,EAAE,SAAS;EAC5BC,YAAY,EAAO;AACrB,CAAC;;AAED","ignoreList":[]}