nuudel-core 0.1.29 → 0.1.30
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.
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { StepperProps } from '@material-ui/core';
|
|
3
3
|
interface IStepperProps extends StepperProps {
|
|
4
4
|
status: string;
|
|
5
|
-
step?:
|
|
5
|
+
step?: number;
|
|
6
|
+
steps: string[];
|
|
7
|
+
failedSteps: string[];
|
|
6
8
|
}
|
|
7
9
|
declare const Steppers: React.FC<IStepperProps>;
|
|
8
10
|
export default Steppers;
|
|
@@ -14,63 +14,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
15
|
const core_1 = require("@material-ui/core");
|
|
16
16
|
const nuudel_utils_1 = require("nuudel-utils");
|
|
17
|
-
const
|
|
18
|
-
let activeStep = 0;
|
|
19
|
-
let values = [];
|
|
20
|
-
switch (status) {
|
|
21
|
-
case 'Pending':
|
|
22
|
-
case 'Created':
|
|
23
|
-
case 'Pickedup':
|
|
24
|
-
case 'Canceled':
|
|
25
|
-
case 'Deleted':
|
|
26
|
-
activeStep = 0;
|
|
27
|
-
values = [status, step, 'InTransit', 'Delivered'];
|
|
28
|
-
break;
|
|
29
|
-
case 'Facility':
|
|
30
|
-
case 'Failed':
|
|
31
|
-
activeStep = 1;
|
|
32
|
-
values = ['Created', status, 'InTransit', 'Delivered'];
|
|
33
|
-
break;
|
|
34
|
-
case 'InTransit':
|
|
35
|
-
activeStep = 2;
|
|
36
|
-
values = ['Created', step, status, 'Delivered'];
|
|
37
|
-
break;
|
|
38
|
-
case 'Returned':
|
|
39
|
-
case 'Delivered':
|
|
40
|
-
case 'Declined':
|
|
41
|
-
activeStep = 3;
|
|
42
|
-
values = ['Created', step, 'InTransit', status];
|
|
43
|
-
break;
|
|
44
|
-
default:
|
|
45
|
-
break;
|
|
46
|
-
}
|
|
47
|
-
return { values, activeStep };
|
|
48
|
-
};
|
|
49
|
-
const isStepFailed = (status) => {
|
|
17
|
+
const isStepFailed = (status, failedSteps) => {
|
|
50
18
|
let failedStatus = false;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
case 'Failed':
|
|
54
|
-
case 'Declined':
|
|
55
|
-
case 'Returned':
|
|
56
|
-
case 'Deleted':
|
|
57
|
-
failedStatus = true;
|
|
58
|
-
break;
|
|
59
|
-
default:
|
|
60
|
-
break;
|
|
19
|
+
if (failedSteps.includes(status)) {
|
|
20
|
+
failedStatus = true;
|
|
61
21
|
}
|
|
62
22
|
return failedStatus;
|
|
63
23
|
};
|
|
64
24
|
const Steppers = (_a) => {
|
|
65
|
-
var { children, step } = _a, props = __rest(_a, ["children", "step"]);
|
|
66
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(core_1.Stepper, Object.assign({}, props, { activeStep:
|
|
25
|
+
var { children, failedSteps = [], steps = [], step = 0 } = _a, props = __rest(_a, ["children", "failedSteps", "steps", "step"]);
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(core_1.Stepper, Object.assign({}, props, { activeStep: step, alternativeLabel: true, style: { width: '100%' } }, { children: steps.map((label, index) => {
|
|
67
27
|
const stepProps = {};
|
|
68
28
|
const labelProps = {};
|
|
69
|
-
if (isStepFailed(label)) {
|
|
29
|
+
if (isStepFailed(label, failedSteps)) {
|
|
70
30
|
labelProps.error = true;
|
|
71
31
|
}
|
|
72
32
|
return ((0, jsx_runtime_1.jsx)(core_1.Step, Object.assign({}, stepProps, { children: (0, jsx_runtime_1.jsx)(core_1.StepLabel, Object.assign({}, labelProps, { children: (0, nuudel_utils_1.t)(label) }), void 0) }), label));
|
|
73
33
|
}) }), void 0)] }, void 0));
|
|
74
34
|
};
|
|
75
35
|
exports.default = Steppers;
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU3RlcHBlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7QUFDQSw0Q0FBMkU7QUFDM0UsK0NBQWlDO0FBU2pDLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBYyxFQUFFLFdBQXFCLEVBQUUsRUFBRTtJQUM3RCxJQUFJLFlBQVksR0FBWSxLQUFLLENBQUM7SUFDbEMsSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1FBQ2hDLFlBQVksR0FBRyxJQUFJLENBQUM7S0FDckI7SUFDRCxPQUFPLFlBQVksQ0FBQztBQUN0QixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQU0xQyxFQUFFLEVBQUU7UUFOc0MsRUFDekMsUUFBUSxFQUNSLFdBQVcsR0FBRyxFQUFFLEVBQ2hCLEtBQUssR0FBRyxFQUFFLEVBQ1YsSUFBSSxHQUFHLENBQUMsT0FFVCxFQURJLEtBQUssY0FMaUMsNENBTTFDLENBRFM7SUFDSixPQUFBLENBQ0osNkRBQ0csUUFBUSxFQUNULHVCQUFDLGNBQU8sb0JBQ0YsS0FBSyxJQUNULFVBQVUsRUFBRSxJQUFJLEVBQ2hCLGdCQUFnQixRQUNoQixLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGdCQUV2QixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO29CQUMxQixNQUFNLFNBQVMsR0FBNEIsRUFBRSxDQUFDO29CQUM5QyxNQUFNLFVBQVUsR0FFWixFQUFFLENBQUM7b0JBQ1AsSUFBSSxZQUFZLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxFQUFFO3dCQUNwQyxVQUFVLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztxQkFDekI7b0JBQ0QsT0FBTyxDQUNMLHVCQUFDLFdBQUksb0JBQWlCLFNBQVMsY0FDN0IsdUJBQUMsZ0JBQVMsb0JBQUssVUFBVSxjQUFHLElBQUEsZ0JBQUMsRUFBQyxLQUFLLENBQUMsWUFBYSxLQUR4QyxLQUFLLENBRVQsQ0FDUixDQUFDO2dCQUNKLENBQUMsQ0FBQyxZQUNNLFlBQ1QsQ0FDSixDQUFBO0NBQUEsQ0FBQztBQUVGLGtCQUFlLFFBQVEsQ0FBQyJ9
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { StepperProps } from '@material-ui/core';
|
|
3
3
|
interface IStepperProps extends StepperProps {
|
|
4
4
|
status: string;
|
|
5
|
-
step?:
|
|
5
|
+
step?: number;
|
|
6
|
+
steps: string[];
|
|
7
|
+
failedSteps: string[];
|
|
6
8
|
}
|
|
7
9
|
declare const Steppers: React.FC<IStepperProps>;
|
|
8
10
|
export default Steppers;
|
|
@@ -1,60 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Stepper, Step, StepLabel } from '@material-ui/core';
|
|
3
3
|
import { t } from 'nuudel-utils';
|
|
4
|
-
const
|
|
5
|
-
let activeStep = 0;
|
|
6
|
-
let values = [];
|
|
7
|
-
switch (status) {
|
|
8
|
-
case 'Pending':
|
|
9
|
-
case 'Created':
|
|
10
|
-
case 'Pickedup':
|
|
11
|
-
case 'Canceled':
|
|
12
|
-
case 'Deleted':
|
|
13
|
-
activeStep = 0;
|
|
14
|
-
values = [status, step, 'InTransit', 'Delivered'];
|
|
15
|
-
break;
|
|
16
|
-
case 'Facility':
|
|
17
|
-
case 'Failed':
|
|
18
|
-
activeStep = 1;
|
|
19
|
-
values = ['Created', status, 'InTransit', 'Delivered'];
|
|
20
|
-
break;
|
|
21
|
-
case 'InTransit':
|
|
22
|
-
activeStep = 2;
|
|
23
|
-
values = ['Created', step, status, 'Delivered'];
|
|
24
|
-
break;
|
|
25
|
-
case 'Returned':
|
|
26
|
-
case 'Delivered':
|
|
27
|
-
case 'Declined':
|
|
28
|
-
activeStep = 3;
|
|
29
|
-
values = ['Created', step, 'InTransit', status];
|
|
30
|
-
break;
|
|
31
|
-
default:
|
|
32
|
-
break;
|
|
33
|
-
}
|
|
34
|
-
return { values, activeStep };
|
|
35
|
-
};
|
|
36
|
-
const isStepFailed = (status) => {
|
|
4
|
+
const isStepFailed = (status, failedSteps) => {
|
|
37
5
|
let failedStatus = false;
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
case 'Failed':
|
|
41
|
-
case 'Declined':
|
|
42
|
-
case 'Returned':
|
|
43
|
-
case 'Deleted':
|
|
44
|
-
failedStatus = true;
|
|
45
|
-
break;
|
|
46
|
-
default:
|
|
47
|
-
break;
|
|
6
|
+
if (failedSteps.includes(status)) {
|
|
7
|
+
failedStatus = true;
|
|
48
8
|
}
|
|
49
9
|
return failedStatus;
|
|
50
10
|
};
|
|
51
|
-
const Steppers = ({ children, step, ...props }) => (_jsxs(_Fragment, { children: [children, _jsx(Stepper, { ...props, activeStep:
|
|
11
|
+
const Steppers = ({ children, failedSteps = [], steps = [], step = 0, ...props }) => (_jsxs(_Fragment, { children: [children, _jsx(Stepper, { ...props, activeStep: step, alternativeLabel: true, style: { width: '100%' }, children: steps.map((label, index) => {
|
|
52
12
|
const stepProps = {};
|
|
53
13
|
const labelProps = {};
|
|
54
|
-
if (isStepFailed(label)) {
|
|
14
|
+
if (isStepFailed(label, failedSteps)) {
|
|
55
15
|
labelProps.error = true;
|
|
56
16
|
}
|
|
57
17
|
return (_jsx(Step, { ...stepProps, children: _jsx(StepLabel, { ...labelProps, children: t(label) }, void 0) }, label));
|
|
58
18
|
}) }, void 0)] }, void 0));
|
|
59
19
|
export default Steppers;
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU3RlcHBlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxPQUFPLEVBQWdCLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBU2pDLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBYyxFQUFFLFdBQXFCLEVBQUUsRUFBRTtJQUM3RCxJQUFJLFlBQVksR0FBWSxLQUFLLENBQUM7SUFDbEMsSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1FBQ2hDLFlBQVksR0FBRyxJQUFJLENBQUM7S0FDckI7SUFDRCxPQUFPLFlBQVksQ0FBQztBQUN0QixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUN6QyxRQUFRLEVBQ1IsV0FBVyxHQUFHLEVBQUUsRUFDaEIsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEdBQUcsQ0FBQyxFQUNSLEdBQUcsS0FBSyxFQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osOEJBQ0csUUFBUSxFQUNULEtBQUMsT0FBTyxPQUNGLEtBQUssRUFDVCxVQUFVLEVBQUUsSUFBSSxFQUNoQixnQkFBZ0IsUUFDaEIsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUV2QixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUMxQixNQUFNLFNBQVMsR0FBNEIsRUFBRSxDQUFDO2dCQUM5QyxNQUFNLFVBQVUsR0FFWixFQUFFLENBQUM7Z0JBQ1AsSUFBSSxZQUFZLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxFQUFFO29CQUNwQyxVQUFVLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztpQkFDekI7Z0JBQ0QsT0FBTyxDQUNMLEtBQUMsSUFBSSxPQUFpQixTQUFTLFlBQzdCLEtBQUMsU0FBUyxPQUFLLFVBQVUsWUFBRyxDQUFDLENBQUMsS0FBSyxDQUFDLFdBQWEsSUFEeEMsS0FBSyxDQUVULENBQ1IsQ0FBQztZQUNKLENBQUMsQ0FBQyxXQUNNLFlBQ1QsQ0FDSixDQUFDO0FBRUYsZUFBZSxRQUFRLENBQUMifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuudel-core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.30",
|
|
4
4
|
"description": "Web components for react with material UI",
|
|
5
5
|
"main": "build/main/index.js",
|
|
6
6
|
"typings": "build/main/index.d.ts",
|
|
@@ -87,7 +87,6 @@
|
|
|
87
87
|
"@types/react-native": "^0.66.12",
|
|
88
88
|
"@types/react-redux": "^7.1.22",
|
|
89
89
|
"@types/react-test-renderer": "^17.0.1",
|
|
90
|
-
"@types/swiper": "^5.4.3",
|
|
91
90
|
"@typescript-eslint/eslint-plugin": "^4.0.1",
|
|
92
91
|
"@typescript-eslint/parser": "^4.0.1",
|
|
93
92
|
"apollo-client": "^2.6.10",
|