phx-react 1.3.463 → 1.3.465
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.d.ts +3 -0
- package/dist/cjs/components/Card/Card.js +12 -7
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.d.ts +4 -1
- package/dist/cjs/components/Modal/Modal.js +2 -2
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +3 -0
- package/dist/esm/components/Card/Card.js +12 -7
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +4 -1
- package/dist/esm/components/Modal/Modal.js +2 -2
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/package.json +1 -1
|
@@ -18,6 +18,9 @@ export interface CardProps {
|
|
|
18
18
|
dangerFooterAction?: ComplexAction;
|
|
19
19
|
type?: 'modal' | 'default';
|
|
20
20
|
isHeaderDownload?: boolean;
|
|
21
|
+
downloadLinkRef?: string;
|
|
22
|
+
hrefLink?: string;
|
|
23
|
+
downloadText?: string;
|
|
21
24
|
}
|
|
22
25
|
export declare const PHXCard: React.FunctionComponent<CardProps> & {
|
|
23
26
|
Section: typeof Section;
|
|
@@ -10,11 +10,16 @@ var types_1 = require("../types");
|
|
|
10
10
|
var Button_1 = require("../Button");
|
|
11
11
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
12
12
|
var PHXCard = function Card(_a) {
|
|
13
|
-
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, subSection = _a.subSection, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.isHeaderDownload, isHeaderDownload = _c === void 0 ? false : _c;
|
|
14
|
-
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? '' : '',
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, subSection = _a.subSection, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.isHeaderDownload, isHeaderDownload = _c === void 0 ? false : _c, downloadLinkRef = _a.downloadLinkRef, hrefLink = _a.hrefLink, downloadText = _a.downloadText;
|
|
14
|
+
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? '' : '', downloadLinkRef && hrefLink && downloadText
|
|
15
|
+
? 'flex items-center justify-between gap-x-3 px-5 py-3 sm:px-6'
|
|
16
|
+
: 'flex justify-end gap-x-3 px-5 py-3 sm:px-6') },
|
|
17
|
+
downloadLinkRef && hrefLink && downloadText && (react_1["default"].createElement("span", null,
|
|
18
|
+
react_1["default"].createElement("a", { ref: downloadLinkRef, className: 'text-sm text-[#005BD3] underline hover:text-[#004299]', href: hrefLink }, downloadText))),
|
|
19
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(downloadLinkRef && hrefLink && downloadText ? 'flex justify-between' : '') },
|
|
20
|
+
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (react_1["default"].createElement(Button_1.PHXButton, { className: 'mr-2', onClick: secondaryFooterActions[0].onClick, secondary: true, size: 'small' }, secondaryFooterActions[0].content)),
|
|
21
|
+
primaryFooterAction && primaryFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { disabled: primaryFooterAction.disabled || primaryFooterAction.loading, loading: primaryFooterAction.loading, onClick: primaryFooterAction.onClick, primary: true, size: 'small', submit: !!primaryFooterAction.submit }, primaryFooterAction.content)),
|
|
22
|
+
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { deleted: true, loading: dangerFooterAction.loading, onClick: dangerFooterAction.onClick, size: 'small', submit: !!dangerFooterAction.submit }, dangerFooterAction.content))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
18
23
|
var HeaderActionMarkup = function (_a) {
|
|
19
24
|
var title = _a.title;
|
|
20
25
|
return primaryHeader ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'px-5 py-3 bg-gray-100' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
@@ -41,8 +46,8 @@ var PHXCard = function Card(_a) {
|
|
|
41
46
|
title && react_1["default"].createElement(HeaderActionMarkup, { title: title }),
|
|
42
47
|
subSection ? (subSection.map(function (item, index) { return (react_1["default"].createElement("div", { key: index },
|
|
43
48
|
react_1["default"].createElement(SubSectionHeader, { title: item.title, headerAction: item.headerAction, index: index }),
|
|
44
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3
|
|
45
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? '
|
|
49
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'px-1 py-3' : 'p-4', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
50
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? '' : 'p-4', primaryHeader ? 'pt-2' : 'pt-4') }, children))),
|
|
46
51
|
footerActionMarkup))));
|
|
47
52
|
};
|
|
48
53
|
exports.PHXCard = PHXCard;
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,10 +16,13 @@ export interface ModalProps {
|
|
|
16
16
|
dangerSubmit?: boolean;
|
|
17
17
|
isHeaderDownload?: boolean;
|
|
18
18
|
headerContent?: string;
|
|
19
|
+
downloadLinkRef?: any;
|
|
20
|
+
hrefLink?: string;
|
|
21
|
+
downloadText?: string;
|
|
19
22
|
onHide?(): void;
|
|
20
23
|
onSubmit?(): void;
|
|
21
24
|
onPrimaryClick?(): void;
|
|
22
25
|
onDangerClick?(): void;
|
|
23
26
|
onHeaderAction?(): void;
|
|
24
27
|
}
|
|
25
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, hiddenSubmit, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
28
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, downloadLinkRef, downloadText, primarySubmit, dangerSubmit, hiddenSubmit, hrefLink, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ 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, _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, hiddenSubmit = _a.hiddenSubmit, closeButton = _a.closeButton, isHeaderDownload = _a.isHeaderDownload, headerContent = _a.headerContent, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick, onHeaderAction = _a.onHeaderAction;
|
|
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, downloadLinkRef = _a.downloadLinkRef, downloadText = _a.downloadText, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, hiddenSubmit = _a.hiddenSubmit, hrefLink = _a.hrefLink, 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 _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');
|
|
@@ -32,7 +32,7 @@ var PHXModal = function (_a) {
|
|
|
32
32
|
onHide();
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
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: onClose }], type: 'modal', primaryFooterAction: !hiddenSubmit
|
|
35
|
+
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: onClose }], type: 'modal', downloadLinkRef: downloadLinkRef, downloadText: downloadText, hrefLink: hrefLink, primaryFooterAction: !hiddenSubmit
|
|
36
36
|
? {
|
|
37
37
|
content: primaryActionText,
|
|
38
38
|
loading: primaryLoading,
|
|
@@ -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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"}
|
|
@@ -18,6 +18,9 @@ export interface CardProps {
|
|
|
18
18
|
dangerFooterAction?: ComplexAction;
|
|
19
19
|
type?: 'modal' | 'default';
|
|
20
20
|
isHeaderDownload?: boolean;
|
|
21
|
+
downloadLinkRef?: string;
|
|
22
|
+
hrefLink?: string;
|
|
23
|
+
downloadText?: string;
|
|
21
24
|
}
|
|
22
25
|
export declare const PHXCard: React.FunctionComponent<CardProps> & {
|
|
23
26
|
Section: typeof Section;
|
|
@@ -6,11 +6,16 @@ import { classNames } from '../types';
|
|
|
6
6
|
import { PHXButton } from '../Button';
|
|
7
7
|
import { XMarkIcon } from '@heroicons/react/24/solid';
|
|
8
8
|
export var PHXCard = function Card(_a) {
|
|
9
|
-
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, subSection = _a.subSection, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.isHeaderDownload, isHeaderDownload = _c === void 0 ? false : _c;
|
|
10
|
-
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: classNames(type === 'modal' ? '' : '',
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions, subSection = _a.subSection, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.isHeaderDownload, isHeaderDownload = _c === void 0 ? false : _c, downloadLinkRef = _a.downloadLinkRef, hrefLink = _a.hrefLink, downloadText = _a.downloadText;
|
|
10
|
+
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: classNames(type === 'modal' ? '' : '', downloadLinkRef && hrefLink && downloadText
|
|
11
|
+
? 'flex items-center justify-between gap-x-3 px-5 py-3 sm:px-6'
|
|
12
|
+
: 'flex justify-end gap-x-3 px-5 py-3 sm:px-6') },
|
|
13
|
+
downloadLinkRef && hrefLink && downloadText && (React.createElement("span", null,
|
|
14
|
+
React.createElement("a", { ref: downloadLinkRef, className: 'text-sm text-[#005BD3] underline hover:text-[#004299]', href: hrefLink }, downloadText))),
|
|
15
|
+
React.createElement("div", { className: classNames(downloadLinkRef && hrefLink && downloadText ? 'flex justify-between' : '') },
|
|
16
|
+
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { className: 'mr-2', onClick: secondaryFooterActions[0].onClick, secondary: true, size: 'small' }, secondaryFooterActions[0].content)),
|
|
17
|
+
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { disabled: primaryFooterAction.disabled || primaryFooterAction.loading, loading: primaryFooterAction.loading, onClick: primaryFooterAction.onClick, primary: true, size: 'small', submit: !!primaryFooterAction.submit }, primaryFooterAction.content)),
|
|
18
|
+
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { deleted: true, loading: dangerFooterAction.loading, onClick: dangerFooterAction.onClick, size: 'small', submit: !!dangerFooterAction.submit }, dangerFooterAction.content))))) : (React.createElement(React.Fragment, null));
|
|
14
19
|
var HeaderActionMarkup = function (_a) {
|
|
15
20
|
var title = _a.title;
|
|
16
21
|
return primaryHeader ? (React.createElement("div", { className: classNames(type === 'modal' ? 'px-5 py-3 bg-gray-100' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
@@ -37,8 +42,8 @@ export var PHXCard = function Card(_a) {
|
|
|
37
42
|
title && React.createElement(HeaderActionMarkup, { title: title }),
|
|
38
43
|
subSection ? (subSection.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
39
44
|
React.createElement(SubSectionHeader, { title: item.title, headerAction: item.headerAction, index: index }),
|
|
40
|
-
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3
|
|
41
|
-
React.createElement("div", { className: classNames(type === 'modal' ? '
|
|
45
|
+
React.createElement("div", { className: classNames(type === 'modal' ? 'px-1 py-3' : 'p-4', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (React.createElement(React.Fragment, null,
|
|
46
|
+
React.createElement("div", { className: classNames(type === 'modal' ? '' : 'p-4', primaryHeader ? 'pt-2' : 'pt-4') }, children))),
|
|
42
47
|
footerActionMarkup))));
|
|
43
48
|
};
|
|
44
49
|
PHXCard.Section = Section;
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,10 +16,13 @@ export interface ModalProps {
|
|
|
16
16
|
dangerSubmit?: boolean;
|
|
17
17
|
isHeaderDownload?: boolean;
|
|
18
18
|
headerContent?: string;
|
|
19
|
+
downloadLinkRef?: any;
|
|
20
|
+
hrefLink?: string;
|
|
21
|
+
downloadText?: string;
|
|
19
22
|
onHide?(): void;
|
|
20
23
|
onSubmit?(): void;
|
|
21
24
|
onPrimaryClick?(): void;
|
|
22
25
|
onDangerClick?(): void;
|
|
23
26
|
onHeaderAction?(): void;
|
|
24
27
|
}
|
|
25
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, primarySubmit, dangerSubmit, hiddenSubmit, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
28
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, downloadLinkRef, downloadText, primarySubmit, dangerSubmit, hiddenSubmit, hrefLink, closeButton, isHeaderDownload, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onHeaderAction, }: ModalProps) => React.JSX.Element;
|
|
@@ -3,7 +3,7 @@ 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, _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, hiddenSubmit = _a.hiddenSubmit, closeButton = _a.closeButton, isHeaderDownload = _a.isHeaderDownload, headerContent = _a.headerContent, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick, onHeaderAction = _a.onHeaderAction;
|
|
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, downloadLinkRef = _a.downloadLinkRef, downloadText = _a.downloadText, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, hiddenSubmit = _a.hiddenSubmit, hrefLink = _a.hrefLink, 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 _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');
|
|
@@ -28,7 +28,7 @@ export var PHXModal = function (_a) {
|
|
|
28
28
|
onHide();
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: secondaryActionText, onClick: onClose }], type: 'modal', primaryFooterAction: !hiddenSubmit
|
|
31
|
+
var Card = function () { return (React.createElement(PHXCard, { primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: [{ content: secondaryActionText, onClick: onClose }], type: 'modal', downloadLinkRef: downloadLinkRef, downloadText: downloadText, hrefLink: hrefLink, primaryFooterAction: !hiddenSubmit
|
|
32
32
|
? {
|
|
33
33
|
content: primaryActionText,
|
|
34
34
|
loading: primaryLoading,
|
|
@@ -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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"}
|