@bacon-pos/ui 0.11.0 → 0.16.0

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","Animated","Easing","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","clamp01","n","ProgressBar","progress","label","showSupporting","showValue","formatValue","height","width","color","trackColor","borderColor","animated","style","accessibilityLabel","theme","value","percent","Math","round","anim","Value","current","timing","toValue","duration","easing","out","ease","useNativeDriver","start","setValue","fillWidth","interpolate","inputRange","outputRange","extrapolate","inset","gap","undefined","alignSelf","accessibilityRole","accessibilityValue","min","max","now","children","borderRadius","borderWidth","colors","border","default","backgroundColor","background","subtle","padding","justifyContent","overflow","action","primary","flexDirection","alignItems","paddingHorizontal","variant","numberOfLines","flexShrink"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","Animated","Easing","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","clamp01","n","ProgressBar","progress","label","showSupporting","showValue","formatValue","height","width","color","trackColor","borderColor","bordered","animated","style","accessibilityLabel","theme","value","percent","Math","round","anim","Value","current","timing","toValue","duration","easing","out","ease","useNativeDriver","start","setValue","fillWidth","interpolate","inputRange","outputRange","extrapolate","inset","gap","undefined","alignSelf","accessibilityRole","accessibilityValue","min","max","now","children","borderRadius","borderWidth","colors","border","default","backgroundColor","background","subtle","padding","justifyContent","overflow","action","primary","flexDirection","alignItems","paddingHorizontal","variant","numberOfLines","flexShrink"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAwC,cAAc;AACrF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiCpC,MAAMC,OAAO,GAAIC,CAAS,IAAMA,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGA,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGA,CAAE;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,QAAQ;EACRC,KAAK,GAAG,gBAAgB;EACxBC,cAAc,GAAG,IAAI;EACrBC,SAAS,GAAG,IAAI;EAChBC,WAAW;EACXC,MAAM,GAAG,EAAE;EACXC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,WAAW;EACXC,QAAQ,GAAG,IAAI;EACfC,QAAQ,GAAG,IAAI;EACfC,KAAK;EACLC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAGvB,QAAQ,CAAC,CAAC;EACxB,MAAMwB,KAAK,GAAGlB,OAAO,CAACG,QAAQ,CAAC;EAC/B,MAAMgB,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAG,GAAG,CAAC;EAEvC,MAAMI,IAAI,GAAGhC,MAAM,CAAC,IAAIC,QAAQ,CAACgC,KAAK,CAACL,KAAK,CAAC,CAAC,CAACM,OAAO;EACtDnC,SAAS,CAAC,MAAM;IACd,IAAIyB,QAAQ,EAAE;MACZvB,QAAQ,CAACkC,MAAM,CAACH,IAAI,EAAE;QACpBI,OAAO,EAAER,KAAK;QACdS,QAAQ,EAAE,GAAG;QACbC,MAAM,EAAEpC,MAAM,CAACqC,GAAG,CAACrC,MAAM,CAACsC,IAAI,CAAC;QAC/BC,eAAe,EAAE,KAAK,CAAE;MAC1B,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLV,IAAI,CAACW,QAAQ,CAACf,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEJ,QAAQ,EAAEQ,IAAI,CAAC,CAAC;EAE3B,MAAMY,SAAS,GAAGZ,IAAI,CAACa,WAAW,CAAC;IACjCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,KAAK,GAAG1B,QAAQ,GAAG,GAAG,GAAG,CAAC;EAEhC,oBACEd,KAAA,CAACN,IAAI;IACHsB,KAAK,EAAE,CAAC;MAAEyB,GAAG,EAAE,EAAE;MAAE/B,KAAK,EAAEA,KAAK,IAAIgC,SAAS;MAAEC,SAAS,EAAEjC,KAAK,IAAI,IAAI,GAAG,YAAY,GAAG;IAAU,CAAC,EAAEM,KAAK,CAAE;IAC5G4B,iBAAiB,EAAC,aAAa;IAC/B3B,kBAAkB,EAAEA,kBAAkB,IAAIZ,KAAM;IAChDwC,kBAAkB,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,GAAG,EAAE,GAAG;MAAEC,GAAG,EAAE5B;IAAQ,CAAE;IAAA6B,QAAA,gBAEvDnD,IAAA,CAACJ,IAAI;MACHsB,KAAK,EAAE;QACLP,MAAM;QACNyC,YAAY,EAAEzC,MAAM,GAAG,CAAC;QACxB0C,WAAW,EAAErC,QAAQ,GAAG,GAAG,GAAG,CAAC;QAC/BD,WAAW,EAAEC,QAAQ,GAAGD,WAAW,IAAIK,KAAK,CAACkC,MAAM,CAACC,MAAM,CAACC,OAAO,GAAG,aAAa;QAClFC,eAAe,EAAE3C,UAAU,IAAIM,KAAK,CAACkC,MAAM,CAACI,UAAU,CAACC,MAAM;QAC7DC,OAAO,EAAElB,KAAK;QACdmB,cAAc,EAAE,QAAQ;QACxBC,QAAQ,EAAE;MACZ,CAAE;MAAAX,QAAA,eAEFnD,IAAA,CAACN,QAAQ,CAACE,IAAI;QACZsB,KAAK,EAAE;UACLN,KAAK,EAAEyB,SAAS;UAChB1B,MAAM,EAAE,MAAM;UACdyC,YAAY,EAAEzC,MAAM,GAAG,CAAC;UACxB8C,eAAe,EAAE5C,KAAK,IAAIO,KAAK,CAACkC,MAAM,CAACS,MAAM,CAACC;QAChD;MAAE,CACH;IAAC,CACE,CAAC,EAENxD,cAAc,gBACbN,KAAA,CAACN,IAAI;MACHsB,KAAK,EAAE;QACL+C,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBL,cAAc,EAAE,eAAe;QAC/BM,iBAAiB,EAAE,CAAC;QACpBxB,GAAG,EAAE;MACP,CAAE;MAAAQ,QAAA,gBAEFnD,IAAA,CAACF,IAAI;QAACsE,OAAO,EAAC,WAAW;QAACvD,KAAK,EAAC,WAAW;QAACwD,aAAa,EAAE,CAAE;QAACnD,KAAK,EAAE;UAAEoD,UAAU,EAAE;QAAE,CAAE;QAAAnB,QAAA,EACpF5C;MAAK,CACF,CAAC,EACNE,SAAS,gBACRT,IAAA,CAACF,IAAI;QAACsE,OAAO,EAAC,WAAW;QAACvD,KAAK,EAAC,WAAW;QAACwD,aAAa,EAAE,CAAE;QAAAlB,QAAA,EAC1DzC,WAAW,GAAGA,WAAW,CAACW,KAAK,CAAC,GAAG,GAAGC,OAAO;MAAG,CAC7C,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/SegmentedButton/SegmentedButton.js

