@bacon-pos/ui 0.9.0 → 0.10.0

package/lib/commonjs/components/Table/DataTable.stories.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Paginated = exports.Full = exports.EmptyState = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _DataTable = require("./DataTable.js");
+var _IconButton = require("../IconButton/IconButton.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/DataTable',
+  component: _DataTable.DataTable
+};
+var _default = exports.default = meta;
+const ALL = [{
+  id: '1',
+  name: 'Spicy Mango Salsa',
+  category: 'Starter',
+  price: '$4.25'
+}, {
+  id: '2',
+  name: 'Creamy Garlic Pasta',
+  category: 'Starter',
+  price: '$5.75'
+}, {
+  id: '3',
+  name: 'Zesty Lemon Chicken',
+  category: 'Starter',
+  price: '$7.10'
+}, {
+  id: '4',
+  name: 'Savory Mushroom Risotto',
+  category: 'Starter',
+  price: '$8.99'
+}, {
+  id: '5',
+  name: 'Grilled Vegetable Skewers',
+  category: 'Main plates',
+  price: '$6.50'
+}, {
+  id: '6',
+  name: 'Honey Glazed Salmon',
+  category: 'Main plates',
+  price: '$3.99'
+}, {
+  id: '7',
+  name: 'Classic Beef Tacos',
+  category: 'Main plates',
+  price: '$11.20'
+}, {
+  id: '8',
+  name: 'Rich Chocolate Mousse',
+  category: 'Desserts',
+  price: '$12.30'
+}, {
+  id: '9',
+  name: 'Fresh Berry Parfait',
+  category: 'Soups',
+  price: '$10.90'
+}];
+const TABS = [{
+  value: 'menu',
+  label: 'Menu items'
+}, {
+  value: 'categories',
+  label: 'Categories'
+}, {
+  value: 'modes',
+  label: 'Modes sets'
+}, {
+  value: 'addons',
+  label: 'Add-ons sets'
+}, {
+  value: 'inventory',
+  label: 'Inventory control'
+}];
+const COLUMNS = [{
+  key: 'name',
+  header: 'Item name',
+  flex: 2,
+  sortable: true,
+  sortAccessor: r => r.name
+}, {
+  key: 'category',
+  header: 'Category',
+  sortable: true,
+  sortAccessor: r => r.category
+}, {
+  key: 'price',
+  header: 'Price',
+  align: 'right',
+  sortable: true,
+  sortAccessor: r => Number(r.price.replace('$', ''))
+}];
+
+/** Full data table (Figma): tabs + search + create + actions. */
+const Full = exports.Full = {
+  render: () => {
+    const [tab, setTab] = (0, _react.useState)('menu');
+    const [search, setSearch] = (0, _react.useState)('');
+    const data = (0, _react.useMemo)(() => ALL.filter(r => r.name.toLowerCase().includes(search.toLowerCase())), [search]);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        padding: 24,
+        width: 980
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+        tabs: TABS,
+        activeTab: tab,
+        onTabChange: setTab,
+        searchable: true,
+        searchValue: search,
+        onSearchChange: setSearch,
+        searchPlaceholder: "Search item from menu list\u2026",
+        createLabel: "Create new item",
+        onCreate: () => {},
+        columns: COLUMNS,
+        data: data,
+        keyExtractor: r => r.id,
+        renderActions: r => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+            icon: "edit",
+            accessibilityLabel: `Edit ${r.name}`,
+            variant: "ghost",
+            size: "sm",
+            onPress: () => {}
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+            icon: "trash",
+            accessibilityLabel: `Delete ${r.name}`,
+            variant: "ghost",
+            size: "sm",
+            onPress: () => {}
+          })]
+        }),
+        emptyState: {
+          icon: 'dish',
+          title: 'No items yet',
+          description: 'Categories group your menu items, like Mains or Drinks. Create your first one to get started.',
+          action: {
+            label: 'Create item',
+            icon: 'plus',
+            onPress: () => {}
+          }
+        }
+      })
+    });
+  }
+};
+
+/** Empty state through the toolbar. */
+const EmptyState = exports.EmptyState = {
+  render: () => {
+    const [tab, setTab] = (0, _react.useState)('categories');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        padding: 24,
+        width: 980
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+        tabs: TABS,
+        activeTab: tab,
+        onTabChange: setTab,
+        searchable: true,
+        createLabel: "Create item",
+        onCreate: () => {},
+        columns: COLUMNS,
+        data: [],
+        keyExtractor: r => r.id,
+        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.',
+          action: {
+            label: 'Create item',
+            icon: 'plus',
+            onPress: () => {}
+          }
+        }
+      })
+    });
+  }
+};
+
+/** With pagination. */
+const Paginated = exports.Paginated = {
+  render: () => {
+    const [page, setPage] = (0, _react.useState)(1);
+    const pageSize = 4;
+    const pageData = ALL.slice((page - 1) * pageSize, page * pageSize);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        padding: 24,
+        width: 980
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+        searchable: true,
+        createLabel: "Create new item",
+        onCreate: () => {},
+        columns: COLUMNS,
+        data: pageData,
+        keyExtractor: r => r.id,
+        pagination: {
+          page,
+          pageSize,
+          total: ALL.length,
+          onPageChange: setPage
+        }
+      })
+    });
+  }
+};
+//# sourceMappingURL=DataTable.stories.js.map

