@bacon-pos/ui 0.9.0 → 0.11.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Alert"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Alert/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAS","ignoreList":[]}

package/lib/module/components/EmptyState/EmptyState.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Button } from "../Button/Button.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Empty state — a centered icon, title, description and optional action button.
+ * Used by `Table`/`DataTable` when there's no data, and reusable anywhere a
+ * "nothing here yet" message is needed.
+ */
+export function EmptyState({
+  icon = 'no-photo',
+  title,
+  description,
+  action,
+  paddingVertical = 32,
+  style
+}) {
+  const theme = useTheme();
+  const variant = action?.variant ?? 'inverse';
+  const actionIconColor = variant === 'default' ? theme.colors.action.primaryForeground : variant === 'secondary' ? theme.colors.action.secondaryForeground : theme.colors.action.inverseForeground;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      alignItems: 'center',
+      gap: 12,
+      paddingVertical,
+      paddingHorizontal: 24
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: 48,
+        height: 48,
+        borderRadius: 24,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: theme.colors.background.subtle
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        size: 24,
+        color: "tertiary"
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        alignItems: 'center',
+        gap: 4
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "bodyLarge",
+        weight: "medium",
+        color: "primary",
+        align: "center",
+        children: title
+      }), description ? /*#__PURE__*/_jsx(Text, {
+        variant: "bodyMedium",
+        color: "tertiary",
+        align: "center",
+        style: {
+          maxWidth: 420
+        },
+        children: description
+      }) : null]
+    }), action ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: 4
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        label: action.label,
+        variant: action.variant ?? 'inverse',
+        size: "sm",
+        onPress: action.onPress,
+        leftIcon: action.icon ? /*#__PURE__*/_jsx(Icon, {
+          name: action.icon,
+          size: 20,
+          color: actionIconColor
+        }) : undefined
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","useTheme","Button","Icon","Text","jsx","_jsx","jsxs","_jsxs","EmptyState","icon","title","description","action","paddingVertical","style","theme","variant","actionIconColor","colors","primaryForeground","secondaryForeground","inverseForeground","alignItems","gap","paddingHorizontal","children","width","height","borderRadius","justifyContent","backgroundColor","background","subtle","name","size","color","weight","align","maxWidth","marginTop","label","onPress","leftIcon","undefined"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/EmptyState.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+import { View } from 'react-native';
+import { EmptyState } from "./EmptyState.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/EmptyState',
+  component: EmptyState
+};
+export default meta;
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 520
+    },
+    children: /*#__PURE__*/_jsx(EmptyState, {
+      icon: "dish",
+      title: "No items yet",
+      description: "Categories group your menu items, like Mains or Drinks, and give each a color on the POS. Create your first one above to get started.",
+      action: {
+        label: 'Create item',
+        icon: 'plus',
+        onPress: () => {}
+      }
+    })
+  })
+};
+export const NoAction = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 520
+    },
+    children: /*#__PURE__*/_jsx(EmptyState, {
+      icon: "no-photo",
+      title: "Nothing to show",
+      description: "There are no results for this filter."
+    })
+  })
+};
+//# sourceMappingURL=EmptyState.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","EmptyState","jsx","_jsx","meta","title","component","Default","render","style","padding","width","children","icon","description","action","label","onPress","NoAction"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/EmptyState.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEL;AACb,CAAmC;AAEnC,eAAeG,IAAI;AAGnB,OAAO,MAAMG,OAAc,GAAG;EAC5BC,MAAM,EAAEA,CAAA,kBACNL,IAAA,CAACH,IAAI;IAACS,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCT,IAAA,CAACF,UAAU;MACTY,IAAI,EAAC,MAAM;MACXR,KAAK,EAAC,cAAc;MACpBS,WAAW,EAAC,uIAAuI;MACnJC,MAAM,EAAE;QAAEC,KAAK,EAAE,aAAa;QAAEH,IAAI,EAAE,MAAM;QAAEI,OAAO,EAAEA,CAAA,KAAM,CAAC;MAAE;IAAE,CACnE;EAAC,CACE;AAEV,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC7BV,MAAM,EAAEA,CAAA,kBACNL,IAAA,CAACH,IAAI;IAACS,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCT,IAAA,CAACF,UAAU;MAACY,IAAI,EAAC,UAAU;MAACR,KAAK,EAAC,iBAAiB;MAACS,WAAW,EAAC;IAAuC,CAAE;EAAC,CACtG;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+import { render, fireEvent, screen } from '@testing-library/react-native';
+import { ThemeProvider } from "../../theme/index.js";
+import { EmptyState } from "./EmptyState.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function wrap(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('EmptyState', () => {
+  it('renders title and description', () => {
+    wrap(/*#__PURE__*/_jsx(EmptyState, {
+      title: "No items yet",
+      description: "Create your first one."
+    }));
+    expect(screen.getByText('No items yet')).toBeTruthy();
+    expect(screen.getByText('Create your first one.')).toBeTruthy();
+  });
+  it('fires the action', () => {
+    const onPress = jest.fn();
+    wrap(/*#__PURE__*/_jsx(EmptyState, {
+      title: "Empty",
+      action: {
+        label: 'Create item',
+        onPress
+      }
+    }));
+    fireEvent.press(screen.getByText('Create item'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('renders without an action', () => {
+    wrap(/*#__PURE__*/_jsx(EmptyState, {
+      title: "Empty"
+    }));
+    expect(screen.getByText('Empty')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=EmptyState.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["render","fireEvent","screen","ThemeProvider","EmptyState","jsx","_jsx","wrap","ui","children","describe","it","title","description","expect","getByText","toBeTruthy","onPress","jest","fn","action","label","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/EmptyState.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,SAASC,aAAa,QAAQ,sBAAa;AAC3C,SAASC,UAAU,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,SAASC,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAOR,MAAM,cAACM,IAAA,CAACH,aAAa;IAAAM,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,YAAY,EAAE,MAAM;EAC3BC,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCJ,IAAI,cAACD,IAAA,CAACF,UAAU;MAACQ,KAAK,EAAC,cAAc;MAACC,WAAW,EAAC;IAAwB,CAAE,CAAC,CAAC;IAC9EC,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,cAAc,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACrDF,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACjE,CAAC,CAAC;EAEFL,EAAE,CAAC,kBAAkB,EAAE,MAAM;IAC3B,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,IAAI,cAACD,IAAA,CAACF,UAAU;MAACQ,KAAK,EAAC,OAAO;MAACQ,MAAM,EAAE;QAAEC,KAAK,EAAE,aAAa;QAAEJ;MAAQ;IAAE,CAAE,CAAC,CAAC;IAC7EhB,SAAS,CAACqB,KAAK,CAACpB,MAAM,CAACa,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDD,MAAM,CAACG,OAAO,CAAC,CAACM,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFZ,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpCJ,IAAI,cAACD,IAAA,CAACF,UAAU;MAACQ,KAAK,EAAC;IAAO,CAAE,CAAC,CAAC;IAClCE,MAAM,CAACZ,MAAM,CAACa,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["EmptyState"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc","ignoreList":[]}

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

@@ -0,0 +1,260 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { BaconLogo } from "../brand/BaconLogo.js";
+import { Icon } from "../Icon/Icon.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { Text } from "../Text/Text.js";
+import { ScrollArea } from "../_internal/ScrollArea.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ITEM_HEIGHT = 74;
+const ITEM_GAP = 16;
+const PADDING = 24;
+const TOGGLE_SIZE = 40; // IconButton size "sm"
+
+function SidebarButton({
+  item,
+  active,
+  collapsed,
+  onPress
+}) {
+  const theme = useTheme();
+  const [hovered, setHovered] = useState(false);
+  const disabled = item.disabled;
+  const backgroundColor = active ? theme.colors.action.secondary : hovered && !disabled ? theme.colors.background.muted : 'transparent';
+  const contentColor = active ? theme.colors.action.secondaryForeground : theme.colors.text.secondary;
+  const iconColor = active ? theme.colors.action.secondaryForeground : 'secondary';
+  const iconName = active && item.activeIcon ? item.activeIcon : item.icon;
+  const initial = item.label.trim().charAt(0).toUpperCase();
+
+  // Leading slot is always a fixed 24×24 box (flexShrink: 0) so the icon never
+  // shrinks next to a long label and labels stay aligned with or without an icon.
+  // No icon → reserve the space when expanded; show the initial when collapsed.
+  const leadingBox = {
+    width: 24,
+    height: 24,
+    flexShrink: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  const leading = /*#__PURE__*/_jsx(View, {
+    style: leadingBox,
+    children: iconName ? /*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      size: 24,
+      color: iconColor
+    }) : collapsed ? /*#__PURE__*/_jsx(Text, {
+      variant: "bodyLarge",
+      weight: "medium",
+      color: contentColor,
+      children: initial
+    }) : null
+  });
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: disabled ? undefined : onPress,
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    disabled: disabled,
+    accessibilityRole: "tab",
+    accessibilityState: {
+      selected: active,
+      disabled
+    },
+    accessibilityLabel: item.label,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: collapsed ? 'center' : 'flex-start',
+      gap: 10,
+      height: ITEM_HEIGHT,
+      paddingHorizontal: PADDING,
+      borderRadius: theme.radii.pill,
+      borderWidth: active ? 1 : 0,
+      borderColor: active ? theme.colors.border.default : 'transparent',
+      backgroundColor,
+      opacity: disabled ? 0.5 : 1
+    },
+    children: [leading, !collapsed ? /*#__PURE__*/_jsx(Text, {
+      variant: "bodyLarge",
+      weight: "medium",
+      color: contentColor,
+      numberOfLines: 1,
+      ellipsizeMode: "tail",
+      style: {
+        flexShrink: 1,
+        minWidth: 0
+      },
+      children: item.label
+    }) : null]
+  });
+}
+
+/**
+ * Sidebar — the app's main navigation drawer (Figma "Sidebar"). Expands/collapses
+ * between a labelled and an icon-only rail (animated width). The logo defaults to
+ * the Bacon mark (override via `logo`); an optional `footer` shows supporting text
+ * at the bottom. Items are dynamic buttons (icon + label via props); the list
+ * scrolls with an elegant auto-hiding indicator when it overflows, leaving the
+ * footer pinned. Buttons have hover and active states to mark the current section.
+ */
+export function Sidebar({
+  items = [],
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  collapsed: collapsedProp,
+  defaultCollapsed = false,
+  onCollapsedChange,
+  showToggle = true,
+  logo,
+  footer,
+  expandedWidth = 284,
+  collapsedWidth = 122,
+  scrollbarColor,
+  style
+}) {
+  const theme = useTheme();
+  const activeControlled = activeKey !== undefined;
+  const [activeInternal, setActiveInternal] = useState(defaultActiveKey);
+  const active = activeControlled ? activeKey : activeInternal;
+  const collapseControlled = collapsedProp !== undefined;
+  const [collapsedInternal, setCollapsedInternal] = useState(defaultCollapsed);
+  const collapsed = collapseControlled ? collapsedProp : collapsedInternal;
+  const width = useRef(new Animated.Value(collapsed ? collapsedWidth : expandedWidth)).current;
+  // `visualCollapsed` drives the layout (labels, alignment, footer). It lags on
+  // collapse — labels stay mounted (clipped by overflow) until the width finishes
+  // shrinking — and leads on expand, so both directions animate without a jump.
+  const [visualCollapsed, setVisualCollapsed] = useState(collapsed);
+  useEffect(() => {
+    if (!collapsed) setVisualCollapsed(false);
+    const anim = Animated.timing(width, {
+      toValue: collapsed ? collapsedWidth : expandedWidth,
+      duration: 220,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: false // width
+    });
+    anim.start(({
+      finished
+    }) => {
+      if (finished && collapsed) setVisualCollapsed(true);
+    });
+    return () => anim.stop();
+  }, [collapsed, collapsedWidth, expandedWidth, width]);
+
+  // The toggle arrow spins in place (0° → 180°) instead of moving, so collapsing
+  // never nudges it. Driven by intent (`collapsed`), in sync with the width.
+  const arrowRot = useRef(new Animated.Value(collapsed ? 1 : 0)).current;
+  useEffect(() => {
+    const anim = Animated.timing(arrowRot, {
+      toValue: collapsed ? 1 : 0,
+      duration: 220,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: true
+    });
+    anim.start();
+    return () => anim.stop();
+  }, [collapsed, arrowRot]);
+  const arrowRotate = arrowRot.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '180deg']
+  });
+
+  // Glide the toggle from flush-left (expanded) to centered on the icon axis
+  // (collapsed), tracking the width so it never jumps.
+  const toggleTranslateX = width.interpolate({
+    inputRange: [collapsedWidth, expandedWidth],
+    outputRange: [Math.max(0, (collapsedWidth - 2 * PADDING - TOGGLE_SIZE) / 2), 0],
+    extrapolate: 'clamp'
+  });
+  const selectItem = item => {
+    if (!activeControlled) setActiveInternal(item.key);
+    item.onPress?.();
+    onChange?.(item.key);
+  };
+  const toggleCollapsed = () => {
+    const next = !collapsed;
+    if (!collapseControlled) setCollapsedInternal(next);
+    onCollapsedChange?.(next);
+  };
+  const logoNode = logo ?? /*#__PURE__*/_jsx(BaconLogo, {
+    height: visualCollapsed ? 36 : 40
+  });
+  const toggle = showToggle ? /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      transform: [{
+        translateX: toggleTranslateX
+      }]
+    },
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        transform: [{
+          rotate: arrowRotate
+        }]
+      },
+      children: /*#__PURE__*/_jsx(IconButton, {
+        icon: "arrow-left",
+        accessibilityLabel: collapsed ? 'Expand sidebar' : 'Collapse sidebar',
+        variant: "ghost",
+        size: "sm",
+        onPress: toggleCollapsed
+      })
+    })
+  }) : null;
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [{
+      width,
+      height: '100%',
+      backgroundColor: theme.colors.background.default,
+      paddingTop: 48,
+      paddingBottom: PADDING,
+      paddingHorizontal: PADDING,
+      overflow: 'hidden'
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        minHeight: 56,
+        alignItems: visualCollapsed ? 'center' : 'flex-start',
+        justifyContent: 'center'
+      },
+      children: logoNode
+    }), /*#__PURE__*/_jsx(ScrollArea, {
+      style: {
+        flex: 1,
+        marginTop: 32
+      },
+      indicatorColor: scrollbarColor ?? theme.colors.border.strong,
+      contentContainerStyle: {
+        gap: ITEM_GAP,
+        paddingBottom: 8
+      },
+      children: items.map(item => /*#__PURE__*/_jsx(SidebarButton, {
+        item: item,
+        active: item.key === active,
+        collapsed: visualCollapsed,
+        onPress: () => selectItem(item)
+      }, item.key))
+    }), /*#__PURE__*/_jsxs(View, {
+      style: {
+        marginTop: 28,
+        gap: 16
+      },
+      children: [footer && !visualCollapsed ? /*#__PURE__*/_jsx(Text, {
+        variant: "bodySmall",
+        color: "tertiary",
+        numberOfLines: 1,
+        style: {
+          marginLeft: 8
+        },
+        children: footer
+      }) : null, toggle ? /*#__PURE__*/_jsx(View, {
+        style: {
+          alignItems: 'flex-start'
+        },
+        children: toggle
+      }) : null]
+    })]
+  });
+}
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Animated","Easing","Pressable","View","useTheme","BaconLogo","Icon","IconButton","Text","ScrollArea","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","ITEM_GAP","PADDING","TOGGLE_SIZE","SidebarButton","item","active","collapsed","onPress","theme","hovered","setHovered","disabled","backgroundColor","colors","action","secondary","background","muted","contentColor","secondaryForeground","text","iconColor","iconName","activeIcon","icon","initial","label","trim","charAt","toUpperCase","leadingBox","width","height","flexShrink","alignItems","justifyContent","leading","style","children","name","size","color","variant","weight","undefined","onHoverIn","onHoverOut","accessibilityRole","accessibilityState","selected","accessibilityLabel","flexDirection","gap","paddingHorizontal","borderRadius","radii","pill","borderWidth","borderColor","border","default","opacity","numberOfLines","ellipsizeMode","minWidth","Sidebar","items","activeKey","defaultActiveKey","onChange","collapsedProp","defaultCollapsed","onCollapsedChange","showToggle","logo","footer","expandedWidth","collapsedWidth","scrollbarColor","activeControlled","activeInternal","setActiveInternal","collapseControlled","collapsedInternal","setCollapsedInternal","Value","current","visualCollapsed","setVisualCollapsed","anim","timing","toValue","duration","easing","out","ease","useNativeDriver","start","finished","stop","arrowRot","arrowRotate","interpolate","inputRange","outputRange","toggleTranslateX","Math","max","extrapolate","selectItem","key","toggleCollapsed","next","logoNode","toggle","transform","translateX","rotate","paddingTop","paddingBottom","overflow","minHeight","flex","marginTop","indicatorColor","strong","contentContainerStyle","map","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.tsx"],"mappings":"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","ignoreList":[]}