@@ -0,0 +1,213 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+
+/** `default` = soft-rounded rectangle; `round` = fully rounded (pill). */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZES = {
+  sm: {
+    paddingH: 12,
+    paddingV: 10,
+    gap: 6,
+    trackPadding: 4,
+    text: 'bodyMedium',
+    icon: 18,
+    radius: 'md'
+  },
+  md: {
+    paddingH: 16,
+    paddingV: 12,
+    gap: 8,
+    trackPadding: 5,
+    text: 'bodyLarge',
+    icon: 20,
+    radius: 'lg'
+  }
+};
+
+/**
+ * SegmentedButton — faithful to the Bacon POS Figma "Segmented button". A single
+ * connected control of 2+ options where exactly one is selected: the active
+ * segment fills dark with inverse text; the rest are transparent with secondary
+ * text, all inside a rounded track. Supports `sm`/`md` sizes, `default`/`round`
+ * shapes (or a custom `radius`), hug / `fullWidth` / fixed `width` layouts, icons,
+ * per-segment disabling, and color overrides. Controlled or uncontrolled.
+ */
+export function SegmentedButton({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  size = 'md',
+  shape = 'default',
+  radius,
+  fullWidth = false,
+  width,
+  disabled = false,
+  bordered = true,
+  trackColor,
+  selectedColor,
+  selectedTextColor,
+  textColor,
+  iconSize,
+  animated = true,
+  style,
+  accessibilityLabel,
+  testID
+}) {
+  const theme = useTheme();
+  const cfg = SIZES[size];
+  const isControlled = value !== undefined;
+  const [uncontrolled, setUncontrolled] = useState(defaultValue ?? options[0]?.value ?? '');
+  const selected = isControlled ? value : uncontrolled;
+  const select = next => {
+    if (!isControlled) setUncontrolled(next);
+    onChange?.(next);
+  };
+
+  // Sliding highlight (thumb): we measure each segment's position/size and glide
+  // an absolutely-positioned fill to the selected one.
+  const layouts = useRef({});
+  const thumbX = useRef(new Animated.Value(0)).current;
+  const thumbW = useRef(new Animated.Value(0)).current;
+  const placed = useRef(false);
+  const [measured, setMeasured] = useState(false);
+  const placeThumb = (x, width, withAnim) => {
+    if (withAnim && animated) {
+      Animated.parallel([Animated.timing(thumbX, {
+        toValue: x,
+        duration: 200,
+        easing: Easing.out(Easing.cubic),
+        useNativeDriver: false
+      }), Animated.timing(thumbW, {
+        toValue: width,
+        duration: 200,
+        easing: Easing.out(Easing.cubic),
+        useNativeDriver: false
+      })]).start();
+    } else {
+      thumbX.setValue(x);
+      thumbW.setValue(width);
+    }
+  };
+
+  // Animate to the selected segment when it changes (once layouts are known).
+  useEffect(() => {
+    const l = layouts.current[selected];
+    if (!l) return;
+    placeThumb(l.x, l.width, placed.current);
+    if (!placed.current) {
+      placed.current = true;
+      setMeasured(true);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selected, animated]);
+  const onSegmentLayout = value => e => {
+    const {
+      x,
+      width
+    } = e.nativeEvent.layout;
+    layouts.current[value] = {
+      x,
+      width
+    };
+    // Place/keep the thumb aligned with the selected segment (initial mount and
+    // on relayout/resize) without animating.
+    if (value === selected) {
+      placeThumb(x, width, false);
+      if (!placed.current) {
+        placed.current = true;
+        setMeasured(true);
+      }
+    }
+  };
+  const trackRadius = radius ?? (shape === 'round' ? theme.radii.pill : theme.radii.xl);
+  const segmentRadius = shape === 'round' ? theme.radii.pill : radius != null ? Math.max(radius - cfg.trackPadding, 0) : theme.radii[cfg.radius];
+  const selectedBg = selectedColor ?? theme.colors.action.inverse;
+  const selectedFg = selectedTextColor ?? theme.colors.action.inverseForeground;
+  const restFg = textColor ?? theme.colors.text.secondary;
+  const resolvedIconSize = iconSize ?? cfg.icon;
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    accessibilityRole: "radiogroup",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      padding: cfg.trackPadding,
+      borderRadius: trackRadius,
+      borderWidth: bordered ? 1 : 0,
+      borderColor: theme.colors.border.default,
+      backgroundColor: trackColor ?? theme.colors.background.muted,
+      alignSelf: fullWidth && width == null ? 'stretch' : 'flex-start',
+      width: width ?? (fullWidth ? '100%' : undefined),
+      opacity: disabled ? 0.5 : 1
+    }, style],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'stretch',
+        gap: cfg.gap,
+        position: 'relative'
+      },
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "none",
+        style: {
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          left: thumbX,
+          width: thumbW,
+          borderRadius: segmentRadius,
+          backgroundColor: selectedBg,
+          opacity: measured ? 1 : 0
+        }
+      }), options.map(opt => {
+        const isSelected = opt.value === selected;
+        const isDisabled = disabled || opt.disabled;
+        const fg = isSelected ? selectedFg : restFg;
+        const iconNode = opt.icon ? /*#__PURE__*/_jsx(Icon, {
+          name: opt.icon,
+          size: resolvedIconSize,
+          color: fg
+        }) : null;
+        const iconRight = opt.iconPosition === 'right';
+        return /*#__PURE__*/_jsxs(Pressable, {
+          onLayout: onSegmentLayout(opt.value),
+          onPress: isDisabled ? undefined : () => select(opt.value),
+          disabled: isDisabled,
+          accessibilityRole: "button",
+          accessibilityState: {
+            selected: isSelected,
+            disabled: isDisabled
+          },
+          accessibilityLabel: opt.label,
+          testID: `segment-${opt.value}`,
+          style: ({
+            pressed
+          }) => ({
+            flex: fullWidth || width != null ? 1 : undefined,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: cfg.gap,
+            paddingHorizontal: cfg.paddingH,
+            paddingVertical: cfg.paddingV,
+            borderRadius: segmentRadius,
+            opacity: opt.disabled ? 0.5 : pressed && !isSelected ? 0.6 : 1
+          }),
+          children: [iconNode && !iconRight ? iconNode : null, /*#__PURE__*/_jsx(Text, {
+            variant: cfg.text,
+            weight: "medium",
+            color: fg,
+            numberOfLines: 1,
+            children: opt.label
+          }), iconNode && iconRight ? iconNode : null]
+        }, opt.value);
+      })]
+    })
+  });
+}
+//# sourceMappingURL=SegmentedButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Animated","Easing","Pressable","View","useTheme","Icon","Text","jsx","_jsx","jsxs","_jsxs","SIZES","sm","paddingH","paddingV","gap","trackPadding","text","icon","radius","md","SegmentedButton","options","value","defaultValue","onChange","size","shape","fullWidth","width","disabled","bordered","trackColor","selectedColor","selectedTextColor","textColor","iconSize","animated","style","accessibilityLabel","testID","theme","cfg","isControlled","undefined","uncontrolled","setUncontrolled","selected","select","next","layouts","thumbX","Value","current","thumbW","placed","measured","setMeasured","placeThumb","x","withAnim","parallel","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","setValue","l","onSegmentLayout","e","nativeEvent","layout","trackRadius","radii","pill","xl","segmentRadius","Math","max","selectedBg","colors","action","inverse","selectedFg","inverseForeground","restFg","secondary","resolvedIconSize","accessibilityRole","padding","borderRadius","borderWidth","borderColor","border","default","backgroundColor","background","muted","alignSelf","opacity","children","flexDirection","alignItems","position","pointerEvents","top","bottom","left","map","opt","isSelected","isDisabled","fg","iconNode","name","color","iconRight","iconPosition","onLayout","onPress","accessibilityState","label","pressed","flex","justifyContent","paddingHorizontal","paddingVertical","variant","weight","numberOfLines"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/SegmentedButton/SegmentedButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SegmentedButton/SegmentedButton.stories.js