package/lib/commonjs/components/Table/DataTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_DataTable","_IconButton","_jsxRuntime","meta","title","component","DataTable","_default","exports","default","ALL","id","name","category","price","TABS","value","label","COLUMNS","key","header","flex","sortable","sortAccessor","r","align","Number","replace","Full","render","tab","setTab","useState","search","setSearch","data","useMemo","filter","toLowerCase","includes","jsx","View","style","padding","width","children","tabs","activeTab","onTabChange","searchable","searchValue","onSearchChange","searchPlaceholder","createLabel","onCreate","columns","keyExtractor","renderActions","jsxs","Fragment","IconButton","icon","accessibilityLabel","variant","size","onPress","emptyState","description","action","EmptyState","Paginated","page","setPage","pageSize","pageData","slice","pagination","total","length","onPageChange"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Table/DataTable.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Table/DataTable.test.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var _react = require("react");
+var _reactNative = require("@testing-library/react-native");
+var _index = require("../../theme/index.js");
+var _DataTable = require("./DataTable.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function wrap(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+const DATA = [{
+  id: 'a',
+  name: 'Alpha',
+  price: '$3'
+}, {
+  id: 'b',
+  name: 'Beta',
+  price: '$1'
+}];
+const COLS = [{
+  key: 'name',
+  header: 'Name'
+}, {
+  key: 'price',
+  header: 'Price'
+}];
+const TABS = [{
+  value: 'menu',
+  label: 'Menu items'
+}, {
+  value: 'cats',
+  label: 'Categories'
+}];
+const desktop = {
+  mobileBreakpoint: 0
+};
+describe('DataTable', () => {
+  it('renders tabs, search, create and the table', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      tabs: TABS,
+      searchable: true,
+      createLabel: "Create new item",
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id
+    }));
+    expect(_reactNative.screen.getByText('Menu items')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Create new item')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Alpha')).toBeTruthy();
+  });
+  it('changes tab on press', () => {
+    const onTabChange = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      tabs: TABS,
+      activeTab: "menu",
+      onTabChange: onTabChange,
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Categories'));
+    expect(onTabChange).toHaveBeenCalledWith('cats');
+  });
+  it('emits search text', () => {
+    const onSearchChange = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      searchable: true,
+      searchValue: "",
+      onSearchChange: onSearchChange,
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id,
+      searchPlaceholder: "Search\u2026"
+    }));
+    _reactNative.fireEvent.changeText(_reactNative.screen.getByPlaceholderText('Search…'), 'alp');
+    expect(onSearchChange).toHaveBeenCalledWith('alp');
+  });
+  it('fires create', () => {
+    const onCreate = jest.fn();
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      createLabel: "Create",
+      onCreate: onCreate,
+      columns: COLS,
+      data: DATA,
+      keyExtractor: r => r.id
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Create'));
+    expect(onCreate).toHaveBeenCalledTimes(1);
+  });
+  it('shows the structured empty state when there is no data', () => {
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+      ...desktop,
+      columns: COLS,
+      data: [],
+      keyExtractor: r => r.id,
+      emptyState: {
+        title: 'No items yet',
+        action: {
+          label: 'Create item',
+          onPress: () => {}
+        }
+      }
+    }));
+    expect(_reactNative.screen.getByText('No items yet')).toBeTruthy();
+    expect(_reactNative.screen.getByText('Create item')).toBeTruthy();
+  });
+  it('paginates', () => {
+    function Paged() {
+      const [page, setPage] = (0, _react.useState)(1);
+      const all = Array.from({
+        length: 5
+      }).map((_, i) => ({
+        id: String(i),
+        name: `N${i}`,
+        price: '$1'
+      }));
+      const data = all.slice((page - 1) * 2, page * 2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
+        ...desktop,
+        columns: COLS,
+        data: data,
+        keyExtractor: r => r.id,
+        pagination: {
+          page,
+          pageSize: 2,
+          total: all.length,
+          onPageChange: setPage
+        }
+      });
+    }
+    wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(Paged, {}));
+    expect(_reactNative.screen.getByText('1–2 of 5')).toBeTruthy();
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Next page'));
+    expect(_reactNative.screen.getByText('3–4 of 5')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=DataTable.test.js.map

package/lib/commonjs/components/Table/DataTable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_DataTable","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","DATA","id","name","price","COLS","key","header","TABS","value","label","desktop","mobileBreakpoint","describe","it","DataTable","tabs","searchable","createLabel","columns","data","keyExtractor","r","expect","screen","getByText","toBeTruthy","onTabChange","jest","fn","activeTab","fireEvent","press","toHaveBeenCalledWith","onSearchChange","searchValue","searchPlaceholder","changeText","getByPlaceholderText","onCreate","toHaveBeenCalledTimes","emptyState","title","action","onPress","Paged","page","setPage","useState","all","Array","from","length","map","_","i","String","slice","pagination","pageSize","total","onPageChange","getByLabelText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Table/DataTable.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA2D,IAAAI,WAAA,GAAAJ,OAAA;AAG3D,SAASK,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAO,IAAAC,mBAAM,eAAC,IAAAH,WAAA,CAAAI,GAAA,EAACN,MAAA,CAAAO,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAOA,MAAMK,IAAW,GAAG,CAClB;EAAEC,EAAE,EAAE,GAAG;EAAEC,IAAI,EAAE,OAAO;EAAEC,KAAK,EAAE;AAAK,CAAC,EACvC;EAAEF,EAAE,EAAE,GAAG;EAAEC,IAAI,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAK,CAAC,CACvC;AACD,MAAMC,IAAwB,GAAG,CAC/B;EAAEC,GAAG,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAO,CAAC,EAC/B;EAAED,GAAG,EAAE,OAAO;EAAEC,MAAM,EAAE;AAAQ,CAAC,CAClC;AACD,MAAMC,IAAoB,GAAG,CAC3B;EAAEC,KAAK,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAa,CAAC,EACtC;EAAED,KAAK,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAa,CAAC,CACvC;AACD,MAAMC,OAAO,GAAG;EAAEC,gBAAgB,EAAE;AAAE,CAAU;AAEhDC,QAAQ,CAAC,WAAW,EAAE,MAAM;EAC1BC,EAAE,CAAC,4CAA4C,EAAE,MAAM;IACrDnB,IAAI,cACF,IAAAD,WAAA,CAAAI,GAAA,EAACL,UAAA,CAAAsB,SAAS;MAAA,GACJJ,OAAO;MACXK,IAAI,EAAER,IAAK;MACXS,UAAU;MACVC,WAAW,EAAC,iBAAiB;MAC7BC,OAAO,EAAEd,IAAK;MACde,IAAI,EAAEnB,IAAK;MACXoB,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACpB;IAAG,CAC3B,CACH,CAAC;IACDqB,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACnDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACxDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFZ,EAAE,CAAC,sBAAsB,EAAE,MAAM;IAC/B,MAAMa,WAAW,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC7BlC,IAAI,cACF,IAAAD,WAAA,CAAAI,GAAA,EAACL,UAAA,CAAAsB,SAAS;MAAA,GAAKJ,OAAO;MAAEK,IAAI,EAAER,IAAK;MAACsB,SAAS,EAAC,MAAM;MAACH,WAAW,EAAEA,WAAY;MAACR,OAAO,EAAEd,IAAK;MAACe,IAAI,EAAEnB,IAAK;MAACoB,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACpB;IAAG,CAAE,CACxI,CAAC;IACD6B,sBAAS,CAACC,KAAK,CAACR,mBAAM,CAACC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/CF,MAAM,CAACI,WAAW,CAAC,CAACM,oBAAoB,CAAC,MAAM,CAAC;EAClD,CAAC,CAAC;EAEFnB,EAAE,CAAC,mBAAmB,EAAE,MAAM;IAC5B,MAAMoB,cAAc,GAAGN,IAAI,CAACC,EAAE,CAAC,CAAC;IAChClC,IAAI,cACF,IAAAD,WAAA,CAAAI,GAAA,EAACL,UAAA,CAAAsB,SAAS;MAAA,GAAKJ,OAAO;MAAEM,UAAU;MAACkB,WAAW,EAAC,EAAE;MAACD,cAAc,EAAEA,cAAe;MAACf,OAAO,EAAEd,IAAK;MAACe,IAAI,EAAEnB,IAAK;MAACoB,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACpB,EAAG;MAACkC,iBAAiB,EAAC;IAAS,CAAE,CACvK,CAAC;IACDL,sBAAS,CAACM,UAAU,CAACb,mBAAM,CAACc,oBAAoB,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IACnEf,MAAM,CAACW,cAAc,CAAC,CAACD,oBAAoB,CAAC,KAAK,CAAC;EACpD,CAAC,CAAC;EAEFnB,EAAE,CAAC,cAAc,EAAE,MAAM;IACvB,MAAMyB,QAAQ,GAAGX,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1BlC,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,UAAA,CAAAsB,SAAS;MAAA,GAAKJ,OAAO;MAAEO,WAAW,EAAC,QAAQ;MAACqB,QAAQ,EAAEA,QAAS;MAACpB,OAAO,EAAEd,IAAK;MAACe,IAAI,EAAEnB,IAAK;MAACoB,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACpB;IAAG,CAAE,CAAC,CAAC;IAC/H6B,sBAAS,CAACC,KAAK,CAACR,mBAAM,CAACC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CF,MAAM,CAACgB,QAAQ,CAAC,CAACC,qBAAqB,CAAC,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEF1B,EAAE,CAAC,wDAAwD,EAAE,MAAM;IACjEnB,IAAI,cACF,IAAAD,WAAA,CAAAI,GAAA,EAACL,UAAA,CAAAsB,SAAS;MAAA,GACJJ,OAAO;MACXQ,OAAO,EAAEd,IAAK;MACde,IAAI,EAAE,EAAG;MACTC,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACpB,EAAG;MAC1BuC,UAAU,EAAE;QAAEC,KAAK,EAAE,cAAc;QAAEC,MAAM,EAAE;UAAEjC,KAAK,EAAE,aAAa;UAAEkC,OAAO,EAAEA,CAAA,KAAM,CAAC;QAAE;MAAE;IAAE,CAC5F,CACH,CAAC;IACDrB,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,cAAc,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACrDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,aAAa,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACtD,CAAC,CAAC;EAEFZ,EAAE,CAAC,WAAW,EAAE,MAAM;IACpB,SAAS+B,KAAKA,CAAA,EAAG;MACf,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;MACnC,MAAMC,GAAG,GAAGC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,MAAM;QAAErD,EAAE,EAAEsD,MAAM,CAACD,CAAC,CAAC;QAAEpD,IAAI,EAAE,IAAIoD,CAAC,EAAE;QAAEnD,KAAK,EAAE;MAAK,CAAC,CAAC,CAAC;MACpG,MAAMgB,IAAI,GAAG6B,GAAG,CAACQ,KAAK,CAAC,CAACX,IAAI,GAAG,CAAC,IAAI,CAAC,EAAEA,IAAI,GAAG,CAAC,CAAC;MAChD,oBACE,IAAApD,WAAA,CAAAI,GAAA,EAACL,UAAA,CAAAsB,SAAS;QAAA,GACJJ,OAAO;QACXQ,OAAO,EAAEd,IAAK;QACde,IAAI,EAAEA,IAAK;QACXC,YAAY,EAAGC,CAAC,IAAKA,CAAC,CAACpB,EAAG;QAC1BwD,UAAU,EAAE;UAAEZ,IAAI;UAAEa,QAAQ,EAAE,CAAC;UAAEC,KAAK,EAAEX,GAAG,CAACG,MAAM;UAAES,YAAY,EAAEd;QAAQ;MAAE,CAC7E,CAAC;IAEN;IACApD,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAAC+C,KAAK,IAAE,CAAC,CAAC;IACftB,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACjDK,sBAAS,CAACC,KAAK,CAACR,mBAAM,CAACsC,cAAc,CAAC,WAAW,CAAC,CAAC;IACnDvC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}