@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,210 @@
1
+ "use strict";
2
+
3
+ import { useMemo, useState } from 'react';
4
+ import { View } from 'react-native';
5
+ import { DataTable } from "./DataTable.js";
6
+ import { IconButton } from "../IconButton/IconButton.js";
7
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
8
+ const meta = {
9
+ title: 'Components/DataTable',
10
+ component: DataTable
11
+ };
12
+ export default meta;
13
+ const ALL = [{
14
+ id: '1',
15
+ name: 'Spicy Mango Salsa',
16
+ category: 'Starter',
17
+ price: '$4.25'
18
+ }, {
19
+ id: '2',
20
+ name: 'Creamy Garlic Pasta',
21
+ category: 'Starter',
22
+ price: '$5.75'
23
+ }, {
24
+ id: '3',
25
+ name: 'Zesty Lemon Chicken',
26
+ category: 'Starter',
27
+ price: '$7.10'
28
+ }, {
29
+ id: '4',
30
+ name: 'Savory Mushroom Risotto',
31
+ category: 'Starter',
32
+ price: '$8.99'
33
+ }, {
34
+ id: '5',
35
+ name: 'Grilled Vegetable Skewers',
36
+ category: 'Main plates',
37
+ price: '$6.50'
38
+ }, {
39
+ id: '6',
40
+ name: 'Honey Glazed Salmon',
41
+ category: 'Main plates',
42
+ price: '$3.99'
43
+ }, {
44
+ id: '7',
45
+ name: 'Classic Beef Tacos',
46
+ category: 'Main plates',
47
+ price: '$11.20'
48
+ }, {
49
+ id: '8',
50
+ name: 'Rich Chocolate Mousse',
51
+ category: 'Desserts',
52
+ price: '$12.30'
53
+ }, {
54
+ id: '9',
55
+ name: 'Fresh Berry Parfait',
56
+ category: 'Soups',
57
+ price: '$10.90'
58
+ }];
59
+ const TABS = [{
60
+ value: 'menu',
61
+ label: 'Menu items'
62
+ }, {
63
+ value: 'categories',
64
+ label: 'Categories'
65
+ }, {
66
+ value: 'modes',
67
+ label: 'Modes sets'
68
+ }, {
69
+ value: 'addons',
70
+ label: 'Add-ons sets'
71
+ }, {
72
+ value: 'inventory',
73
+ label: 'Inventory control'
74
+ }];
75
+ const COLUMNS = [{
76
+ key: 'name',
77
+ header: 'Item name',
78
+ flex: 2,
79
+ sortable: true,
80
+ sortAccessor: r => r.name
81
+ }, {
82
+ key: 'category',
83
+ header: 'Category',
84
+ sortable: true,
85
+ sortAccessor: r => r.category
86
+ }, {
87
+ key: 'price',
88
+ header: 'Price',
89
+ align: 'right',
90
+ sortable: true,
91
+ sortAccessor: r => Number(r.price.replace('$', ''))
92
+ }];
93
+
94
+ /** Full data table (Figma): tabs + search + create + actions. */
95
+ export const Full = {
96
+ render: () => {
97
+ const [tab, setTab] = useState('menu');
98
+ const [search, setSearch] = useState('');
99
+ const data = useMemo(() => ALL.filter(r => r.name.toLowerCase().includes(search.toLowerCase())), [search]);
100
+ return /*#__PURE__*/_jsx(View, {
101
+ style: {
102
+ padding: 24,
103
+ width: 980
104
+ },
105
+ children: /*#__PURE__*/_jsx(DataTable, {
106
+ tabs: TABS,
107
+ activeTab: tab,
108
+ onTabChange: setTab,
109
+ searchable: true,
110
+ searchValue: search,
111
+ onSearchChange: setSearch,
112
+ searchPlaceholder: "Search item from menu list\u2026",
113
+ createLabel: "Create new item",
114
+ onCreate: () => {},
115
+ columns: COLUMNS,
116
+ data: data,
117
+ keyExtractor: r => r.id,
118
+ renderActions: r => /*#__PURE__*/_jsxs(_Fragment, {
119
+ children: [/*#__PURE__*/_jsx(IconButton, {
120
+ icon: "edit",
121
+ accessibilityLabel: `Edit ${r.name}`,
122
+ variant: "ghost",
123
+ size: "sm",
124
+ onPress: () => {}
125
+ }), /*#__PURE__*/_jsx(IconButton, {
126
+ icon: "trash",
127
+ accessibilityLabel: `Delete ${r.name}`,
128
+ variant: "ghost",
129
+ size: "sm",
130
+ onPress: () => {}
131
+ })]
132
+ }),
133
+ emptyState: {
134
+ icon: 'dish',
135
+ title: 'No items yet',
136
+ description: 'Categories group your menu items, like Mains or Drinks. Create your first one to get started.',
137
+ action: {
138
+ label: 'Create item',
139
+ icon: 'plus',
140
+ onPress: () => {}
141
+ }
142
+ }
143
+ })
144
+ });
145
+ }
146
+ };
147
+
148
+ /** Empty state through the toolbar. */
149
+ export const EmptyState = {
150
+ render: () => {
151
+ const [tab, setTab] = useState('categories');
152
+ return /*#__PURE__*/_jsx(View, {
153
+ style: {
154
+ padding: 24,
155
+ width: 980
156
+ },
157
+ children: /*#__PURE__*/_jsx(DataTable, {
158
+ tabs: TABS,
159
+ activeTab: tab,
160
+ onTabChange: setTab,
161
+ searchable: true,
162
+ createLabel: "Create item",
163
+ onCreate: () => {},
164
+ columns: COLUMNS,
165
+ data: [],
166
+ keyExtractor: r => r.id,
167
+ emptyState: {
168
+ icon: 'dish',
169
+ title: 'No items yet',
170
+ description: 'Categories group your menu items, like Mains or Drinks, and give each a color on the POS.',
171
+ action: {
172
+ label: 'Create item',
173
+ icon: 'plus',
174
+ onPress: () => {}
175
+ }
176
+ }
177
+ })
178
+ });
179
+ }
180
+ };
181
+
182
+ /** With pagination. */
183
+ export const Paginated = {
184
+ render: () => {
185
+ const [page, setPage] = useState(1);
186
+ const pageSize = 4;
187
+ const pageData = ALL.slice((page - 1) * pageSize, page * pageSize);
188
+ return /*#__PURE__*/_jsx(View, {
189
+ style: {
190
+ padding: 24,
191
+ width: 980
192
+ },
193
+ children: /*#__PURE__*/_jsx(DataTable, {
194
+ searchable: true,
195
+ createLabel: "Create new item",
196
+ onCreate: () => {},
197
+ columns: COLUMNS,
198
+ data: pageData,
199
+ keyExtractor: r => r.id,
200
+ pagination: {
201
+ page,
202
+ pageSize,
203
+ total: ALL.length,
204
+ onPageChange: setPage
205
+ }
206
+ })
207
+ });
208
+ }
209
+ };
210
+ //# sourceMappingURL=DataTable.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useMemo","useState","View","DataTable","IconButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","meta","title","component","ALL","id","name","category","price","TABS","value","label","COLUMNS","key","header","flex","sortable","sortAccessor","r","align","Number","replace","Full","render","tab","setTab","search","setSearch","data","filter","toLowerCase","includes","style","padding","width","children","tabs","activeTab","onTabChange","searchable","searchValue","onSearchChange","searchPlaceholder","createLabel","onCreate","columns","keyExtractor","renderActions","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
+ import { useState } from 'react';
4
+ import { render, fireEvent, screen } from '@testing-library/react-native';
5
+ import { ThemeProvider } from "../../theme/index.js";
6
+ import { DataTable } from "./DataTable.js";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ function wrap(ui) {
9
+ return render(/*#__PURE__*/_jsx(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__*/_jsx(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(screen.getByText('Menu items')).toBeTruthy();
51
+ expect(screen.getByText('Create new item')).toBeTruthy();
52
+ expect(screen.getByText('Alpha')).toBeTruthy();
53
+ });
54
+ it('changes tab on press', () => {
55
+ const onTabChange = jest.fn();
56
+ wrap(/*#__PURE__*/_jsx(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
+ fireEvent.press(screen.getByText('Categories'));
66
+ expect(onTabChange).toHaveBeenCalledWith('cats');
67
+ });
68
+ it('emits search text', () => {
69
+ const onSearchChange = jest.fn();
70
+ wrap(/*#__PURE__*/_jsx(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
+ fireEvent.changeText(screen.getByPlaceholderText('Search…'), 'alp');
81
+ expect(onSearchChange).toHaveBeenCalledWith('alp');
82
+ });
83
+ it('fires create', () => {
84
+ const onCreate = jest.fn();
85
+ wrap(/*#__PURE__*/_jsx(DataTable, {
86
+ ...desktop,
87
+ createLabel: "Create",
88
+ onCreate: onCreate,
89
+ columns: COLS,
90
+ data: DATA,
91
+ keyExtractor: r => r.id
92
+ }));
93
+ fireEvent.press(screen.getByText('Create'));
94
+ expect(onCreate).toHaveBeenCalledTimes(1);
95
+ });
96
+ it('shows the structured empty state when there is no data', () => {
97
+ wrap(/*#__PURE__*/_jsx(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(screen.getByText('No items yet')).toBeTruthy();
111
+ expect(screen.getByText('Create item')).toBeTruthy();
112
+ });
113
+ it('paginates', () => {
114
+ function Paged() {
115
+ const [page, setPage] = 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__*/_jsx(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__*/_jsx(Paged, {}));
138
+ expect(screen.getByText('1–2 of 5')).toBeTruthy();
139
+ fireEvent.press(screen.getByLabelText('Next page'));
140
+ expect(screen.getByText('3–4 of 5')).toBeTruthy();
141
+ });
142
+ });
143
+ //# sourceMappingURL=DataTable.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useState","render","fireEvent","screen","ThemeProvider","DataTable","jsx","_jsx","wrap","ui","children","DATA","id","name","price","COLS","key","header","TABS","value","label","desktop","mobileBreakpoint","describe","it","tabs","searchable","createLabel","columns","data","keyExtractor","r","expect","getByText","toBeTruthy","onTabChange","jest","fn","activeTab","press","toHaveBeenCalledWith","onSearchChange","searchValue","searchPlaceholder","changeText","getByPlaceholderText","onCreate","toHaveBeenCalledTimes","emptyState","title","action","onPress","Paged","page","setPage","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":[]}