@bacon-pos/ui 0.9.0 → 0.11.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/StatTile/StatTile.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { Pressable, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Icon } from "../Icon/Icon.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * StatTile — a compact KPI card: a small label over a prominent value (Figma
+ * "info card"). Fills its parent by default (so a row/grid of tiles sizes evenly)
+ * or takes a fixed `width`. `value` accepts a node for custom color/formatting.
+ */
+export function StatTile({
+  label,
+  value,
+  icon,
+  width,
+  onPress,
+  backgroundColor,
+  labelColor,
+  valueColor,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [icon ? /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 24,
+        height: 24,
+        flexShrink: 0
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        size: 24,
+        color: "secondary"
+      })
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        gap: 4
+      },
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "bodySmall",
+        color: labelColor ?? 'secondary',
+        numberOfLines: 1,
+        children: label
+      }), typeof value === 'string' || typeof value === 'number' ? /*#__PURE__*/_jsx(Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: valueColor ?? 'primary',
+        numberOfLines: 1,
+        children: String(value)
+      }) : value]
+    })]
+  });
+  const containerStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    padding: 12,
+    borderRadius: theme.radii.lg,
+    backgroundColor: backgroundColor ?? theme.colors.background.subtle,
+    ...(width != null ? {
+      width
+    } : {
+      alignSelf: 'stretch'
+    })
+  };
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      accessibilityLabel: accessibilityLabel,
+      style: [containerStyle, style],
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? label,
+    style: ({
+      pressed
+    }) => [containerStyle, {
+      opacity: pressed ? 0.96 : 1
+    }, style],
+    children: content
+  });
+}
+//# sourceMappingURL=StatTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","useTheme","Icon","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StatTile","label","value","icon","width","onPress","backgroundColor","labelColor","valueColor","style","accessibilityLabel","theme","content","children","height","flexShrink","name","size","color","flex","minWidth","gap","variant","numberOfLines","weight","String","containerStyle","flexDirection","alignItems","padding","borderRadius","radii","lg","colors","background","subtle","alignSelf","accessibilityRole","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,IAAI,QAAQ,iBAAc;AAEnC,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAwBpC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC;AACa,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EAExB,MAAMqB,OAAO,gBACXf,KAAA,CAAAE,SAAA;IAAAc,QAAA,GACGV,IAAI,gBACHR,IAAA,CAACL,IAAI;MAACmB,KAAK,EAAE;QAAEL,KAAK,EAAE,EAAE;QAAEU,MAAM,EAAE,EAAE;QAAEC,UAAU,EAAE;MAAE,CAAE;MAAAF,QAAA,eACpDlB,IAAA,CAACH,IAAI;QAACwB,IAAI,EAAEb,IAAK;QAACc,IAAI,EAAE,EAAG;QAACC,KAAK,EAAC;MAAW,CAAE;IAAC,CAC5C,CAAC,GACL,IAAI,eACRrB,KAAA,CAACP,IAAI;MAACmB,KAAK,EAAE;QAAEU,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAR,QAAA,gBAC5ClB,IAAA,CAACF,IAAI;QAAC6B,OAAO,EAAC,WAAW;QAACJ,KAAK,EAAEX,UAAU,IAAI,WAAY;QAACgB,aAAa,EAAE,CAAE;QAAAV,QAAA,EAC1EZ;MAAK,CACF,CAAC,EACN,OAAOC,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACrDP,IAAA,CAACF,IAAI;QAAC6B,OAAO,EAAC,WAAW;QAACE,MAAM,EAAC,UAAU;QAACN,KAAK,EAAEV,UAAU,IAAI,SAAU;QAACe,aAAa,EAAE,CAAE;QAAAV,QAAA,EAC1FY,MAAM,CAACvB,KAAK;MAAC,CACV,CAAC,GAEPA,KACD;IAAA,CACG,CAAC;EAAA,CACP,CACH;EAED,MAAMwB,cAAyB,GAAG;IAChCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBP,GAAG,EAAE,EAAE;IACPQ,OAAO,EAAE,EAAE;IACXC,YAAY,EAAEnB,KAAK,CAACoB,KAAK,CAACC,EAAE;IAC5B1B,eAAe,EAAEA,eAAe,IAAIK,KAAK,CAACsB,MAAM,CAACC,UAAU,CAACC,MAAM;IAClE,IAAI/B,KAAK,IAAI,IAAI,GAAG;MAAEA;IAAM,CAAC,GAAG;MAAEgC,SAAS,EAAE;IAAU,CAAC;EAC1D,CAAC;EAED,IAAI,CAAC/B,OAAO,EAAE;IACZ,oBACEV,IAAA,CAACL,IAAI;MAACoB,kBAAkB,EAAEA,kBAAmB;MAACD,KAAK,EAAE,CAACiB,cAAc,EAAEjB,KAAK,CAAE;MAAAI,QAAA,EAC1ED;IAAO,CACJ,CAAC;EAEX;EACA,oBACEjB,IAAA,CAACN,SAAS;IACRgB,OAAO,EAAEA,OAAQ;IACjBgC,iBAAiB,EAAC,QAAQ;IAC1B3B,kBAAkB,EAAEA,kBAAkB,IAAIT,KAAM;IAChDQ,KAAK,EAAEA,CAAC;MAAE6B;IAAQ,CAAC,KAAK,CAACZ,cAAc,EAAE;MAAEa,OAAO,EAAED,OAAO,GAAG,IAAI,GAAG;IAAE,CAAC,EAAE7B,KAAK,CAAE;IAAAI,QAAA,EAEhFD;EAAO,CACC,CAAC;AAEhB","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+import { View } from 'react-native';
+import { StatTile } from "./StatTile.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/StatTile',
+  component: StatTile
+};
+export default meta;
+/** Figma "info card". */
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/_jsx(StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25"
+    })
+  })
+};
+
+/** A row of tiles sizing evenly (each fills its flex cell). */
+export const Row = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24,
+      flexDirection: 'row',
+      gap: 12,
+      width: 720
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(StatTile, {
+        label: "Sales",
+        value: "$4,820"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(StatTile, {
+        label: "Orders",
+        value: "128"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(StatTile, {
+        label: "Avg. ticket",
+        value: "$37.60"
+      })
+    })]
+  })
+};
+
+/** With a leading icon. */
+export const WithIcon = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/_jsx(StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25",
+      icon: "dollar-circle"
+    })
+  })
+};
+
+/** Custom value node (e.g. a colored delta). */
+export const CustomValue = {
+  render: () => /*#__PURE__*/_jsx(View, {
+    style: {
+      padding: 24,
+      width: 420
+    },
+    children: /*#__PURE__*/_jsx(StatTile, {
+      label: "Net change",
+      value: /*#__PURE__*/_jsx(Text, {
+        variant: "bodyLarge",
+        weight: "semibold",
+        color: "#008C57",
+        children: "+$320.10"
+      })
+    })
+  })
+};
+//# sourceMappingURL=StatTile.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","StatTile","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Default","render","style","padding","width","children","label","value","Row","flexDirection","gap","flex","WithIcon","icon","CustomValue","variant","weight","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,qBAAqB;EAC5BC,SAAS,EAAER;AACb,CAAiC;AAEjC,eAAeM,IAAI;AAGnB;AACA,OAAO,MAAMG,OAAc,GAAG;EAC5BC,MAAM,EAAEA,CAAA,kBACNP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCX,IAAA,CAACH,QAAQ;MAACe,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC;IAAW,CAAE;EAAC,CAChD;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,GAAU,GAAG;EACxBP,MAAM,EAAEA,CAAA,kBACNL,KAAA,CAACN,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEM,aAAa,EAAE,KAAK;MAAEC,GAAG,EAAE,EAAE;MAAEN,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,gBACtEX,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE,CAAE;MAAAN,QAAA,eAACX,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAC,OAAO;QAACC,KAAK,EAAC;MAAQ,CAAE;IAAC,CAAM,CAAC,eAC1Eb,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE,CAAE;MAAAN,QAAA,eAACX,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAC,QAAQ;QAACC,KAAK,EAAC;MAAK,CAAE;IAAC,CAAM,CAAC,eACxEb,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE;QAAES,IAAI,EAAE;MAAE,CAAE;MAAAN,QAAA,eAACX,IAAA,CAACH,QAAQ;QAACe,KAAK,EAAC,aAAa;QAACC,KAAK,EAAC;MAAQ,CAAE;IAAC,CAAM,CAAC;EAAA,CAC5E;AAEV,CAAC;;AAED;AACA,OAAO,MAAMK,QAAe,GAAG;EAC7BX,MAAM,EAAEA,CAAA,kBACNP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCX,IAAA,CAACH,QAAQ;MAACe,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC,WAAW;MAACM,IAAI,EAAC;IAAe,CAAE;EAAC,CACrE;AAEV,CAAC;;AAED;AACA,OAAO,MAAMC,WAAkB,GAAG;EAChCb,MAAM,EAAEA,CAAA,kBACNP,IAAA,CAACJ,IAAI;IAACY,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvCX,IAAA,CAACH,QAAQ;MACPe,KAAK,EAAC,YAAY;MAClBC,KAAK,eACHb,IAAA,CAACF,IAAI;QAACuB,OAAO,EAAC,WAAW;QAACC,MAAM,EAAC,UAAU;QAACC,KAAK,EAAC,SAAS;QAAAZ,QAAA,EAAC;MAE5D,CAAM;IACP,CACF;EAAC,CACE;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+import { render, fireEvent, screen } from '@testing-library/react-native';
+import { Text } from 'react-native';
+import { ThemeProvider } from "../../theme/index.js";
+import { StatTile } from "./StatTile.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function wrap(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('StatTile', () => {
+  it('renders label and value', () => {
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Starting cash",
+      value: "$1,250.25"
+    }));
+    expect(screen.getByText('Starting cash')).toBeTruthy();
+    expect(screen.getByText('$1,250.25')).toBeTruthy();
+  });
+  it('renders a numeric value', () => {
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Orders",
+      value: 128
+    }));
+    expect(screen.getByText('128')).toBeTruthy();
+  });
+  it('renders a custom value node', () => {
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Delta",
+      value: /*#__PURE__*/_jsx(Text, {
+        children: "+3.2%"
+      })
+    }));
+    expect(screen.getByText('+3.2%')).toBeTruthy();
+  });
+  it('fires onPress', () => {
+    const onPress = jest.fn();
+    wrap(/*#__PURE__*/_jsx(StatTile, {
+      label: "Sales",
+      value: "$10",
+      onPress: onPress
+    }));
+    fireEvent.press(screen.getByText('Sales'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+});
+//# sourceMappingURL=StatTile.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["render","fireEvent","screen","Text","ThemeProvider","StatTile","jsx","_jsx","wrap","ui","children","describe","it","label","value","expect","getByText","toBeTruthy","onPress","jest","fn","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.test.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,QAAQ,sBAAa;AAC3C,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,SAASC,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAOT,MAAM,cAACO,IAAA,CAACH,aAAa;IAAAM,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC;IAAW,CAAE,CAAC,CAAC;IAC1DC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,eAAe,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACtDF,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,WAAW,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACpD,CAAC,CAAC;EAEFL,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,QAAQ;MAACC,KAAK,EAAE;IAAI,CAAE,CAAC,CAAC;IAC7CC,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,KAAK,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFL,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtCJ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,OAAO;MAACC,KAAK,eAAEP,IAAA,CAACJ,IAAI;QAAAO,QAAA,EAAC;MAAK,CAAM;IAAE,CAAE,CAAC,CAAC;IAC3DK,MAAM,CAACb,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFL,EAAE,CAAC,eAAe,EAAE,MAAM;IACxB,MAAMM,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBZ,IAAI,cAACD,IAAA,CAACF,QAAQ;MAACQ,KAAK,EAAC,OAAO;MAACC,KAAK,EAAC,KAAK;MAACI,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC9DjB,SAAS,CAACoB,KAAK,CAACnB,MAAM,CAACc,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CD,MAAM,CAACG,OAAO,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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