@bacon-pos/ui 0.9.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 (123) 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/Sidebar/Sidebar.js +264 -0
  10. package/lib/commonjs/components/Sidebar/Sidebar.js.map +1 -0
  11. package/lib/commonjs/components/Sidebar/Sidebar.stories.js +229 -0
  12. package/lib/commonjs/components/Sidebar/Sidebar.stories.js.map +1 -0
  13. package/lib/commonjs/components/Sidebar/Sidebar.test.js +131 -0
  14. package/lib/commonjs/components/Sidebar/Sidebar.test.js.map +1 -0
  15. package/lib/commonjs/components/Sidebar/index.js +13 -0
  16. package/lib/commonjs/components/Sidebar/index.js.map +1 -0
  17. package/lib/commonjs/components/Table/DataTable.js +149 -0
  18. package/lib/commonjs/components/Table/DataTable.js.map +1 -0
  19. package/lib/commonjs/components/Table/DataTable.stories.js +214 -0
  20. package/lib/commonjs/components/Table/DataTable.stories.js.map +1 -0
  21. package/lib/commonjs/components/Table/DataTable.test.js +143 -0
  22. package/lib/commonjs/components/Table/DataTable.test.js.map +1 -0
  23. package/lib/commonjs/components/Table/Table.js +520 -0
  24. package/lib/commonjs/components/Table/Table.js.map +1 -0
  25. package/lib/commonjs/components/Table/Table.stories.js +385 -0
  26. package/lib/commonjs/components/Table/Table.stories.js.map +1 -0
  27. package/lib/commonjs/components/Table/Table.test.js +278 -0
  28. package/lib/commonjs/components/Table/Table.test.js.map +1 -0
  29. package/lib/commonjs/components/Table/index.js +20 -0
  30. package/lib/commonjs/components/Table/index.js.map +1 -0
  31. package/lib/commonjs/components/brand/BaconLogo.js +29 -0
  32. package/lib/commonjs/components/brand/BaconLogo.js.map +1 -0
  33. package/lib/commonjs/components/brand/index.js +7 -0
  34. package/lib/commonjs/components/brand/index.js.map +1 -1
  35. package/lib/commonjs/components/index.js +50 -17
  36. package/lib/commonjs/components/index.js.map +1 -1
  37. package/lib/module/components/EmptyState/EmptyState.js +84 -0
  38. package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
  39. package/lib/module/components/EmptyState/EmptyState.stories.js +42 -0
  40. package/lib/module/components/EmptyState/EmptyState.stories.js.map +1 -0
  41. package/lib/module/components/EmptyState/EmptyState.test.js +40 -0
  42. package/lib/module/components/EmptyState/EmptyState.test.js.map +1 -0
  43. package/lib/module/components/EmptyState/index.js +4 -0
  44. package/lib/module/components/EmptyState/index.js.map +1 -0
  45. package/lib/module/components/Sidebar/Sidebar.js +260 -0
  46. package/lib/module/components/Sidebar/Sidebar.js.map +1 -0
  47. package/lib/module/components/Sidebar/Sidebar.stories.js +225 -0
  48. package/lib/module/components/Sidebar/Sidebar.stories.js.map +1 -0
  49. package/lib/module/components/Sidebar/Sidebar.test.js +131 -0
  50. package/lib/module/components/Sidebar/Sidebar.test.js.map +1 -0
  51. package/lib/module/components/Sidebar/index.js +4 -0
  52. package/lib/module/components/Sidebar/index.js.map +1 -0
  53. package/lib/module/components/Table/DataTable.js +145 -0
  54. package/lib/module/components/Table/DataTable.js.map +1 -0
  55. package/lib/module/components/Table/DataTable.stories.js +210 -0
  56. package/lib/module/components/Table/DataTable.stories.js.map +1 -0
  57. package/lib/module/components/Table/DataTable.test.js +143 -0
  58. package/lib/module/components/Table/DataTable.test.js.map +1 -0
  59. package/lib/module/components/Table/Table.js +516 -0
  60. package/lib/module/components/Table/Table.js.map +1 -0
  61. package/lib/module/components/Table/Table.stories.js +381 -0
  62. package/lib/module/components/Table/Table.stories.js.map +1 -0
  63. package/lib/module/components/Table/Table.test.js +278 -0
  64. package/lib/module/components/Table/Table.test.js.map +1 -0
  65. package/lib/module/components/Table/index.js +5 -0
  66. package/lib/module/components/Table/index.js.map +1 -0
  67. package/lib/module/components/brand/BaconLogo.js +25 -0
  68. package/lib/module/components/brand/BaconLogo.js.map +1 -0
  69. package/lib/module/components/brand/index.js +1 -0
  70. package/lib/module/components/brand/index.js.map +1 -1
  71. package/lib/module/components/index.js +3 -0
  72. package/lib/module/components/index.js.map +1 -1
  73. package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts +30 -0
  74. package/lib/typescript/commonjs/components/EmptyState/EmptyState.d.ts.map +1 -0
  75. package/lib/typescript/commonjs/components/EmptyState/index.d.ts +3 -0
  76. package/lib/typescript/commonjs/components/EmptyState/index.d.ts.map +1 -0
  77. package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts +57 -0
  78. package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts.map +1 -0
  79. package/lib/typescript/commonjs/components/Sidebar/index.d.ts +3 -0
  80. package/lib/typescript/commonjs/components/Sidebar/index.d.ts.map +1 -0
  81. package/lib/typescript/commonjs/components/Table/DataTable.d.ts +53 -0
  82. package/lib/typescript/commonjs/components/Table/DataTable.d.ts.map +1 -0
  83. package/lib/typescript/commonjs/components/Table/Table.d.ts +85 -0
  84. package/lib/typescript/commonjs/components/Table/Table.d.ts.map +1 -0
  85. package/lib/typescript/commonjs/components/Table/index.d.ts +5 -0
  86. package/lib/typescript/commonjs/components/Table/index.d.ts.map +1 -0
  87. package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts +13 -0
  88. package/lib/typescript/commonjs/components/brand/BaconLogo.d.ts.map +1 -0
  89. package/lib/typescript/commonjs/components/brand/index.d.ts +1 -0
  90. package/lib/typescript/commonjs/components/brand/index.d.ts.map +1 -1
  91. package/lib/typescript/commonjs/components/index.d.ts +3 -0
  92. package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
  93. package/lib/typescript/module/components/EmptyState/EmptyState.d.ts +30 -0
  94. package/lib/typescript/module/components/EmptyState/EmptyState.d.ts.map +1 -0
  95. package/lib/typescript/module/components/EmptyState/index.d.ts +3 -0
  96. package/lib/typescript/module/components/EmptyState/index.d.ts.map +1 -0
  97. package/lib/typescript/module/components/Sidebar/Sidebar.d.ts +57 -0
  98. package/lib/typescript/module/components/Sidebar/Sidebar.d.ts.map +1 -0
  99. package/lib/typescript/module/components/Sidebar/index.d.ts +3 -0
  100. package/lib/typescript/module/components/Sidebar/index.d.ts.map +1 -0
  101. package/lib/typescript/module/components/Table/DataTable.d.ts +53 -0
  102. package/lib/typescript/module/components/Table/DataTable.d.ts.map +1 -0
  103. package/lib/typescript/module/components/Table/Table.d.ts +85 -0
  104. package/lib/typescript/module/components/Table/Table.d.ts.map +1 -0
  105. package/lib/typescript/module/components/Table/index.d.ts +5 -0
  106. package/lib/typescript/module/components/Table/index.d.ts.map +1 -0
  107. package/lib/typescript/module/components/brand/BaconLogo.d.ts +13 -0
  108. package/lib/typescript/module/components/brand/BaconLogo.d.ts.map +1 -0
  109. package/lib/typescript/module/components/brand/index.d.ts +1 -0
  110. package/lib/typescript/module/components/brand/index.d.ts.map +1 -1
  111. package/lib/typescript/module/components/index.d.ts +3 -0
  112. package/lib/typescript/module/components/index.d.ts.map +1 -1
  113. package/package.json +1 -1
  114. package/src/components/EmptyState/EmptyState.tsx +91 -0
  115. package/src/components/EmptyState/index.ts +2 -0
  116. package/src/components/Sidebar/Sidebar.tsx +320 -0
  117. package/src/components/Sidebar/index.ts +2 -0
  118. package/src/components/Table/DataTable.tsx +173 -0
  119. package/src/components/Table/Table.tsx +556 -0
  120. package/src/components/Table/index.ts +10 -0
  121. package/src/components/brand/BaconLogo.tsx +25 -0
  122. package/src/components/brand/index.ts +1 -0
  123. package/src/components/index.ts +3 -0