@@ -0,0 +1,211 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { SegmentedButton } from "./SegmentedButton.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/SegmentedButton',
+  component: SegmentedButton
+};
+export default meta;
+const THREE = [{
+  label: 'Option 01',
+  value: '1'
+}, {
+  label: 'Option 02',
+  value: '2'
+}, {
+  label: 'Option 03',
+  value: '3'
+}];
+function Demo(props) {
+  const [value, setValue] = useState(props.defaultValue ?? '1');
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 8,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(SegmentedButton, {
+      options: THREE,
+      ...props,
+      value: value,
+      onChange: setValue
+    }), /*#__PURE__*/_jsxs(Text, {
+      variant: "caption",
+      color: "secondary",
+      children: ["value: ", value]
+    })]
+  });
+}
+
+/** Default (rounded rectangle), md size. */
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Demo, {})
+};
+
+/** Round (pill) shape. */
+export const Round = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    shape: "round"
+  })
+};
+
+/** Both sizes. */
+export const Sizes = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      size: "md"
+    }), /*#__PURE__*/_jsx(Demo, {
+      size: "sm"
+    })]
+  })
+};
+
+/** Two options (the common A/B toggle). */
+export const TwoOptions = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    options: [{
+      label: 'Dine in',
+      value: 'dine'
+    }, {
+      label: 'Take out',
+      value: 'take'
+    }]
+  })
+};
+
+/** Many options. */
+export const ManyOptions = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    options: [{
+      label: 'Day',
+      value: 'day'
+    }, {
+      label: 'Week',
+      value: 'week'
+    }, {
+      label: 'Month',
+      value: 'month'
+    }, {
+      label: 'Quarter',
+      value: 'quarter'
+    }, {
+      label: 'Year',
+      value: 'year'
+    }]
+  })
+};
+
+/** With icons (left and right positions). */
+export const WithIcons = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      shape: "round",
+      options: [{
+        label: 'List',
+        value: 'list',
+        icon: 'menu-02'
+      }, {
+        label: 'Grid',
+        value: 'grid',
+        icon: 'layout1'
+      }, {
+        label: 'Table',
+        value: 'table',
+        icon: 'table'
+      }]
+    }), /*#__PURE__*/_jsx(Demo, {
+      options: [{
+        label: 'Prev',
+        value: 'prev',
+        icon: 'arrow-left'
+      }, {
+        label: 'Next',
+        value: 'next',
+        icon: 'chevron-forward',
+        iconPosition: 'right'
+      }]
+    })]
+  })
+};
+
+/** Full width — segments share the container equally. */
+export const FullWidth = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 520
+    },
+    children: /*#__PURE__*/_jsx(Demo, {
+      fullWidth: true
+    })
+  })
+};
+
+/** Fixed width. */
+export const FixedWidth = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    width: 420
+  })
+};
+
+/** Custom radius (overrides shape). */
+export const CustomRadius = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      radius: 6
+    }), /*#__PURE__*/_jsx(Demo, {
+      radius: 24
+    })]
+  })
+};
+
+/** Disabled control and per-segment disabling. */
+export const Disabled = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(Demo, {
+      disabled: true
+    }), /*#__PURE__*/_jsx(Demo, {
+      options: [{
+        label: 'Available',
+        value: 'a'
+      }, {
+        label: 'Soon',
+        value: 'b',
+        disabled: true
+      }, {
+        label: 'Also',
+        value: 'c'
+      }]
+    })]
+  })
+};
+
+/** Color overrides and no border. */
+export const Themed = {
+  render: () => /*#__PURE__*/_jsx(Demo, {
+    shape: "round",
+    bordered: false,
+    selectedColor: "#008C57",
+    selectedTextColor: "#FFFFFF",
+    trackColor: "#E6F5EE"
+  })
+};
+//# sourceMappingURL=SegmentedButton.stories.js.map

