@bacon-pos/ui 0.8.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/lib/commonjs/components/EmptyState/EmptyState.js +88 -0
  2. package/lib/commonjs/components/EmptyState/EmptyState.js.map +1 -0
  3. package/lib/commonjs/components/EmptyState/EmptyState.stories.js +46 -0
  4. package/lib/commonjs/components/EmptyState/EmptyState.stories.js.map +1 -0
  5. package/lib/commonjs/components/EmptyState/EmptyState.test.js +40 -0
  6. package/lib/commonjs/components/EmptyState/EmptyState.test.js.map +1 -0
  7. package/lib/commonjs/components/EmptyState/index.js +13 -0
  8. package/lib/commonjs/components/EmptyState/index.js.map +1 -0
  9. package/lib/commonjs/components/Icon/icons.generated.js +1 -0
  10. package/lib/commonjs/components/Icon/icons.generated.js.map +1 -1
  11. package/lib/commonjs/components/ProgressBar/ProgressBar.js +114 -0
  12. package/lib/commonjs/components/ProgressBar/ProgressBar.js.map +1 -0
  13. package/lib/commonjs/components/ProgressBar/ProgressBar.stories.js +93 -0
  14. package/lib/commonjs/components/ProgressBar/ProgressBar.stories.js.map +1 -0
  15. package/lib/commonjs/components/ProgressBar/ProgressBar.test.js +70 -0
  16. package/lib/commonjs/components/ProgressBar/ProgressBar.test.js.map +1 -0
  17. package/lib/commonjs/components/ProgressBar/index.js +13 -0
  18. package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
  19. package/lib/commonjs/components/Sidebar/Sidebar.js +264 -0
  20. package/lib/commonjs/components/Sidebar/Sidebar.js.map +1 -0
  21. package/lib/commonjs/components/Sidebar/Sidebar.stories.js +229 -0
  22. package/lib/commonjs/components/Sidebar/Sidebar.stories.js.map +1 -0
  23. package/lib/commonjs/components/Sidebar/Sidebar.test.js +131 -0
  24. package/lib/commonjs/components/Sidebar/Sidebar.test.js.map +1 -0
  25. package/lib/commonjs/components/Sidebar/index.js +13 -0
  26. package/lib/commonjs/components/Sidebar/index.js.map +1 -0
  27. package/lib/commonjs/components/Table/DataTable.js +149 -0
  28. package/lib/commonjs/components/Table/DataTable.js.map +1 -0
  29. package/lib/commonjs/components/Table/DataTable.stories.js +214 -0
  30. package/lib/commonjs/components/Table/DataTable.stories.js.map +1 -0
  31. package/lib/commonjs/components/Table/DataTable.test.js +143 -0
  32. package/lib/commonjs/components/Table/DataTable.test.js.map +1 -0
  33. package/lib/commonjs/components/Table/Table.js +520 -0
  34. package/lib/commonjs/components/Table/Table.js.map +1 -0
  35. package/lib/commonjs/components/Table/Table.stories.js +385 -0
  36. package/lib/commonjs/components/Table/Table.stories.js.map +1 -0
  37. package/lib/commonjs/components/Table/Table.test.js +278 -0
  38. package/lib/commonjs/components/Table/Table.test.js.map +1 -0
  39. package/lib/commonjs/components/Table/index.js +20 -0
  40. package/lib/commonjs/components/Table/index.js.map +1 -0
  41. package/lib/commonjs/components/brand/BaconLogo.js +29 -0
  42. package/lib/commonjs/components/brand/BaconLogo.js.map +1 -0
  43. package/lib/commonjs/components/brand/index.js +7 -0
  44. package/lib/commonjs/components/brand/index.js.map +1 -1
  45. package/lib/commonjs/components/index.js +60 -16
  46. package/lib/commonjs/components/index.js.map +1 -1
  47. package/lib/module/components/EmptyState/EmptyState.js +84 -0
  48. package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
  49. package/lib/module/components/EmptyState/EmptyState.stories.js +42 -0
  50. package/lib/module/components/EmptyState/EmptyState.stories.js.map +1 -0
  51. package/lib/module/components/EmptyState/EmptyState.test.js +40 -0
  52. package/lib/module/components/EmptyState/EmptyState.test.js.map +1 -0
  53. package/lib/module/components/EmptyState/index.js +4 -0
  54. package/lib/module/components/EmptyState/index.js.map +1 -0
  55. package/lib/module/components/Icon/icons.generated.js +1 -0
  56. package/lib/module/components/Icon/icons.generated.js.map +1 -1
  57. package/lib/module/components/ProgressBar/ProgressBar.js +110 -0
  58. package/lib/module/components/ProgressBar/ProgressBar.js.map +1 -0
  59. package/lib/module/components/ProgressBar/ProgressBar.stories.js +89 -0
  60. package/lib/module/components/ProgressBar/ProgressBar.stories.js.map +1 -0
  61. package/lib/module/components/ProgressBar/ProgressBar.test.js +70 -0
  62. package/lib/module/components/ProgressBar/ProgressBar.test.js.map +1 -0
  63. package/lib/module/components/ProgressBar/index.js +4 -0
  64. package/lib/module/components/ProgressBar/index.js.map +1 -0
  65. package/lib/module/components/Sidebar/Sidebar.js +260 -0
  66. package/lib/module/components/Sidebar/Sidebar.js.map +1 -0
  67. package/lib/module/components/Sidebar/Sidebar.stories.js +225 -0
  68. package/lib/module/components/Sidebar/Sidebar.stories.js.map +1 -0
  69. package/lib/module/components/Sidebar/Sidebar.test.js +131 -0
  70. package/lib/module/components/Sidebar/Sidebar.test.js.map +1 -0
  71. package/lib/module/components/Sidebar/index.js +4 -0
  72. package/lib/module/components/Sidebar/index.js.map +1 -0
  73. package/lib/module/components/Table/DataTable.js +145 -0
  74. package/lib/module/components/Table/DataTable.js.map +1 -0
  75. package/lib/module/components/Table/DataTable.stories.js +210 -0
  76. package/lib/module/components/Table/DataTable.stories.js.map +1 -0
  77. package/lib/module/components/Table/DataTable.test.js +143 -0
  78. package/lib/module/components/Table/DataTable.test.js.map +1 -0
  79. package/lib/module/components/Table/Table.js +516 -0
  80. package/lib/module/components/Table/Table.js.map +1 -0
  81. package/lib/module/components/Table/Table.stories.js +381 -0
  82. package/lib/module/components/Table/Table.stories.js.map +1 -0
  83. package/lib/module/components/Table/Table.test.js +278 -0
  84. package/lib/module/components/Table/Table.test.js.map +1 -0
  85. package/lib/module/components/Table/index.js +5 -0
  86. package/lib/module/components/Table/index.js.map +1 -0
  87. package/lib/module/components/brand/BaconLogo.js +25 -0
  88. package/lib/module/components/brand/BaconLogo.js.map +1 -0
  89. package/lib/module/components/brand/index.js +1 -0
  90. package/lib/module/components/brand/index.js.map +1 -1
  91. package/lib/module/components/index.js +4 -0
  92. package/lib/module/components/index.js.map +1 -1
  93. package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts +30 -0
  94. package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts.map +1 -0
  95. package/lib/typescript/commonjs/components/EmptyState/index.d.ts +3 -0
  96. package/lib/typescript/commonjs/components/EmptyState/index.d.ts.map +1 -0
  97. package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts +1 -0
  98. package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts.map +1 -1
  99. package/lib/typescript/commonjs/components/ProgressBar/ProgressBar.d.ts +37 -0
  100. package/lib/typescript/commonjs/components/ProgressBar/ProgressBar.d.ts.map +1 -0
  101. package/lib/typescript/commonjs/components/ProgressBar/index.d.ts +3 -0
  102. package/lib/typescript/commonjs/components/ProgressBar/index.d.ts.map +1 -0
  103. package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts +57 -0
  104. package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts.map +1 -0
  105. package/lib/typescript/commonjs/components/Sidebar/index.d.ts +3 -0
  106. package/lib/typescript/commonjs/components/Sidebar/index.d.ts.map +1 -0
  107. package/lib/typescript/commonjs/components/Table/DataTable.d.ts +53 -0
  108. package/lib/typescript/commonjs/components/Table/DataTable.d.ts.map +1 -0
  109. package/lib/typescript/commonjs/components/Table/Table.d.ts +85 -0
  110. package/lib/typescript/commonjs/components/Table/Table.d.ts.map +1 -0
  111. package/lib/typescript/commonjs/components/Table/index.d.ts +5 -0
  112. package/lib/typescript/commonjs/components/Table/index.d.ts.map +1 -0
  113. package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts +13 -0
  114. package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts.map +1 -0
  115. package/lib/typescript/commonjs/components/brand/index.d.ts +1 -0
  116. package/lib/typescript/commonjs/components/brand/index.d.ts.map +1 -1
  117. package/lib/typescript/commonjs/components/index.d.ts +4 -0
  118. package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
  119. package/lib/typescript/module/components/EmptyState/EmptyState.d.ts +30 -0
  120. package/lib/typescript/module/components/EmptyState/EmptyState.d.ts.map +1 -0
  121. package/lib/typescript/module/components/EmptyState/index.d.ts +3 -0
  122. package/lib/typescript/module/components/EmptyState/index.d.ts.map +1 -0
  123. package/lib/typescript/module/components/Icon/icons.generated.d.ts +1 -0
  124. package/lib/typescript/module/components/Icon/icons.generated.d.ts.map +1 -1
  125. package/lib/typescript/module/components/ProgressBar/ProgressBar.d.ts +37 -0
  126. package/lib/typescript/module/components/ProgressBar/ProgressBar.d.ts.map +1 -0
  127. package/lib/typescript/module/components/ProgressBar/index.d.ts +3 -0
  128. package/lib/typescript/module/components/ProgressBar/index.d.ts.map +1 -0
  129. package/lib/typescript/module/components/Sidebar/Sidebar.d.ts +57 -0
  130. package/lib/typescript/module/components/Sidebar/Sidebar.d.ts.map +1 -0
  131. package/lib/typescript/module/components/Sidebar/index.d.ts +3 -0
  132. package/lib/typescript/module/components/Sidebar/index.d.ts.map +1 -0
  133. package/lib/typescript/module/components/Table/DataTable.d.ts +53 -0
  134. package/lib/typescript/module/components/Table/DataTable.d.ts.map +1 -0
  135. package/lib/typescript/module/components/Table/Table.d.ts +85 -0
  136. package/lib/typescript/module/components/Table/Table.d.ts.map +1 -0
  137. package/lib/typescript/module/components/Table/index.d.ts +5 -0
  138. package/lib/typescript/module/components/Table/index.d.ts.map +1 -0
  139. package/lib/typescript/module/components/brand/BaconLogo.d.ts +13 -0
  140. package/lib/typescript/module/components/brand/BaconLogo.d.ts.map +1 -0
  141. package/lib/typescript/module/components/brand/index.d.ts +1 -0
  142. package/lib/typescript/module/components/brand/index.d.ts.map +1 -1
  143. package/lib/typescript/module/components/index.d.ts +4 -0
  144. package/lib/typescript/module/components/index.d.ts.map +1 -1
  145. package/package.json +1 -1
  146. package/src/components/EmptyState/EmptyState.tsx +91 -0
  147. package/src/components/EmptyState/index.ts +2 -0
  148. package/src/components/Icon/icons.generated.ts +1 -0
  149. package/src/components/ProgressBar/ProgressBar.tsx +135 -0
  150. package/src/components/ProgressBar/index.ts +2 -0
  151. package/src/components/Sidebar/Sidebar.tsx +320 -0
  152. package/src/components/Sidebar/index.ts +2 -0
  153. package/src/components/Table/DataTable.tsx +173 -0
  154. package/src/components/Table/Table.tsx +556 -0
  155. package/src/components/Table/index.ts +10 -0
  156. package/src/components/brand/BaconLogo.tsx +25 -0
  157. package/src/components/brand/index.ts +1 -0
  158. package/src/components/index.ts +4 -0
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Sidebar", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _Sidebar.Sidebar;
10
+ }
11
+ });
12
+ var _Sidebar = require("./Sidebar.js");
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_Sidebar","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA","ignoreList":[]}
@@ -0,0 +1,149 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DataTable = DataTable;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _index = require("../../theme/index.js");
10
+ var _Button = require("../Button/Button.js");
11
+ var _ChipGroup = require("../Chip/ChipGroup.js");
12
+ var _EmptyState = require("../EmptyState/EmptyState.js");
13
+ var _Icon = require("../Icon/Icon.js");
14
+ var _IconButton = require("../IconButton/IconButton.js");
15
+ var _Input = require("../Input/Input.js");
16
+ var _Text = require("../Text/Text.js");
17
+ var _Table = require("./Table.js");
18
+ var _jsxRuntime = require("react/jsx-runtime");
19
+ /**
20
+ * DataTable — the turnkey management table (Figma): optional tabs (`ChipGroup`),
21
+ * a search + create toolbar, the `Table` body, a structured `EmptyState`, and
22
+ * optional pagination — assembled with consistent spacing. For bespoke layouts,
23
+ * compose `Table` + `EmptyState` yourself.
24
+ */
25
+ function DataTable({
26
+ tabs,
27
+ activeTab,
28
+ defaultTab,
29
+ onTabChange,
30
+ searchable = false,
31
+ searchValue,
32
+ onSearchChange,
33
+ searchPlaceholder = 'Search…',
34
+ createLabel,
35
+ onCreate,
36
+ createIcon = 'plus',
37
+ emptyState,
38
+ empty,
39
+ pagination,
40
+ gap = 16,
41
+ containerStyle,
42
+ ...tableProps
43
+ }) {
44
+ const theme = (0, _index.useTheme)();
45
+ const tabControlled = activeTab !== undefined;
46
+ const [tabInternal, setTabInternal] = (0, _react.useState)(defaultTab ?? tabs?.[0]?.value ?? null);
47
+ const currentTab = tabControlled ? activeTab : tabInternal;
48
+ const setTab = value => {
49
+ if (value == null) return; // tabs are not deselectable
50
+ if (!tabControlled) setTabInternal(value);
51
+ onTabChange?.(value);
52
+ };
53
+ const emptyNode = empty ?? (emptyState ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
54
+ ...emptyState
55
+ }) : undefined);
56
+ const showToolbar = searchable || !!createLabel;
57
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
58
+ style: [{
59
+ gap
60
+ }, containerStyle],
61
+ children: [tabs && tabs.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
62
+ tone: "dark",
63
+ options: tabs.map(t => ({
64
+ value: t.value,
65
+ label: t.label,
66
+ icon: t.icon
67
+ })),
68
+ value: currentTab,
69
+ onChange: setTab
70
+ }) : null, showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
71
+ style: {
72
+ flexDirection: 'row',
73
+ alignItems: 'center',
74
+ gap: 12,
75
+ flexWrap: 'wrap'
76
+ },
77
+ children: [searchable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
78
+ style: {
79
+ flex: 1,
80
+ minWidth: 220
81
+ },
82
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
83
+ value: searchValue,
84
+ onChangeText: onSearchChange,
85
+ placeholder: searchPlaceholder,
86
+ leftIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
87
+ name: "search",
88
+ size: 24,
89
+ color: "tertiary"
90
+ })
91
+ })
92
+ }) : null, createLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
93
+ label: createLabel,
94
+ variant: "inverse",
95
+ size: "md",
96
+ onPress: onCreate,
97
+ leftIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
98
+ name: createIcon,
99
+ size: 24,
100
+ color: theme.colors.action.inverseForeground
101
+ })
102
+ }) : null]
103
+ }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.Table, {
104
+ ...tableProps,
105
+ empty: emptyNode
106
+ }), pagination ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Paginator, {
107
+ ...pagination
108
+ }) : null]
109
+ });
110
+ }
111
+ function Paginator({
112
+ page,
113
+ pageSize,
114
+ total,
115
+ onPageChange,
116
+ formatRange
117
+ }) {
118
+ const totalPages = Math.max(1, Math.ceil(total / pageSize));
119
+ const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
120
+ const to = Math.min(page * pageSize, total);
121
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
122
+ style: {
123
+ flexDirection: 'row',
124
+ alignItems: 'center',
125
+ justifyContent: 'flex-end',
126
+ gap: 12
127
+ },
128
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
129
+ variant: "bodySmall",
130
+ color: "secondary",
131
+ children: formatRange ? formatRange(from, to, total) : `${from}–${to} of ${total}`
132
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
133
+ icon: "arrow-left",
134
+ accessibilityLabel: "Previous page",
135
+ variant: "secondary",
136
+ size: "sm",
137
+ disabled: page <= 1,
138
+ onPress: () => onPageChange(page - 1)
139
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
140
+ icon: "arrow-right",
141
+ accessibilityLabel: "Next page",
142
+ variant: "secondary",
143
+ size: "sm",
144
+ disabled: page >= totalPages,
145
+ onPress: () => onPageChange(page + 1)
146
+ })]
147
+ });
148
+ }
149
+ //# sourceMappingURL=DataTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_index","_Button","_ChipGroup","_EmptyState","_Icon","_IconButton","_Input","_Text","_Table","_jsxRuntime","DataTable","tabs","activeTab","defaultTab","onTabChange","searchable","searchValue","onSearchChange","searchPlaceholder","createLabel","onCreate","createIcon","emptyState","empty","pagination","gap","containerStyle","tableProps","theme","useTheme","tabControlled","undefined","tabInternal","setTabInternal","useState","value","currentTab","setTab","emptyNode","jsx","EmptyState","showToolbar","jsxs","View","style","children","length","ChipGroup","tone","options","map","t","label","icon","onChange","flexDirection","alignItems","flexWrap","flex","minWidth","Input","onChangeText","placeholder","leftIcon","Icon","name","size","color","Button","variant","onPress","colors","action","inverseForeground","Table","Paginator","page","pageSize","total","onPageChange","formatRange","totalPages","Math","max","ceil","from","to","min","justifyContent","Text","IconButton","accessibilityLabel","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Table/DataTable.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,214 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Paginated = exports.Full = exports.EmptyState = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _DataTable = require("./DataTable.js");
10
+ var _IconButton = require("../IconButton/IconButton.js");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const meta = {
13
+ title: 'Components/DataTable',
14
+ component: _DataTable.DataTable
15
+ };
16
+ var _default = exports.default = meta;
17
+ const ALL = [{
18
+ id: '1',
19
+ name: 'Spicy Mango Salsa',
20
+ category: 'Starter',
21
+ price: '$4.25'
22
+ }, {
23
+ id: '2',
24
+ name: 'Creamy Garlic Pasta',
25
+ category: 'Starter',
26
+ price: '$5.75'
27
+ }, {
28
+ id: '3',
29
+ name: 'Zesty Lemon Chicken',
30
+ category: 'Starter',
31
+ price: '$7.10'
32
+ }, {
33
+ id: '4',
34
+ name: 'Savory Mushroom Risotto',
35
+ category: 'Starter',
36
+ price: '$8.99'
37
+ }, {
38
+ id: '5',
39
+ name: 'Grilled Vegetable Skewers',
40
+ category: 'Main plates',
41
+ price: '$6.50'
42
+ }, {
43
+ id: '6',
44
+ name: 'Honey Glazed Salmon',
45
+ category: 'Main plates',
46
+ price: '$3.99'
47
+ }, {
48
+ id: '7',
49
+ name: 'Classic Beef Tacos',
50
+ category: 'Main plates',
51
+ price: '$11.20'
52
+ }, {
53
+ id: '8',
54
+ name: 'Rich Chocolate Mousse',
55
+ category: 'Desserts',
56
+ price: '$12.30'
57
+ }, {
58
+ id: '9',
59
+ name: 'Fresh Berry Parfait',
60
+ category: 'Soups',
61
+ price: '$10.90'
62
+ }];
63
+ const TABS = [{
64
+ value: 'menu',
65
+ label: 'Menu items'
66
+ }, {
67
+ value: 'categories',
68
+ label: 'Categories'
69
+ }, {
70
+ value: 'modes',
71
+ label: 'Modes sets'
72
+ }, {
73
+ value: 'addons',
74
+ label: 'Add-ons sets'
75
+ }, {
76
+ value: 'inventory',
77
+ label: 'Inventory control'
78
+ }];
79
+ const COLUMNS = [{
80
+ key: 'name',
81
+ header: 'Item name',
82
+ flex: 2,
83
+ sortable: true,
84
+ sortAccessor: r => r.name
85
+ }, {
86
+ key: 'category',
87
+ header: 'Category',
88
+ sortable: true,
89
+ sortAccessor: r => r.category
90
+ }, {
91
+ key: 'price',
92
+ header: 'Price',
93
+ align: 'right',
94
+ sortable: true,
95
+ sortAccessor: r => Number(r.price.replace('$', ''))
96
+ }];
97
+
98
+ /** Full data table (Figma): tabs + search + create + actions. */
99
+ const Full = exports.Full = {
100
+ render: () => {
101
+ const [tab, setTab] = (0, _react.useState)('menu');
102
+ const [search, setSearch] = (0, _react.useState)('');
103
+ const data = (0, _react.useMemo)(() => ALL.filter(r => r.name.toLowerCase().includes(search.toLowerCase())), [search]);
104
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
105
+ style: {
106
+ padding: 24,
107
+ width: 980
108
+ },
109
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
110
+ tabs: TABS,
111
+ activeTab: tab,
112
+ onTabChange: setTab,
113
+ searchable: true,
114
+ searchValue: search,
115
+ onSearchChange: setSearch,
116
+ searchPlaceholder: "Search item from menu list\u2026",
117
+ createLabel: "Create new item",
118
+ onCreate: () => {},
119
+ columns: COLUMNS,
120
+ data: data,
121
+ keyExtractor: r => r.id,
122
+ renderActions: r => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
123
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
124
+ icon: "edit",
125
+ accessibilityLabel: `Edit ${r.name}`,
126
+ variant: "ghost",
127
+ size: "sm",
128
+ onPress: () => {}
129
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
130
+ icon: "trash",
131
+ accessibilityLabel: `Delete ${r.name}`,
132
+ variant: "ghost",
133
+ size: "sm",
134
+ onPress: () => {}
135
+ })]
136
+ }),
137
+ emptyState: {
138
+ icon: 'dish',
139
+ title: 'No items yet',
140
+ description: 'Categories group your menu items, like Mains or Drinks. Create your first one to get started.',
141
+ action: {
142
+ label: 'Create item',
143
+ icon: 'plus',
144
+ onPress: () => {}
145
+ }
146
+ }
147
+ })
148
+ });
149
+ }
150
+ };
151
+
152
+ /** Empty state through the toolbar. */
153
+ const EmptyState = exports.EmptyState = {
154
+ render: () => {
155
+ const [tab, setTab] = (0, _react.useState)('categories');
156
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
157
+ style: {
158
+ padding: 24,
159
+ width: 980
160
+ },
161
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
162
+ tabs: TABS,
163
+ activeTab: tab,
164
+ onTabChange: setTab,
165
+ searchable: true,
166
+ createLabel: "Create item",
167
+ onCreate: () => {},
168
+ columns: COLUMNS,
169
+ data: [],
170
+ keyExtractor: r => r.id,
171
+ emptyState: {
172
+ icon: 'dish',
173
+ title: 'No items yet',
174
+ description: 'Categories group your menu items, like Mains or Drinks, and give each a color on the POS.',
175
+ action: {
176
+ label: 'Create item',
177
+ icon: 'plus',
178
+ onPress: () => {}
179
+ }
180
+ }
181
+ })
182
+ });
183
+ }
184
+ };
185
+
186
+ /** With pagination. */
187
+ const Paginated = exports.Paginated = {
188
+ render: () => {
189
+ const [page, setPage] = (0, _react.useState)(1);
190
+ const pageSize = 4;
191
+ const pageData = ALL.slice((page - 1) * pageSize, page * pageSize);
192
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
193
+ style: {
194
+ padding: 24,
195
+ width: 980
196
+ },
197
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
198
+ searchable: true,
199
+ createLabel: "Create new item",
200
+ onCreate: () => {},
201
+ columns: COLUMNS,
202
+ data: pageData,
203
+ keyExtractor: r => r.id,
204
+ pagination: {
205
+ page,
206
+ pageSize,
207
+ total: ALL.length,
208
+ onPageChange: setPage
209
+ }
210
+ })
211
+ });
212
+ }
213
+ };
214
+ //# sourceMappingURL=DataTable.stories.js.map
@@ -0,0 +1 @@
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":[]}
@@ -0,0 +1,143 @@
1
+ "use strict";
2
+
3
+ var _react = require("react");
4
+ var _reactNative = require("@testing-library/react-native");
5
+ var _index = require("../../theme/index.js");
6
+ var _DataTable = require("./DataTable.js");
7
+ var _jsxRuntime = require("react/jsx-runtime");
8
+ function wrap(ui) {
9
+ return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
10
+ children: ui
11
+ }));
12
+ }
13
+ const DATA = [{
14
+ id: 'a',
15
+ name: 'Alpha',
16
+ price: '$3'
17
+ }, {
18
+ id: 'b',
19
+ name: 'Beta',
20
+ price: '$1'
21
+ }];
22
+ const COLS = [{
23
+ key: 'name',
24
+ header: 'Name'
25
+ }, {
26
+ key: 'price',
27
+ header: 'Price'
28
+ }];
29
+ const TABS = [{
30
+ value: 'menu',
31
+ label: 'Menu items'
32
+ }, {
33
+ value: 'cats',
34
+ label: 'Categories'
35
+ }];
36
+ const desktop = {
37
+ mobileBreakpoint: 0
38
+ };
39
+ describe('DataTable', () => {
40
+ it('renders tabs, search, create and the table', () => {
41
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
42
+ ...desktop,
43
+ tabs: TABS,
44
+ searchable: true,
45
+ createLabel: "Create new item",
46
+ columns: COLS,
47
+ data: DATA,
48
+ keyExtractor: r => r.id
49
+ }));
50
+ expect(_reactNative.screen.getByText('Menu items')).toBeTruthy();
51
+ expect(_reactNative.screen.getByText('Create new item')).toBeTruthy();
52
+ expect(_reactNative.screen.getByText('Alpha')).toBeTruthy();
53
+ });
54
+ it('changes tab on press', () => {
55
+ const onTabChange = jest.fn();
56
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
57
+ ...desktop,
58
+ tabs: TABS,
59
+ activeTab: "menu",
60
+ onTabChange: onTabChange,
61
+ columns: COLS,
62
+ data: DATA,
63
+ keyExtractor: r => r.id
64
+ }));
65
+ _reactNative.fireEvent.press(_reactNative.screen.getByText('Categories'));
66
+ expect(onTabChange).toHaveBeenCalledWith('cats');
67
+ });
68
+ it('emits search text', () => {
69
+ const onSearchChange = jest.fn();
70
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
71
+ ...desktop,
72
+ searchable: true,
73
+ searchValue: "",
74
+ onSearchChange: onSearchChange,
75
+ columns: COLS,
76
+ data: DATA,
77
+ keyExtractor: r => r.id,
78
+ searchPlaceholder: "Search\u2026"
79
+ }));
80
+ _reactNative.fireEvent.changeText(_reactNative.screen.getByPlaceholderText('Search…'), 'alp');
81
+ expect(onSearchChange).toHaveBeenCalledWith('alp');
82
+ });
83
+ it('fires create', () => {
84
+ const onCreate = jest.fn();
85
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
86
+ ...desktop,
87
+ createLabel: "Create",
88
+ onCreate: onCreate,
89
+ columns: COLS,
90
+ data: DATA,
91
+ keyExtractor: r => r.id
92
+ }));
93
+ _reactNative.fireEvent.press(_reactNative.screen.getByText('Create'));
94
+ expect(onCreate).toHaveBeenCalledTimes(1);
95
+ });
96
+ it('shows the structured empty state when there is no data', () => {
97
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
98
+ ...desktop,
99
+ columns: COLS,
100
+ data: [],
101
+ keyExtractor: r => r.id,
102
+ emptyState: {
103
+ title: 'No items yet',
104
+ action: {
105
+ label: 'Create item',
106
+ onPress: () => {}
107
+ }
108
+ }
109
+ }));
110
+ expect(_reactNative.screen.getByText('No items yet')).toBeTruthy();
111
+ expect(_reactNative.screen.getByText('Create item')).toBeTruthy();
112
+ });
113
+ it('paginates', () => {
114
+ function Paged() {
115
+ const [page, setPage] = (0, _react.useState)(1);
116
+ const all = Array.from({
117
+ length: 5
118
+ }).map((_, i) => ({
119
+ id: String(i),
120
+ name: `N${i}`,
121
+ price: '$1'
122
+ }));
123
+ const data = all.slice((page - 1) * 2, page * 2);
124
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
125
+ ...desktop,
126
+ columns: COLS,
127
+ data: data,
128
+ keyExtractor: r => r.id,
129
+ pagination: {
130
+ page,
131
+ pageSize: 2,
132
+ total: all.length,
133
+ onPageChange: setPage
134
+ }
135
+ });
136
+ }
137
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(Paged, {}));
138
+ expect(_reactNative.screen.getByText('1–2 of 5')).toBeTruthy();
139
+ _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Next page'));
140
+ expect(_reactNative.screen.getByText('3–4 of 5')).toBeTruthy();
141
+ });
142
+ });
143
+ //# sourceMappingURL=DataTable.test.js.map
@@ -0,0 +1 @@
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":"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","ignoreList":[]}