phx-react 1.3.322 → 1.3.323
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.
|
@@ -12,7 +12,7 @@ var outline_1 = require("@heroicons/react/24/outline");
|
|
|
12
12
|
var ModalImport_1 = tslib_1.__importDefault(require("./ModalImport"));
|
|
13
13
|
var PHXFormWrap = function (_a) {
|
|
14
14
|
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f;
|
|
15
|
-
var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-
|
|
15
|
+
var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
16
16
|
var _g = (0, react_1.useState)(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
|
|
17
17
|
var _h = (0, react_1.useState)(false), openImport = _h[0], setOpenImport = _h[1];
|
|
18
18
|
var handleDelete = function () {
|
|
@@ -44,7 +44,7 @@ var PHXFormWrap = function (_a) {
|
|
|
44
44
|
react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
|
|
45
45
|
react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' })),
|
|
46
46
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
|
|
47
|
-
react_1["default"].createElement("h2", { className: (0, types_1.classNames)('sm:text-md truncate text-lg font-medium leading-6 text-gray-
|
|
47
|
+
react_1["default"].createElement("h2", { className: (0, types_1.classNames)('sm:text-md truncate text-lg font-medium leading-6 text-gray-900 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
|
|
48
48
|
type === 'title-with-badge' && (react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
49
49
|
react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
|
|
50
50
|
headerActionText && (react_1["default"].createElement("div", null,
|
|
@@ -8,7 +8,7 @@ import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
|
|
|
8
8
|
import ImportModal from './ModalImport';
|
|
9
9
|
export var PHXFormWrap = function (_a) {
|
|
10
10
|
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f;
|
|
11
|
-
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-
|
|
11
|
+
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
12
12
|
var _g = useState(false), isModalOpen = _g[0], setIsModalOpen = _g[1];
|
|
13
13
|
var _h = useState(false), openImport = _h[0], setOpenImport = _h[1];
|
|
14
14
|
var handleDelete = function () {
|
|
@@ -40,7 +40,7 @@ export var PHXFormWrap = function (_a) {
|
|
|
40
40
|
React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
|
|
41
41
|
React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' })),
|
|
42
42
|
React.createElement("div", { className: classNames('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
|
|
43
|
-
React.createElement("h2", { className: classNames('sm:text-md truncate text-lg font-medium leading-6 text-gray-
|
|
43
|
+
React.createElement("h2", { className: classNames('sm:text-md truncate text-lg font-medium leading-6 text-gray-900 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
|
|
44
44
|
type === 'title-with-badge' && (React.createElement("div", { className: 'flex items-center' },
|
|
45
45
|
React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
|
|
46
46
|
headerActionText && (React.createElement("div", null,
|