phx-react 1.3.79 → 1.3.81
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/Button/Button.d.ts +2 -1
- package/dist/cjs/components/Button/Button.js +9 -4
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +1 -1
- package/dist/cjs/components/ChoiceList/ChoiceList.d.ts +2 -0
- package/dist/cjs/components/ChoiceList/ChoiceList.js +1 -1
- package/dist/cjs/components/ChoiceList/ChoiceList.js.map +1 -1
- package/dist/cjs/components/FormStep/FormStep.js +14 -64
- package/dist/cjs/components/FormStep/FormStep.js.map +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.d.ts +1 -2
- package/dist/cjs/components/FormWrap/FormWrap.js +2 -2
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/Button/Button.d.ts +2 -1
- package/dist/esm/components/Button/Button.js +9 -4
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Card/Card.js +1 -1
- package/dist/esm/components/ChoiceList/ChoiceList.d.ts +2 -0
- package/dist/esm/components/ChoiceList/ChoiceList.js +1 -1
- package/dist/esm/components/ChoiceList/ChoiceList.js.map +1 -1
- package/dist/esm/components/FormStep/FormStep.js +15 -65
- package/dist/esm/components/FormStep/FormStep.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.d.ts +1 -2
- package/dist/esm/components/FormWrap/FormWrap.js +2 -2
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ export interface ButtonProps extends BaseButton {
|
|
|
9
9
|
danger?: boolean;
|
|
10
10
|
danger2?: boolean;
|
|
11
11
|
soft?: boolean;
|
|
12
|
+
deleted?: boolean;
|
|
12
13
|
rounded?: boolean;
|
|
13
14
|
size?: 'micro' | 'small' | 'medium' | 'large' | 'extra-large';
|
|
14
15
|
children?: string | string[];
|
|
@@ -17,4 +18,4 @@ export interface ButtonProps extends BaseButton {
|
|
|
17
18
|
iconOutline?: boolean;
|
|
18
19
|
iconPosition?: 'before' | 'after';
|
|
19
20
|
}
|
|
20
|
-
export declare const PHXButton: ({ primary, secondary, danger, danger2, soft, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, }: ButtonProps) => JSX.Element;
|
|
21
|
+
export declare const PHXButton: ({ primary, secondary, danger, danger2, soft, deleted, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, }: ButtonProps) => JSX.Element;
|
|
@@ -9,7 +9,7 @@ var IconLoading_1 = require("../../commons/IconLoading");
|
|
|
9
9
|
var types_1 = require("../types");
|
|
10
10
|
var use_disable_interaction_1 = require("../../utils/use-disable-interaction");
|
|
11
11
|
var PHXButton = function (_a) {
|
|
12
|
-
var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, danger2 = _a.danger2, soft = _a.soft, rounded = _a.rounded, submit = _a.submit, _b = _a.size, size = _b === void 0 ? 'medium' : _b, children = _a.children, icon = _a.icon, iconClassName = _a.iconClassName, _c = _a.iconOutline, iconOutline = _c === void 0 ? false : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'before' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, id = _a.id, onClick = _a.onClick, className = _a.className;
|
|
12
|
+
var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, danger2 = _a.danger2, soft = _a.soft, deleted = _a.deleted, rounded = _a.rounded, submit = _a.submit, _b = _a.size, size = _b === void 0 ? 'medium' : _b, children = _a.children, icon = _a.icon, iconClassName = _a.iconClassName, _c = _a.iconOutline, iconOutline = _c === void 0 ? false : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'before' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, id = _a.id, onClick = _a.onClick, className = _a.className;
|
|
13
13
|
var Icon;
|
|
14
14
|
if (icon) {
|
|
15
15
|
Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
|
|
@@ -22,9 +22,11 @@ var PHXButton = function (_a) {
|
|
|
22
22
|
var handleClick = (0, use_disable_interaction_1.useDisableClick)(disabled, onClick);
|
|
23
23
|
var binClassNames = (0, types_1.classNames)(primary &&
|
|
24
24
|
'bg-indigo-800 font-normal text-white shadow-sm hover:bg-indigo-900 hover:text-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900', secondary &&
|
|
25
|
-
'bg-white font-normal text-gray-900 shadow-sm
|
|
25
|
+
'bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', danger &&
|
|
26
26
|
'bg-red-600 font-normal text-white shadow-sm hover:bg-red-700 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', danger2 &&
|
|
27
|
-
'font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]',
|
|
27
|
+
'font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', deleted &&
|
|
28
|
+
'bg-indigo-50 font-normal text-red-800 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', rounded && 'rounded-full', soft &&
|
|
29
|
+
'bg-indigo-50 font-normal text-indigo-600 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', size === 'micro' && "px-2 py-1 text-xs rounded-lg active:pt-[0.3rem] active:pb-[0.2rem]", size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'medium' && "px-2.5 py-1.5 text-sm rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'large' && "px-3 py-2 text-sm rounded-lg active:pt-[0.55rem] active:pb-[0.45rem]", size === 'extra-large' && "px-3.5 py-2.5 text-sm rounded-lg active:pt-[0.7rem] active:pb-[0.55rem]", icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', className);
|
|
28
30
|
var iconClass = (0, types_1.classNames)(icon && iconPosition === 'before' && '-ml-0.5 h-5 w-5', icon && iconPosition === 'after' && '-mr-0.5 h-5 w-5', iconClassName);
|
|
29
31
|
// Icon markup
|
|
30
32
|
var iconMarkup = Icon && react_1["default"].createElement(Icon, { className: iconClass });
|
|
@@ -35,7 +37,10 @@ var PHXButton = function (_a) {
|
|
|
35
37
|
react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
36
38
|
loadingMarkup,
|
|
37
39
|
iconPosition === 'before' ? iconMarkup : react_1["default"].createElement(react_1["default"].Fragment, null),
|
|
38
|
-
react_1["default"].createElement("span", { className: loading ? 'invisible' : ''
|
|
40
|
+
react_1["default"].createElement("span", { className: (0, types_1.classNames)(loading ? 'invisible' : '', deleted ? 'flex items-center' : '') },
|
|
41
|
+
deleted && (react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '2.5', stroke: 'currentColor', className: 'w-3.5 h-3.5 mr-1' },
|
|
42
|
+
react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0' }))),
|
|
43
|
+
children),
|
|
39
44
|
iconPosition === 'after' ? iconMarkup : react_1["default"].createElement(react_1["default"].Fragment, null))));
|
|
40
45
|
return react_1["default"].createElement(react_1["default"].Fragment, null, buttonMarkup);
|
|
41
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,4EAAuD;AACvD,gFAA2D;AAC3D,yDAAuD;AACvD,kCAAiD;AACjD,+EAAqE;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ var PHXCard = function Card(_a) {
|
|
|
14
14
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'bg-gray-100' : '', ' px-4 py-3 sm:px-6 flex justify-end gap-x-3') },
|
|
15
15
|
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)),
|
|
16
16
|
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, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
|
|
17
|
-
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, {
|
|
17
|
+
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { deleted: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
18
18
|
var headerActionMarkup = primaryHeader ? (react_1["default"].createElement("div", { className: 'flex justify-between items-center px-4 py-3 sm:px-6' },
|
|
19
19
|
react_1["default"].createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
20
20
|
headerAction && (react_1["default"].createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
@@ -8,7 +8,7 @@ function PHXChoiceList(_a) {
|
|
|
8
8
|
var label = _a.label, list = _a.list;
|
|
9
9
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
10
10
|
label && react_1["default"].createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
|
|
11
|
-
list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title }, item.component)); })));
|
|
11
|
+
list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked }, item.component)); })));
|
|
12
12
|
}
|
|
13
13
|
exports.PHXChoiceList = PHXChoiceList;
|
|
14
14
|
//# sourceMappingURL=ChoiceList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;
|
|
1
|
+
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;AAiBzB,SAAgB,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,4CAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,iCAAC,sBAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,IAElC,IAAI,CAAC,SAAS,CACH,CACf,EAZwB,CAYxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAnBD,sCAmBC"}
|
|
@@ -13,28 +13,27 @@ var PHXFormStep = function (_a) {
|
|
|
13
13
|
var _e = (0, react_1.useState)(1), currentStep = _e[0], setCurrentStep = _e[1];
|
|
14
14
|
var _f = (0, react_1.useState)([]), listSteps = _f[0], setListSteps = _f[1];
|
|
15
15
|
var form = (0, react_hook_form_1.useForm)();
|
|
16
|
-
var triggerStepRef = (0, react_1.useRef)();
|
|
17
16
|
function findNextStepCurrent(item) {
|
|
18
17
|
return item.step === currentStep + 1 && item.status !== 'complete';
|
|
19
18
|
}
|
|
20
19
|
var nextStep = function (data, stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
21
|
-
var funcCallNextStep,
|
|
20
|
+
var isPass, funcCallNextStep, satusCurrentStep, error_1;
|
|
22
21
|
var _a, _b;
|
|
23
22
|
return tslib_1.__generator(this, function (_c) {
|
|
24
23
|
switch (_c.label) {
|
|
25
24
|
case 0:
|
|
26
25
|
_c.trys.push([0, 3, , 4]);
|
|
26
|
+
isPass = true;
|
|
27
27
|
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;
|
|
28
|
+
satusCurrentStep = (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.status;
|
|
28
29
|
if (!funcCallNextStep) return [3 /*break*/, 2];
|
|
29
|
-
return [4 /*yield*/, funcCallNextStep()
|
|
30
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
31
|
-
];
|
|
30
|
+
return [4 /*yield*/, funcCallNextStep(data, satusCurrentStep)];
|
|
32
31
|
case 1:
|
|
33
|
-
_c.sent();
|
|
32
|
+
isPass = _c.sent();
|
|
34
33
|
_c.label = 2;
|
|
35
34
|
case 2:
|
|
36
|
-
|
|
37
|
-
if (isPass
|
|
35
|
+
// Dựa vào giá trị của hàm triggerStep trả về để quyết định xem Step có pass hay không
|
|
36
|
+
if (!isPass)
|
|
38
37
|
return [2 /*return*/];
|
|
39
38
|
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
40
39
|
onSubmit(data);
|
|
@@ -74,23 +73,18 @@ var PHXFormStep = function (_a) {
|
|
|
74
73
|
});
|
|
75
74
|
}); };
|
|
76
75
|
var handleBackStep = function (stepItem) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
77
|
-
var funcCallBackStep
|
|
78
|
-
var _a
|
|
79
|
-
return tslib_1.__generator(this, function (
|
|
80
|
-
switch (
|
|
76
|
+
var funcCallBackStep;
|
|
77
|
+
var _a;
|
|
78
|
+
return tslib_1.__generator(this, function (_b) {
|
|
79
|
+
switch (_b.label) {
|
|
81
80
|
case 0:
|
|
82
81
|
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;
|
|
83
82
|
if (!(funcCallBackStep && formMode !== 'readOnly')) return [3 /*break*/, 2];
|
|
84
|
-
return [4 /*yield*/, funcCallBackStep()
|
|
85
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
86
|
-
];
|
|
83
|
+
return [4 /*yield*/, funcCallBackStep()];
|
|
87
84
|
case 1:
|
|
88
|
-
|
|
89
|
-
|
|
85
|
+
_b.sent();
|
|
86
|
+
_b.label = 2;
|
|
90
87
|
case 2:
|
|
91
|
-
isBack = (_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isBack;
|
|
92
|
-
if (isBack === false)
|
|
93
|
-
return [2 /*return*/];
|
|
94
88
|
if (stepItem && stepItem.step) {
|
|
95
89
|
setCurrentStep(stepItem.step);
|
|
96
90
|
}
|
|
@@ -104,50 +98,6 @@ var PHXFormStep = function (_a) {
|
|
|
104
98
|
var handleNextStep = function () {
|
|
105
99
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
106
100
|
};
|
|
107
|
-
// Hàm kiểm tra hai mảng trigger có cùng nội dung hay không
|
|
108
|
-
var arraysAreEqual = function (arr1, arr2) {
|
|
109
|
-
if ((arr1 === null || arr1 === void 0 ? void 0 : arr1.length) !== (arr2 === null || arr2 === void 0 ? void 0 : arr2.length)) {
|
|
110
|
-
return false;
|
|
111
|
-
}
|
|
112
|
-
var compareLength = arr1 === null || arr1 === void 0 ? void 0 : arr1.length;
|
|
113
|
-
for (var i = 0; i < compareLength; i++) {
|
|
114
|
-
if (arr1[i].isBack !== arr2[i].isBack || arr1[i].isNext !== arr2[i].isNext) {
|
|
115
|
-
return false;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
return true;
|
|
119
|
-
};
|
|
120
|
-
var triggerNextStep = function () {
|
|
121
|
-
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
122
|
-
if (item.step === currentStep + 1 && item.status !== 'complete') {
|
|
123
|
-
item.status = 'current';
|
|
124
|
-
}
|
|
125
|
-
if (item.step === currentStep)
|
|
126
|
-
item.status = 'complete';
|
|
127
|
-
});
|
|
128
|
-
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
129
|
-
};
|
|
130
|
-
function isEmptyFuncTrigger(funcCallBackStep) {
|
|
131
|
-
return !funcCallBackStep || (funcCallBackStep && !funcCallBackStep.isNext && !funcCallBackStep.isBack);
|
|
132
|
-
}
|
|
133
|
-
function isNextCondition(funcCallBackStep) {
|
|
134
|
-
return funcCallBackStep && funcCallBackStep.isNext && !funcCallBackStep.isBack;
|
|
135
|
-
}
|
|
136
|
-
// Theo dõi triggerStep truyền vào isPass và isNext và chuyển hướng
|
|
137
|
-
(0, react_1.useEffect)(function () {
|
|
138
|
-
if (!arraysAreEqual(triggerStep, triggerStepRef.current)) {
|
|
139
|
-
var funcCallBackStep = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; });
|
|
140
|
-
if (isEmptyFuncTrigger(funcCallBackStep))
|
|
141
|
-
return;
|
|
142
|
-
if (isNextCondition(funcCallBackStep)) {
|
|
143
|
-
triggerNextStep();
|
|
144
|
-
}
|
|
145
|
-
else {
|
|
146
|
-
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
147
|
-
}
|
|
148
|
-
triggerStepRef.current = triggerStep;
|
|
149
|
-
}
|
|
150
|
-
}, [triggerStep]);
|
|
151
101
|
(0, react_1.useEffect)(function () {
|
|
152
102
|
if (steps) {
|
|
153
103
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,6 @@ export interface FooterBarProps {
|
|
|
11
11
|
onlyDelete?: boolean;
|
|
12
12
|
deleted?: boolean;
|
|
13
13
|
submit?: boolean;
|
|
14
|
-
deleteText?: string;
|
|
15
14
|
cancelText?: string;
|
|
16
15
|
submitText?: string;
|
|
17
16
|
deletedLoading?: boolean;
|
|
@@ -26,4 +25,4 @@ export interface FooterBarProps {
|
|
|
26
25
|
onCancel?(): void;
|
|
27
26
|
onSubmit?(): void;
|
|
28
27
|
}
|
|
29
|
-
export declare const PHXFormWrap: ({ badge, cancelText, children, className,
|
|
28
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => JSX.Element;
|
|
@@ -9,7 +9,7 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
9
9
|
var Badge_1 = require("../Badge");
|
|
10
10
|
var Modal_1 = require("../Modal");
|
|
11
11
|
var PHXFormWrap = function (_a) {
|
|
12
|
-
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className,
|
|
12
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
13
13
|
var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
14
14
|
var _f = (0, react_1.useState)(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
|
|
15
15
|
var handleOpenModalConfirm = function () {
|
|
@@ -33,7 +33,7 @@ var PHXFormWrap = function (_a) {
|
|
|
33
33
|
? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
|
|
34
34
|
: 'hidden' },
|
|
35
35
|
deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
36
|
-
react_1["default"].createElement(Button_1.PHXButton, {
|
|
36
|
+
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: handleOpenModalConfirm }, "X\u00F3a b\u1EA3n ghi"),
|
|
37
37
|
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: onDelete, onHide: handleCancelModalConfirm, primaryActionText: '', show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
|
|
38
38
|
!onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
39
39
|
react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,oCAAqC;AACrC,kCAAqC;AACrC,mDAAyD;AACzD,kCAAmC;AACnC,kCAAmC;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export interface ButtonProps extends BaseButton {
|
|
|
9
9
|
danger?: boolean;
|
|
10
10
|
danger2?: boolean;
|
|
11
11
|
soft?: boolean;
|
|
12
|
+
deleted?: boolean;
|
|
12
13
|
rounded?: boolean;
|
|
13
14
|
size?: 'micro' | 'small' | 'medium' | 'large' | 'extra-large';
|
|
14
15
|
children?: string | string[];
|
|
@@ -17,4 +18,4 @@ export interface ButtonProps extends BaseButton {
|
|
|
17
18
|
iconOutline?: boolean;
|
|
18
19
|
iconPosition?: 'before' | 'after';
|
|
19
20
|
}
|
|
20
|
-
export declare const PHXButton: ({ primary, secondary, danger, danger2, soft, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, }: ButtonProps) => JSX.Element;
|
|
21
|
+
export declare const PHXButton: ({ primary, secondary, danger, danger2, soft, deleted, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, }: ButtonProps) => JSX.Element;
|
|
@@ -6,7 +6,7 @@ import { IconLoading } from '../../commons/IconLoading';
|
|
|
6
6
|
import { classNames } from '../types';
|
|
7
7
|
import { useDisableClick } from '../../utils/use-disable-interaction';
|
|
8
8
|
export var PHXButton = function (_a) {
|
|
9
|
-
var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, danger2 = _a.danger2, soft = _a.soft, rounded = _a.rounded, submit = _a.submit, _b = _a.size, size = _b === void 0 ? 'medium' : _b, children = _a.children, icon = _a.icon, iconClassName = _a.iconClassName, _c = _a.iconOutline, iconOutline = _c === void 0 ? false : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'before' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, id = _a.id, onClick = _a.onClick, className = _a.className;
|
|
9
|
+
var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, danger2 = _a.danger2, soft = _a.soft, deleted = _a.deleted, rounded = _a.rounded, submit = _a.submit, _b = _a.size, size = _b === void 0 ? 'medium' : _b, children = _a.children, icon = _a.icon, iconClassName = _a.iconClassName, _c = _a.iconOutline, iconOutline = _c === void 0 ? false : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'before' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, id = _a.id, onClick = _a.onClick, className = _a.className;
|
|
10
10
|
var Icon;
|
|
11
11
|
if (icon) {
|
|
12
12
|
Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
|
|
@@ -19,9 +19,11 @@ export var PHXButton = function (_a) {
|
|
|
19
19
|
var handleClick = useDisableClick(disabled, onClick);
|
|
20
20
|
var binClassNames = classNames(primary &&
|
|
21
21
|
'bg-indigo-800 font-normal text-white shadow-sm hover:bg-indigo-900 hover:text-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900', secondary &&
|
|
22
|
-
'bg-white font-normal text-gray-900 shadow-sm
|
|
22
|
+
'bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', danger &&
|
|
23
23
|
'bg-red-600 font-normal text-white shadow-sm hover:bg-red-700 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', danger2 &&
|
|
24
|
-
'font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]',
|
|
24
|
+
'font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', deleted &&
|
|
25
|
+
'bg-indigo-50 font-normal text-red-800 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', rounded && 'rounded-full', soft &&
|
|
26
|
+
'bg-indigo-50 font-normal text-indigo-600 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', size === 'micro' && "px-2 py-1 text-xs rounded-lg active:pt-[0.3rem] active:pb-[0.2rem]", size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'medium' && "px-2.5 py-1.5 text-sm rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'large' && "px-3 py-2 text-sm rounded-lg active:pt-[0.55rem] active:pb-[0.45rem]", size === 'extra-large' && "px-3.5 py-2.5 text-sm rounded-lg active:pt-[0.7rem] active:pb-[0.55rem]", icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', className);
|
|
25
27
|
var iconClass = classNames(icon && iconPosition === 'before' && '-ml-0.5 h-5 w-5', icon && iconPosition === 'after' && '-mr-0.5 h-5 w-5', iconClassName);
|
|
26
28
|
// Icon markup
|
|
27
29
|
var iconMarkup = Icon && React.createElement(Icon, { className: iconClass });
|
|
@@ -32,7 +34,10 @@ export var PHXButton = function (_a) {
|
|
|
32
34
|
React.createElement(React.Fragment, null,
|
|
33
35
|
loadingMarkup,
|
|
34
36
|
iconPosition === 'before' ? iconMarkup : React.createElement(React.Fragment, null),
|
|
35
|
-
React.createElement("span", { className: loading ? 'invisible' : ''
|
|
37
|
+
React.createElement("span", { className: classNames(loading ? 'invisible' : '', deleted ? 'flex items-center' : '') },
|
|
38
|
+
deleted && (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '2.5', stroke: 'currentColor', className: 'w-3.5 h-3.5 mr-1' },
|
|
39
|
+
React.createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0' }))),
|
|
40
|
+
children),
|
|
36
41
|
iconPosition === 'after' ? iconMarkup : React.createElement(React.Fragment, null))));
|
|
37
42
|
return React.createElement(React.Fragment, null, buttonMarkup);
|
|
38
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export var PHXCard = function Card(_a) {
|
|
|
10
10
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: classNames(type === 'modal' ? 'bg-gray-100' : '', ' px-4 py-3 sm:px-6 flex justify-end gap-x-3') },
|
|
11
11
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
12
12
|
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
|
|
13
|
-
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, {
|
|
13
|
+
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { deleted: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
14
14
|
var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'flex justify-between items-center px-4 py-3 sm:px-6' },
|
|
15
15
|
React.createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
16
16
|
headerAction && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
@@ -4,6 +4,6 @@ export function PHXChoiceList(_a) {
|
|
|
4
4
|
var label = _a.label, list = _a.list;
|
|
5
5
|
return (React.createElement(React.Fragment, null,
|
|
6
6
|
label && React.createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
|
|
7
|
-
list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title }, item.component)); })));
|
|
7
|
+
list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked }, item.component)); })));
|
|
8
8
|
}
|
|
9
9
|
//# sourceMappingURL=ChoiceList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,IAElC,IAAI,CAAC,SAAS,CACH,CACf,EAZwB,CAYxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __awaiter, __generator } from "tslib";
|
|
2
2
|
import { CheckIcon } from '@heroicons/react/24/solid';
|
|
3
|
-
import React, { useEffect,
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { FormProvider, useForm } from 'react-hook-form';
|
|
5
5
|
import { PHXFormWrap } from '../FormWrap';
|
|
6
6
|
import { PHXCard } from '../Card';
|
|
@@ -10,28 +10,27 @@ export var PHXFormStep = function (_a) {
|
|
|
10
10
|
var _e = useState(1), currentStep = _e[0], setCurrentStep = _e[1];
|
|
11
11
|
var _f = useState([]), listSteps = _f[0], setListSteps = _f[1];
|
|
12
12
|
var form = useForm();
|
|
13
|
-
var triggerStepRef = useRef();
|
|
14
13
|
function findNextStepCurrent(item) {
|
|
15
14
|
return item.step === currentStep + 1 && item.status !== 'complete';
|
|
16
15
|
}
|
|
17
16
|
var nextStep = function (data, stepItem) { return __awaiter(void 0, void 0, void 0, function () {
|
|
18
|
-
var funcCallNextStep,
|
|
17
|
+
var isPass, funcCallNextStep, satusCurrentStep, error_1;
|
|
19
18
|
var _a, _b;
|
|
20
19
|
return __generator(this, function (_c) {
|
|
21
20
|
switch (_c.label) {
|
|
22
21
|
case 0:
|
|
23
22
|
_c.trys.push([0, 3, , 4]);
|
|
23
|
+
isPass = true;
|
|
24
24
|
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;
|
|
25
|
+
satusCurrentStep = (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.status;
|
|
25
26
|
if (!funcCallNextStep) return [3 /*break*/, 2];
|
|
26
|
-
return [4 /*yield*/, funcCallNextStep()
|
|
27
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
28
|
-
];
|
|
27
|
+
return [4 /*yield*/, funcCallNextStep(data, satusCurrentStep)];
|
|
29
28
|
case 1:
|
|
30
|
-
_c.sent();
|
|
29
|
+
isPass = _c.sent();
|
|
31
30
|
_c.label = 2;
|
|
32
31
|
case 2:
|
|
33
|
-
|
|
34
|
-
if (isPass
|
|
32
|
+
// Dựa vào giá trị của hàm triggerStep trả về để quyết định xem Step có pass hay không
|
|
33
|
+
if (!isPass)
|
|
35
34
|
return [2 /*return*/];
|
|
36
35
|
if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
|
|
37
36
|
onSubmit(data);
|
|
@@ -71,23 +70,18 @@ export var PHXFormStep = function (_a) {
|
|
|
71
70
|
});
|
|
72
71
|
}); };
|
|
73
72
|
var handleBackStep = function (stepItem) { return __awaiter(void 0, void 0, void 0, function () {
|
|
74
|
-
var funcCallBackStep
|
|
75
|
-
var _a
|
|
76
|
-
return __generator(this, function (
|
|
77
|
-
switch (
|
|
73
|
+
var funcCallBackStep;
|
|
74
|
+
var _a;
|
|
75
|
+
return __generator(this, function (_b) {
|
|
76
|
+
switch (_b.label) {
|
|
78
77
|
case 0:
|
|
79
78
|
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;
|
|
80
79
|
if (!(funcCallBackStep && formMode !== 'readOnly')) return [3 /*break*/, 2];
|
|
81
|
-
return [4 /*yield*/, funcCallBackStep()
|
|
82
|
-
// kiểm tra điều kiện xem có pass hay không trước khi cập nhật trạng thái của step
|
|
83
|
-
];
|
|
80
|
+
return [4 /*yield*/, funcCallBackStep()];
|
|
84
81
|
case 1:
|
|
85
|
-
|
|
86
|
-
|
|
82
|
+
_b.sent();
|
|
83
|
+
_b.label = 2;
|
|
87
84
|
case 2:
|
|
88
|
-
isBack = (_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isBack;
|
|
89
|
-
if (isBack === false)
|
|
90
|
-
return [2 /*return*/];
|
|
91
85
|
if (stepItem && stepItem.step) {
|
|
92
86
|
setCurrentStep(stepItem.step);
|
|
93
87
|
}
|
|
@@ -101,50 +95,6 @@ export var PHXFormStep = function (_a) {
|
|
|
101
95
|
var handleNextStep = function () {
|
|
102
96
|
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
103
97
|
};
|
|
104
|
-
// Hàm kiểm tra hai mảng trigger có cùng nội dung hay không
|
|
105
|
-
var arraysAreEqual = function (arr1, arr2) {
|
|
106
|
-
if ((arr1 === null || arr1 === void 0 ? void 0 : arr1.length) !== (arr2 === null || arr2 === void 0 ? void 0 : arr2.length)) {
|
|
107
|
-
return false;
|
|
108
|
-
}
|
|
109
|
-
var compareLength = arr1 === null || arr1 === void 0 ? void 0 : arr1.length;
|
|
110
|
-
for (var i = 0; i < compareLength; i++) {
|
|
111
|
-
if (arr1[i].isBack !== arr2[i].isBack || arr1[i].isNext !== arr2[i].isNext) {
|
|
112
|
-
return false;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
return true;
|
|
116
|
-
};
|
|
117
|
-
var triggerNextStep = function () {
|
|
118
|
-
listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
|
|
119
|
-
if (item.step === currentStep + 1 && item.status !== 'complete') {
|
|
120
|
-
item.status = 'current';
|
|
121
|
-
}
|
|
122
|
-
if (item.step === currentStep)
|
|
123
|
-
item.status = 'complete';
|
|
124
|
-
});
|
|
125
|
-
setCurrentStep(function (currentStep) { return currentStep + 1; });
|
|
126
|
-
};
|
|
127
|
-
function isEmptyFuncTrigger(funcCallBackStep) {
|
|
128
|
-
return !funcCallBackStep || (funcCallBackStep && !funcCallBackStep.isNext && !funcCallBackStep.isBack);
|
|
129
|
-
}
|
|
130
|
-
function isNextCondition(funcCallBackStep) {
|
|
131
|
-
return funcCallBackStep && funcCallBackStep.isNext && !funcCallBackStep.isBack;
|
|
132
|
-
}
|
|
133
|
-
// Theo dõi triggerStep truyền vào isPass và isNext và chuyển hướng
|
|
134
|
-
useEffect(function () {
|
|
135
|
-
if (!arraysAreEqual(triggerStep, triggerStepRef.current)) {
|
|
136
|
-
var funcCallBackStep = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; });
|
|
137
|
-
if (isEmptyFuncTrigger(funcCallBackStep))
|
|
138
|
-
return;
|
|
139
|
-
if (isNextCondition(funcCallBackStep)) {
|
|
140
|
-
triggerNextStep();
|
|
141
|
-
}
|
|
142
|
-
else {
|
|
143
|
-
setCurrentStep(function (currentStep) { return currentStep - 1; });
|
|
144
|
-
}
|
|
145
|
-
triggerStepRef.current = triggerStep;
|
|
146
|
-
}
|
|
147
|
-
}, [triggerStep]);
|
|
148
98
|
useEffect(function () {
|
|
149
99
|
if (steps) {
|
|
150
100
|
var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,6 @@ export interface FooterBarProps {
|
|
|
11
11
|
onlyDelete?: boolean;
|
|
12
12
|
deleted?: boolean;
|
|
13
13
|
submit?: boolean;
|
|
14
|
-
deleteText?: string;
|
|
15
14
|
cancelText?: string;
|
|
16
15
|
submitText?: string;
|
|
17
16
|
deletedLoading?: boolean;
|
|
@@ -26,4 +25,4 @@ export interface FooterBarProps {
|
|
|
26
25
|
onCancel?(): void;
|
|
27
26
|
onSubmit?(): void;
|
|
28
27
|
}
|
|
29
|
-
export declare const PHXFormWrap: ({ badge, cancelText, children, className,
|
|
28
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, loading, method, nameOfModal, onCancel, onDelete, onSubmit, onlyDelete, size, formType, submit, submitText, title, type, }: FooterBarProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import { ArrowLeftIcon } from '@heroicons/react/20/solid';
|
|
|
5
5
|
import { PHXBadge } from '../Badge';
|
|
6
6
|
import { PHXModal } from '../Modal';
|
|
7
7
|
export var PHXFormWrap = function (_a) {
|
|
8
|
-
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className,
|
|
8
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
9
9
|
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
10
10
|
var _f = useState(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
|
|
11
11
|
var handleOpenModalConfirm = function () {
|
|
@@ -29,7 +29,7 @@ export var PHXFormWrap = function (_a) {
|
|
|
29
29
|
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
|
|
30
30
|
: 'hidden' },
|
|
31
31
|
deleted && (React.createElement(React.Fragment, null,
|
|
32
|
-
React.createElement(PHXButton, {
|
|
32
|
+
React.createElement(PHXButton, { deleted: true, size: 'small', onClick: handleOpenModalConfirm }, "X\u00F3a b\u1EA3n ghi"),
|
|
33
33
|
React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: onDelete, onHide: handleCancelModalConfirm, primaryActionText: '', show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
|
|
34
34
|
!onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
35
35
|
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|