@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.
- package/lib/commonjs/components/EmptyState/EmptyState.js +88 -0
- package/lib/commonjs/components/EmptyState/EmptyState.js.map +1 -0
- package/lib/commonjs/components/EmptyState/EmptyState.stories.js +46 -0
- package/lib/commonjs/components/EmptyState/EmptyState.stories.js.map +1 -0
- package/lib/commonjs/components/EmptyState/EmptyState.test.js +40 -0
- package/lib/commonjs/components/EmptyState/EmptyState.test.js.map +1 -0
- package/lib/commonjs/components/EmptyState/index.js +13 -0
- package/lib/commonjs/components/EmptyState/index.js.map +1 -0
- package/lib/commonjs/components/Icon/icons.generated.js +1 -0
- package/lib/commonjs/components/Icon/icons.generated.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/ProgressBar.js +114 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.stories.js +93 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.stories.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.test.js +70 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.test.js.map +1 -0
- package/lib/commonjs/components/ProgressBar/index.js +13 -0
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -0
- package/lib/commonjs/components/Sidebar/Sidebar.js +264 -0
- package/lib/commonjs/components/Sidebar/Sidebar.js.map +1 -0
- package/lib/commonjs/components/Sidebar/Sidebar.stories.js +229 -0
- package/lib/commonjs/components/Sidebar/Sidebar.stories.js.map +1 -0
- package/lib/commonjs/components/Sidebar/Sidebar.test.js +131 -0
- package/lib/commonjs/components/Sidebar/Sidebar.test.js.map +1 -0
- package/lib/commonjs/components/Sidebar/index.js +13 -0
- package/lib/commonjs/components/Sidebar/index.js.map +1 -0
- package/lib/commonjs/components/Table/DataTable.js +149 -0
- package/lib/commonjs/components/Table/DataTable.js.map +1 -0
- package/lib/commonjs/components/Table/DataTable.stories.js +214 -0
- package/lib/commonjs/components/Table/DataTable.stories.js.map +1 -0
- package/lib/commonjs/components/Table/DataTable.test.js +143 -0
- package/lib/commonjs/components/Table/DataTable.test.js.map +1 -0
- package/lib/commonjs/components/Table/Table.js +520 -0
- package/lib/commonjs/components/Table/Table.js.map +1 -0
- package/lib/commonjs/components/Table/Table.stories.js +385 -0
- package/lib/commonjs/components/Table/Table.stories.js.map +1 -0
- package/lib/commonjs/components/Table/Table.test.js +278 -0
- package/lib/commonjs/components/Table/Table.test.js.map +1 -0
- package/lib/commonjs/components/Table/index.js +20 -0
- package/lib/commonjs/components/Table/index.js.map +1 -0
- package/lib/commonjs/components/brand/BaconLogo.js +29 -0
- package/lib/commonjs/components/brand/BaconLogo.js.map +1 -0
- package/lib/commonjs/components/brand/index.js +7 -0
- package/lib/commonjs/components/brand/index.js.map +1 -1
- package/lib/commonjs/components/index.js +60 -16
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/EmptyState/EmptyState.js +84 -0
- package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
- package/lib/module/components/EmptyState/EmptyState.stories.js +42 -0
- package/lib/module/components/EmptyState/EmptyState.stories.js.map +1 -0
- package/lib/module/components/EmptyState/EmptyState.test.js +40 -0
- package/lib/module/components/EmptyState/EmptyState.test.js.map +1 -0
- package/lib/module/components/EmptyState/index.js +4 -0
- package/lib/module/components/EmptyState/index.js.map +1 -0
- package/lib/module/components/Icon/icons.generated.js +1 -0
- package/lib/module/components/Icon/icons.generated.js.map +1 -1
- package/lib/module/components/ProgressBar/ProgressBar.js +110 -0
- package/lib/module/components/ProgressBar/ProgressBar.js.map +1 -0
- package/lib/module/components/ProgressBar/ProgressBar.stories.js +89 -0
- package/lib/module/components/ProgressBar/ProgressBar.stories.js.map +1 -0
- package/lib/module/components/ProgressBar/ProgressBar.test.js +70 -0
- package/lib/module/components/ProgressBar/ProgressBar.test.js.map +1 -0
- package/lib/module/components/ProgressBar/index.js +4 -0
- package/lib/module/components/ProgressBar/index.js.map +1 -0
- package/lib/module/components/Sidebar/Sidebar.js +260 -0
- package/lib/module/components/Sidebar/Sidebar.js.map +1 -0
- package/lib/module/components/Sidebar/Sidebar.stories.js +225 -0
- package/lib/module/components/Sidebar/Sidebar.stories.js.map +1 -0
- package/lib/module/components/Sidebar/Sidebar.test.js +131 -0
- package/lib/module/components/Sidebar/Sidebar.test.js.map +1 -0
- package/lib/module/components/Sidebar/index.js +4 -0
- package/lib/module/components/Sidebar/index.js.map +1 -0
- package/lib/module/components/Table/DataTable.js +145 -0
- package/lib/module/components/Table/DataTable.js.map +1 -0
- package/lib/module/components/Table/DataTable.stories.js +210 -0
- package/lib/module/components/Table/DataTable.stories.js.map +1 -0
- package/lib/module/components/Table/DataTable.test.js +143 -0
- package/lib/module/components/Table/DataTable.test.js.map +1 -0
- package/lib/module/components/Table/Table.js +516 -0
- package/lib/module/components/Table/Table.js.map +1 -0
- package/lib/module/components/Table/Table.stories.js +381 -0
- package/lib/module/components/Table/Table.stories.js.map +1 -0
- package/lib/module/components/Table/Table.test.js +278 -0
- package/lib/module/components/Table/Table.test.js.map +1 -0
- package/lib/module/components/Table/index.js +5 -0
- package/lib/module/components/Table/index.js.map +1 -0
- package/lib/module/components/brand/BaconLogo.js +25 -0
- package/lib/module/components/brand/BaconLogo.js.map +1 -0
- package/lib/module/components/brand/index.js +1 -0
- package/lib/module/components/brand/index.js.map +1 -1
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts +30 -0
- package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/EmptyState/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/EmptyState/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts +1 -0
- package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/ProgressBar/ProgressBar.d.ts +37 -0
- package/lib/typescript/commonjs/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/ProgressBar/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/ProgressBar/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts +57 -0
- package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Sidebar/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Sidebar/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Table/DataTable.d.ts +53 -0
- package/lib/typescript/commonjs/components/Table/DataTable.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Table/Table.d.ts +85 -0
- package/lib/typescript/commonjs/components/Table/Table.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Table/index.d.ts +5 -0
- package/lib/typescript/commonjs/components/Table/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts +13 -0
- package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/brand/index.d.ts +1 -0
- package/lib/typescript/commonjs/components/brand/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/index.d.ts +4 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/EmptyState/EmptyState.d.ts +30 -0
- package/lib/typescript/module/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/lib/typescript/module/components/EmptyState/index.d.ts +3 -0
- package/lib/typescript/module/components/EmptyState/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Icon/icons.generated.d.ts +1 -0
- package/lib/typescript/module/components/Icon/icons.generated.d.ts.map +1 -1
- package/lib/typescript/module/components/ProgressBar/ProgressBar.d.ts +37 -0
- package/lib/typescript/module/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/lib/typescript/module/components/ProgressBar/index.d.ts +3 -0
- package/lib/typescript/module/components/ProgressBar/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Sidebar/Sidebar.d.ts +57 -0
- package/lib/typescript/module/components/Sidebar/Sidebar.d.ts.map +1 -0
- package/lib/typescript/module/components/Sidebar/index.d.ts +3 -0
- package/lib/typescript/module/components/Sidebar/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Table/DataTable.d.ts +53 -0
- package/lib/typescript/module/components/Table/DataTable.d.ts.map +1 -0
- package/lib/typescript/module/components/Table/Table.d.ts +85 -0
- package/lib/typescript/module/components/Table/Table.d.ts.map +1 -0
- package/lib/typescript/module/components/Table/index.d.ts +5 -0
- package/lib/typescript/module/components/Table/index.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/BaconLogo.d.ts +13 -0
- package/lib/typescript/module/components/brand/BaconLogo.d.ts.map +1 -0
- package/lib/typescript/module/components/brand/index.d.ts +1 -0
- package/lib/typescript/module/components/brand/index.d.ts.map +1 -1
- package/lib/typescript/module/components/index.d.ts +4 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/EmptyState/EmptyState.tsx +91 -0
- package/src/components/EmptyState/index.ts +2 -0
- package/src/components/Icon/icons.generated.ts +1 -0
- package/src/components/ProgressBar/ProgressBar.tsx +135 -0
- package/src/components/ProgressBar/index.ts +2 -0
- package/src/components/Sidebar/Sidebar.tsx +320 -0
- package/src/components/Sidebar/index.ts +2 -0
- package/src/components/Table/DataTable.tsx +173 -0
- package/src/components/Table/Table.tsx +556 -0
- package/src/components/Table/index.ts +10 -0
- package/src/components/brand/BaconLogo.tsx +25 -0
- package/src/components/brand/index.ts +1 -0
- 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":[]}
|