@bacon-pos/ui 0.15.1 → 0.16.0

package/lib/commonjs/components/SegmentedButton/SegmentedButton.js

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SegmentedButton = SegmentedButton;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** `default` = soft-rounded rectangle; `round` = fully rounded (pill). */
+
+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.
+ */
+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 = (0, _index.useTheme)();
+  const cfg = SIZES[size];
+  const isControlled = value !== undefined;
+  const [uncontrolled, setUncontrolled] = (0, _react.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 = (0, _react.useRef)({});
+  const thumbX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const thumbW = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const placed = (0, _react.useRef)(false);
+  const [measured, setMeasured] = (0, _react.useState)(false);
+  const placeThumb = (x, width, withAnim) => {
+    if (withAnim && animated) {
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(thumbX, {
+        toValue: x,
+        duration: 200,
+        easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+        useNativeDriver: false
+      }), _reactNative.Animated.timing(thumbW, {
+        toValue: width,
+        duration: 200,
+        easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+        useNativeDriver: false
+      })]).start();
+    } else {
+      thumbX.setValue(x);
+      thumbW.setValue(width);
+    }
+  };
+
+  // Animate to the selected segment when it changes (once layouts are known).
+  (0, _react.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'stretch',
+        gap: cfg.gap,
+        position: 'relative'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          name: opt.icon,
+          size: resolvedIconSize,
+          color: fg
+        }) : null;
+        const iconRight = opt.iconPosition === 'right';
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_Text.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/commonjs/components/SegmentedButton/SegmentedButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_Icon","_Text","_jsxRuntime","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","useTheme","cfg","isControlled","undefined","uncontrolled","setUncontrolled","useState","selected","select","next","layouts","useRef","thumbX","Animated","Value","current","thumbW","placed","measured","setMeasured","placeThumb","x","withAnim","parallel","timing","toValue","duration","easing","Easing","out","cubic","useNativeDriver","start","setValue","useEffect","l","onSegmentLayout","e","nativeEvent","layout","trackRadius","radii","pill","xl","segmentRadius","Math","max","selectedBg","colors","action","inverse","selectedFg","inverseForeground","restFg","secondary","resolvedIconSize","jsx","View","accessibilityRole","padding","borderRadius","borderWidth","borderColor","border","default","backgroundColor","background","muted","alignSelf","opacity","children","jsxs","flexDirection","alignItems","position","pointerEvents","top","bottom","left","map","opt","isSelected","isDisabled","fg","iconNode","Icon","name","color","iconRight","iconPosition","Pressable","onLayout","onPress","accessibilityState","label","pressed","flex","justifyContent","paddingHorizontal","paddingVertical","Text","variant","weight","numberOfLines"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/SegmentedButton/SegmentedButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithIcons = exports.TwoOptions = exports.Themed = exports.Sizes = exports.Round = exports.ManyOptions = exports.FullWidth = exports.FixedWidth = exports.Disabled = exports.Default = exports.CustomRadius = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _SegmentedButton = require("./SegmentedButton.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/SegmentedButton',
+  component: _SegmentedButton.SegmentedButton
+};
+var _default = exports.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] = (0, _react.useState)(props.defaultValue ?? '1');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 8,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: THREE,
+      ...props,
+      value: value,
+      onChange: setValue
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.Text, {
+      variant: "caption",
+      color: "secondary",
+      children: ["value: ", value]
+    })]
+  });
+}
+
+/** Default (rounded rectangle), md size. */
+const Default = exports.Default = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {})
+};
+
+/** Round (pill) shape. */
+const Round = exports.Round = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    shape: "round"
+  })
+};
+
+/** Both sizes. */
+const Sizes = exports.Sizes = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      size: "md"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      size: "sm"
+    })]
+  })
+};
+
+/** Two options (the common A/B toggle). */
+const TwoOptions = exports.TwoOptions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    options: [{
+      label: 'Dine in',
+      value: 'dine'
+    }, {
+      label: 'Take out',
+      value: 'take'
+    }]
+  })
+};
+
+/** Many options. */
+const ManyOptions = exports.ManyOptions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.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). */
+const WithIcons = exports.WithIcons = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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. */
+const FullWidth = exports.FullWidth = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 520
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      fullWidth: true
+    })
+  })
+};
+
+/** Fixed width. */
+const FixedWidth = exports.FixedWidth = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    width: 420
+  })
+};
+
+/** Custom radius (overrides shape). */
+const CustomRadius = exports.CustomRadius = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      radius: 6
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      radius: 24
+    })]
+  })
+};
+
+/** Disabled control and per-segment disabling. */
+const Disabled = exports.Disabled = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      disabled: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      options: [{
+        label: 'Available',
+        value: 'a'
+      }, {
+        label: 'Soon',
+        value: 'b',
+        disabled: true
+      }, {
+        label: 'Also',
+        value: 'c'
+      }]
+    })]
+  })
+};
+
+/** Color overrides and no border. */
+const Themed = exports.Themed = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    shape: "round",
+    bordered: false,
+    selectedColor: "#008C57",
+    selectedTextColor: "#FFFFFF",
+    trackColor: "#E6F5EE"
+  })
+};
+//# sourceMappingURL=SegmentedButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_SegmentedButton","_Text","_jsxRuntime","meta","title","component","SegmentedButton","_default","exports","default","THREE","label","value","Demo","props","setValue","useState","defaultValue","jsxs","View","style","gap","alignItems","children","jsx","options","onChange","Text","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/commonjs/components/SegmentedButton/SegmentedButton.test.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _SegmentedButton = require("./SegmentedButton.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.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__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: OPTS
+    }));
+    expect(_reactNative.screen.getByText('One')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Two')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Three')).toBeTruthy();
+  });
+  it('selects the first option by default (uncontrolled) and reports changes', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: OPTS,
+      onChange: onChange
+    }));
+    expect(_reactNative.screen.getByTestId('segment-1').props.accessibilityState.selected).toBe(true);
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Two'));
+    expect(onChange).toHaveBeenCalledWith('2');
+    expect(_reactNative.screen.getByTestId('segment-2').props.accessibilityState.selected).toBe(true);
+  });
+  it('honors defaultValue', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: OPTS,
+      defaultValue: "3"
+    }));
+    expect(_reactNative.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__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: OPTS,
+      value: "2",
+      onChange: onChange
+    }));
+    expect(_reactNative.screen.getByTestId('segment-2').props.accessibilityState.selected).toBe(true);
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Three'));
+    expect(onChange).toHaveBeenCalledWith('3');
+    // value prop still "2" → stays selected
+    expect(_reactNative.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__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: OPTS,
+      disabled: true,
+      onChange: onChange
+    }));
+    _reactNative.fireEvent.press(_reactNative.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__*/(0, _jsxRuntime.jsx)(_SegmentedButton.SegmentedButton, {
+      options: opts,
+      onChange: onChange
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('B'));
+    expect(onChange).not.toHaveBeenCalled();
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('C'));
+    expect(onChange).toHaveBeenCalledWith('c');
+  });
+});
+//# sourceMappingURL=SegmentedButton.test.js.map

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SegmentedButton", {
+  enumerable: true,
+  get: function () {
+    return _SegmentedButton.SegmentedButton;
+  }
+});
+var _SegmentedButton = require("./SegmentedButton.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_SegmentedButton","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/SegmentedButton/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}