phx-react 1.3.4 → 1.3.5
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/dist/cjs/components/Card/Card.js +1 -1
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/FormStep/FormStep.js +5 -5
- package/dist/cjs/components/FormStep/FormStep.js.map +1 -1
- package/dist/cjs/components/Step/Step.d.ts +3 -2
- package/dist/cjs/components/Step/Step.js +68 -68
- package/dist/cjs/components/Step/Step.js.map +1 -1
- package/dist/esm/components/Card/Card.js +1 -1
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/FormStep/FormStep.js +5 -5
- package/dist/esm/components/FormStep/FormStep.js.map +1 -1
- package/dist/esm/components/Step/Step.d.ts +3 -2
- package/dist/esm/components/Step/Step.js +68 -68
- package/dist/esm/components/Step/Step.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ var PHXCard = function Card(_a) {
|
|
|
11
11
|
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions;
|
|
12
12
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions ? (react_1["default"].createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
|
|
13
13
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (react_1["default"].createElement(Button_1.PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
14
|
-
primaryFooterAction && primaryFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick }, primaryFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
14
|
+
primaryFooterAction && primaryFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled }, primaryFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
15
15
|
var headerActionMarkup = primaryHeader ? (react_1["default"].createElement("div", { className: 'px-4 py-5 sm:px-6' },
|
|
16
16
|
react_1["default"].createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
17
17
|
return (react_1["default"].createElement("div", { className: 'w-full' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,8DAA+B;AAC/B,sEAAuC;AACvC,4DAA6B;AAE7B,oCAAqC;AAU9B,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,0CAAK,SAAS,EAAC,uDAAuD;QAEnE,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,iCAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,8DAA+B;AAC/B,sEAAuC;AACvC,4DAA6B;AAE7B,oCAAqC;AAU9B,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,0CAAK,SAAS,EAAC,uDAAuD;QAEnE,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,iCAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,IAErC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,0CAAK,SAAS,EAAC,mBAAmB;QAChC,yCAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAC,QAAQ;QACrB,0CAAK,SAAS,EAAC,sCAAsC;YACnD,0CAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,0CAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,OAAO,WAmDnB;AAED,eAAO,CAAC,OAAO,GAAG,oBAAO,CAAA;AACzB,eAAO,CAAC,WAAW,GAAG,wBAAW,CAAA;AACjC,eAAO,CAAC,MAAM,GAAG,mBAAM,CAAA"}
|
|
@@ -3,15 +3,15 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.PHXFormStep = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_hook_form_1 = require("react-hook-form");
|
|
6
|
-
var react_1 = tslib_1.
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
8
8
|
var Card_1 = require("../Card");
|
|
9
9
|
var FormWrap_1 = require("../FormWrap");
|
|
10
10
|
var PHXFormStep = function (_a) {
|
|
11
11
|
var _b;
|
|
12
12
|
var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
|
|
13
|
-
var _d = react_1
|
|
14
|
-
var _e = react_1
|
|
13
|
+
var _d = (0, react_1.useState)(1), currentStep = _d[0], setCurrentStep = _d[1];
|
|
14
|
+
var _e = (0, react_1.useState)([]), listSteps = _e[0], setListSteps = _e[1];
|
|
15
15
|
var form = (0, react_hook_form_1.useForm)();
|
|
16
16
|
var nextStep = function (data) {
|
|
17
17
|
var _a;
|
|
@@ -52,7 +52,7 @@ var PHXFormStep = function (_a) {
|
|
|
52
52
|
var handleNextStep = function () {
|
|
53
53
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
54
54
|
};
|
|
55
|
-
react_1
|
|
55
|
+
(0, react_1.useEffect)(function () {
|
|
56
56
|
if (steps) {
|
|
57
57
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
58
58
|
if (index === 0) {
|
|
@@ -66,7 +66,7 @@ var PHXFormStep = function (_a) {
|
|
|
66
66
|
listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { status: 'complete' })); });
|
|
67
67
|
setListSteps(listNew);
|
|
68
68
|
}
|
|
69
|
-
}, [
|
|
69
|
+
}, []);
|
|
70
70
|
return (react_1["default"].createElement("div", { className: className },
|
|
71
71
|
react_1["default"].createElement(react_hook_form_1.FormProvider, tslib_1.__assign({}, form),
|
|
72
72
|
react_1["default"].createElement(FormWrap_1.PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":";;;;AAAA,mDAA8E;AAC9E,
|
|
1
|
+
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,8 +18,9 @@ export interface StepProps {
|
|
|
18
18
|
title: FooterBarProps['title'];
|
|
19
19
|
triggerStep?: Array<{
|
|
20
20
|
step: number;
|
|
21
|
-
onNext
|
|
21
|
+
onNext?: any;
|
|
22
|
+
onBack?: any;
|
|
23
|
+
isPass: boolean;
|
|
22
24
|
}>;
|
|
23
|
-
backRout: any;
|
|
24
25
|
}
|
|
25
26
|
export declare const PHXStep: React.FC<StepProps>;
|
|
@@ -2,57 +2,59 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXStep = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
6
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
6
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
8
7
|
var Card_1 = require("../Card");
|
|
9
|
-
var FormWrap_1 = require("../FormWrap");
|
|
10
8
|
var PHXStep = function (_a) {
|
|
11
|
-
var _b;
|
|
12
|
-
var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit,
|
|
13
|
-
var _d = react_1
|
|
14
|
-
var _e = react_1
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
var _a;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
24
|
-
onSubmit(data);
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
29
|
-
if (item.step === currentStep + 1 && item.status !== 'complete')
|
|
30
|
-
item.status = 'current';
|
|
31
|
-
if (item.step === currentStep)
|
|
32
|
-
item.status = 'complete';
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
9
|
+
var _b, _c;
|
|
10
|
+
var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, triggerStep = _a.triggerStep;
|
|
11
|
+
var _d = (0, react_1.useState)(1), currentStep = _d[0], setCurrentStep = _d[1];
|
|
12
|
+
var _e = (0, react_1.useState)([]), listSteps = _e[0], setListSteps = _e[1];
|
|
13
|
+
var handleClickToStep = function (stepItem) {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
var isNextStep = ((_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.isPass) ||
|
|
16
|
+
((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === stepItem.step; })) === null || _b === void 0 ? void 0 : _b.isPass);
|
|
17
|
+
if (!isNextStep)
|
|
18
|
+
return;
|
|
19
|
+
if (stepItem.step > currentStep) {
|
|
20
|
+
handleNextStep();
|
|
36
21
|
}
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
else {
|
|
23
|
+
handleBackStep(stepItem);
|
|
39
24
|
}
|
|
40
25
|
};
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
26
|
+
var handleBackStep = function (stepItem) {
|
|
27
|
+
var _a;
|
|
28
|
+
var funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
|
|
29
|
+
if (funcCallBackStep && formMode !== 'readOnly')
|
|
30
|
+
funcCallBackStep();
|
|
31
|
+
if (stepItem && stepItem.step) {
|
|
32
|
+
setCurrentStep(stepItem.step);
|
|
44
33
|
}
|
|
45
34
|
else {
|
|
46
|
-
setCurrentStep(
|
|
35
|
+
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
47
36
|
}
|
|
48
37
|
};
|
|
49
|
-
var handleBackStep = function () {
|
|
50
|
-
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
51
|
-
};
|
|
52
38
|
var handleNextStep = function () {
|
|
39
|
+
var _a;
|
|
40
|
+
var funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
|
|
41
|
+
if (funcCallNextStep && formMode !== 'readOnly')
|
|
42
|
+
funcCallNextStep();
|
|
43
|
+
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
44
|
+
onSubmit();
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
49
|
+
if (item.step === currentStep + 1 && item.status !== 'complete')
|
|
50
|
+
item.status = 'current';
|
|
51
|
+
if (item.step === currentStep)
|
|
52
|
+
item.status = 'complete';
|
|
53
|
+
});
|
|
54
|
+
}
|
|
53
55
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
54
56
|
};
|
|
55
|
-
react_1
|
|
57
|
+
(0, react_1.useEffect)(function () {
|
|
56
58
|
if (steps) {
|
|
57
59
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
58
60
|
if (index === 0) {
|
|
@@ -66,37 +68,35 @@ var PHXStep = function (_a) {
|
|
|
66
68
|
listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { status: 'complete' })); });
|
|
67
69
|
setListSteps(listNew);
|
|
68
70
|
}
|
|
69
|
-
}, [
|
|
71
|
+
}, []);
|
|
70
72
|
return (react_1["default"].createElement("div", { className: className },
|
|
71
|
-
react_1["default"].createElement(
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
react_1["default"].createElement(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
react_1["default"].createElement("span", { className: '
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
react_1["default"].createElement("
|
|
97
|
-
|
|
98
|
-
react_1["default"].createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 :
|
|
99
|
-
_b.component)))));
|
|
73
|
+
react_1["default"].createElement(Card_1.PHXCard, { primaryFooterAction: {
|
|
74
|
+
content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
|
|
75
|
+
submit: false,
|
|
76
|
+
onClick: handleNextStep,
|
|
77
|
+
disabled: ((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (stepChild) { return stepChild.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isPass) === false
|
|
78
|
+
}, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
|
|
79
|
+
react_1["default"].createElement("nav", { "aria-label": 'Progress' },
|
|
80
|
+
react_1["default"].createElement("ol", { role: 'list', className: 'divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
|
|
81
|
+
listSteps.map(function (stepItem, stepIdx) { return (react_1["default"].createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
|
|
82
|
+
react_1["default"].createElement("button", { type: 'button', onClick: function () { return handleClickToStep(stepItem); } },
|
|
83
|
+
stepItem.status === 'complete' ? (react_1["default"].createElement("div", { className: 'group flex w-full items-center' },
|
|
84
|
+
react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
|
|
85
|
+
react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
|
|
86
|
+
react_1["default"].createElement(solid_1.CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
|
|
87
|
+
react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (react_1["default"].createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
|
|
88
|
+
react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
|
|
89
|
+
react_1["default"].createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
|
|
90
|
+
react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (react_1["default"].createElement("div", { className: 'group flex items-center' },
|
|
91
|
+
react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
|
|
92
|
+
react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
|
|
93
|
+
react_1["default"].createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
|
|
94
|
+
react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
|
|
95
|
+
stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
96
|
+
react_1["default"].createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
|
|
97
|
+
react_1["default"].createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
|
|
98
|
+
react_1["default"].createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_c = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _c === void 0 ? void 0 :
|
|
99
|
+
_c.component)));
|
|
100
100
|
};
|
|
101
101
|
exports.PHXStep = PHXStep;
|
|
102
102
|
//# sourceMappingURL=Step.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export var PHXCard = function Card(_a) {
|
|
|
7
7
|
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions;
|
|
8
8
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions ? (React.createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
|
|
9
9
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
10
|
-
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick }, primaryFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
10
|
+
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled }, primaryFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
11
11
|
var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'px-4 py-5 sm:px-6' },
|
|
12
12
|
React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title))) : (React.createElement(React.Fragment, null));
|
|
13
13
|
return (React.createElement("div", { className: 'w-full' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAUrC,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,uDAAuD;QAEnE,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAUrC,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,uDAAuD;QAEnE,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,IAErC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,EAAC,mBAAmB;QAChC,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,6BAAK,SAAS,EAAC,sCAAsC;YACnD,6BAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;AACzB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;AACjC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import { FormProvider, useForm } from 'react-hook-form';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { CheckIcon } from '@heroicons/react/24/solid';
|
|
5
5
|
import { PHXCard } from '../Card';
|
|
6
6
|
import { PHXFormWrap } from '../FormWrap';
|
|
7
7
|
export var PHXFormStep = function (_a) {
|
|
8
8
|
var _b;
|
|
9
9
|
var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
|
|
10
|
-
var _d =
|
|
11
|
-
var _e =
|
|
10
|
+
var _d = useState(1), currentStep = _d[0], setCurrentStep = _d[1];
|
|
11
|
+
var _e = useState([]), listSteps = _e[0], setListSteps = _e[1];
|
|
12
12
|
var form = useForm();
|
|
13
13
|
var nextStep = function (data) {
|
|
14
14
|
var _a;
|
|
@@ -49,7 +49,7 @@ export var PHXFormStep = function (_a) {
|
|
|
49
49
|
var handleNextStep = function () {
|
|
50
50
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
51
51
|
};
|
|
52
|
-
|
|
52
|
+
useEffect(function () {
|
|
53
53
|
if (steps) {
|
|
54
54
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
55
55
|
if (index === 0) {
|
|
@@ -63,7 +63,7 @@ export var PHXFormStep = function (_a) {
|
|
|
63
63
|
listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (__assign(__assign({}, item), { status: 'complete' })); });
|
|
64
64
|
setListSteps(listNew);
|
|
65
65
|
}
|
|
66
|
-
}, [
|
|
66
|
+
}, []);
|
|
67
67
|
return (React.createElement("div", { className: className },
|
|
68
68
|
React.createElement(FormProvider, __assign({}, form),
|
|
69
69
|
React.createElement(PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAyB,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,
|
|
1
|
+
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,8 +18,9 @@ export interface StepProps {
|
|
|
18
18
|
title: FooterBarProps['title'];
|
|
19
19
|
triggerStep?: Array<{
|
|
20
20
|
step: number;
|
|
21
|
-
onNext
|
|
21
|
+
onNext?: any;
|
|
22
|
+
onBack?: any;
|
|
23
|
+
isPass: boolean;
|
|
22
24
|
}>;
|
|
23
|
-
backRout: any;
|
|
24
25
|
}
|
|
25
26
|
export declare const PHXStep: React.FC<StepProps>;
|
|
@@ -1,55 +1,57 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import {
|
|
3
|
-
import React from 'react';
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
4
3
|
import { CheckIcon } from '@heroicons/react/24/solid';
|
|
5
4
|
import { PHXCard } from '../Card';
|
|
6
|
-
import { PHXFormWrap } from '../FormWrap';
|
|
7
5
|
export var PHXStep = function (_a) {
|
|
8
|
-
var _b;
|
|
9
|
-
var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit,
|
|
10
|
-
var _d =
|
|
11
|
-
var _e =
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _a;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
21
|
-
onSubmit(data);
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
26
|
-
if (item.step === currentStep + 1 && item.status !== 'complete')
|
|
27
|
-
item.status = 'current';
|
|
28
|
-
if (item.step === currentStep)
|
|
29
|
-
item.status = 'complete';
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
6
|
+
var _b, _c;
|
|
7
|
+
var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, triggerStep = _a.triggerStep;
|
|
8
|
+
var _d = useState(1), currentStep = _d[0], setCurrentStep = _d[1];
|
|
9
|
+
var _e = useState([]), listSteps = _e[0], setListSteps = _e[1];
|
|
10
|
+
var handleClickToStep = function (stepItem) {
|
|
11
|
+
var _a, _b;
|
|
12
|
+
var isNextStep = ((_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.isPass) ||
|
|
13
|
+
((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === stepItem.step; })) === null || _b === void 0 ? void 0 : _b.isPass);
|
|
14
|
+
if (!isNextStep)
|
|
15
|
+
return;
|
|
16
|
+
if (stepItem.step > currentStep) {
|
|
17
|
+
handleNextStep();
|
|
33
18
|
}
|
|
34
|
-
|
|
35
|
-
|
|
19
|
+
else {
|
|
20
|
+
handleBackStep(stepItem);
|
|
36
21
|
}
|
|
37
22
|
};
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
var handleBackStep = function (stepItem) {
|
|
24
|
+
var _a;
|
|
25
|
+
var funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
|
|
26
|
+
if (funcCallBackStep && formMode !== 'readOnly')
|
|
27
|
+
funcCallBackStep();
|
|
28
|
+
if (stepItem && stepItem.step) {
|
|
29
|
+
setCurrentStep(stepItem.step);
|
|
41
30
|
}
|
|
42
31
|
else {
|
|
43
|
-
setCurrentStep(
|
|
32
|
+
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
44
33
|
}
|
|
45
34
|
};
|
|
46
|
-
var handleBackStep = function () {
|
|
47
|
-
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
48
|
-
};
|
|
49
35
|
var handleNextStep = function () {
|
|
36
|
+
var _a;
|
|
37
|
+
var funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
|
|
38
|
+
if (funcCallNextStep && formMode !== 'readOnly')
|
|
39
|
+
funcCallNextStep();
|
|
40
|
+
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
41
|
+
onSubmit();
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
46
|
+
if (item.step === currentStep + 1 && item.status !== 'complete')
|
|
47
|
+
item.status = 'current';
|
|
48
|
+
if (item.step === currentStep)
|
|
49
|
+
item.status = 'complete';
|
|
50
|
+
});
|
|
51
|
+
}
|
|
50
52
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
51
53
|
};
|
|
52
|
-
|
|
54
|
+
useEffect(function () {
|
|
53
55
|
if (steps) {
|
|
54
56
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
55
57
|
if (index === 0) {
|
|
@@ -63,36 +65,34 @@ export var PHXStep = function (_a) {
|
|
|
63
65
|
listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (__assign(__assign({}, item), { status: 'complete' })); });
|
|
64
66
|
setListSteps(listNew);
|
|
65
67
|
}
|
|
66
|
-
}, [
|
|
68
|
+
}, []);
|
|
67
69
|
return (React.createElement("div", { className: className },
|
|
68
|
-
React.createElement(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
React.createElement(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement("span", { className: '
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
React.createElement("
|
|
94
|
-
|
|
95
|
-
React.createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 :
|
|
96
|
-
_b.component)))));
|
|
70
|
+
React.createElement(PHXCard, { primaryFooterAction: {
|
|
71
|
+
content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
|
|
72
|
+
submit: false,
|
|
73
|
+
onClick: handleNextStep,
|
|
74
|
+
disabled: ((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (stepChild) { return stepChild.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isPass) === false
|
|
75
|
+
}, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
|
|
76
|
+
React.createElement("nav", { "aria-label": 'Progress' },
|
|
77
|
+
React.createElement("ol", { role: 'list', className: 'divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
|
|
78
|
+
listSteps.map(function (stepItem, stepIdx) { return (React.createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
|
|
79
|
+
React.createElement("button", { type: 'button', onClick: function () { return handleClickToStep(stepItem); } },
|
|
80
|
+
stepItem.status === 'complete' ? (React.createElement("div", { className: 'group flex w-full items-center' },
|
|
81
|
+
React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
|
|
82
|
+
React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
|
|
83
|
+
React.createElement(CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
|
|
84
|
+
React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (React.createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
|
|
85
|
+
React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
|
|
86
|
+
React.createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
|
|
87
|
+
React.createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (React.createElement("div", { className: 'group flex items-center' },
|
|
88
|
+
React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
|
|
89
|
+
React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
|
|
90
|
+
React.createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
|
|
91
|
+
React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
|
|
92
|
+
stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (React.createElement(React.Fragment, null,
|
|
93
|
+
React.createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
|
|
94
|
+
React.createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
|
|
95
|
+
React.createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_c = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _c === void 0 ? void 0 :
|
|
96
|
+
_c.component)));
|
|
97
97
|
};
|
|
98
98
|
//# sourceMappingURL=Step.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
|