@bacon-pos/ui 0.8.0 → 0.10.0

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

@@ -0,0 +1,225 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { Sidebar } from "./Sidebar.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Sidebar',
+  component: Sidebar
+};
+export default meta;
+const ITEMS = [{
+  key: 'home',
+  label: 'Home',
+  icon: 'home'
+}, {
+  key: 'tables',
+  label: 'Table Map',
+  icon: 'table'
+}, {
+  key: 'menu',
+  label: 'Menu List',
+  icon: 'dish'
+}, {
+  key: 'orders',
+  label: 'Orders',
+  icon: 'receipt'
+}, {
+  key: 'users',
+  label: 'User Mgmt.',
+  icon: 'usergroup'
+}, {
+  key: 'customers',
+  label: 'Customers',
+  icon: 'user-star'
+}, {
+  key: 'reports',
+  label: 'Reports',
+  icon: 'analytics'
+}, {
+  key: 'settings',
+  label: 'Settings',
+  icon: 'settings'
+}];
+
+// A tall frame so the drawer fills a page-like height.
+function Frame({
+  children
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      height: 720,
+      flexDirection: 'row'
+    },
+    children: children
+  });
+}
+
+/** Expanded (Figma default), with footer text. */
+export const Expanded = {
+  render: () => {
+    const [active, setActive] = useState('home');
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS,
+        activeKey: active,
+        onChange: setActive,
+        footer: "Bacon POS v2.0.12"
+      })
+    });
+  }
+};
+
+/** Collapsed (icon-only rail). */
+export const Collapsed = {
+  render: () => {
+    const [active, setActive] = useState('home');
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS,
+        activeKey: active,
+        onChange: setActive,
+        defaultCollapsed: true,
+        footer: "Bacon POS v2.0.12"
+      })
+    });
+  }
+};
+
+/** Toggle it — press the arrow to expand/collapse. */
+export const Toggleable = {
+  render: () => {
+    const [active, setActive] = useState('orders');
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS,
+        activeKey: active,
+        onChange: setActive,
+        footer: "Bacon POS v2.0.12"
+      })
+    });
+  }
+};
+
+/** No footer (default) and few items. */
+export const Minimal = {
+  render: () => {
+    const [active, setActive] = useState('home');
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS.slice(0, 3),
+        activeKey: active,
+        onChange: setActive,
+        showToggle: false
+      })
+    });
+  }
+};
+
+/** Many items — the list scrolls, the footer stays pinned. */
+export const Scrolling = {
+  render: () => {
+    const many = Array.from({
+      length: 14
+    }).map((_, i) => ({
+      key: String(i),
+      label: `Section ${i + 1}`,
+      icon: 'analytics'
+    }));
+    const [active, setActive] = useState('0');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        height: 480,
+        flexDirection: 'row'
+      },
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: many,
+        activeKey: active,
+        onChange: setActive,
+        footer: "Bacon POS v2.0.12"
+      })
+    });
+  }
+};
+
+/** Long labels truncate with an ellipsis (single line). */
+export const LongLabels = {
+  render: () => {
+    const [active, setActive] = useState('a');
+    const items = [{
+      key: 'a',
+      label: 'Reservations & waitlist management',
+      icon: 'table'
+    }, {
+      key: 'b',
+      label: 'Kitchen display system settings',
+      icon: 'settings'
+    }, {
+      key: 'c',
+      label: 'Customer loyalty & rewards program',
+      icon: 'user-star'
+    }];
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: items,
+        activeKey: active,
+        onChange: setActive,
+        footer: "Bacon POS v2.0.12"
+      })
+    });
+  }
+};
+
+/**
+ * Items without an icon: expanded keeps the icon's blank space (labels stay
+ * aligned); collapsed shows the label's initial.
+ */
+export const NoIcon = {
+  render: () => {
+    const [active, setActive] = useState('home');
+    const items = [{
+      key: 'home',
+      label: 'Home',
+      icon: 'home'
+    }, {
+      key: 'reports',
+      label: 'Reports'
+    },
+    // no icon → blank space / initial "R"
+    {
+      key: 'billing',
+      label: 'Billing'
+    },
+    // no icon → "B"
+    {
+      key: 'settings',
+      label: 'Settings',
+      icon: 'settings'
+    }];
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: items,
+        activeKey: active,
+        onChange: setActive,
+        footer: "Bacon POS v2.0.12"
+      })
+    });
+  }
+};
+
+/** Custom logo color. */
+export const CustomLogo = {
+  render: () => {
+    const [active, setActive] = useState('home');
+    return /*#__PURE__*/_jsx(Frame, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS,
+        activeKey: active,
+        onChange: setActive,
+        footer: "Acme v1"
+      })
+    });
+  }
+};
+//# sourceMappingURL=Sidebar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Sidebar","jsx","_jsx","meta","title","component","ITEMS","key","label","icon","Frame","children","style","height","flexDirection","Expanded","render","active","setActive","items","activeKey","onChange","footer","Collapsed","defaultCollapsed","Toggleable","Minimal","slice","showToggle","Scrolling","many","Array","from","length","map","_","i","String","LongLabels","NoIcon","CustomLogo"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,131 @@
+"use strict";
+
+import { useState } from 'react';
+import { render, fireEvent, screen } from '@testing-library/react-native';
+import { ThemeProvider } from "../../theme/index.js";
+import { Sidebar } from "./Sidebar.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function wrap(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+const ITEMS = [{
+  key: 'home',
+  label: 'Home',
+  icon: 'home'
+}, {
+  key: 'orders',
+  label: 'Orders',
+  icon: 'receipt'
+}, {
+  key: 'settings',
+  label: 'Settings',
+  icon: 'settings'
+}];
+describe('Sidebar', () => {
+  it('renders all item labels when expanded', () => {
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: ITEMS
+    }));
+    expect(screen.getByText('Home')).toBeTruthy();
+    expect(screen.getByText('Orders')).toBeTruthy();
+    expect(screen.getByText('Settings')).toBeTruthy();
+  });
+  it('shows the footer only when provided', () => {
+    const {
+      rerender
+    } = wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: ITEMS
+    }));
+    expect(screen.queryByText('v1.0')).toBeNull();
+    rerender(/*#__PURE__*/_jsx(ThemeProvider, {
+      children: /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS,
+        footer: "v1.0"
+      })
+    }));
+    expect(screen.getByText('v1.0')).toBeTruthy();
+  });
+  it('fires onChange with the pressed item key', () => {
+    const onChange = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: ITEMS,
+      onChange: onChange
+    }));
+    fireEvent.press(screen.getByText('Orders'));
+    expect(onChange).toHaveBeenCalledWith('orders');
+  });
+  it('marks the active item as selected', () => {
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: ITEMS,
+      activeKey: "orders"
+    }));
+    expect(screen.getByLabelText('Orders').props.accessibilityState).toMatchObject({
+      selected: true
+    });
+    expect(screen.getByLabelText('Home').props.accessibilityState).toMatchObject({
+      selected: false
+    });
+  });
+  it('hides labels and footer when collapsed', () => {
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: ITEMS,
+      defaultCollapsed: true,
+      footer: "v1.0"
+    }));
+    expect(screen.queryByText('Home')).toBeNull();
+    expect(screen.queryByText('v1.0')).toBeNull();
+  });
+  it('truncates a long label to a single line', () => {
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: [{
+        key: 'a',
+        label: 'A very long navigation label',
+        icon: 'home'
+      }]
+    }));
+    expect(screen.getByText('A very long navigation label').props.numberOfLines).toBe(1);
+  });
+  it('shows the label initial for an icon-less item when collapsed', () => {
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: [{
+        key: 'r',
+        label: 'Reports'
+      }],
+      defaultCollapsed: true
+    }));
+    expect(screen.getByText('R')).toBeTruthy();
+  });
+  it('renders an icon-less item normally when expanded (label shown, no initial)', () => {
+    wrap(/*#__PURE__*/_jsx(Sidebar, {
+      items: [{
+        key: 'r',
+        label: 'Reports'
+      }]
+    }));
+    expect(screen.getByText('Reports')).toBeTruthy();
+    expect(screen.queryByText('R')).toBeNull();
+  });
+  it('toggles collapse via the built-in control', () => {
+    function Ctrl() {
+      const [c, setC] = useState(false);
+      return /*#__PURE__*/_jsx(Sidebar, {
+        items: ITEMS,
+        collapsed: c,
+        onCollapsedChange: setC
+      });
+    }
+    wrap(/*#__PURE__*/_jsx(Ctrl, {}));
+    // The control flips its intent immediately (the visual collapse trails the
+    // width animation, so we assert on the toggle rather than label unmount).
+    expect(screen.getByLabelText('Collapse sidebar')).toBeTruthy();
+    fireEvent.press(screen.getByLabelText('Collapse sidebar'));
+    expect(screen.getByLabelText('Expand sidebar')).toBeTruthy();
+    fireEvent.press(screen.getByLabelText('Expand sidebar'));
+    expect(screen.getByLabelText('Collapse sidebar')).toBeTruthy();
+    // Labels are still present while expanded.
+    expect(screen.getByText('Home')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=Sidebar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","render","fireEvent","screen","ThemeProvider","Sidebar","jsx","_jsx","wrap","ui","children","ITEMS","key","label","icon","describe","it","items","expect","getByText","toBeTruthy","rerender","queryByText","toBeNull","footer","onChange","jest","fn","press","toHaveBeenCalledWith","activeKey","getByLabelText","props","accessibilityState","toMatchObject","selected","defaultCollapsed","numberOfLines","toBe","Ctrl","c","setC","collapsed","onCollapsedChange"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/Table/DataTable.js

@@ -0,0 +1,145 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Button } from "../Button/Button.js";
+import { ChipGroup } from "../Chip/ChipGroup.js";
+import { EmptyState } from "../EmptyState/EmptyState.js";
+import { Icon } from "../Icon/Icon.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { Input } from "../Input/Input.js";
+import { Text } from "../Text/Text.js";
+import { Table } from "./Table.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DataTable — the turnkey management table (Figma): optional tabs (`ChipGroup`),
+ * a search + create toolbar, the `Table` body, a structured `EmptyState`, and
+ * optional pagination — assembled with consistent spacing. For bespoke layouts,
+ * compose `Table` + `EmptyState` yourself.
+ */
+export function DataTable({
+  tabs,
+  activeTab,
+  defaultTab,
+  onTabChange,
+  searchable = false,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = 'Search…',
+  createLabel,
+  onCreate,
+  createIcon = 'plus',
+  emptyState,
+  empty,
+  pagination,
+  gap = 16,
+  containerStyle,
+  ...tableProps
+}) {
+  const theme = useTheme();
+  const tabControlled = activeTab !== undefined;
+  const [tabInternal, setTabInternal] = useState(defaultTab ?? tabs?.[0]?.value ?? null);
+  const currentTab = tabControlled ? activeTab : tabInternal;
+  const setTab = value => {
+    if (value == null) return; // tabs are not deselectable
+    if (!tabControlled) setTabInternal(value);
+    onTabChange?.(value);
+  };
+  const emptyNode = empty ?? (emptyState ? /*#__PURE__*/_jsx(EmptyState, {
+    ...emptyState
+  }) : undefined);
+  const showToolbar = searchable || !!createLabel;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap
+    }, containerStyle],
+    children: [tabs && tabs.length > 0 ? /*#__PURE__*/_jsx(ChipGroup, {
+      tone: "dark",
+      options: tabs.map(t => ({
+        value: t.value,
+        label: t.label,
+        icon: t.icon
+      })),
+      value: currentTab,
+      onChange: setTab
+    }) : null, showToolbar ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        flexWrap: 'wrap'
+      },
+      children: [searchable ? /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1,
+          minWidth: 220
+        },
+        children: /*#__PURE__*/_jsx(Input, {
+          value: searchValue,
+          onChangeText: onSearchChange,
+          placeholder: searchPlaceholder,
+          leftIcon: /*#__PURE__*/_jsx(Icon, {
+            name: "search",
+            size: 24,
+            color: "tertiary"
+          })
+        })
+      }) : null, createLabel ? /*#__PURE__*/_jsx(Button, {
+        label: createLabel,
+        variant: "inverse",
+        size: "md",
+        onPress: onCreate,
+        leftIcon: /*#__PURE__*/_jsx(Icon, {
+          name: createIcon,
+          size: 24,
+          color: theme.colors.action.inverseForeground
+        })
+      }) : null]
+    }) : null, /*#__PURE__*/_jsx(Table, {
+      ...tableProps,
+      empty: emptyNode
+    }), pagination ? /*#__PURE__*/_jsx(Paginator, {
+      ...pagination
+    }) : null]
+  });
+}
+function Paginator({
+  page,
+  pageSize,
+  total,
+  onPageChange,
+  formatRange
+}) {
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, total);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      gap: 12
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "bodySmall",
+      color: "secondary",
+      children: formatRange ? formatRange(from, to, total) : `${from}–${to} of ${total}`
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "arrow-left",
+      accessibilityLabel: "Previous page",
+      variant: "secondary",
+      size: "sm",
+      disabled: page <= 1,
+      onPress: () => onPageChange(page - 1)
+    }), /*#__PURE__*/_jsx(IconButton, {
+      icon: "arrow-right",
+      accessibilityLabel: "Next page",
+      variant: "secondary",
+      size: "sm",
+      disabled: page >= totalPages,
+      onPress: () => onPageChange(page + 1)
+    })]
+  });
+}
+//# sourceMappingURL=DataTable.js.map

package/lib/module/components/Table/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","useTheme","Button","ChipGroup","EmptyState","Icon","IconButton","Input","Text","Table","jsx","_jsx","jsxs","_jsxs","DataTable","tabs","activeTab","defaultTab","onTabChange","searchable","searchValue","onSearchChange","searchPlaceholder","createLabel","onCreate","createIcon","emptyState","empty","pagination","gap","containerStyle","tableProps","theme","tabControlled","undefined","tabInternal","setTabInternal","value","currentTab","setTab","emptyNode","showToolbar","style","children","length","tone","options","map","t","label","icon","onChange","flexDirection","alignItems","flexWrap","flex","minWidth","onChangeText","placeholder","leftIcon","name","size","color","variant","onPress","colors","action","inverseForeground","Paginator","page","pageSize","total","onPageChange","formatRange","totalPages","Math","max","ceil","from","to","min","justifyContent","accessibilityLabel","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Table/DataTable.tsx"],"mappings":"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","ignoreList":[]}