package/lib/module/components/SegmentedButton/SegmentedButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","SegmentedButton","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","THREE","label","value","Demo","props","setValue","defaultValue","style","gap","alignItems","children","options","onChange","variant","color","Default","render","Round","shape","Sizes","size","TwoOptions","ManyOptions","WithIcons","icon","iconPosition","FullWidth","width","fullWidth","FixedWidth","CustomRadius","radius","Disabled","disabled","Themed","bordered","selectedColor","selectedTextColor","trackColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/SegmentedButton/SegmentedButton.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SegmentedButton/SegmentedButton.test.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react-native';
+import { SegmentedButton } from "./SegmentedButton.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+const OPTS = [{
+  label: 'One',
+  value: '1'
+}, {
+  label: 'Two',
+  value: '2'
+}, {
+  label: 'Three',
+  value: '3'
+}];
+describe('SegmentedButton', () => {
+  it('renders one segment per option', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(SegmentedButton, {
+      options: OPTS
+    }));
+    expect(screen.getByText('One')).toBeTruthy();
+    expect(screen.getByText('Two')).toBeTruthy();
+    expect(screen.getByText('Three')).toBeTruthy();
+  });
+  it('selects the first option by default (uncontrolled) and reports changes', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(SegmentedButton, {
+      options: OPTS,
+      onChange: onChange
+    }));
+    expect(screen.getByTestId('segment-1').props.accessibilityState.selected).toBe(true);
+    fireEvent.press(screen.getByText('Two'));
+    expect(onChange).toHaveBeenCalledWith('2');
+    expect(screen.getByTestId('segment-2').props.accessibilityState.selected).toBe(true);
+  });
+  it('honors defaultValue', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(SegmentedButton, {
+      options: OPTS,
+      defaultValue: "3"
+    }));
+    expect(screen.getByTestId('segment-3').props.accessibilityState.selected).toBe(true);
+  });
+  it('respects a controlled value and does not self-update', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(SegmentedButton, {
+      options: OPTS,
+      value: "2",
+      onChange: onChange
+    }));
+    expect(screen.getByTestId('segment-2').props.accessibilityState.selected).toBe(true);
+    fireEvent.press(screen.getByText('Three'));
+    expect(onChange).toHaveBeenCalledWith('3');
+    // value prop still "2" → stays selected
+    expect(screen.getByTestId('segment-2').props.accessibilityState.selected).toBe(true);
+  });
+  it('does not fire when the whole control is disabled', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(SegmentedButton, {
+      options: OPTS,
+      disabled: true,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByText('Two'));
+    expect(onChange).not.toHaveBeenCalled();
+  });
+  it('does not fire for a disabled segment but works for others', () => {
+    const onChange = jest.fn();
+    const opts = [{
+      label: 'A',
+      value: 'a'
+    }, {
+      label: 'B',
+      value: 'b',
+      disabled: true
+    }, {
+      label: 'C',
+      value: 'c'
+    }];
+    renderWithTheme(/*#__PURE__*/_jsx(SegmentedButton, {
+      options: opts,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByText('B'));
+    expect(onChange).not.toHaveBeenCalled();
+    fireEvent.press(screen.getByText('C'));
+    expect(onChange).toHaveBeenCalledWith('c');
+  });
+});
+//# sourceMappingURL=SegmentedButton.test.js.map

