phx-react 1.3.95 → 1.3.96
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 +2 -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 +2 -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
|
@@ -3,6 +3,7 @@ export interface ModalProps {
|
|
|
3
3
|
show?: boolean;
|
|
4
4
|
title?: string;
|
|
5
5
|
className?: string;
|
|
6
|
+
size?: 'small' | 'large';
|
|
6
7
|
secondaryActionText?: string;
|
|
7
8
|
primaryActionText?: string;
|
|
8
9
|
dangerActionText?: string;
|
|
@@ -16,4 +17,4 @@ export interface ModalProps {
|
|
|
16
17
|
onPrimaryClick?(): void;
|
|
17
18
|
onDangerClick?(): void;
|
|
18
19
|
}
|
|
19
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, dangerLoading, primarySubmit, dangerSubmit, onHide, onSubmit, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
20
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, dangerLoading, primarySubmit, dangerSubmit, size, onHide, onSubmit, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
@@ -6,8 +6,8 @@ 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, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
10
|
-
var
|
|
9
|
+
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, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, _c = _a.size, size = _c === void 0 ? 'small' : _c, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
10
|
+
var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
|
|
11
11
|
(0, react_1.useEffect)(function () {
|
|
12
12
|
// @ts-ignore
|
|
13
13
|
setOpen(show);
|
|
@@ -36,7 +36,7 @@ var PHXModal = function (_a) {
|
|
|
36
36
|
react_1["default"].createElement("div", { className: "fixed inset-0 z-10 overflow-y-auto ".concat(className) },
|
|
37
37
|
react_1["default"].createElement("div", { className: 'flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0' },
|
|
38
38
|
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' },
|
|
39
|
-
react_1["default"].createElement(react_2.Dialog.Panel, { className:
|
|
39
|
+
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 ".concat(size === 'small' ? 'sm:max-w-lg' : 'sm:max-w-xl') }, primarySubmit || dangerSubmit ? (react_1["default"].createElement("form", { onSubmit: onSubmit },
|
|
40
40
|
react_1["default"].createElement(Card, null))) : (react_1["default"].createElement(Card, null)))))))));
|
|
41
41
|
};
|
|
42
42
|
exports.PHXModal = PHXModal;
|
|
@@ -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":"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"}
|
|
@@ -3,6 +3,7 @@ export interface ModalProps {
|
|
|
3
3
|
show?: boolean;
|
|
4
4
|
title?: string;
|
|
5
5
|
className?: string;
|
|
6
|
+
size?: 'small' | 'large';
|
|
6
7
|
secondaryActionText?: string;
|
|
7
8
|
primaryActionText?: string;
|
|
8
9
|
dangerActionText?: string;
|
|
@@ -16,4 +17,4 @@ export interface ModalProps {
|
|
|
16
17
|
onPrimaryClick?(): void;
|
|
17
18
|
onDangerClick?(): void;
|
|
18
19
|
}
|
|
19
|
-
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, dangerLoading, primarySubmit, dangerSubmit, onHide, onSubmit, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
20
|
+
export declare const PHXModal: ({ show, title, className, primaryActionText, dangerActionText, children, primaryLoading, dangerLoading, primarySubmit, dangerSubmit, size, onHide, onSubmit, onPrimaryClick, onDangerClick, }: ModalProps) => JSX.Element;
|
|
@@ -2,8 +2,8 @@ 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, className = _a.className, _b = _a.primaryActionText, primaryActionText = _b === void 0 ? 'Lưu' : _b, dangerActionText = _a.dangerActionText, children = _a.children, primaryLoading = _a.primaryLoading, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
6
|
-
var
|
|
5
|
+
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, dangerLoading = _a.dangerLoading, primarySubmit = _a.primarySubmit, dangerSubmit = _a.dangerSubmit, _c = _a.size, size = _c === void 0 ? 'small' : _c, onHide = _a.onHide, onSubmit = _a.onSubmit, onPrimaryClick = _a.onPrimaryClick, onDangerClick = _a.onDangerClick;
|
|
6
|
+
var _d = useState(false), open = _d[0], setOpen = _d[1];
|
|
7
7
|
useEffect(function () {
|
|
8
8
|
// @ts-ignore
|
|
9
9
|
setOpen(show);
|
|
@@ -32,7 +32,7 @@ export var PHXModal = function (_a) {
|
|
|
32
32
|
React.createElement("div", { className: "fixed inset-0 z-10 overflow-y-auto ".concat(className) },
|
|
33
33
|
React.createElement("div", { className: 'flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0' },
|
|
34
34
|
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' },
|
|
35
|
-
React.createElement(Dialog.Panel, { className:
|
|
35
|
+
React.createElement(Dialog.Panel, { className: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 ".concat(size === 'small' ? 'sm:max-w-lg' : 'sm:max-w-xl') }, primarySubmit || dangerSubmit ? (React.createElement("form", { onSubmit: onSubmit },
|
|
36
36
|
React.createElement(Card, null))) : (React.createElement(Card, null)))))))));
|
|
37
37
|
};
|
|
38
38
|
//# 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":"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"}
|