phx-react 1.3.277 → 1.3.278
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/Modal/Modal.d.ts +1 -1
- package/dist/cjs/components/Modal/Modal.js +3 -3
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +1 -1
- package/dist/esm/components/Modal/Modal.js +3 -3
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/package.json +1 -1
|
@@ -21,4 +21,4 @@ export interface ModalProps {
|
|
|
21
21
|
onDangerClick?(): void;
|
|
22
22
|
onHeaderAction?(): void;
|
|
23
23
|
}
|
|
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;
|
|
24
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -7,8 +7,8 @@ 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,
|
|
11
|
-
var
|
|
10
|
+
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, _c = _a.secondaryActionText, secondaryActionText = _c === void 0 ? 'Hủy thay đổi' : _c, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _d = _a.size, size = _d === void 0 ? 'small' : _d, 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
|
+
var _e = (0, react_1.useState)(false), open = _e[0], setOpen = _e[1];
|
|
12
12
|
var headerText = headerContent ? headerContent : '';
|
|
13
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');
|
|
14
14
|
(0, react_1.useEffect)(function () {
|
|
@@ -26,7 +26,7 @@ var PHXModal = function (_a) {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
};
|
|
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:
|
|
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: secondaryActionText, onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
|
|
30
30
|
content: primaryActionText,
|
|
31
31
|
loading: primaryLoading,
|
|
32
32
|
onClick: onPrimaryClick,
|
|
@@ -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;AAyB9B,IAAM,QAAQ,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,2CAAsD;AACtD,gCAAiC;AACjC,kCAAqC;AAyB9B,IAAM,QAAQ,GAAG,UAAC,EAqBZ;QApBX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,2BAAoC,EAApC,mBAAmB,mBAAG,cAAc,KAAA,EACpC,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,cAAc,oBAAA;IAER,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACvC,IAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAA;IAErD,IAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,IAAI,KAAK,OAAO,IAAI,aAAa,EACjC,IAAI,KAAK,QAAQ,IAAI,aAAa,EAClC,IAAI,KAAK,OAAO,IAAI,cAAc,EAClC,IAAI,KAAK,aAAa,IAAI,cAAc,CACzC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,sBAAsB,GAAG;QAC7B,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAA;SACjB;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,CAAA;YACd,IAAI,MAAM,EAAE;gBACV,MAAM,EAAE,CAAA;aACT;SACF;IACH,CAAC,CAAA;IAED,IAAM,IAAI,GAAG,cAAM,OAAA,CACjB,iCAAC,cAAO,IACN,aAAa,QACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,sBAAsB,EAAE,EAC9F,sBAAsB,EAAE,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAC,EAC3F,IAAI,EAAC,OAAO,EACZ,mBAAmB,EAAE;YACnB,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,aAAa;SACtB,EACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,gBAAgB;YACzB,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,YAAY;SACrB,EACD,gBAAgB,EAAE,gBAAgB,IAEjC,QAAQ,CACD,CACX,EAvBkB,CAuBlB,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,EAAE,6CAAsC,SAAS,CAAE;gBAC/D,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,0CAAK,SAAS,EAAE,iBAAU,SAAS,CAAE;4BACnC,iCAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,6GAA6G,IAClI,aAAa,IAAI,YAAY,CAAC,CAAC,CAAC,CAC/B,2CAAM,QAAQ,EAAE,QAAQ;gCACtB,iCAAC,IAAI,OAAG,CACH,CACR,CAAC,CAAC,CAAC,CACF,iCAAC,IAAI,OAAG,CACT,CACY,CACX,CACW,CACf,CACF,CACC,CACO,CACnB,CAAA;AACH,CAAC,CAAA;AApHY,QAAA,QAAQ,YAoHpB"}
|
|
@@ -21,4 +21,4 @@ export interface ModalProps {
|
|
|
21
21
|
onDangerClick?(): void;
|
|
22
22
|
onHeaderAction?(): void;
|
|
23
23
|
}
|
|
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;
|
|
24
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -3,8 +3,8 @@ 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,
|
|
7
|
-
var
|
|
6
|
+
var show = _a.show, title = _a.title, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, _c = _a.secondaryActionText, secondaryActionText = _c === void 0 ? 'Hủy thay đổi' : _c, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, _d = _a.size, size = _d === void 0 ? 'small' : _d, 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
|
+
var _e = useState(false), open = _e[0], setOpen = _e[1];
|
|
8
8
|
var headerText = headerContent ? headerContent : '';
|
|
9
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');
|
|
10
10
|
useEffect(function () {
|
|
@@ -22,7 +22,7 @@ export var PHXModal = function (_a) {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: [{ content:
|
|
25
|
+
var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: secondaryActionText, onClick: handleClickCloseAction }], type: 'modal', primaryFooterAction: {
|
|
26
26
|
content: primaryActionText,
|
|
27
27
|
loading: primaryLoading,
|
|
28
28
|
onClick: onPrimaryClick,
|
|
@@ -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;AAyBrC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|