phx-react 1.3.407 → 1.3.409
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/Badge/Badge.js +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.d.ts +6 -1
- package/dist/cjs/components/FormWrap/FormWrap.js +3 -2
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.js +10 -4
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +1 -1
- package/dist/esm/components/FormWrap/FormWrap.d.ts +6 -1
- package/dist/esm/components/FormWrap/FormWrap.js +3 -2
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js +10 -4
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
function PHXBadge(_a) {
|
|
8
8
|
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
|
|
9
|
-
var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-[#
|
|
9
|
+
var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-[#e4e4e4] text-[#616161]', type === 'success' && 'bg-[#cdfee1] text-[#0c5132]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d] text-[#4f4700]', type === 'warning' && 'bg-[#ffd6a4] text-[#5e4200]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
|
|
10
10
|
return (react_1["default"].createElement("span", { className: (0, types_1.classNames)("rounded-lg py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className), removeButton ? 'pl-2 pr-0 flex items-center w-fit' : 'px-2') },
|
|
11
11
|
text,
|
|
12
12
|
removeButton && (react_1["default"].createElement("button", { onClick: onClick, className: 'px-0.5 ml-1 py-0.5 rounded-lg hover:bg-gray-300' },
|
|
@@ -11,6 +11,9 @@ export interface FooterBarProps {
|
|
|
11
11
|
children?: any;
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
onlyDelete?: boolean;
|
|
14
|
+
secondaryLeftButton?: boolean;
|
|
15
|
+
secondaryLeftButtonSubmit?: boolean;
|
|
16
|
+
secondaryLeftTextButton?: string;
|
|
14
17
|
deleted?: boolean;
|
|
15
18
|
submit?: boolean;
|
|
16
19
|
cancelText?: string;
|
|
@@ -31,5 +34,7 @@ export interface FooterBarProps {
|
|
|
31
34
|
onImport?(): void;
|
|
32
35
|
onChangeCapture?(): void;
|
|
33
36
|
onHeaderActionClick?(): void;
|
|
37
|
+
onSubmitSecondaryLeftButton?(): void;
|
|
38
|
+
onDeletedSecondaryLeftButton?(): void;
|
|
34
39
|
}
|
|
35
|
-
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;
|
|
40
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, secondaryLeftButton, secondaryLeftButtonSubmit, secondaryLeftTextButton, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;
|
|
@@ -11,7 +11,7 @@ var Modal_1 = require("../Modal");
|
|
|
11
11
|
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
|
-
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, onSecondary = _a.onSecondary, 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, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
|
|
14
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, secondaryLeftButton = _a.secondaryLeftButton, secondaryLeftButtonSubmit = _a.secondaryLeftButtonSubmit, secondaryLeftTextButton = _a.secondaryLeftTextButton, 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, onSecondary = _a.onSecondary, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onSubmitSecondaryLeftButton = _a.onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton = _a.onDeletedSecondaryLeftButton, 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, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
|
|
15
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 _h = (0, react_1.useState)(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
|
|
17
17
|
var _j = (0, react_1.useState)(false), openImport = _j[0], setOpenImport = _j[1];
|
|
@@ -51,7 +51,7 @@ var PHXFormWrap = function (_a) {
|
|
|
51
51
|
react_1["default"].createElement(Button_1.PHXButton, { primary: true, size: 'small', onClick: handleHeaderAction }, headerActionText))))),
|
|
52
52
|
children,
|
|
53
53
|
react_1["default"].createElement("div", { className: footerAction
|
|
54
|
-
? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
54
|
+
? (0, types_1.classNames)(deleted || secondaryLeftButton ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
55
55
|
: 'hidden' },
|
|
56
56
|
deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
57
57
|
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
@@ -65,6 +65,7 @@ var PHXFormWrap = function (_a) {
|
|
|
65
65
|
"B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ",
|
|
66
66
|
nameOfModal,
|
|
67
67
|
"?"))))))),
|
|
68
|
+
secondaryLeftButton && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
|
|
68
69
|
!onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
69
70
|
react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onSecondary ? onSecondary : onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
70
71
|
submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,oCAAqC;AACrC,kCAAqC;AACrC,mDAAyD;AACzD,kCAAmC;AACnC,kCAAmC;AACnC,uDAAqE;AACrE,sEAAuC;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface SkeletonProps {
|
|
3
3
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col' | 'page-with-table' | 'page-table-with-report' | 'page-table-report-filter';
|
|
4
|
+
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col' | 'page-with-table' | 'page-table-with-report' | 'page-table-report-filter' | 'page-table-filter' | 'only-header' | 'only-report';
|
|
5
5
|
className?: string;
|
|
6
6
|
filterQty?: number;
|
|
7
7
|
}
|
|
@@ -29,8 +29,13 @@ function PHXSkeleton(_a) {
|
|
|
29
29
|
// const TableLoad = () => {
|
|
30
30
|
// return type !== 'table' ? <div className='h-3 w-1/4 rounded bg-gray-200' /> : null
|
|
31
31
|
// }
|
|
32
|
-
return (react_1["default"].createElement(react_1["default"].Fragment, null, type === 'single' ? (react_1["default"].createElement("
|
|
33
|
-
|
|
32
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null, type === 'single' || type === 'only-header' || type === 'only-report' ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
33
|
+
type === 'single' && (react_1["default"].createElement("div", { className: "flex animate-pulse space-x-4 ".concat(className) },
|
|
34
|
+
react_1["default"].createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))),
|
|
35
|
+
type === 'only-header' && react_1["default"].createElement("div", { className: "h-7 rounded bg-gray-200 ".concat(className) }),
|
|
36
|
+
type === 'only-report' && (react_1["default"].createElement("div", { className: className },
|
|
37
|
+
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
38
|
+
react_1["default"].createElement(SkeletonReport, null)))))) : (react_1["default"].createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
|
|
34
39
|
type !== 'table' ? (react_1["default"].createElement("div", { className: 'mb-7 flex animate-pulse space-x-4' },
|
|
35
40
|
react_1["default"].createElement("div", { className: 'h-7 w-1/6 rounded bg-gray-200' }))) : null,
|
|
36
41
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' ||
|
|
@@ -38,11 +43,12 @@ function PHXSkeleton(_a) {
|
|
|
38
43
|
type === 'page' ||
|
|
39
44
|
type === 'page-with-table' ||
|
|
40
45
|
type === 'page-table-with-report' ||
|
|
41
|
-
type === 'page-table-report-filter'
|
|
46
|
+
type === 'page-table-report-filter' ||
|
|
47
|
+
type === 'page-table-filter'
|
|
42
48
|
? ''
|
|
43
49
|
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-4') },
|
|
44
50
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
45
|
-
type === 'page-table-report-filter' && (react_1["default"].createElement("div", { className: 'flex gap-x-3' }, tslib_1.__spreadArray([], Array(filterQty), true).map(function (_, index) { return (react_1["default"].createElement("div", { key: index, className: 'h-7 w-20 rounded bg-gray-200 animate-pulse' })); }))),
|
|
51
|
+
(type === 'page-table-report-filter' || type === 'page-table-filter') && (react_1["default"].createElement("div", { className: 'flex gap-x-3' }, tslib_1.__spreadArray([], Array(filterQty), true).map(function (_, index) { return (react_1["default"].createElement("div", { key: index, className: 'h-7 w-20 rounded bg-gray-200 animate-pulse' })); }))),
|
|
46
52
|
(type === 'page-table-with-report' || type === 'page-table-report-filter') && (react_1["default"].createElement(Card_1.PHXCard, null,
|
|
47
53
|
react_1["default"].createElement(SkeletonReport, null))),
|
|
48
54
|
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,wDAAyB;AACzB,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { classNames } from '../types';
|
|
3
3
|
export function PHXBadge(_a) {
|
|
4
4
|
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
|
|
5
|
-
var typeClassName = classNames(type === 'default' && 'bg-[#
|
|
5
|
+
var typeClassName = classNames(type === 'default' && 'bg-[#e4e4e4] text-[#616161]', type === 'success' && 'bg-[#cdfee1] text-[#0c5132]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d] text-[#4f4700]', type === 'warning' && 'bg-[#ffd6a4] text-[#5e4200]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
|
|
6
6
|
return (React.createElement("span", { className: classNames("rounded-lg py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className), removeButton ? 'pl-2 pr-0 flex items-center w-fit' : 'px-2') },
|
|
7
7
|
text,
|
|
8
8
|
removeButton && (React.createElement("button", { onClick: onClick, className: 'px-0.5 ml-1 py-0.5 rounded-lg hover:bg-gray-300' },
|
|
@@ -11,6 +11,9 @@ export interface FooterBarProps {
|
|
|
11
11
|
children?: any;
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
onlyDelete?: boolean;
|
|
14
|
+
secondaryLeftButton?: boolean;
|
|
15
|
+
secondaryLeftButtonSubmit?: boolean;
|
|
16
|
+
secondaryLeftTextButton?: string;
|
|
14
17
|
deleted?: boolean;
|
|
15
18
|
submit?: boolean;
|
|
16
19
|
cancelText?: string;
|
|
@@ -31,5 +34,7 @@ export interface FooterBarProps {
|
|
|
31
34
|
onImport?(): void;
|
|
32
35
|
onChangeCapture?(): void;
|
|
33
36
|
onHeaderActionClick?(): void;
|
|
37
|
+
onSubmitSecondaryLeftButton?(): void;
|
|
38
|
+
onDeletedSecondaryLeftButton?(): void;
|
|
34
39
|
}
|
|
35
|
-
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;
|
|
40
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, secondaryLeftButton, secondaryLeftButtonSubmit, secondaryLeftTextButton, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ import { PHXModal } from '../Modal';
|
|
|
7
7
|
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
|
|
8
8
|
import ImportModal from './ModalImport';
|
|
9
9
|
export var PHXFormWrap = function (_a) {
|
|
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, onSecondary = _a.onSecondary, 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, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
|
|
10
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, secondaryLeftButton = _a.secondaryLeftButton, secondaryLeftButtonSubmit = _a.secondaryLeftButtonSubmit, secondaryLeftTextButton = _a.secondaryLeftTextButton, 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, onSecondary = _a.onSecondary, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onSubmitSecondaryLeftButton = _a.onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton = _a.onDeletedSecondaryLeftButton, 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, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
|
|
11
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 _h = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
|
|
13
13
|
var _j = useState(false), openImport = _j[0], setOpenImport = _j[1];
|
|
@@ -47,7 +47,7 @@ export var PHXFormWrap = function (_a) {
|
|
|
47
47
|
React.createElement(PHXButton, { primary: true, size: 'small', onClick: handleHeaderAction }, headerActionText))))),
|
|
48
48
|
children,
|
|
49
49
|
React.createElement("div", { className: footerAction
|
|
50
|
-
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
50
|
+
? classNames(deleted || secondaryLeftButton ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
51
51
|
: 'hidden' },
|
|
52
52
|
deleted && (React.createElement(React.Fragment, null,
|
|
53
53
|
React.createElement(PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
@@ -61,6 +61,7 @@ export var PHXFormWrap = function (_a) {
|
|
|
61
61
|
"B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ",
|
|
62
62
|
nameOfModal,
|
|
63
63
|
"?"))))))),
|
|
64
|
+
secondaryLeftButton && (React.createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (React.createElement(PHXButton, { deleted: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
|
|
64
65
|
!onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
65
66
|
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onSecondary ? onSecondary : onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
66
67
|
submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,WAAW,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface SkeletonProps {
|
|
3
3
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col' | 'page-with-table' | 'page-table-with-report' | 'page-table-report-filter';
|
|
4
|
+
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col' | 'page-with-table' | 'page-table-with-report' | 'page-table-report-filter' | 'page-table-filter' | 'only-header' | 'only-report';
|
|
5
5
|
className?: string;
|
|
6
6
|
filterQty?: number;
|
|
7
7
|
}
|
|
@@ -26,8 +26,13 @@ export function PHXSkeleton(_a) {
|
|
|
26
26
|
// const TableLoad = () => {
|
|
27
27
|
// return type !== 'table' ? <div className='h-3 w-1/4 rounded bg-gray-200' /> : null
|
|
28
28
|
// }
|
|
29
|
-
return (React.createElement(React.Fragment, null, type === 'single'
|
|
30
|
-
|
|
29
|
+
return (React.createElement(React.Fragment, null, type === 'single' || type === 'only-header' || type === 'only-report' ? (React.createElement(React.Fragment, null,
|
|
30
|
+
type === 'single' && (React.createElement("div", { className: "flex animate-pulse space-x-4 ".concat(className) },
|
|
31
|
+
React.createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))),
|
|
32
|
+
type === 'only-header' && React.createElement("div", { className: "h-7 rounded bg-gray-200 ".concat(className) }),
|
|
33
|
+
type === 'only-report' && (React.createElement("div", { className: className },
|
|
34
|
+
React.createElement(PHXCard, null,
|
|
35
|
+
React.createElement(SkeletonReport, null)))))) : (React.createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
|
|
31
36
|
type !== 'table' ? (React.createElement("div", { className: 'mb-7 flex animate-pulse space-x-4' },
|
|
32
37
|
React.createElement("div", { className: 'h-7 w-1/6 rounded bg-gray-200' }))) : null,
|
|
33
38
|
React.createElement("div", { className: classNames(type === 'default' ||
|
|
@@ -35,11 +40,12 @@ export function PHXSkeleton(_a) {
|
|
|
35
40
|
type === 'page' ||
|
|
36
41
|
type === 'page-with-table' ||
|
|
37
42
|
type === 'page-table-with-report' ||
|
|
38
|
-
type === 'page-table-report-filter'
|
|
43
|
+
type === 'page-table-report-filter' ||
|
|
44
|
+
type === 'page-table-filter'
|
|
39
45
|
? ''
|
|
40
46
|
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-4') },
|
|
41
47
|
React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
42
|
-
type === 'page-table-report-filter' && (React.createElement("div", { className: 'flex gap-x-3' }, __spreadArray([], Array(filterQty), true).map(function (_, index) { return (React.createElement("div", { key: index, className: 'h-7 w-20 rounded bg-gray-200 animate-pulse' })); }))),
|
|
48
|
+
(type === 'page-table-report-filter' || type === 'page-table-filter') && (React.createElement("div", { className: 'flex gap-x-3' }, __spreadArray([], Array(filterQty), true).map(function (_, index) { return (React.createElement("div", { key: index, className: 'h-7 w-20 rounded bg-gray-200 animate-pulse' })); }))),
|
|
43
49
|
(type === 'page-table-with-report' || type === 'page-table-report-filter') && (React.createElement(PHXCard, null,
|
|
44
50
|
React.createElement(SkeletonReport, null))),
|
|
45
51
|
React.createElement(PHXCard, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|