package/lib/module/components/SegmentedButton/SegmentedButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","SegmentedButton","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","OPTS","label","value","describe","it","options","expect","getByText","toBeTruthy","onChange","jest","fn","getByTestId","props","accessibilityState","selected","toBe","press","toHaveBeenCalledWith","defaultValue","disabled","not","toHaveBeenCalled","opts"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/SegmentedButton/SegmentedButton.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["SegmentedButton"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/SegmentedButton/index.ts"],"mappings":";;AAAA,SACEA,eAAe,QAKV,sBAAmB","ignoreList":[]}

package/lib/module/components/Sidebar/Sidebar.js

@@ -168,6 +168,15 @@ export function Sidebar({
     outputRange: [Math.max(0, (collapsedWidth - 2 * PADDING - TOGGLE_SIZE) / 2), 0],
     extrapolate: 'clamp'
   });
+
+  // The logo glides to center the same way (measured so any custom logo works),
+  // at a constant size — no discrete size/alignment swap, so no flicker.
+  const [logoWidth, setLogoWidth] = useState(0);
+  const logoTranslateX = width.interpolate({
+    inputRange: [collapsedWidth, expandedWidth],
+    outputRange: [Math.max(0, (collapsedWidth - 2 * PADDING - logoWidth) / 2), 0],
+    extrapolate: 'clamp'
+  });
   const selectItem = item => {
     if (!activeControlled) setActiveInternal(item.key);
     item.onPress?.();
@@ -179,7 +188,7 @@ export function Sidebar({
     onCollapsedChange?.(next);
   };
   const logoNode = logo ?? /*#__PURE__*/_jsx(BaconLogo, {
-    height: visualCollapsed ? 36 : 40
+    height: 40
   });
   const toggle = showToggle ? /*#__PURE__*/_jsx(Animated.View, {
     style: {
@@ -215,10 +224,18 @@ export function Sidebar({
     children: [/*#__PURE__*/_jsx(View, {
       style: {
         minHeight: 56,
-        alignItems: visualCollapsed ? 'center' : 'flex-start',
+        alignItems: 'flex-start',
         justifyContent: 'center'
       },
-      children: logoNode
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        onLayout: e => setLogoWidth(e.nativeEvent.layout.width),
+        style: {
+          transform: [{
+            translateX: logoTranslateX
+          }]
+        },
+        children: logoNode
+      })
     }), /*#__PURE__*/_jsx(ScrollArea, {
       style: {
         flex: 1,