@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,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":[]}
|
|
@@ -51,6 +51,7 @@ const icons = exports.icons = {
|
|
|
51
51
|
"coffee": "<svg viewBox=\"0 0 21.5 20.5001\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"matrix(1 0 0 -1 0 20.5001)\"> <g id=\"elements\"> <path id=\"Vector 5682\" d=\"M17.0006 11.75H18.3904C20.2418 11.75 20.7922 11.4845 20.7476 10.1662C20.6738 7.98262 19.6891 5.44535 15.7501 4.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector\" d=\"M4.69635 1.63553C1.32194 4.22996 0.824766 7.90995 0.751515 11.7499C0.719871 13.4087 1.20135 13.75 3.40927 13.75L14.0909 13.75C16.2988 13.75 16.7803 13.4087 16.7487 11.7499C16.6754 7.90995 16.1782 4.22996 12.8038 1.63553C11.8435 0.8972 11.0332 0.75 9.66944 0.75L7.83073 0.75C6.46694 0.75 5.65666 0.897199 4.69635 1.63553Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector_2\" d=\"M10.059 19.75C9.51224 19.4114 8.75133 18.25 8.75133 16.75M6.28979 18.25C6.28979 18.25 5.75008 17.75 5.75008 16.75M12.7513 18.25C12.4779 18.0807 12.2501 17.25 12.2501 16.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </g></svg>",
|
|
52
52
|
"coins": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M2.42871 10.3867C2.6547 10.081 3.08006 9.99032 3.41406 10.1885C3.76995 10.3999 3.88702 10.8597 3.67578 11.2158L3.46777 11.5947C3.00895 12.4973 2.75001 13.5189 2.75 14.6025C2.75005 18.2738 5.7262 21.25 9.39746 21.25C10.6357 21.25 11.793 20.9123 12.7842 20.3242L12.8525 20.2881C13.1972 20.1284 13.6133 20.2524 13.8115 20.5859C14.0229 20.9421 13.906 21.4029 13.5498 21.6143L13.3193 21.7451C12.1553 22.3855 10.8179 22.75 9.39746 22.75C4.89777 22.75 1.25005 19.1022 1.25 14.6025C1.25002 13.0876 1.66394 11.6667 2.38574 10.4502L2.42871 10.3867ZM14 1.25C18.8325 1.25 22.75 5.16751 22.75 10C22.75 14.8325 18.8325 18.75 14 18.75C9.16751 18.75 5.25 14.8325 5.25 10C5.25 5.16751 9.16751 1.25 14 1.25ZM14 2.75C9.99594 2.75 6.75 5.99594 6.75 10C6.75 14.0041 9.99594 17.25 14 17.25C18.0041 17.25 21.25 14.0041 21.25 10C21.25 5.99594 18.0041 2.75 14 2.75Z\" fill=\"currentColor\"/> </g> </svg>",
|
|
53
53
|
"computer-add": "<svg viewBox=\"0 0 21.5 21.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"elements\"> <path id=\"Vector 6709\" d=\"M10.2546 0.75H8.75385C5.47304 0.75 3.83264 0.75 2.66983 1.56382C2.23962 1.8649 1.86544 2.23891 1.56421 2.66891C0.75 3.83116 0.75 5.47077 0.75 8.75C0.75 12.0292 0.75 13.6688 1.56421 14.8311C1.86544 15.2611 2.23962 15.6351 2.66983 15.9362C3.83264 16.75 5.47304 16.75 8.75385 16.75H12.7558C16.0366 16.75 17.677 16.75 18.8398 15.9362C19.27 15.6351 19.6442 15.2611 19.9454 14.8311C20.5741 13.9337 20.7174 12.7517 20.75 10.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector\" d=\"M12.75 4.75H16.75M16.75 4.75L20.75 4.75M16.75 4.75L16.75 0.75M16.75 4.75V8.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector 3361\" d=\"M9.75 13.75H11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 6773\" d=\"M10.75 16.75V20.75\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path id=\"Vector 3994\" d=\"M6.75 20.75H14.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
|
|
54
|
+
"computer-check": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g transform=\"translate(1.25 1.25)\"> <path d=\"M20.749 9.7502C20.7406 12.3757 20.6627 13.7937 19.9362 14.8313C19.6351 15.2613 19.2611 15.6353 18.8311 15.9364C17.6688 16.7502 16.0292 16.7502 12.75 16.7502H8.75C5.47077 16.7502 3.83116 16.7502 2.66891 15.9364C2.23891 15.6353 1.8649 15.2613 1.56382 14.8313C0.75 13.669 0.75 12.0294 0.75 8.7502C0.75 5.47097 0.75 3.83136 1.56382 2.66911C1.8649 2.23911 2.23891 1.86511 2.66891 1.56402C3.83116 0.750204 5.47077 0.750204 8.75 0.750204H10.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M12.75 4.7502C12.75 4.7502 13.75 4.7502 14.75 6.7502C14.75 6.7502 17.9265 1.7502 20.75 0.750204\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M9.75 13.7502H11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M10.75 16.7502V20.7502\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path d=\"M6.75 20.7502H14.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
|
|
54
55
|
"computer-settings": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g transform=\"translate(1.25 1.25)\"> <path d=\"M9.75294 0.750009H8.7562C5.47443 0.750009 3.83355 0.750009 2.67039 1.56383C2.24006 1.86491 1.86577 2.23892 1.56445 2.66892C0.75 3.83116 0.75 5.47078 0.75 8.75001C0.75 12.0292 0.75 13.6689 1.56445 14.8311C1.86577 15.2611 2.24006 15.6351 2.67039 15.9362C3.83355 16.75 5.47443 16.75 8.7562 16.75H12.7593C16.0411 16.75 17.682 16.75 18.8451 15.9362C19.2754 15.6351 19.6497 15.2611 19.9511 14.8311C20.5656 13.9542 20.7163 12.8441 20.75 11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M16.75 8.46428V9.75M16.75 8.46428C15.5932 8.46428 14.5741 7.89608 13.9763 7.03331M19.5238 3.46688C19.8773 3.97711 20.0833 4.59035 20.0833 5.25C20.0833 5.90973 19.8772 6.52304 19.5237 7.03331C18.9259 7.89608 17.9068 8.46428 16.75 8.46428M16.75 2.03571C17.9069 2.03571 18.9261 2.604 19.5238 3.46688M16.75 2.03571C15.5931 2.03571 14.5739 2.604 13.9762 3.46688M16.75 2.03571V0.75M20.75 2.67857L19.5238 3.46688M12.7504 7.82143L13.9763 7.03331M12.75 2.67857L13.9762 3.46688M20.7496 7.82143L19.5237 7.03331M13.9762 3.46688C13.6227 3.97711 13.4167 4.59035 13.4167 5.25C13.4167 5.90973 13.6228 6.52304 13.9763 7.03331\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M9.75 13.75H11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M10.75 16.75V20.75\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path d=\"M6.75 20.75H14.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
|
|
55
56
|
"copy-01": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M9.5 1.25C11.1254 1.25 12.4104 1.24923 13.4248 1.36914C14.4557 1.49101 15.3047 1.74633 16.0137 2.32813C16.2541 2.52544 16.4746 2.74592 16.6719 2.98633C17.2232 3.65811 17.482 4.45566 17.6113 5.41504C17.7163 6.19414 17.7408 7.13229 17.7471 8.26172C18.3694 8.27466 18.9159 8.30227 19.3916 8.36621C20.2917 8.48723 21.0495 8.74672 21.6514 9.34863C22.2533 9.95055 22.5128 10.7083 22.6338 11.6084C22.7519 12.4869 22.75 13.6071 22.75 15V16C22.75 17.3929 22.7519 18.5131 22.6338 19.3916C22.5128 20.2917 22.2533 21.0495 21.6514 21.6514C21.0495 22.2533 20.2917 22.5128 19.3916 22.6338C18.5131 22.7519 17.3929 22.75 16 22.75H15C13.6071 22.75 12.4869 22.7519 11.6084 22.6338C10.7083 22.5128 9.95055 22.2533 9.34863 21.6514C8.74672 21.0495 8.48723 20.2917 8.36621 19.3916C8.30227 18.9159 8.27466 18.3694 8.26172 17.7471C7.13229 17.7408 6.19414 17.7163 5.41504 17.6113C4.45565 17.482 3.65811 17.2232 2.98633 16.6719C2.74592 16.4746 2.52544 16.2541 2.32813 16.0137C1.74633 15.3047 1.49101 14.4557 1.36914 13.4248C1.24923 12.4104 1.25 11.1254 1.25 9.5C1.25 7.87463 1.24923 6.58961 1.36914 5.5752C1.49101 4.54427 1.74633 3.69525 2.32813 2.98633C2.52544 2.74592 2.74592 2.52544 2.98633 2.32813C3.69525 1.74633 4.54427 1.49101 5.5752 1.36914C6.58961 1.24923 7.87463 1.25 9.5 1.25ZM15 9.75C13.5648 9.75 12.5639 9.75202 11.8086 9.85352C11.0748 9.95217 10.6859 10.1324 10.4092 10.4092C10.1324 10.6859 9.95217 11.0748 9.85352 11.8086C9.75202 12.5639 9.75 13.5648 9.75 15V16C9.75 17.4352 9.75202 18.4361 9.85352 19.1914C9.95217 19.9252 10.1324 20.3141 10.4092 20.5908C10.6859 20.8676 11.0748 21.0478 11.8086 21.1465C12.5639 21.248 13.5648 21.25 15 21.25H16C17.4352 21.25 18.4361 21.248 19.1914 21.1465C19.9252 21.0478 20.3141 20.8676 20.5908 20.5908C20.8676 20.3141 21.0478 19.9252 21.1465 19.1914C21.248 18.4361 21.25 17.4352 21.25 16V15C21.25 13.5648 21.248 12.5639 21.1465 11.8086C21.0478 11.0748 20.8676 10.6859 20.5908 10.4092C20.3141 10.1324 19.9252 9.95217 19.1914 9.85352C18.4361 9.75202 17.4352 9.75 16 9.75H15ZM9.5 2.75C7.83789 2.75 6.65689 2.75132 5.75098 2.8584C4.8621 2.9635 4.33579 3.16138 3.93848 3.4873C3.77392 3.62236 3.62236 3.77392 3.4873 3.93848C3.16138 4.33579 2.9635 4.8621 2.8584 5.75098C2.75132 6.65689 2.75 7.83789 2.75 9.5C2.75 11.1621 2.75132 12.3431 2.8584 13.249C2.9635 14.1379 3.16138 14.6642 3.4873 15.0615C3.62236 15.2261 3.77392 15.3776 3.93848 15.5127C4.31534 15.8218 4.80869 16.0162 5.61621 16.125C6.29513 16.2164 7.14017 16.2395 8.25 16.2461V15C8.25 13.6071 8.24812 12.4869 8.36621 11.6084C8.48723 10.7083 8.74672 9.95055 9.34863 9.34863C9.95055 8.74672 10.7083 8.48723 11.6084 8.36621C12.4869 8.24812 13.6071 8.25 15 8.25H16.2461C16.2395 7.14017 16.2164 6.29513 16.125 5.61621C16.0162 4.80869 15.8219 4.31534 15.5127 3.93848C15.3776 3.77392 15.2261 3.62236 15.0615 3.4873C14.6642 3.16138 14.1379 2.9635 13.249 2.8584C12.3431 2.75132 11.1621 2.75 9.5 2.75Z\" fill=\"currentColor\"/> </g> </svg>",
|
|
56
57
|
"credit-card": "<svg viewBox=\"0 0 21.5 17.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M12.25 2.51451e-07C14.1117 2.51451e-07 15.5713 -0.000815228 16.7197 0.128907C17.8817 0.2602 18.8241 0.533739 19.6074 1.15234L19.7803 1.29492C19.9495 1.44088 20.1087 1.59749 20.2568 1.76367L20.3779 1.90625C20.9598 2.62542 21.2295 3.48682 21.3623 4.52832C21.5013 5.61866 21.5 7.00132 21.5 8.75C21.5 10.4987 21.5013 11.8813 21.3623 12.9717C21.2295 14.0132 20.9598 14.8746 20.3779 15.5938L20.2568 15.7363C20.1087 15.9025 19.9495 16.0591 19.7803 16.2051L19.6074 16.3477C18.8241 16.9663 17.8817 17.2398 16.7197 17.3711C15.5713 17.5008 14.1117 17.5 12.25 17.5H9.25C7.38832 17.5 5.92866 17.5008 4.78027 17.3711C3.69083 17.248 2.79424 17.0003 2.04102 16.46L1.89258 16.3477C1.71667 16.2087 1.55009 16.0592 1.39453 15.8994L1.24316 15.7363C0.57699 14.9891 0.279393 14.0828 0.137696 12.9717C-0.00129631 11.8813 8.71061e-07 10.4987 8.71061e-07 8.75C8.71045e-07 7.00132 -0.0012963 5.61866 0.137696 4.52832C0.279393 3.41717 0.57699 2.51089 1.24316 1.76367L1.39453 1.60059C1.55009 1.4408 1.71667 1.29127 1.89258 1.15234L2.04102 1.04004C2.79424 0.49971 3.69083 0.252001 4.78027 0.128907C5.92866 -0.000815229 7.38832 2.51451e-07 9.25 2.51451e-07H12.25ZM1.51563 6.5C1.50128 7.14611 1.5 7.88783 1.5 8.75C1.5 10.5385 1.50184 11.8087 1.62598 12.7822C1.74748 13.735 1.97568 14.3046 2.36231 14.7383L2.58203 14.9629C2.65878 15.0351 2.73876 15.105 2.82227 15.1709L3.00684 15.3027C3.45622 15.5961 4.04721 15.779 4.94922 15.8809C5.99376 15.9988 7.35327 16 9.25 16H12.25C14.1467 16 15.5062 15.9988 16.5508 15.8809C17.5815 15.7644 18.2065 15.543 18.6777 15.1709L18.918 14.9629C18.9946 14.8908 19.0682 14.8162 19.1377 14.7383L19.2754 14.5684C19.5798 14.1559 19.7677 13.6158 19.874 12.7822C19.9982 11.8087 20 10.5385 20 8.75C20 7.88783 19.9987 7.14611 19.9844 6.5H1.51563ZM10.25 12C10.6642 12 11 12.3358 11 12.75C11 13.1642 10.6642 13.5 10.25 13.5H8.75C8.33579 13.5 8 13.1642 8 12.75C8 12.3358 8.33579 12 8.75 12H10.25ZM16.75 12C17.1642 12 17.5 12.3358 17.5 12.75C17.5 13.1642 17.1642 13.5 16.75 13.5H13.25C12.8358 13.5 12.5 13.1642 12.5 12.75C12.5 12.3358 12.8358 12 13.25 12H16.75ZM9.25 1.5C7.35327 1.5 5.99376 1.50117 4.94922 1.61914C4.04721 1.72103 3.45622 1.90385 3.00684 2.19727L2.82227 2.3291C2.73876 2.39505 2.65878 2.46486 2.58203 2.53711L2.36231 2.76172C1.97568 3.19538 1.74748 3.76497 1.62598 4.71777C1.61433 4.80913 1.6053 4.90324 1.5957 5H19.9043C19.8947 4.90324 19.8857 4.80913 19.874 4.71777C19.7677 3.88425 19.5798 3.34408 19.2754 2.93164L19.1377 2.76172C19.0682 2.6838 18.9946 2.60921 18.918 2.53711L18.6777 2.3291C18.2065 1.95697 17.5815 1.73557 16.5508 1.61914C15.5062 1.50117 14.1467 1.5 12.25 1.5H9.25Z\" fill=\"currentColor\"/> </g> </svg>",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["icons","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Icon/icons.generated.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["icons","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Icon/icons.generated.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACO,MAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnB,OAAO,EAAE,8pEAA8pE;EACvqE,QAAQ,EAAE,m+DAAm+D;EAC7+D,WAAW,EAAE,i9CAAi9C;EAC99C,uBAAuB,EAAE,0wEAA0wE;EACnyE,WAAW,EAAE,k6BAAk6B;EAC/6B,aAAa,EAAE,u+EAAu+E;EACt/E,gCAAgC,EAAE,6qCAA6qC;EAC/sC,kBAAkB,EAAE,yjEAAyjE;EAC7kE,YAAY,EAAE,kmBAAkmB;EAChnB,0BAA0B,EAAE,y+CAAy+C;EACrgD,2BAA2B,EAAE,+7CAA+7C;EAC59C,aAAa,EAAE,2rBAA2rB;EAC1sB,oBAAoB,EAAE,s9IAAs9I;EAC5+I,mBAAmB,EAAE,ywBAAywB;EAC9xB,iBAAiB,EAAE,+vBAA+vB;EAClxB,UAAU,EAAE,wqBAAwqB;EACprB,gBAAgB,EAAE,+jEAA+jE;EACjlE,SAAS,EAAE,u6EAAu6E;EACl7E,WAAW,EAAE,ghGAAghG;EAC7hG,WAAW,EAAE,+pIAA+pI;EAC5qI,UAAU,EAAE,y+EAAy+E;EACr/E,MAAM,EAAE,45GAA45G;EACp6G,UAAU,EAAE,6wHAA6wH;EACzxH,eAAe,EAAE,ycAAyc;EAC1d,eAAe,EAAE,qgCAAqgC;EACthC,MAAM,EAAE,+sCAA+sC;EACvtC,MAAM,EAAE,q1HAAq1H;EAC71H,OAAO,EAAE,wgBAAwgB;EACjhB,YAAY,EAAE,ogBAAogB;EAClhB,kBAAkB,EAAE,wzBAAwzB;EAC50B,cAAc,EAAE,6eAA6e;EAC7f,iBAAiB,EAAE,wjBAAwjB;EAC3kB,QAAQ,EAAE,8dAA8d;EACxe,6BAA6B,EAAE,0fAA0f;EACzhB,MAAM,EAAE,wjCAAwjC;EAChkC,OAAO,EAAE,8yBAA8yB;EACvzB,UAAU,EAAE,w4BAAw4B;EACp5B,UAAU,EAAE,k+BAAk+B;EAC9+B,OAAO,EAAE,kqBAAkqB;EAC3qB,mBAAmB,EAAE,yqBAAyqB;EAC9rB,QAAQ,EAAE,6kCAA6kC;EACvlC,OAAO,EAAE,s+BAAs+B;EAC/+B,cAAc,EAAE,4pCAA4pC;EAC5qC,gBAAgB,EAAE,spCAAspC;EACxqC,mBAAmB,EAAE,onDAAonD;EACzoD,SAAS,EAAE,i9FAAi9F;EAC59F,aAAa,EAAE,gsFAAgsF;EAC/sF,kBAAkB,EAAE,2gFAA2gF;EAC/hF,UAAU,EAAE,itCAAitC;EAC7tC,QAAQ,EAAE,+uCAA+uC;EACzvC,UAAU,EAAE,k2EAAk2E;EAC92E,YAAY,EAAE,4tFAA4tF;EAC1uF,MAAM,EAAE,2nDAA2nD;EACnoD,SAAS,EAAE,gwDAAgwD;EAC3wD,SAAS,EAAE,06CAA06C;EACr7C,eAAe,EAAE,g8CAAg8C;EACj9C,gBAAgB,EAAE,srEAAsrE;EACxsE,eAAe,EAAE,u9CAAu9C;EACx+C,MAAM,EAAE,+oDAA+oD;EACvpD,SAAS,EAAE,6tEAA6tE;EACxuE,OAAO,EAAE,isEAAisE;EAC1sE,KAAK,EAAE,qjCAAqjC;EAC5jC,UAAU,EAAE,8lEAA8lE;EAC1mE,SAAS,EAAE,8lEAA8lE;EACzmE,MAAM,EAAE,k4GAAk4G;EAC14G,QAAQ,EAAE,kzCAAkzC;EAC5zC,WAAW,EAAE,wkDAAwkD;EACrlD,WAAW,EAAE,6lBAA6lB;EAC1mB,MAAM,EAAE,64BAA64B;EACr5B,MAAM,EAAE,81FAA81F;EACt2F,MAAM,EAAE,20BAA20B;EACn1B,gBAAgB,EAAE,2wFAA2wF;EAC7xF,MAAM,EAAE,0rCAA0rC;EAClsC,oBAAoB,EAAE,ysEAAysE;EAC/tE,eAAe,EAAE,myEAAmyE;EACpzE,UAAU,EAAE,soFAAsoF;EAClpF,YAAY,EAAE,kmMAAkmM;EAChnM,QAAQ,EAAE,wwGAAwwG;EAClxG,SAAS,EAAE,qsBAAqsB;EAChtB,SAAS,EAAE,2tBAA2tB;EACtuB,SAAS,EAAE,2sBAA2sB;EACttB,SAAS,EAAE,o0BAAo0B;EAC/0B,MAAM,EAAE,8/CAA8/C;EACtgD,UAAU,EAAE,kqCAAkqC;EAC9qC,YAAY,EAAE,41EAA41E;EAC12E,MAAM,EAAE,qtDAAqtD;EAC7tD,SAAS,EAAE,inBAAinB;EAC5nB,MAAM,EAAE,swCAAswC;EAC9wC,MAAM,EAAE,mmBAAmmB;EAC3mB,SAAS,EAAE,knBAAknB;EAC7nB,WAAW,EAAE,08IAA08I;EACv9I,OAAO,EAAE,2SAA2S;EACpT,MAAM,EAAE,0mBAA0mB;EAClnB,WAAW,EAAE,kjGAAkjG;EAC/jG,mBAAmB,EAAE,ivEAAivE;EACtwE,MAAM,EAAE,+lCAA+lC;EACvmC,qBAAqB,EAAE,2iBAA2iB;EAClkB,WAAW,EAAE,s8BAAs8B;EACn9B,UAAU,EAAE,otEAAotE;EAChuE,QAAQ,EAAE,irCAAirC;EAC3rC,UAAU,EAAE,o4BAAo4B;EACh5B,OAAO,EAAE,6gCAA6gC;EACthC,UAAU,EAAE,4kCAA4kC;EACxlC,QAAQ,EAAE,yUAAyU;EACnV,aAAa,EAAE,6sDAA6sD;EAC5tD,mBAAmB,EAAE,uuEAAuuE;EAC5vE,WAAW,EAAE,+nEAA+nE;EAC5oE,SAAS,EAAE,s3FAAs3F;EACj4F,QAAQ,EAAE,m0CAAm0C;EAC70C,UAAU,EAAE,41JAA41J;EACx2J,MAAM,EAAE,+oBAA+oB;EACvpB,MAAM,EAAE,kfAAkf;EAC1f,SAAS,EAAE,8fAA8f;EACzgB,aAAa,EAAE,mWAAmW;EAClX,SAAS,EAAE,ixKAAixK;EAC5xK,SAAS,EAAE,w1CAAw1C;EACn2C,YAAY,EAAE,g3DAAg3D;EAC93D,QAAQ,EAAE,wuBAAwuB;EAClvB,UAAU,EAAE,k7DAAk7D;EAC97D,SAAS,EAAE,8gDAA8gD;EACzhD,SAAS,EAAE,2wDAA2wD;EACtxD,OAAO,EAAE,wpBAAwpB;EACjqB,QAAQ,EAAE,qyBAAqyB;EAC/yB,WAAW,EAAE,43BAA43B;EACz4B,UAAU,EAAE,23EAA23E;EACv4E,UAAU,EAAE,4oCAA4oC;EACxpC,YAAY,EAAE,uzFAAuzF;EACr0F,QAAQ,EAAE,wmDAAwmD;EAClnD,cAAc,EAAE,opDAAopD;EACpqD,MAAM,EAAE,0jBAA0jB;EAClkB,QAAQ,EAAE,05DAA05D;EACp6D,MAAM,EAAE,88FAA88F;EACt9F,OAAO,EAAE,+nDAA+nD;EACxoD,MAAM,EAAE,4mBAA4mB;EACpnB,OAAO,EAAE,ixDAAixD;EAC1xD,UAAU,EAAE,6gCAA6gC;EACzhC,MAAM,EAAE,2sFAA2sF;EACntF,KAAK,EAAE,miEAAmiE;EAC1iE,OAAO,EAAE,40CAA40C;EACr1C,WAAW,EAAE,4rJAA4rJ;EACzsJ,WAAW,EAAE,23DAA23D;EACx4D,UAAU,EAAE,ynBAAynB;EACroB,SAAS,EAAE,gSAAgS;EAC3S,QAAQ,EAAE,k2FAAk2F;EAC52F,UAAU,EAAE,krCAAkrC;EAC9rC,SAAS,EAAE,owFAAowF;EAC/wF,gBAAgB,EAAE,qgDAAqgD;EACvhD,OAAO,EAAE,itBAAitB;EAC1tB,aAAa,EAAE,swHAAswH;EACrxH,OAAO,EAAE,msDAAmsD;EAC5sD,UAAU,EAAE,miCAAmiC;EAC/iC,gBAAgB,EAAE,shDAAshD;EACxiD,QAAQ,EAAE,66DAA66D;EACv7D,aAAa,EAAE,kkEAAkkE;EACjlE,KAAK,EAAE,06EAA06E;EACj7E,MAAM,EAAE,o1CAAo1C;EAC51C,SAAS,EAAE,s4DAAs4D;EACj5D,aAAa,EAAE,0kCAA0kC;EACzlC,eAAe,EAAE,6mCAA6mC;EAC9nC,gBAAgB,EAAE,ywCAAywC;EAC3xC,aAAa,EAAE,8qEAA8qE;EAC7rE,WAAW,EAAE,45CAA45C;EACz6C,WAAW,EAAE,suHAAsuH;EACnvH,YAAY,EAAE,g1DAAg1D;EAC91D,QAAQ,EAAE,ivDAAivD;EAC3vD,QAAQ,EAAE,shBAAshB;EAChiB,MAAM,EAAE,yuDAAyuD;EACjvD,aAAa,EAAE,29BAA29B;EAC1+B,eAAe,EAAE,glCAAglC;EACjmC,eAAe,EAAE,gmCAAgmC;EACjnC,OAAO,EAAE,yyDAAyyD;EAClzD,OAAO,EAAE;AACX,CAAkC","ignoreList":[]}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ProgressBar = ProgressBar;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _index = require("../../theme/index.js");
|
|
10
|
+
var _Text = require("../Text/Text.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const clamp01 = n => n < 0 ? 0 : n > 1 ? 1 : n;
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Determinate progress bar — the Figma "Loader". Drive it with a `progress`
|
|
16
|
+
* (0–1) prop from whatever is loading; the fill animates to match. A supporting
|
|
17
|
+
* row underneath shows a customizable `label` (default "Downloading...") on the
|
|
18
|
+
* left and the percentage on the right. Colors, height and width are tokens/props.
|
|
19
|
+
*/
|
|
20
|
+
function ProgressBar({
|
|
21
|
+
progress,
|
|
22
|
+
label = 'Downloading...',
|
|
23
|
+
showSupporting = true,
|
|
24
|
+
showValue = true,
|
|
25
|
+
formatValue,
|
|
26
|
+
height = 32,
|
|
27
|
+
width,
|
|
28
|
+
color,
|
|
29
|
+
trackColor,
|
|
30
|
+
borderColor,
|
|
31
|
+
animated = true,
|
|
32
|
+
style,
|
|
33
|
+
accessibilityLabel
|
|
34
|
+
}) {
|
|
35
|
+
const theme = (0, _index.useTheme)();
|
|
36
|
+
const value = clamp01(progress);
|
|
37
|
+
const percent = Math.round(value * 100);
|
|
38
|
+
const anim = (0, _react.useRef)(new _reactNative.Animated.Value(value)).current;
|
|
39
|
+
(0, _react.useEffect)(() => {
|
|
40
|
+
if (animated) {
|
|
41
|
+
_reactNative.Animated.timing(anim, {
|
|
42
|
+
toValue: value,
|
|
43
|
+
duration: 240,
|
|
44
|
+
easing: _reactNative.Easing.out(_reactNative.Easing.ease),
|
|
45
|
+
useNativeDriver: false // width can't use the native driver
|
|
46
|
+
}).start();
|
|
47
|
+
} else {
|
|
48
|
+
anim.setValue(value);
|
|
49
|
+
}
|
|
50
|
+
}, [value, animated, anim]);
|
|
51
|
+
const fillWidth = anim.interpolate({
|
|
52
|
+
inputRange: [0, 1],
|
|
53
|
+
outputRange: ['0%', '100%'],
|
|
54
|
+
extrapolate: 'clamp'
|
|
55
|
+
});
|
|
56
|
+
const inset = 2.5;
|
|
57
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
58
|
+
style: [{
|
|
59
|
+
gap: 12,
|
|
60
|
+
width: width ?? undefined,
|
|
61
|
+
alignSelf: width != null ? 'flex-start' : 'stretch'
|
|
62
|
+
}, style],
|
|
63
|
+
accessibilityRole: "progressbar",
|
|
64
|
+
accessibilityLabel: accessibilityLabel ?? label,
|
|
65
|
+
accessibilityValue: {
|
|
66
|
+
min: 0,
|
|
67
|
+
max: 100,
|
|
68
|
+
now: percent
|
|
69
|
+
},
|
|
70
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
71
|
+
style: {
|
|
72
|
+
height,
|
|
73
|
+
borderRadius: height / 2,
|
|
74
|
+
borderWidth: 1.5,
|
|
75
|
+
borderColor: borderColor ?? theme.colors.border.default,
|
|
76
|
+
backgroundColor: trackColor ?? theme.colors.background.subtle,
|
|
77
|
+
padding: inset,
|
|
78
|
+
justifyContent: 'center',
|
|
79
|
+
overflow: 'hidden'
|
|
80
|
+
},
|
|
81
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
82
|
+
style: {
|
|
83
|
+
width: fillWidth,
|
|
84
|
+
height: '100%',
|
|
85
|
+
borderRadius: height / 2,
|
|
86
|
+
backgroundColor: color ?? theme.colors.action.primary
|
|
87
|
+
}
|
|
88
|
+
})
|
|
89
|
+
}), showSupporting ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
90
|
+
style: {
|
|
91
|
+
flexDirection: 'row',
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
justifyContent: 'space-between',
|
|
94
|
+
paddingHorizontal: 8,
|
|
95
|
+
gap: 8
|
|
96
|
+
},
|
|
97
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
98
|
+
variant: "bodyLarge",
|
|
99
|
+
color: "secondary",
|
|
100
|
+
numberOfLines: 1,
|
|
101
|
+
style: {
|
|
102
|
+
flexShrink: 1
|
|
103
|
+
},
|
|
104
|
+
children: label
|
|
105
|
+
}), showValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
106
|
+
variant: "bodyLarge",
|
|
107
|
+
color: "secondary",
|
|
108
|
+
numberOfLines: 1,
|
|
109
|
+
children: formatValue ? formatValue(value) : `${percent}%`
|
|
110
|
+
}) : null]
|
|
111
|
+
}) : null]
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","clamp01","n","ProgressBar","progress","label","showSupporting","showValue","formatValue","height","width","color","trackColor","borderColor","animated","style","accessibilityLabel","theme","useTheme","value","percent","Math","round","anim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","setValue","fillWidth","interpolate","inputRange","outputRange","extrapolate","inset","jsxs","View","gap","undefined","alignSelf","accessibilityRole","accessibilityValue","min","max","now","children","jsx","borderRadius","borderWidth","colors","border","default","backgroundColor","background","subtle","padding","justifyContent","overflow","action","primary","flexDirection","alignItems","paddingHorizontal","Text","variant","numberOfLines","flexShrink"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Downloading = exports.Default = exports.CustomValue = exports.CustomLabel = exports.BarOnly = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _ProgressBar = require("./ProgressBar.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const meta = {
|
|
12
|
+
title: 'Components/ProgressBar',
|
|
13
|
+
component: _ProgressBar.ProgressBar
|
|
14
|
+
};
|
|
15
|
+
var _default = exports.default = meta;
|
|
16
|
+
/** Static progress (Figma "Loader"). */
|
|
17
|
+
const Default = exports.Default = {
|
|
18
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
19
|
+
style: {
|
|
20
|
+
padding: 24,
|
|
21
|
+
width: 520
|
|
22
|
+
},
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
24
|
+
progress: 0.47
|
|
25
|
+
})
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
/** Live download — progress driven by a prop. */
|
|
30
|
+
const Downloading = exports.Downloading = {
|
|
31
|
+
render: () => {
|
|
32
|
+
const [progress, setProgress] = (0, _react.useState)(0);
|
|
33
|
+
(0, _react.useEffect)(() => {
|
|
34
|
+
const id = setInterval(() => {
|
|
35
|
+
setProgress(p => p >= 1 ? 0 : Math.min(1, p + 0.07));
|
|
36
|
+
}, 500);
|
|
37
|
+
return () => clearInterval(id);
|
|
38
|
+
}, []);
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
40
|
+
style: {
|
|
41
|
+
padding: 24,
|
|
42
|
+
width: 520
|
|
43
|
+
},
|
|
44
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
45
|
+
progress: progress
|
|
46
|
+
})
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
/** Custom label. */
|
|
52
|
+
const CustomLabel = exports.CustomLabel = {
|
|
53
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
54
|
+
style: {
|
|
55
|
+
padding: 24,
|
|
56
|
+
width: 520
|
|
57
|
+
},
|
|
58
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
59
|
+
progress: 0.8,
|
|
60
|
+
label: "Uploading receipt\u2026"
|
|
61
|
+
})
|
|
62
|
+
})
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
/** Bar only — no supporting row. */
|
|
66
|
+
const BarOnly = exports.BarOnly = {
|
|
67
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
68
|
+
style: {
|
|
69
|
+
padding: 24,
|
|
70
|
+
width: 520
|
|
71
|
+
},
|
|
72
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
73
|
+
progress: 0.35,
|
|
74
|
+
showSupporting: false
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
/** Custom format on the right (e.g. counts). */
|
|
80
|
+
const CustomValue = exports.CustomValue = {
|
|
81
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
82
|
+
style: {
|
|
83
|
+
padding: 24,
|
|
84
|
+
width: 520
|
|
85
|
+
},
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
87
|
+
progress: 0.6,
|
|
88
|
+
label: "Syncing orders",
|
|
89
|
+
formatValue: p => `${Math.round(p * 120)}/120`
|
|
90
|
+
})
|
|
91
|
+
})
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=ProgressBar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_ProgressBar","_jsxRuntime","meta","title","component","ProgressBar","_default","exports","default","Default","render","jsx","View","style","padding","width","children","progress","Downloading","setProgress","useState","useEffect","id","setInterval","p","Math","min","clearInterval","CustomLabel","label","BarOnly","showSupporting","CustomValue","formatValue","round"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNative = require("@testing-library/react-native");
|
|
4
|
+
var _index = require("../../theme/index.js");
|
|
5
|
+
var _ProgressBar = require("./ProgressBar.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('ProgressBar', () => {
|
|
13
|
+
it('shows the default label and the rounded percentage', () => {
|
|
14
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
15
|
+
progress: 0.47
|
|
16
|
+
}));
|
|
17
|
+
expect(_reactNative.screen.getByText('Downloading...')).toBeTruthy();
|
|
18
|
+
expect(_reactNative.screen.getByText('47%')).toBeTruthy();
|
|
19
|
+
});
|
|
20
|
+
it('uses a custom label', () => {
|
|
21
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
22
|
+
progress: 0.5,
|
|
23
|
+
label: "Uploading\u2026"
|
|
24
|
+
}));
|
|
25
|
+
expect(_reactNative.screen.getByText('Uploading…')).toBeTruthy();
|
|
26
|
+
expect(_reactNative.screen.queryByText('Downloading...')).toBeNull();
|
|
27
|
+
});
|
|
28
|
+
it('clamps progress to 0–100', () => {
|
|
29
|
+
const {
|
|
30
|
+
rerender
|
|
31
|
+
} = wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
32
|
+
progress: 1.8
|
|
33
|
+
}));
|
|
34
|
+
expect(_reactNative.screen.getByText('100%')).toBeTruthy();
|
|
35
|
+
rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
36
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
37
|
+
progress: -0.5
|
|
38
|
+
})
|
|
39
|
+
}));
|
|
40
|
+
expect(_reactNative.screen.getByText('0%')).toBeTruthy();
|
|
41
|
+
});
|
|
42
|
+
it('supports a custom value formatter', () => {
|
|
43
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
44
|
+
progress: 0.5,
|
|
45
|
+
formatValue: p => `${Math.round(p * 120)}/120`
|
|
46
|
+
}));
|
|
47
|
+
expect(_reactNative.screen.getByText('60/120')).toBeTruthy();
|
|
48
|
+
});
|
|
49
|
+
it('hides the supporting row when showSupporting is false', () => {
|
|
50
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
51
|
+
progress: 0.5,
|
|
52
|
+
showSupporting: false
|
|
53
|
+
}));
|
|
54
|
+
expect(_reactNative.screen.queryByText('Downloading...')).toBeNull();
|
|
55
|
+
expect(_reactNative.screen.queryByText('50%')).toBeNull();
|
|
56
|
+
});
|
|
57
|
+
it('exposes the progress value for accessibility', () => {
|
|
58
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
59
|
+
progress: 0.3,
|
|
60
|
+
accessibilityLabel: "Download"
|
|
61
|
+
}));
|
|
62
|
+
const bar = _reactNative.screen.getByLabelText('Download');
|
|
63
|
+
expect(bar.props.accessibilityValue).toEqual({
|
|
64
|
+
min: 0,
|
|
65
|
+
max: 100,
|
|
66
|
+
now: 30
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=ProgressBar.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_ProgressBar","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","describe","it","ProgressBar","progress","expect","screen","getByText","toBeTruthy","label","queryByText","toBeNull","rerender","formatValue","p","Math","round","showSupporting","accessibilityLabel","bar","getByLabelText","props","accessibilityValue","toEqual","min","max","now"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.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, "ProgressBar", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _ProgressBar.ProgressBar;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _ProgressBar = require("./ProgressBar.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_ProgressBar","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}
|