@@ -0,0 +1,229 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Toggleable = exports.Scrolling = exports.NoIcon = exports.Minimal = exports.LongLabels = exports.Expanded = exports.CustomLogo = exports.Collapsed = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ var _Sidebar = require("./Sidebar.js");
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+ const meta = {
12
+ title: 'Components/Sidebar',
13
+ component: _Sidebar.Sidebar
14
+ };
15
+ var _default = exports.default = meta;
16
+ const ITEMS = [{
17
+ key: 'home',
18
+ label: 'Home',
19
+ icon: 'home'
20
+ }, {
21
+ key: 'tables',
22
+ label: 'Table Map',
23
+ icon: 'table'
24
+ }, {
25
+ key: 'menu',
26
+ label: 'Menu List',
27
+ icon: 'dish'
28
+ }, {
29
+ key: 'orders',
30
+ label: 'Orders',
31
+ icon: 'receipt'
32
+ }, {
33
+ key: 'users',
34
+ label: 'User Mgmt.',
35
+ icon: 'usergroup'
36
+ }, {
37
+ key: 'customers',
38
+ label: 'Customers',
39
+ icon: 'user-star'
40
+ }, {
41
+ key: 'reports',
42
+ label: 'Reports',
43
+ icon: 'analytics'
44
+ }, {
45
+ key: 'settings',
46
+ label: 'Settings',
47
+ icon: 'settings'
48
+ }];
49
+
50
+ // A tall frame so the drawer fills a page-like height.
51
+ function Frame({
52
+ children
53
+ }) {
54
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
55
+ style: {
56
+ height: 720,
57
+ flexDirection: 'row'
58
+ },
59
+ children: children
60
+ });
61
+ }
62
+
63
+ /** Expanded (Figma default), with footer text. */
64
+ const Expanded = exports.Expanded = {
65
+ render: () => {
66
+ const [active, setActive] = (0, _react.useState)('home');
67
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
68
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
69
+ items: ITEMS,
70
+ activeKey: active,
71
+ onChange: setActive,
72
+ footer: "Bacon POS v2.0.12"
73
+ })
74
+ });
75
+ }
76
+ };
77
+
78
+ /** Collapsed (icon-only rail). */
79
+ const Collapsed = exports.Collapsed = {
80
+ render: () => {
81
+ const [active, setActive] = (0, _react.useState)('home');
82
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
83
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
84
+ items: ITEMS,
85
+ activeKey: active,
86
+ onChange: setActive,
87
+ defaultCollapsed: true,
88
+ footer: "Bacon POS v2.0.12"
89
+ })
90
+ });
91
+ }
92
+ };
93
+
94
+ /** Toggle it — press the arrow to expand/collapse. */
95
+ const Toggleable = exports.Toggleable = {
96
+ render: () => {
97
+ const [active, setActive] = (0, _react.useState)('orders');
98
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
99
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
100
+ items: ITEMS,
101
+ activeKey: active,
102
+ onChange: setActive,
103
+ footer: "Bacon POS v2.0.12"
104
+ })
105
+ });
106
+ }
107
+ };
108
+
109
+ /** No footer (default) and few items. */
110
+ const Minimal = exports.Minimal = {
111
+ render: () => {
112
+ const [active, setActive] = (0, _react.useState)('home');
113
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
114
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
115
+ items: ITEMS.slice(0, 3),
116
+ activeKey: active,
117
+ onChange: setActive,
118
+ showToggle: false
119
+ })
120
+ });
121
+ }
122
+ };
123
+
124
+ /** Many items — the list scrolls, the footer stays pinned. */
125
+ const Scrolling = exports.Scrolling = {
126
+ render: () => {
127
+ const many = Array.from({
128
+ length: 14
129
+ }).map((_, i) => ({
130
+ key: String(i),
131
+ label: `Section ${i + 1}`,
132
+ icon: 'analytics'
133
+ }));
134
+ const [active, setActive] = (0, _react.useState)('0');
135
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
136
+ style: {
137
+ height: 480,
138
+ flexDirection: 'row'
139
+ },
140
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
141
+ items: many,
142
+ activeKey: active,
143
+ onChange: setActive,
144
+ footer: "Bacon POS v2.0.12"
145
+ })
146
+ });
147
+ }
148
+ };
149
+
150
+ /** Long labels truncate with an ellipsis (single line). */
151
+ const LongLabels = exports.LongLabels = {
152
+ render: () => {
153
+ const [active, setActive] = (0, _react.useState)('a');
154
+ const items = [{
155
+ key: 'a',
156
+ label: 'Reservations & waitlist management',
157
+ icon: 'table'
158
+ }, {
159
+ key: 'b',
160
+ label: 'Kitchen display system settings',
161
+ icon: 'settings'
162
+ }, {
163
+ key: 'c',
164
+ label: 'Customer loyalty & rewards program',
165
+ icon: 'user-star'
166
+ }];
167
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
168
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
169
+ items: items,
170
+ activeKey: active,
171
+ onChange: setActive,
172
+ footer: "Bacon POS v2.0.12"
173
+ })
174
+ });
175
+ }
176
+ };
177
+
178
+ /**
179
+ * Items without an icon: expanded keeps the icon's blank space (labels stay
180
+ * aligned); collapsed shows the label's initial.
181
+ */
182
+ const NoIcon = exports.NoIcon = {
183
+ render: () => {
184
+ const [active, setActive] = (0, _react.useState)('home');
185
+ const items = [{
186
+ key: 'home',
187
+ label: 'Home',
188
+ icon: 'home'
189
+ }, {
190
+ key: 'reports',
191
+ label: 'Reports'
192
+ },
193
+ // no icon → blank space / initial "R"
194
+ {
195
+ key: 'billing',
196
+ label: 'Billing'
197
+ },
198
+ // no icon → "B"
199
+ {
200
+ key: 'settings',
201
+ label: 'Settings',
202
+ icon: 'settings'
203
+ }];
204
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
205
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
206
+ items: items,
207
+ activeKey: active,
208
+ onChange: setActive,
209
+ footer: "Bacon POS v2.0.12"
210
+ })
211
+ });
212
+ }
213
+ };
214
+
215
+ /** Custom logo color. */
216
+ const CustomLogo = exports.CustomLogo = {
217
+ render: () => {
218
+ const [active, setActive] = (0, _react.useState)('home');
219
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
220
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
221
+ items: ITEMS,
222
+ activeKey: active,
223
+ onChange: setActive,
224
+ footer: "Acme v1"
225
+ })
226
+ });
227
+ }
228
+ };
229
+ //# sourceMappingURL=Sidebar.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_Sidebar","_jsxRuntime","meta","title","component","Sidebar","_default","exports","default","ITEMS","key","label","icon","Frame","children","jsx","View","style","height","flexDirection","Expanded","render","active","setActive","useState","items","activeKey","onChange","footer","Collapsed","defaultCollapsed","Toggleable","Minimal","slice","showToggle","Scrolling","many","Array","from","length","map","_","i","String","LongLabels","NoIcon","CustomLogo"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.stories.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,131 @@
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 _Sidebar = require("./Sidebar.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 ITEMS = [{
14
+ key: 'home',
15
+ label: 'Home',
16
+ icon: 'home'
17
+ }, {
18
+ key: 'orders',
19
+ label: 'Orders',
20
+ icon: 'receipt'
21
+ }, {
22
+ key: 'settings',
23
+ label: 'Settings',
24
+ icon: 'settings'
25
+ }];
26
+ describe('Sidebar', () => {
27
+ it('renders all item labels when expanded', () => {
28
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
29
+ items: ITEMS
30
+ }));
31
+ expect(_reactNative.screen.getByText('Home')).toBeTruthy();
32
+ expect(_reactNative.screen.getByText('Orders')).toBeTruthy();
33
+ expect(_reactNative.screen.getByText('Settings')).toBeTruthy();
34
+ });
35
+ it('shows the footer only when provided', () => {
36
+ const {
37
+ rerender
38
+ } = wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
39
+ items: ITEMS
40
+ }));
41
+ expect(_reactNative.screen.queryByText('v1.0')).toBeNull();
42
+ rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
43
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
44
+ items: ITEMS,
45
+ footer: "v1.0"
46
+ })
47
+ }));
48
+ expect(_reactNative.screen.getByText('v1.0')).toBeTruthy();
49
+ });
50
+ it('fires onChange with the pressed item key', () => {
51
+ const onChange = jest.fn();
52
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
53
+ items: ITEMS,
54
+ onChange: onChange
55
+ }));
56
+ _reactNative.fireEvent.press(_reactNative.screen.getByText('Orders'));
57
+ expect(onChange).toHaveBeenCalledWith('orders');
58
+ });
59
+ it('marks the active item as selected', () => {
60
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
61
+ items: ITEMS,
62
+ activeKey: "orders"
63
+ }));
64
+ expect(_reactNative.screen.getByLabelText('Orders').props.accessibilityState).toMatchObject({
65
+ selected: true
66
+ });
67
+ expect(_reactNative.screen.getByLabelText('Home').props.accessibilityState).toMatchObject({
68
+ selected: false
69
+ });
70
+ });
71
+ it('hides labels and footer when collapsed', () => {
72
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
73
+ items: ITEMS,
74
+ defaultCollapsed: true,
75
+ footer: "v1.0"
76
+ }));
77
+ expect(_reactNative.screen.queryByText('Home')).toBeNull();
78
+ expect(_reactNative.screen.queryByText('v1.0')).toBeNull();
79
+ });
80
+ it('truncates a long label to a single line', () => {
81
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
82
+ items: [{
83
+ key: 'a',
84
+ label: 'A very long navigation label',
85
+ icon: 'home'
86
+ }]
87
+ }));
88
+ expect(_reactNative.screen.getByText('A very long navigation label').props.numberOfLines).toBe(1);
89
+ });
90
+ it('shows the label initial for an icon-less item when collapsed', () => {
91
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
92
+ items: [{
93
+ key: 'r',
94
+ label: 'Reports'
95
+ }],
96
+ defaultCollapsed: true
97
+ }));
98
+ expect(_reactNative.screen.getByText('R')).toBeTruthy();
99
+ });
100
+ it('renders an icon-less item normally when expanded (label shown, no initial)', () => {
101
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
102
+ items: [{
103
+ key: 'r',
104
+ label: 'Reports'
105
+ }]
106
+ }));
107
+ expect(_reactNative.screen.getByText('Reports')).toBeTruthy();
108
+ expect(_reactNative.screen.queryByText('R')).toBeNull();
109
+ });
110
+ it('toggles collapse via the built-in control', () => {
111
+ function Ctrl() {
112
+ const [c, setC] = (0, _react.useState)(false);
113
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
114
+ items: ITEMS,
115
+ collapsed: c,
116
+ onCollapsedChange: setC
117
+ });
118
+ }
119
+ wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(Ctrl, {}));
120
+ // The control flips its intent immediately (the visual collapse trails the
121
+ // width animation, so we assert on the toggle rather than label unmount).
122
+ expect(_reactNative.screen.getByLabelText('Collapse sidebar')).toBeTruthy();
123
+ _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Collapse sidebar'));
124
+ expect(_reactNative.screen.getByLabelText('Expand sidebar')).toBeTruthy();
125
+ _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Expand sidebar'));
126
+ expect(_reactNative.screen.getByLabelText('Collapse sidebar')).toBeTruthy();
127
+ // Labels are still present while expanded.
128
+ expect(_reactNative.screen.getByText('Home')).toBeTruthy();
129
+ });
130
+ });
131
+ //# sourceMappingURL=Sidebar.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","_index","_Sidebar","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","ITEMS","key","label","icon","describe","it","Sidebar","items","expect","screen","getByText","toBeTruthy","rerender","queryByText","toBeNull","footer","onChange","jest","fn","fireEvent","press","toHaveBeenCalledWith","activeKey","getByLabelText","props","accessibilityState","toMatchObject","selected","defaultCollapsed","numberOfLines","toBe","Ctrl","c","setC","useState","collapsed","onCollapsedChange"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.test.tsx"],"mappings":"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","ignoreList":[]}
@@ -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":[]}