phx-react 1.3.10 → 1.3.12
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 +2 -2
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/MainWrap/MainWrap.d.ts +1 -1
- package/dist/cjs/components/Modal/Modal.d.ts +4 -1
- package/dist/cjs/components/Modal/Modal.js +6 -3
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/types.d.ts +2 -0
- package/dist/esm/components/Card/Card.js +2 -2
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/MainWrap/MainWrap.d.ts +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +4 -1
- package/dist/esm/components/Modal/Modal.js +6 -3
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -12,8 +12,8 @@ var PHXCard = function Card(_a) {
|
|
|
12
12
|
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction;
|
|
13
13
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (react_1["default"].createElement("div", { className: 'bg-gray-100 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
|
|
14
14
|
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)),
|
|
15
|
-
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)),
|
|
16
|
-
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { danger2: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick }, dangerFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
15
|
+
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)),
|
|
16
|
+
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { danger2: 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));
|
|
17
17
|
var headerActionMarkup = primaryHeader ? (react_1["default"].createElement("div", { className: 'flex justify-between items-center px-4 py-4 sm:px-6' },
|
|
18
18
|
react_1["default"].createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title),
|
|
19
19
|
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 },
|
|
@@ -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;AACrC,mDAAqD;AAY9C,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAQN;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,0CAAK,SAAS,EAAC,wDAAwD;QAEpE,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,
|
|
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;AACrC,mDAAqD;AAY9C,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAQN;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,0CAAK,SAAS,EAAC,wDAAwD;QAEpE,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,EACtC,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,0CAAK,SAAS,EAAC,qDAAqD;QAClE,yCAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM;QAC3E,YAAY,IAAI,CACf,6CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,YAAY,CAAC,OAAO;YAE7B,2CAAM,SAAS,EAAC,SAAS,YAAa;YACtC,iCAAC,iBAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC7C,CACV,CACG,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,mBAAmB,IAAE,QAAQ,CAAO;gBAClD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,OAAO,WAmFnB;AAED,eAAO,CAAC,OAAO,GAAG,oBAAO,CAAA;AACzB,eAAO,CAAC,WAAW,GAAG,wBAAW,CAAA;AACjC,eAAO,CAAC,MAAM,GAAG,mBAAM,CAAA"}
|
|
@@ -5,7 +5,10 @@ export interface ModalProps {
|
|
|
5
5
|
primaryActionText?: string;
|
|
6
6
|
dangerActionText?: string;
|
|
7
7
|
children?: any;
|
|
8
|
+
primaryLoading?: boolean;
|
|
9
|
+
dangerLoading?: boolean;
|
|
10
|
+
onHide?: () => void;
|
|
8
11
|
onPrimaryClick?(): void;
|
|
9
12
|
onDangerClick?(): void;
|
|
10
13
|
}
|
|
11
|
-
export declare const PHXModal: ({ show, title, primaryActionText, dangerActionText, children, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
14
|
+
export declare const PHXModal: ({ show, title, primaryActionText, dangerActionText, children, primaryLoading, dangerLoading, onHide, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
@@ -6,7 +6,7 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
var react_2 = require("@headlessui/react");
|
|
7
7
|
var Card_1 = require("../Card");
|
|
8
8
|
var PHXModal = function (_a) {
|
|
9
|
-
var show = _a.show, title = _a.title, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
9
|
+
var show = _a.show, title = _a.title, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, dangerLoading = _a.dangerLoading, onHide = _a.onHide, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
10
10
|
var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
|
|
11
11
|
(0, react_1.useEffect)(function () {
|
|
12
12
|
// @ts-ignore
|
|
@@ -14,16 +14,19 @@ var PHXModal = function (_a) {
|
|
|
14
14
|
}, [show]);
|
|
15
15
|
var handleClickCloseAction = function () {
|
|
16
16
|
setOpen(false);
|
|
17
|
+
if (onHide) {
|
|
18
|
+
onHide();
|
|
19
|
+
}
|
|
17
20
|
};
|
|
18
21
|
return (react_1["default"].createElement(react_2.Transition.Root, { show: open, as: react_1.Fragment },
|
|
19
|
-
react_1["default"].createElement(react_2.Dialog, { as: 'div', className: 'relative z-10', onClose:
|
|
22
|
+
react_1["default"].createElement(react_2.Dialog, { as: 'div', className: 'relative z-10', onClose: handleClickCloseAction },
|
|
20
23
|
react_1["default"].createElement(react_2.Transition.Child, { as: react_1.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
|
|
21
24
|
react_1["default"].createElement("div", { className: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity' })),
|
|
22
25
|
react_1["default"].createElement("div", { className: 'fixed inset-0 z-10 overflow-y-auto' },
|
|
23
26
|
react_1["default"].createElement("div", { className: 'flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0' },
|
|
24
27
|
react_1["default"].createElement(react_2.Transition.Child, { as: react_1.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
|
|
25
28
|
react_1["default"].createElement(react_2.Dialog.Panel, { className: 'relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg' },
|
|
26
|
-
react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], primaryFooterAction: { content: primaryActionText, onClick: onPrimaryClick }, dangerFooterAction: { content: dangerActionText, onClick: onDangerClick } }, children))))))));
|
|
29
|
+
react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], primaryFooterAction: { content: primaryActionText, loading: primaryLoading, onClick: onPrimaryClick }, dangerFooterAction: { content: dangerActionText, loading: dangerLoading, onClick: onDangerClick } }, children))))))));
|
|
27
30
|
};
|
|
28
31
|
exports.PHXModal = PHXModal;
|
|
29
32
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,2CAAsD;AACtD,gCAAiC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,2CAAsD;AACtD,gCAAiC;AAe1B,IAAM,QAAQ,GAAG,UAAC,EAWZ;QAVX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,aAAa,mBAAA;IAEP,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,sBAAsB,GAAG;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAA;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCAAC,kBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAQ;QACvC,iCAAC,cAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,sBAAsB;YACxE,iCAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D;gBAEpE,0CAAK,SAAS,EAAC,4DAA4D,GAAG,CAC7D;YAEnB,0CAAK,SAAS,EAAC,oCAAoC;gBACjD,0CAAK,SAAS,EAAC,oFAAoF;oBACjG,iCAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D;wBAEpE,iCAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,yHAAyH;4BAC/I,iCAAC,cAAO,IACN,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,EACjD,sBAAsB,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAC,EACtF,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EACrG,kBAAkB,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,IAEhG,QAAQ,CACD,CACG,CACE,CACf,CACF,CACC,CACO,CACnB,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,QAAQ,YAsEpB"}
|
|
@@ -8,8 +8,8 @@ export var PHXCard = function Card(_a) {
|
|
|
8
8
|
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction;
|
|
9
9
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: 'bg-gray-100 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
|
|
10
10
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
11
|
-
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled }, primaryFooterAction.content)),
|
|
12
|
-
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { danger2: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick }, dangerFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
11
|
+
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)),
|
|
12
|
+
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { danger2: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
13
13
|
var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'flex justify-between items-center px-4 py-4 sm:px-6' },
|
|
14
14
|
React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title),
|
|
15
15
|
headerAction && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
@@ -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;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAYrD,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAQN;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,6BAAK,SAAS,EAAC,wDAAwD;QAEpE,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,
|
|
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;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAYrD,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAQN;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA;IAElB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,6BAAK,SAAS,EAAC,wDAAwD;QAEpE,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,EACtC,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,EAAC,qDAAqD;QAClE,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM;QAC3E,YAAY,IAAI,CACf,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,YAAY,CAAC,OAAO;YAE7B,8BAAM,SAAS,EAAC,SAAS,YAAa;YACtC,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC7C,CACV,CACG,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,mBAAmB,IAAE,QAAQ,CAAO;gBAClD,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"}
|
|
@@ -5,7 +5,10 @@ export interface ModalProps {
|
|
|
5
5
|
primaryActionText?: string;
|
|
6
6
|
dangerActionText?: string;
|
|
7
7
|
children?: any;
|
|
8
|
+
primaryLoading?: boolean;
|
|
9
|
+
dangerLoading?: boolean;
|
|
10
|
+
onHide?: () => void;
|
|
8
11
|
onPrimaryClick?(): void;
|
|
9
12
|
onDangerClick?(): void;
|
|
10
13
|
}
|
|
11
|
-
export declare const PHXModal: ({ show, title, primaryActionText, dangerActionText, children, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
14
|
+
export declare const PHXModal: ({ show, title, primaryActionText, dangerActionText, children, primaryLoading, dangerLoading, onHide, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
@@ -2,7 +2,7 @@ import React, { Fragment, useEffect, useState } from 'react';
|
|
|
2
2
|
import { Dialog, Transition } from '@headlessui/react';
|
|
3
3
|
import { PHXCard } from '../Card';
|
|
4
4
|
export var PHXModal = function (_a) {
|
|
5
|
-
var show = _a.show, title = _a.title, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
5
|
+
var show = _a.show, title = _a.title, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, dangerLoading = _a.dangerLoading, onHide = _a.onHide, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
6
6
|
var _c = useState(false), open = _c[0], setOpen = _c[1];
|
|
7
7
|
useEffect(function () {
|
|
8
8
|
// @ts-ignore
|
|
@@ -10,15 +10,18 @@ export var PHXModal = function (_a) {
|
|
|
10
10
|
}, [show]);
|
|
11
11
|
var handleClickCloseAction = function () {
|
|
12
12
|
setOpen(false);
|
|
13
|
+
if (onHide) {
|
|
14
|
+
onHide();
|
|
15
|
+
}
|
|
13
16
|
};
|
|
14
17
|
return (React.createElement(Transition.Root, { show: open, as: Fragment },
|
|
15
|
-
React.createElement(Dialog, { as: 'div', className: 'relative z-10', onClose:
|
|
18
|
+
React.createElement(Dialog, { as: 'div', className: 'relative z-10', onClose: handleClickCloseAction },
|
|
16
19
|
React.createElement(Transition.Child, { as: Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
|
|
17
20
|
React.createElement("div", { className: 'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity' })),
|
|
18
21
|
React.createElement("div", { className: 'fixed inset-0 z-10 overflow-y-auto' },
|
|
19
22
|
React.createElement("div", { className: 'flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0' },
|
|
20
23
|
React.createElement(Transition.Child, { as: Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
|
|
21
24
|
React.createElement(Dialog.Panel, { className: 'relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg' },
|
|
22
|
-
React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], primaryFooterAction: { content: primaryActionText, onClick: onPrimaryClick }, dangerFooterAction: { content: dangerActionText, onClick: onDangerClick } }, children))))))));
|
|
25
|
+
React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], primaryFooterAction: { content: primaryActionText, loading: primaryLoading, onClick: onPrimaryClick }, dangerFooterAction: { content: dangerActionText, loading: dangerLoading, onClick: onDangerClick } }, children))))))));
|
|
23
26
|
};
|
|
24
27
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAejC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAWZ;QAVX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,aAAa,mBAAA;IAEP,IAAA,KAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,SAAS,CAAC;QACR,aAAa;QACb,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,sBAAsB,GAAG;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAA;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ;QACvC,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,sBAAsB;YACxE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D;gBAEpE,6BAAK,SAAS,EAAC,4DAA4D,GAAG,CAC7D;YAEnB,6BAAK,SAAS,EAAC,oCAAoC;gBACjD,6BAAK,SAAS,EAAC,oFAAoF;oBACjG,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,4CAA4C,EAClD,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAC,4CAA4C,EACpD,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAC,4DAA4D;wBAEpE,oBAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,yHAAyH;4BAC/I,oBAAC,OAAO,IACN,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,EACjD,sBAAsB,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAC,EACtF,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,EACrG,kBAAkB,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,IAEhG,QAAQ,CACD,CACG,CACE,CACf,CACF,CACC,CACO,CACnB,CAAA;AACH,CAAC,CAAA"}
|