phx-react 1.3.263 → 1.3.266
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/ButtonGroup/ButtonGroup.d.ts +1 -0
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js +12 -0
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +2 -2
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.d.ts +5 -1
- package/dist/cjs/components/Modal/Modal.js +12 -6
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts +1 -0
- package/dist/esm/components/ButtonGroup/ButtonGroup.js +13 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/esm/components/Card/Card.js +2 -2
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +5 -1
- package/dist/esm/components/Modal/Modal.js +12 -6
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/package.json +1 -1
|
@@ -25,6 +25,18 @@ function PHXButtonGroup(_a) {
|
|
|
25
25
|
return;
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
+
(0, react_1.useEffect)(function () {
|
|
29
|
+
for (var _i = 0, dataGroups_1 = dataGroups; _i < dataGroups_1.length; _i++) {
|
|
30
|
+
var item = dataGroups_1[_i];
|
|
31
|
+
if (item.defaultActive) {
|
|
32
|
+
setActive(item.buttonText);
|
|
33
|
+
setCurrent(true);
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}, [dataGroups]);
|
|
28
40
|
return (react_1["default"].createElement("div", { className: "flex justify-start w-fit rounded-lg ".concat(className) }, dataGroups.map(function (item, index) { return (react_1["default"].createElement(Button_1.PHXButton, { key: item.buttonText, className: (0, types_1.classNames)(index === 0 ? 'rounded-none rounded-tl-lg rounded-bl-lg border-l' : 'rounded-none', index === dataGroups.length - 1 ? 'rounded-none rounded-tr-lg rounded-br-lg' : 'rounded-none', type === 'active-button' && active === item.buttonText && current
|
|
29
41
|
? '!bg-gray-200 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300'
|
|
30
42
|
: '', '!ring-0 border-y border-r border-gray-300 leading-4 border-b-gray-400 hover:border-b-gray-300'), secondary: true, size: size, onClick: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,2CAA4C;AAC5C,kCAAqC;AASrC,SAAgB,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,KAAmB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA1B,IAAM,IAAI,mBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC1B,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAM;aACP;SACF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,0CAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,iCAAC,kBAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,+FAA+F,CAChG,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC;AArDD,wCAqDC"}
|
|
@@ -20,9 +20,9 @@ var PHXCard = function Card(_a) {
|
|
|
20
20
|
return primaryHeader ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'px-5 py-3' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
21
21
|
react_1["default"].createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
22
22
|
headerAction &&
|
|
23
|
-
(isHeaderDownload ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: headerAction.onClick,
|
|
23
|
+
(isHeaderDownload ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (react_1["default"].createElement(react_1["default"].Fragment, null, headerAction.content && (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 }, headerAction.content === 'close' ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
24
24
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
25
|
-
react_1["default"].createElement(solid_1.XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (react_1["default"].createElement("div", { className: 'text-xs px-1' }, headerAction.content))))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
25
|
+
react_1["default"].createElement(solid_1.XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (react_1["default"].createElement("div", { className: 'text-xs px-1' }, headerAction.content))))))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
26
26
|
};
|
|
27
27
|
return (react_1["default"].createElement("div", { className: 'w-full' },
|
|
28
28
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-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;AAC7B,kCAAoD;AACpD,oCAAqC;AACrC,mDAAqD;AAe9C,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAWN;QAVV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAExB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,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,UAAC,EAAc;YAAZ,KAAK,WAAA;QACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,mCAAmC,CAAC;YAC3G,2CAAM,SAAS,EAAC,6CAA6C,IAAE,KAAK,CAAQ;YAC3E,YAAY;gBACX,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAClB,iCAAC,kBAAS,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ export interface ModalProps {
|
|
|
4
4
|
title?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
7
|
+
closeButton?: boolean;
|
|
7
8
|
secondaryActionText?: string;
|
|
8
9
|
primaryActionText?: string;
|
|
9
10
|
dangerActionText?: string;
|
|
@@ -12,9 +13,12 @@ export interface ModalProps {
|
|
|
12
13
|
dangerLoading?: boolean;
|
|
13
14
|
primarySubmit?: boolean;
|
|
14
15
|
dangerSubmit?: boolean;
|
|
16
|
+
isHeaderDownload?: boolean;
|
|
17
|
+
headerContent?: string;
|
|
15
18
|
onHide?(): void;
|
|
16
19
|
onSubmit?(): void;
|
|
17
20
|
onPrimaryClick?(): void;
|
|
18
21
|
onDangerClick?(): void;
|
|
22
|
+
onHeaderAction?(): void;
|
|
19
23
|
}
|
|
20
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, onHide, onSubmit, onPrimaryClick, onDangerClick, }: ModalProps) => React.JSX.Element;
|
|
24
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -7,20 +7,26 @@ var react_2 = require("@headlessui/react");
|
|
|
7
7
|
var Card_1 = require("../Card");
|
|
8
8
|
var types_1 = require("../types");
|
|
9
9
|
var PHXModal = function (_a) {
|
|
10
|
-
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _c = _a.size, size = _c === void 0 ? 'small' : _c, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
10
|
+
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _c = _a.size, size = _c === void 0 ? 'small' : _c, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, closeButton = _a.closeButton, isHeaderDownload = _a.isHeaderDownload, headerContent = _a.headerContent, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick, onHeaderAction = _a.onHeaderAction;
|
|
11
11
|
var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
|
|
12
|
+
var headerText = headerContent ? headerContent : '';
|
|
12
13
|
var sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg', size === 'medium' && 'sm:max-w-xl', size === 'large' && 'sm:max-w-2xl', size === 'extra-large' && 'sm:max-w-7xl');
|
|
13
14
|
(0, react_1.useEffect)(function () {
|
|
14
15
|
// @ts-ignore
|
|
15
16
|
setOpen(show);
|
|
16
17
|
}, [show]);
|
|
17
18
|
var handleClickCloseAction = function () {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
if (onHeaderAction) {
|
|
20
|
+
onHeaderAction();
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
setOpen(false);
|
|
24
|
+
if (onHide) {
|
|
25
|
+
onHide();
|
|
26
|
+
}
|
|
21
27
|
}
|
|
22
28
|
};
|
|
23
|
-
var Card = function () { return (react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
|
|
29
|
+
var Card = function () { return (react_1["default"].createElement(Card_1.PHXCard, { primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
|
|
24
30
|
content: primaryActionText,
|
|
25
31
|
loading: primaryLoading,
|
|
26
32
|
onClick: onPrimaryClick,
|
|
@@ -30,7 +36,7 @@ var PHXModal = function (_a) {
|
|
|
30
36
|
loading: dangerLoading,
|
|
31
37
|
onClick: onDangerClick,
|
|
32
38
|
submit: dangerSubmit
|
|
33
|
-
} }, children)); };
|
|
39
|
+
}, isHeaderDownload: isHeaderDownload }, children)); };
|
|
34
40
|
return (react_1["default"].createElement(react_2.Transition.Root, { show: open, as: react_1.Fragment },
|
|
35
41
|
react_1["default"].createElement(react_2.Dialog, { as: 'div', className: 'relative z-10', onClose: handleClickCloseAction },
|
|
36
42
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,2CAAsD;AACtD,gCAAiC;AACjC,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { PHXButton } from '../Button/Button';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export function PHXButtonGroup(_a) {
|
|
@@ -21,6 +21,18 @@ export function PHXButtonGroup(_a) {
|
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
+
useEffect(function () {
|
|
25
|
+
for (var _i = 0, dataGroups_1 = dataGroups; _i < dataGroups_1.length; _i++) {
|
|
26
|
+
var item = dataGroups_1[_i];
|
|
27
|
+
if (item.defaultActive) {
|
|
28
|
+
setActive(item.buttonText);
|
|
29
|
+
setCurrent(true);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}, [dataGroups]);
|
|
24
36
|
return (React.createElement("div", { className: "flex justify-start w-fit rounded-lg ".concat(className) }, dataGroups.map(function (item, index) { return (React.createElement(PHXButton, { key: item.buttonText, className: classNames(index === 0 ? 'rounded-none rounded-tl-lg rounded-bl-lg border-l' : 'rounded-none', index === dataGroups.length - 1 ? 'rounded-none rounded-tr-lg rounded-br-lg' : 'rounded-none', type === 'active-button' && active === item.buttonText && current
|
|
25
37
|
? '!bg-gray-200 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300'
|
|
26
38
|
: '', '!ring-0 border-y border-r border-gray-300 leading-4 border-b-gray-400 hover:border-b-gray-300'), secondary: true, size: size, onClick: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AASrC,MAAM,UAAU,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,QAAQ,CAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,KAAmB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA1B,IAAM,IAAI,mBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC1B,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAM;aACP;SACF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,6BAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,UAAU,CACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,+FAA+F,CAChG,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -16,9 +16,9 @@ export var PHXCard = function Card(_a) {
|
|
|
16
16
|
return primaryHeader ? (React.createElement("div", { className: classNames(type === 'modal' ? 'px-5 py-3' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
17
17
|
React.createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
18
18
|
headerAction &&
|
|
19
|
-
(isHeaderDownload ? (React.createElement(PHXButton, { onClick: headerAction.onClick,
|
|
19
|
+
(isHeaderDownload ? (React.createElement(PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (React.createElement(React.Fragment, null, headerAction.content && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick }, headerAction.content === 'close' ? (React.createElement(React.Fragment, null,
|
|
20
20
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
21
|
-
React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (React.createElement("div", { className: 'text-xs px-1' }, headerAction.content))))))) : (React.createElement(React.Fragment, null));
|
|
21
|
+
React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (React.createElement("div", { className: 'text-xs px-1' }, headerAction.content))))))))) : (React.createElement(React.Fragment, null));
|
|
22
22
|
};
|
|
23
23
|
return (React.createElement("div", { className: 'w-full' },
|
|
24
24
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-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;AAC7B,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAerD,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAWN;QAVV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAExB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,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,UAAC,EAAc;YAAZ,KAAK,WAAA;QACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,mCAAmC,CAAC;YAC3G,8BAAM,SAAS,EAAC,6CAA6C,IAAE,KAAK,CAAQ;YAC3E,YAAY;gBACX,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAClB,oBAAC,SAAS,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ export interface ModalProps {
|
|
|
4
4
|
title?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
7
|
+
closeButton?: boolean;
|
|
7
8
|
secondaryActionText?: string;
|
|
8
9
|
primaryActionText?: string;
|
|
9
10
|
dangerActionText?: string;
|
|
@@ -12,9 +13,12 @@ export interface ModalProps {
|
|
|
12
13
|
dangerLoading?: boolean;
|
|
13
14
|
primarySubmit?: boolean;
|
|
14
15
|
dangerSubmit?: boolean;
|
|
16
|
+
isHeaderDownload?: boolean;
|
|
17
|
+
headerContent?: string;
|
|
15
18
|
onHide?(): void;
|
|
16
19
|
onSubmit?(): void;
|
|
17
20
|
onPrimaryClick?(): void;
|
|
18
21
|
onDangerClick?(): void;
|
|
22
|
+
onHeaderAction?(): void;
|
|
19
23
|
}
|
|
20
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, onHide, onSubmit, onPrimaryClick, onDangerClick, }: ModalProps) => React.JSX.Element;
|
|
24
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -3,20 +3,26 @@ import { Dialog, Transition } from '@headlessui/react';
|
|
|
3
3
|
import { PHXCard } from '../Card';
|
|
4
4
|
import { classNames } from '../types';
|
|
5
5
|
export var PHXModal = function (_a) {
|
|
6
|
-
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _c = _a.size, size = _c === void 0 ? 'small' : _c, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
6
|
+
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _c = _a.size, size = _c === void 0 ? 'small' : _c, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, closeButton = _a.closeButton, isHeaderDownload = _a.isHeaderDownload, headerContent = _a.headerContent, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick, onHeaderAction = _a.onHeaderAction;
|
|
7
7
|
var _d = useState(false), open = _d[0], setOpen = _d[1];
|
|
8
|
+
var headerText = headerContent ? headerContent : '';
|
|
8
9
|
var sizeModal = classNames(size === 'small' && 'sm:max-w-lg', size === 'medium' && 'sm:max-w-xl', size === 'large' && 'sm:max-w-2xl', size === 'extra-large' && 'sm:max-w-7xl');
|
|
9
10
|
useEffect(function () {
|
|
10
11
|
// @ts-ignore
|
|
11
12
|
setOpen(show);
|
|
12
13
|
}, [show]);
|
|
13
14
|
var handleClickCloseAction = function () {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
if (onHeaderAction) {
|
|
16
|
+
onHeaderAction();
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
setOpen(false);
|
|
20
|
+
if (onHide) {
|
|
21
|
+
onHide();
|
|
22
|
+
}
|
|
17
23
|
}
|
|
18
24
|
};
|
|
19
|
-
var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
|
|
25
|
+
var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: 'Hủy thay đổi', onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
|
|
20
26
|
content: primaryActionText,
|
|
21
27
|
loading: primaryLoading,
|
|
22
28
|
onClick: onPrimaryClick,
|
|
@@ -26,7 +32,7 @@ export var PHXModal = function (_a) {
|
|
|
26
32
|
loading: dangerLoading,
|
|
27
33
|
onClick: onDangerClick,
|
|
28
34
|
submit: dangerSubmit
|
|
29
|
-
} }, children)); };
|
|
35
|
+
}, isHeaderDownload: isHeaderDownload }, children)); };
|
|
30
36
|
return (React.createElement(Transition.Root, { show: open, as: Fragment },
|
|
31
37
|
React.createElement(Dialog, { as: 'div', className: 'relative z-10', onClose: handleClickCloseAction },
|
|
32
38
|
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' },
|
|
@@ -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;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|