@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.
- 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/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 +50 -17
- 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/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 +3 -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/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 +3 -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/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 +3 -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/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 +3 -0
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EmptyState = EmptyState;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _index = require("../../theme/index.js");
|
|
9
|
+
var _Button = require("../Button/Button.js");
|
|
10
|
+
var _Icon = require("../Icon/Icon.js");
|
|
11
|
+
var _Text = require("../Text/Text.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
/**
|
|
14
|
+
* Empty state — a centered icon, title, description and optional action button.
|
|
15
|
+
* Used by `Table`/`DataTable` when there's no data, and reusable anywhere a
|
|
16
|
+
* "nothing here yet" message is needed.
|
|
17
|
+
*/
|
|
18
|
+
function EmptyState({
|
|
19
|
+
icon = 'no-photo',
|
|
20
|
+
title,
|
|
21
|
+
description,
|
|
22
|
+
action,
|
|
23
|
+
paddingVertical = 32,
|
|
24
|
+
style
|
|
25
|
+
}) {
|
|
26
|
+
const theme = (0, _index.useTheme)();
|
|
27
|
+
const variant = action?.variant ?? 'inverse';
|
|
28
|
+
const actionIconColor = variant === 'default' ? theme.colors.action.primaryForeground : variant === 'secondary' ? theme.colors.action.secondaryForeground : theme.colors.action.inverseForeground;
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
30
|
+
style: [{
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
gap: 12,
|
|
33
|
+
paddingVertical,
|
|
34
|
+
paddingHorizontal: 24
|
|
35
|
+
}, style],
|
|
36
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
37
|
+
style: {
|
|
38
|
+
width: 48,
|
|
39
|
+
height: 48,
|
|
40
|
+
borderRadius: 24,
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
backgroundColor: theme.colors.background.subtle
|
|
44
|
+
},
|
|
45
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
46
|
+
name: icon,
|
|
47
|
+
size: 24,
|
|
48
|
+
color: "tertiary"
|
|
49
|
+
})
|
|
50
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
51
|
+
style: {
|
|
52
|
+
alignItems: 'center',
|
|
53
|
+
gap: 4
|
|
54
|
+
},
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
56
|
+
variant: "bodyLarge",
|
|
57
|
+
weight: "medium",
|
|
58
|
+
color: "primary",
|
|
59
|
+
align: "center",
|
|
60
|
+
children: title
|
|
61
|
+
}), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
62
|
+
variant: "bodyMedium",
|
|
63
|
+
color: "tertiary",
|
|
64
|
+
align: "center",
|
|
65
|
+
style: {
|
|
66
|
+
maxWidth: 420
|
|
67
|
+
},
|
|
68
|
+
children: description
|
|
69
|
+
}) : null]
|
|
70
|
+
}), action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
71
|
+
style: {
|
|
72
|
+
marginTop: 4
|
|
73
|
+
},
|
|
74
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
75
|
+
label: action.label,
|
|
76
|
+
variant: action.variant ?? 'inverse',
|
|
77
|
+
size: "sm",
|
|
78
|
+
onPress: action.onPress,
|
|
79
|
+
leftIcon: action.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
80
|
+
name: action.icon,
|
|
81
|
+
size: 20,
|
|
82
|
+
color: actionIconColor
|
|
83
|
+
}) : undefined
|
|
84
|
+
})
|
|
85
|
+
}) : null]
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_Button","_Icon","_Text","_jsxRuntime","EmptyState","icon","title","description","action","paddingVertical","style","theme","useTheme","variant","actionIconColor","colors","primaryForeground","secondaryForeground","inverseForeground","jsxs","View","alignItems","gap","paddingHorizontal","children","jsx","width","height","borderRadius","justifyContent","backgroundColor","background","subtle","Icon","name","size","color","Text","weight","align","maxWidth","marginTop","Button","label","onPress","leftIcon","undefined"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/EmptyState.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.NoAction = exports.Default = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _EmptyState = require("./EmptyState.js");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: 'Components/EmptyState',
|
|
12
|
+
component: _EmptyState.EmptyState
|
|
13
|
+
};
|
|
14
|
+
var _default = exports.default = meta;
|
|
15
|
+
const Default = exports.Default = {
|
|
16
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
17
|
+
style: {
|
|
18
|
+
padding: 24,
|
|
19
|
+
width: 520
|
|
20
|
+
},
|
|
21
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
22
|
+
icon: "dish",
|
|
23
|
+
title: "No items yet",
|
|
24
|
+
description: "Categories group your menu items, like Mains or Drinks, and give each a color on the POS. Create your first one above to get started.",
|
|
25
|
+
action: {
|
|
26
|
+
label: 'Create item',
|
|
27
|
+
icon: 'plus',
|
|
28
|
+
onPress: () => {}
|
|
29
|
+
}
|
|
30
|
+
})
|
|
31
|
+
})
|
|
32
|
+
};
|
|
33
|
+
const NoAction = exports.NoAction = {
|
|
34
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
35
|
+
style: {
|
|
36
|
+
padding: 24,
|
|
37
|
+
width: 520
|
|
38
|
+
},
|
|
39
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
40
|
+
icon: "no-photo",
|
|
41
|
+
title: "Nothing to show",
|
|
42
|
+
description: "There are no results for this filter."
|
|
43
|
+
})
|
|
44
|
+
})
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=EmptyState.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_EmptyState","_jsxRuntime","meta","title","component","EmptyState","_default","exports","default","Default","render","jsx","View","style","padding","width","children","icon","description","action","label","onPress","NoAction"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/EmptyState.stories.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAE1C,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEC;AACb,CAAmC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAErBN,IAAI;AAGZ,MAAMO,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAC5BC,MAAM,EAAEA,CAAA,kBACN,IAAAT,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvC,IAAAf,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAK,UAAU;MACTY,IAAI,EAAC,MAAM;MACXd,KAAK,EAAC,cAAc;MACpBe,WAAW,EAAC,uIAAuI;MACnJC,MAAM,EAAE;QAAEC,KAAK,EAAE,aAAa;QAAEH,IAAI,EAAE,MAAM;QAAEI,OAAO,EAAEA,CAAA,KAAM,CAAC;MAAE;IAAE,CACnE;EAAC,CACE;AAEV,CAAC;AAEM,MAAMC,QAAe,GAAAf,OAAA,CAAAe,QAAA,GAAG;EAC7BZ,MAAM,EAAEA,CAAA,kBACN,IAAAT,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAI,CAAE;IAAAC,QAAA,eACvC,IAAAf,WAAA,CAAAU,GAAA,EAACX,WAAA,CAAAK,UAAU;MAACY,IAAI,EAAC,UAAU;MAACd,KAAK,EAAC,iBAAiB;MAACe,WAAW,EAAC;IAAuC,CAAE;EAAC,CACtG;AAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNative = require("@testing-library/react-native");
|
|
4
|
+
var _index = require("../../theme/index.js");
|
|
5
|
+
var _EmptyState = require("./EmptyState.js");
|
|
6
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
7
|
+
function wrap(ui) {
|
|
8
|
+
return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
9
|
+
children: ui
|
|
10
|
+
}));
|
|
11
|
+
}
|
|
12
|
+
describe('EmptyState', () => {
|
|
13
|
+
it('renders title and description', () => {
|
|
14
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
15
|
+
title: "No items yet",
|
|
16
|
+
description: "Create your first one."
|
|
17
|
+
}));
|
|
18
|
+
expect(_reactNative.screen.getByText('No items yet')).toBeTruthy();
|
|
19
|
+
expect(_reactNative.screen.getByText('Create your first one.')).toBeTruthy();
|
|
20
|
+
});
|
|
21
|
+
it('fires the action', () => {
|
|
22
|
+
const onPress = jest.fn();
|
|
23
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
24
|
+
title: "Empty",
|
|
25
|
+
action: {
|
|
26
|
+
label: 'Create item',
|
|
27
|
+
onPress
|
|
28
|
+
}
|
|
29
|
+
}));
|
|
30
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('Create item'));
|
|
31
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
|
32
|
+
});
|
|
33
|
+
it('renders without an action', () => {
|
|
34
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
35
|
+
title: "Empty"
|
|
36
|
+
}));
|
|
37
|
+
expect(_reactNative.screen.getByText('Empty')).toBeTruthy();
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=EmptyState.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_EmptyState","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","describe","it","EmptyState","title","description","expect","screen","getByText","toBeTruthy","onPress","jest","fn","action","label","fireEvent","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/EmptyState.test.tsx"],"mappings":";;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAE1C,SAASI,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAO,IAAAC,mBAAM,eAAC,IAAAH,WAAA,CAAAI,GAAA,EAACN,MAAA,CAAAO,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,YAAY,EAAE,MAAM;EAC3BC,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACxCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAU,UAAU;MAACC,KAAK,EAAC,cAAc;MAACC,WAAW,EAAC;IAAwB,CAAE,CAAC,CAAC;IAC9EC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,cAAc,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACrDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACjE,CAAC,CAAC;EAEFP,EAAE,CAAC,kBAAkB,EAAE,MAAM;IAC3B,MAAMQ,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBjB,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAU,UAAU;MAACC,KAAK,EAAC,OAAO;MAACS,MAAM,EAAE;QAAEC,KAAK,EAAE,aAAa;QAAEJ;MAAQ;IAAE,CAAE,CAAC,CAAC;IAC7EK,sBAAS,CAACC,KAAK,CAACT,mBAAM,CAACC,SAAS,CAAC,aAAa,CAAC,CAAC;IAChDF,MAAM,CAACI,OAAO,CAAC,CAACO,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFf,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAU,UAAU;MAACC,KAAK,EAAC;IAAO,CAAE,CAAC,CAAC;IAClCE,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "EmptyState", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _EmptyState.EmptyState;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _EmptyState = require("./EmptyState.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_EmptyState","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/EmptyState/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Sidebar = Sidebar;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _index = require("../../theme/index.js");
|
|
10
|
+
var _BaconLogo = require("../brand/BaconLogo.js");
|
|
11
|
+
var _Icon = require("../Icon/Icon.js");
|
|
12
|
+
var _IconButton = require("../IconButton/IconButton.js");
|
|
13
|
+
var _Text = require("../Text/Text.js");
|
|
14
|
+
var _ScrollArea = require("../_internal/ScrollArea.js");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
const ITEM_HEIGHT = 74;
|
|
17
|
+
const ITEM_GAP = 16;
|
|
18
|
+
const PADDING = 24;
|
|
19
|
+
const TOGGLE_SIZE = 40; // IconButton size "sm"
|
|
20
|
+
|
|
21
|
+
function SidebarButton({
|
|
22
|
+
item,
|
|
23
|
+
active,
|
|
24
|
+
collapsed,
|
|
25
|
+
onPress
|
|
26
|
+
}) {
|
|
27
|
+
const theme = (0, _index.useTheme)();
|
|
28
|
+
const [hovered, setHovered] = (0, _react.useState)(false);
|
|
29
|
+
const disabled = item.disabled;
|
|
30
|
+
const backgroundColor = active ? theme.colors.action.secondary : hovered && !disabled ? theme.colors.background.muted : 'transparent';
|
|
31
|
+
const contentColor = active ? theme.colors.action.secondaryForeground : theme.colors.text.secondary;
|
|
32
|
+
const iconColor = active ? theme.colors.action.secondaryForeground : 'secondary';
|
|
33
|
+
const iconName = active && item.activeIcon ? item.activeIcon : item.icon;
|
|
34
|
+
const initial = item.label.trim().charAt(0).toUpperCase();
|
|
35
|
+
|
|
36
|
+
// Leading slot is always a fixed 24×24 box (flexShrink: 0) so the icon never
|
|
37
|
+
// shrinks next to a long label and labels stay aligned with or without an icon.
|
|
38
|
+
// No icon → reserve the space when expanded; show the initial when collapsed.
|
|
39
|
+
const leadingBox = {
|
|
40
|
+
width: 24,
|
|
41
|
+
height: 24,
|
|
42
|
+
flexShrink: 0,
|
|
43
|
+
alignItems: 'center',
|
|
44
|
+
justifyContent: 'center'
|
|
45
|
+
};
|
|
46
|
+
const leading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
47
|
+
style: leadingBox,
|
|
48
|
+
children: iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
49
|
+
name: iconName,
|
|
50
|
+
size: 24,
|
|
51
|
+
color: iconColor
|
|
52
|
+
}) : collapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
53
|
+
variant: "bodyLarge",
|
|
54
|
+
weight: "medium",
|
|
55
|
+
color: contentColor,
|
|
56
|
+
children: initial
|
|
57
|
+
}) : null
|
|
58
|
+
});
|
|
59
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
60
|
+
onPress: disabled ? undefined : onPress,
|
|
61
|
+
onHoverIn: () => setHovered(true),
|
|
62
|
+
onHoverOut: () => setHovered(false),
|
|
63
|
+
disabled: disabled,
|
|
64
|
+
accessibilityRole: "tab",
|
|
65
|
+
accessibilityState: {
|
|
66
|
+
selected: active,
|
|
67
|
+
disabled
|
|
68
|
+
},
|
|
69
|
+
accessibilityLabel: item.label,
|
|
70
|
+
style: {
|
|
71
|
+
flexDirection: 'row',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
justifyContent: collapsed ? 'center' : 'flex-start',
|
|
74
|
+
gap: 10,
|
|
75
|
+
height: ITEM_HEIGHT,
|
|
76
|
+
paddingHorizontal: PADDING,
|
|
77
|
+
borderRadius: theme.radii.pill,
|
|
78
|
+
borderWidth: active ? 1 : 0,
|
|
79
|
+
borderColor: active ? theme.colors.border.default : 'transparent',
|
|
80
|
+
backgroundColor,
|
|
81
|
+
opacity: disabled ? 0.5 : 1
|
|
82
|
+
},
|
|
83
|
+
children: [leading, !collapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
84
|
+
variant: "bodyLarge",
|
|
85
|
+
weight: "medium",
|
|
86
|
+
color: contentColor,
|
|
87
|
+
numberOfLines: 1,
|
|
88
|
+
ellipsizeMode: "tail",
|
|
89
|
+
style: {
|
|
90
|
+
flexShrink: 1,
|
|
91
|
+
minWidth: 0
|
|
92
|
+
},
|
|
93
|
+
children: item.label
|
|
94
|
+
}) : null]
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/**
|
|
99
|
+
* Sidebar — the app's main navigation drawer (Figma "Sidebar"). Expands/collapses
|
|
100
|
+
* between a labelled and an icon-only rail (animated width). The logo defaults to
|
|
101
|
+
* the Bacon mark (override via `logo`); an optional `footer` shows supporting text
|
|
102
|
+
* at the bottom. Items are dynamic buttons (icon + label via props); the list
|
|
103
|
+
* scrolls with an elegant auto-hiding indicator when it overflows, leaving the
|
|
104
|
+
* footer pinned. Buttons have hover and active states to mark the current section.
|
|
105
|
+
*/
|
|
106
|
+
function Sidebar({
|
|
107
|
+
items = [],
|
|
108
|
+
activeKey,
|
|
109
|
+
defaultActiveKey,
|
|
110
|
+
onChange,
|
|
111
|
+
collapsed: collapsedProp,
|
|
112
|
+
defaultCollapsed = false,
|
|
113
|
+
onCollapsedChange,
|
|
114
|
+
showToggle = true,
|
|
115
|
+
logo,
|
|
116
|
+
footer,
|
|
117
|
+
expandedWidth = 284,
|
|
118
|
+
collapsedWidth = 122,
|
|
119
|
+
scrollbarColor,
|
|
120
|
+
style
|
|
121
|
+
}) {
|
|
122
|
+
const theme = (0, _index.useTheme)();
|
|
123
|
+
const activeControlled = activeKey !== undefined;
|
|
124
|
+
const [activeInternal, setActiveInternal] = (0, _react.useState)(defaultActiveKey);
|
|
125
|
+
const active = activeControlled ? activeKey : activeInternal;
|
|
126
|
+
const collapseControlled = collapsedProp !== undefined;
|
|
127
|
+
const [collapsedInternal, setCollapsedInternal] = (0, _react.useState)(defaultCollapsed);
|
|
128
|
+
const collapsed = collapseControlled ? collapsedProp : collapsedInternal;
|
|
129
|
+
const width = (0, _react.useRef)(new _reactNative.Animated.Value(collapsed ? collapsedWidth : expandedWidth)).current;
|
|
130
|
+
// `visualCollapsed` drives the layout (labels, alignment, footer). It lags on
|
|
131
|
+
// collapse — labels stay mounted (clipped by overflow) until the width finishes
|
|
132
|
+
// shrinking — and leads on expand, so both directions animate without a jump.
|
|
133
|
+
const [visualCollapsed, setVisualCollapsed] = (0, _react.useState)(collapsed);
|
|
134
|
+
(0, _react.useEffect)(() => {
|
|
135
|
+
if (!collapsed) setVisualCollapsed(false);
|
|
136
|
+
const anim = _reactNative.Animated.timing(width, {
|
|
137
|
+
toValue: collapsed ? collapsedWidth : expandedWidth,
|
|
138
|
+
duration: 220,
|
|
139
|
+
easing: _reactNative.Easing.out(_reactNative.Easing.ease),
|
|
140
|
+
useNativeDriver: false // width
|
|
141
|
+
});
|
|
142
|
+
anim.start(({
|
|
143
|
+
finished
|
|
144
|
+
}) => {
|
|
145
|
+
if (finished && collapsed) setVisualCollapsed(true);
|
|
146
|
+
});
|
|
147
|
+
return () => anim.stop();
|
|
148
|
+
}, [collapsed, collapsedWidth, expandedWidth, width]);
|
|
149
|
+
|
|
150
|
+
// The toggle arrow spins in place (0° → 180°) instead of moving, so collapsing
|
|
151
|
+
// never nudges it. Driven by intent (`collapsed`), in sync with the width.
|
|
152
|
+
const arrowRot = (0, _react.useRef)(new _reactNative.Animated.Value(collapsed ? 1 : 0)).current;
|
|
153
|
+
(0, _react.useEffect)(() => {
|
|
154
|
+
const anim = _reactNative.Animated.timing(arrowRot, {
|
|
155
|
+
toValue: collapsed ? 1 : 0,
|
|
156
|
+
duration: 220,
|
|
157
|
+
easing: _reactNative.Easing.out(_reactNative.Easing.ease),
|
|
158
|
+
useNativeDriver: true
|
|
159
|
+
});
|
|
160
|
+
anim.start();
|
|
161
|
+
return () => anim.stop();
|
|
162
|
+
}, [collapsed, arrowRot]);
|
|
163
|
+
const arrowRotate = arrowRot.interpolate({
|
|
164
|
+
inputRange: [0, 1],
|
|
165
|
+
outputRange: ['0deg', '180deg']
|
|
166
|
+
});
|
|
167
|
+
|
|
168
|
+
// Glide the toggle from flush-left (expanded) to centered on the icon axis
|
|
169
|
+
// (collapsed), tracking the width so it never jumps.
|
|
170
|
+
const toggleTranslateX = width.interpolate({
|
|
171
|
+
inputRange: [collapsedWidth, expandedWidth],
|
|
172
|
+
outputRange: [Math.max(0, (collapsedWidth - 2 * PADDING - TOGGLE_SIZE) / 2), 0],
|
|
173
|
+
extrapolate: 'clamp'
|
|
174
|
+
});
|
|
175
|
+
const selectItem = item => {
|
|
176
|
+
if (!activeControlled) setActiveInternal(item.key);
|
|
177
|
+
item.onPress?.();
|
|
178
|
+
onChange?.(item.key);
|
|
179
|
+
};
|
|
180
|
+
const toggleCollapsed = () => {
|
|
181
|
+
const next = !collapsed;
|
|
182
|
+
if (!collapseControlled) setCollapsedInternal(next);
|
|
183
|
+
onCollapsedChange?.(next);
|
|
184
|
+
};
|
|
185
|
+
const logoNode = logo ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaconLogo.BaconLogo, {
|
|
186
|
+
height: visualCollapsed ? 36 : 40
|
|
187
|
+
});
|
|
188
|
+
const toggle = showToggle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
189
|
+
style: {
|
|
190
|
+
transform: [{
|
|
191
|
+
translateX: toggleTranslateX
|
|
192
|
+
}]
|
|
193
|
+
},
|
|
194
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
195
|
+
style: {
|
|
196
|
+
transform: [{
|
|
197
|
+
rotate: arrowRotate
|
|
198
|
+
}]
|
|
199
|
+
},
|
|
200
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
|
|
201
|
+
icon: "arrow-left",
|
|
202
|
+
accessibilityLabel: collapsed ? 'Expand sidebar' : 'Collapse sidebar',
|
|
203
|
+
variant: "ghost",
|
|
204
|
+
size: "sm",
|
|
205
|
+
onPress: toggleCollapsed
|
|
206
|
+
})
|
|
207
|
+
})
|
|
208
|
+
}) : null;
|
|
209
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
|
|
210
|
+
style: [{
|
|
211
|
+
width,
|
|
212
|
+
height: '100%',
|
|
213
|
+
backgroundColor: theme.colors.background.default,
|
|
214
|
+
paddingTop: 48,
|
|
215
|
+
paddingBottom: PADDING,
|
|
216
|
+
paddingHorizontal: PADDING,
|
|
217
|
+
overflow: 'hidden'
|
|
218
|
+
}, style],
|
|
219
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
220
|
+
style: {
|
|
221
|
+
minHeight: 56,
|
|
222
|
+
alignItems: visualCollapsed ? 'center' : 'flex-start',
|
|
223
|
+
justifyContent: 'center'
|
|
224
|
+
},
|
|
225
|
+
children: logoNode
|
|
226
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollArea.ScrollArea, {
|
|
227
|
+
style: {
|
|
228
|
+
flex: 1,
|
|
229
|
+
marginTop: 32
|
|
230
|
+
},
|
|
231
|
+
indicatorColor: scrollbarColor ?? theme.colors.border.strong,
|
|
232
|
+
contentContainerStyle: {
|
|
233
|
+
gap: ITEM_GAP,
|
|
234
|
+
paddingBottom: 8
|
|
235
|
+
},
|
|
236
|
+
children: items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarButton, {
|
|
237
|
+
item: item,
|
|
238
|
+
active: item.key === active,
|
|
239
|
+
collapsed: visualCollapsed,
|
|
240
|
+
onPress: () => selectItem(item)
|
|
241
|
+
}, item.key))
|
|
242
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
243
|
+
style: {
|
|
244
|
+
marginTop: 28,
|
|
245
|
+
gap: 16
|
|
246
|
+
},
|
|
247
|
+
children: [footer && !visualCollapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
248
|
+
variant: "bodySmall",
|
|
249
|
+
color: "tertiary",
|
|
250
|
+
numberOfLines: 1,
|
|
251
|
+
style: {
|
|
252
|
+
marginLeft: 8
|
|
253
|
+
},
|
|
254
|
+
children: footer
|
|
255
|
+
}) : null, toggle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
256
|
+
style: {
|
|
257
|
+
alignItems: 'flex-start'
|
|
258
|
+
},
|
|
259
|
+
children: toggle
|
|
260
|
+
}) : null]
|
|
261
|
+
})]
|
|
262
|
+
});
|
|
263
|
+
}
|
|
264
|
+
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_BaconLogo","_Icon","_IconButton","_Text","_ScrollArea","_jsxRuntime","ITEM_HEIGHT","ITEM_GAP","PADDING","TOGGLE_SIZE","SidebarButton","item","active","collapsed","onPress","theme","useTheme","hovered","setHovered","useState","disabled","backgroundColor","colors","action","secondary","background","muted","contentColor","secondaryForeground","text","iconColor","iconName","activeIcon","icon","initial","label","trim","charAt","toUpperCase","leadingBox","width","height","flexShrink","alignItems","justifyContent","leading","jsx","View","style","children","Icon","name","size","color","Text","variant","weight","jsxs","Pressable","undefined","onHoverIn","onHoverOut","accessibilityRole","accessibilityState","selected","accessibilityLabel","flexDirection","gap","paddingHorizontal","borderRadius","radii","pill","borderWidth","borderColor","border","default","opacity","numberOfLines","ellipsizeMode","minWidth","Sidebar","items","activeKey","defaultActiveKey","onChange","collapsedProp","defaultCollapsed","onCollapsedChange","showToggle","logo","footer","expandedWidth","collapsedWidth","scrollbarColor","activeControlled","activeInternal","setActiveInternal","collapseControlled","collapsedInternal","setCollapsedInternal","useRef","Animated","Value","current","visualCollapsed","setVisualCollapsed","useEffect","anim","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","finished","stop","arrowRot","arrowRotate","interpolate","inputRange","outputRange","toggleTranslateX","Math","max","extrapolate","selectItem","key","toggleCollapsed","next","logoNode","BaconLogo","toggle","transform","translateX","rotate","IconButton","paddingTop","paddingBottom","overflow","minHeight","ScrollArea","flex","marginTop","indicatorColor","strong","contentContainerStyle","map","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.tsx"],"mappings":"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","ignoreList":[]}
|