phx-react 1.3.87 → 1.3.90
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 +4 -0
- package/dist/cjs/components/Card/Card.js +14 -8
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Combobox/Combobox.js +3 -3
- package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.js +9 -7
- 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 +24 -6
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +4 -0
- package/dist/esm/components/Card/Card.js +14 -8
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +3 -3
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.js +10 -8
- 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 +24 -6
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,10 @@ export interface CardProps {
|
|
|
9
9
|
primaryFooterAction?: ComplexAction;
|
|
10
10
|
primaryHeader?: boolean;
|
|
11
11
|
headerAction?: ComplexAction;
|
|
12
|
+
subSection?: Array<{
|
|
13
|
+
title?: string;
|
|
14
|
+
component?: any;
|
|
15
|
+
}>;
|
|
12
16
|
secondaryFooterActions?: ComplexAction[];
|
|
13
17
|
dangerFooterAction?: ComplexAction;
|
|
14
18
|
type?: 'modal' | 'default';
|
|
@@ -10,21 +10,27 @@ 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, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b;
|
|
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;
|
|
14
14
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'bg-gray-100' : '', ' px-5 py-3 sm:px-6 flex justify-end gap-x-3') },
|
|
15
15
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (react_1["default"].createElement(Button_1.PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
16
16
|
primaryFooterAction && primaryFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
|
|
17
17
|
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { deleted: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
react_1["default"].createElement("span", { className: '
|
|
22
|
-
react_1["default"].createElement(
|
|
18
|
+
var HeaderActionMarkup = function (_a) {
|
|
19
|
+
var title = _a.title;
|
|
20
|
+
return primaryHeader ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'px-5 py-3' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
21
|
+
react_1["default"].createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
22
|
+
headerAction && (react_1["default"].createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick }, headerAction.content === 'close' ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
23
|
+
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
24
|
+
react_1["default"].createElement(solid_1.XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (react_1["default"].createElement("div", { className: 'text-xs px-1' }, headerAction.content)))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
25
|
+
};
|
|
23
26
|
return (react_1["default"].createElement("div", { className: 'w-full' },
|
|
24
27
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
25
28
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
subSection ? (subSection.map(function (item, index) { return (react_1["default"].createElement("div", { key: index },
|
|
30
|
+
react_1["default"].createElement(HeaderActionMarkup, { title: item.title }),
|
|
31
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
32
|
+
react_1["default"].createElement(HeaderActionMarkup, { title: title }),
|
|
33
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'p-4') }, children))),
|
|
28
34
|
footerActionMarkup))));
|
|
29
35
|
};
|
|
30
36
|
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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"}
|
|
@@ -8,7 +8,6 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
8
8
|
// import { PHXSpinner } from '../Loading'
|
|
9
9
|
var types_1 = require("../types");
|
|
10
10
|
var EmptySearchResult_1 = tslib_1.__importDefault(require("../Table/EmptySearchResult"));
|
|
11
|
-
var Badge_1 = require("../Badge");
|
|
12
11
|
var PHXCombobox = function (_a) {
|
|
13
12
|
var _b = _a.multiple, multiple = _b === void 0 ? false : _b, register = _a.register, listOptions = _a.listOptions, className = _a.className, label = _a.label, defaultValue = _a.defaultValue, rest = tslib_1.__rest(_a, ["multiple", "register", "listOptions", "className", "label", "defaultValue"]);
|
|
14
13
|
var _c = (0, react_1.useState)([]), selectedPeople = _c[0], setSelectedPeople = _c[1];
|
|
@@ -53,9 +52,10 @@ var PHXCombobox = function (_a) {
|
|
|
53
52
|
// @ts-ignore
|
|
54
53
|
multiple: multiple }, register, { value: selectedPeople, onChange: setSelectedPeople }),
|
|
55
54
|
react_1["default"].createElement("div", { className: 'relative mt-1' },
|
|
56
|
-
multiple && selectedPeople.length > 0 && (react_1["default"].createElement("div", { className: 'flex gap-x-1' }, selectedPeople.map(function (item) { return (react_1["default"].createElement(Badge_1.PHXBadge, { key: item.id, text: item.name, removeButton: true })); }))),
|
|
57
55
|
react_1["default"].createElement("div", { className: 'relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm' },
|
|
58
|
-
react_1["default"].createElement(react_2.Combobox.Input, tslib_1.__assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) {
|
|
56
|
+
react_1["default"].createElement(react_2.Combobox.Input, tslib_1.__assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) {
|
|
57
|
+
return selectedPeople instanceof Array ? people.map(function (item) { return item.name; }).join(', ') : people === null || people === void 0 ? void 0 : people.name;
|
|
58
|
+
}, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
|
|
59
59
|
react_1["default"].createElement(react_2.Combobox.Button, { className: 'absolute inset-y-0 right-0 flex items-center pr-2' },
|
|
60
60
|
react_1["default"].createElement(solid_1.ChevronUpDownIcon, { className: 'h-5 w-5 text-gray-400', "aria-hidden": 'true' }))),
|
|
61
61
|
react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', afterLeave: function () { return setQuery(''); } },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";;;;AAAA,qDAAiF;AACjF,2CAAwD;AACxD,mDAAwE;AAExE,0CAA0C;AAC1C,kCAAqC;AACrC,yFAA0D;
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,12 +12,14 @@ var PHXFormWrap = function (_a) {
|
|
|
12
12
|
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, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
13
13
|
var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg: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');
|
|
14
14
|
var _f = (0, react_1.useState)(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
setIsModalOpen(false);
|
|
15
|
+
var handleDelete = function () {
|
|
16
|
+
if (onDelete) {
|
|
17
|
+
onDelete();
|
|
18
|
+
}
|
|
20
19
|
};
|
|
20
|
+
(0, react_1.useEffect)(function () {
|
|
21
|
+
setIsModalOpen(deletedLoading);
|
|
22
|
+
}, [deletedLoading]);
|
|
21
23
|
return (react_1["default"].createElement("div", { className: className },
|
|
22
24
|
react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
|
|
23
25
|
react_1["default"].createElement("div", { className: sizeClassName },
|
|
@@ -33,8 +35,8 @@ var PHXFormWrap = function (_a) {
|
|
|
33
35
|
? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
|
|
34
36
|
: 'hidden' },
|
|
35
37
|
deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
36
|
-
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick:
|
|
37
|
-
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick:
|
|
38
|
+
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
39
|
+
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
|
|
38
40
|
!onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
39
41
|
react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
40
42
|
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,
|
|
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;AA0B5B,IAAM,WAAW,GAAG,UAAC,EAsBX;QArBf,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,CACjD,CAAA;IACK,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IAE1D,IAAM,YAAY,GAAG;QACnB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,cAAc,CAAC,cAAc,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,2CAAM,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACtC,0CAAK,SAAS,EAAE,aAAa;gBAC1B,YAAY,IAAI,CACf,0CAAK,SAAS,EAAC,wBAAwB;oBACrC,6CACE,SAAS,EAAC,iPAAiP,EAC3P,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ;wBAEjB,iCAAC,qBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;oBAET,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,cAAc,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;wBAChF,yCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,yFAAyF,EACzF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CACxC,IAEA,KAAK,CACH;wBACJ,IAAI,KAAK,kBAAkB,IAAI,CAC9B,0CAAK,SAAS,EAAC,mBAAmB;4BAChC,iCAAC,gBAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CACtD,CACP,CACG,CACF,CACP;gBACA,QAAQ;gBACT,0CACE,SAAS,EACP,YAAY;wBACV,CAAC,CAAC,IAAA,kBAAU,EACR,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,EACnD,yDAAyD,CAC1D;wBACH,CAAC,CAAC,QAAQ;oBAGb,OAAO,IAAI,CACV;wBACE,iCAAC,kBAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,4BAEvD;wBACZ,iCAAC,gBAAQ,IACP,gBAAgB,EAAC,uBAAa,EAC9B,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,YAAY,EAC3B,iBAAiB,EAAC,EAAE,EACpB,MAAM,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EACnC,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,mDAAwB,WAAW,MAAG,GAC7C,CACD,CACJ;oBACA,CAAC,UAAU,IAAI,CACd,0CAAK,SAAS,EAAC,0BAA0B;wBACvC,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,OAAO,EAAE,QAAQ,IAChD,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAC1C;wBACX,MAAM,CAAC,CAAC,CAAC,CACR,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAC,OAAO,UACrD,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACxE,CACb,CAAC,CAAC,CAAC,CACF,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,UACjE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACxE,CACb,CACG,CACP,CACG,CACF,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAvHY,QAAA,WAAW,eAuHvB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export interface SkeletonProps {
|
|
3
3
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
type?: 'default' | 'col' | 'single' | 'table';
|
|
4
|
+
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col';
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare function PHXSkeleton({ className, size, type }: SkeletonProps): JSX.Element;
|
|
@@ -26,21 +26,39 @@ function PHXSkeleton(_a) {
|
|
|
26
26
|
react_1["default"].createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))) : (react_1["default"].createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
|
|
27
27
|
type !== 'table' ? (react_1["default"].createElement("div", { className: 'mb-8 flex animate-pulse space-x-4' },
|
|
28
28
|
react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
|
|
29
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' || type === 'table'
|
|
29
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' || type === 'table' || type === 'page'
|
|
30
30
|
? ''
|
|
31
31
|
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-6') },
|
|
32
32
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
33
33
|
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
34
34
|
react_1["default"].createElement(Skeleton, null),
|
|
35
|
-
react_1["default"].createElement(
|
|
36
|
-
|
|
35
|
+
type === 'page' || type === 'page-col' ? null : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
36
|
+
react_1["default"].createElement(Skeleton, null),
|
|
37
|
+
react_1["default"].createElement(Skeleton, null))),
|
|
37
38
|
type === 'table' && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
38
39
|
react_1["default"].createElement(Skeleton, null),
|
|
39
40
|
react_1["default"].createElement(Skeleton, null),
|
|
40
41
|
react_1["default"].createElement(Skeleton, null),
|
|
41
|
-
react_1["default"].createElement(Skeleton, null))))
|
|
42
|
-
|
|
42
|
+
react_1["default"].createElement(Skeleton, null)))),
|
|
43
|
+
type === 'page' || type === 'page-col' ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
44
|
+
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
45
|
+
react_1["default"].createElement(Skeleton, null)),
|
|
46
|
+
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
47
|
+
react_1["default"].createElement(Skeleton, null)))) : null),
|
|
48
|
+
type === 'col' || type === 'page-col' ? (react_1["default"].createElement("div", { className: 'grid grid-cols-1 gap-4' },
|
|
43
49
|
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
50
|
+
react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
51
|
+
react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
52
|
+
react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
|
|
53
|
+
react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }),
|
|
54
|
+
react_1["default"].createElement("div", { className: 'space-y-3' },
|
|
55
|
+
react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
56
|
+
react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' }),
|
|
57
|
+
react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
58
|
+
react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
59
|
+
react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
60
|
+
react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }))))),
|
|
61
|
+
type === 'page-col' && (react_1["default"].createElement(Card_1.PHXCard, null,
|
|
44
62
|
react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
45
63
|
react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
46
64
|
react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
|
|
@@ -49,7 +67,7 @@ function PHXSkeleton(_a) {
|
|
|
49
67
|
react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
50
68
|
react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
51
69
|
react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
52
|
-
react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }))))))) : null)))));
|
|
70
|
+
react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' })))))))) : null)))));
|
|
53
71
|
}
|
|
54
72
|
exports.PHXSkeleton = PHXSkeleton;
|
|
55
73
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,wDAAyB;AACzB,kCAAqC;AAQrC,SAAgB,WAAW,CAAC,EAAoE;QAAlE,SAAS,eAAA,EAAE,YAAoB,EAApB,IAAI,mBAAG,aAAa,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAC7E,IAAM,aAAa,GAAG,IAAA,kBAAU;IAC9B,aAAa;IACb,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,EAChD,IAAI,KAAK,aAAa,IAAI,gBAAgB,CAC3C,CAAA;IAED,IAAM,QAAQ,GAAG,cAAM,OAAA,CACrB,0CAAK,SAAS,EAAC,8BAA8B;QAC3C,0CAAK,SAAS,EAAC,uBAAuB;YACpC,iCAAC,SAAS,OAAG;YACb,0CAAK,SAAS,EAAC,yBAAyB,GAAG;YAC3C,0CAAK,SAAS,EAAC,WAAW;gBACxB,0CAAK,SAAS,EAAC,wBAAwB;oBACrC,0CAAK,SAAS,EAAC,oCAAoC,GAAG;oBACtD,0CAAK,SAAS,EAAC,oCAAoC,GAAG,CAClD;gBACN,0CAAK,SAAS,EAAC,yBAAyB,GAAG,CACvC,CACF,CACF,CACP,EAdsB,CActB,CAAA;IAED,IAAM,SAAS,GAAG;QAChB,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,+BAA+B,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;IACpF,CAAC,CAAA;IAED,OAAO,CACL,oEACG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,0CAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE;QACzD,0CAAK,SAAS,EAAC,gCAAgC,GAAG,CAC9C,CACP,CAAC,CAAC,CAAC,CACF,0CAAK,SAAS,EAAE,UAAG,SAAS,cAAI,aAAa,CAAE;QAC5C,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,0CAAK,SAAS,EAAC,mCAAmC;YAChD,0CAAK,SAAS,EAAC,+BAA+B,GAAG,CAC7C,CACP,CAAC,CAAC,CAAC,IAAI;QACR,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ export interface CardProps {
|
|
|
9
9
|
primaryFooterAction?: ComplexAction;
|
|
10
10
|
primaryHeader?: boolean;
|
|
11
11
|
headerAction?: ComplexAction;
|
|
12
|
+
subSection?: Array<{
|
|
13
|
+
title?: string;
|
|
14
|
+
component?: any;
|
|
15
|
+
}>;
|
|
12
16
|
secondaryFooterActions?: ComplexAction[];
|
|
13
17
|
dangerFooterAction?: ComplexAction;
|
|
14
18
|
type?: 'modal' | 'default';
|
|
@@ -6,21 +6,27 @@ 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, headerAction = _a.headerAction, dangerFooterAction = _a.dangerFooterAction, _b = _a.type, type = _b === void 0 ? 'default' : _b;
|
|
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;
|
|
10
10
|
var footerActionMarkup = primaryFooterAction || secondaryFooterActions || dangerFooterAction ? (React.createElement("div", { className: classNames(type === 'modal' ? 'bg-gray-100' : '', ' px-5 py-3 sm:px-6 flex justify-end gap-x-3') },
|
|
11
11
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
12
12
|
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
|
|
13
13
|
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { deleted: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
React.createElement("span", { className: '
|
|
18
|
-
React.createElement(
|
|
14
|
+
var HeaderActionMarkup = function (_a) {
|
|
15
|
+
var title = _a.title;
|
|
16
|
+
return primaryHeader ? (React.createElement("div", { className: classNames(type === 'modal' ? 'px-5 py-3' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
17
|
+
React.createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
18
|
+
headerAction && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick }, headerAction.content === 'close' ? (React.createElement(React.Fragment, null,
|
|
19
|
+
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
20
|
+
React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (React.createElement("div", { className: 'text-xs px-1' }, headerAction.content)))))) : (React.createElement(React.Fragment, null));
|
|
21
|
+
};
|
|
19
22
|
return (React.createElement("div", { className: 'w-full' },
|
|
20
23
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
21
24
|
React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
22
|
-
|
|
23
|
-
|
|
25
|
+
subSection ? (subSection.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
26
|
+
React.createElement(HeaderActionMarkup, { title: item.title }),
|
|
27
|
+
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (React.createElement(React.Fragment, null,
|
|
28
|
+
React.createElement(HeaderActionMarkup, { title: title }),
|
|
29
|
+
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'p-4') }, children))),
|
|
24
30
|
footerActionMarkup))));
|
|
25
31
|
};
|
|
26
32
|
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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"}
|
|
@@ -5,7 +5,6 @@ import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/20/solid';
|
|
|
5
5
|
// import { PHXSpinner } from '../Loading'
|
|
6
6
|
import { classNames } from '../types';
|
|
7
7
|
import EmptySearchResult from '../Table/EmptySearchResult';
|
|
8
|
-
import { PHXBadge } from '../Badge';
|
|
9
8
|
export var PHXCombobox = function (_a) {
|
|
10
9
|
var _b = _a.multiple, multiple = _b === void 0 ? false : _b, register = _a.register, listOptions = _a.listOptions, className = _a.className, label = _a.label, defaultValue = _a.defaultValue, rest = __rest(_a, ["multiple", "register", "listOptions", "className", "label", "defaultValue"]);
|
|
11
10
|
var _c = useState([]), selectedPeople = _c[0], setSelectedPeople = _c[1];
|
|
@@ -50,9 +49,10 @@ export var PHXCombobox = function (_a) {
|
|
|
50
49
|
// @ts-ignore
|
|
51
50
|
multiple: multiple }, register, { value: selectedPeople, onChange: setSelectedPeople }),
|
|
52
51
|
React.createElement("div", { className: 'relative mt-1' },
|
|
53
|
-
multiple && selectedPeople.length > 0 && (React.createElement("div", { className: 'flex gap-x-1' }, selectedPeople.map(function (item) { return (React.createElement(PHXBadge, { key: item.id, text: item.name, removeButton: true })); }))),
|
|
54
52
|
React.createElement("div", { className: 'relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm' },
|
|
55
|
-
React.createElement(Combobox.Input, __assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) {
|
|
53
|
+
React.createElement(Combobox.Input, __assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) {
|
|
54
|
+
return selectedPeople instanceof Array ? people.map(function (item) { return item.name; }).join(', ') : people === null || people === void 0 ? void 0 : people.name;
|
|
55
|
+
}, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
|
|
56
56
|
React.createElement(Combobox.Button, { className: 'absolute inset-y-0 right-0 flex items-center pr-2' },
|
|
57
57
|
React.createElement(ChevronUpDownIcon, { className: 'h-5 w-5 text-gray-400', "aria-hidden": 'true' }))),
|
|
58
58
|
React.createElement(Transition, { as: Fragment, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', afterLeave: function () { return setQuery(''); } },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAExE,0CAA0C;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,iBAAiB,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { PHXButton } from '../Button';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { ArrowLeftIcon } from '@heroicons/react/20/solid';
|
|
@@ -8,12 +8,14 @@ export var PHXFormWrap = function (_a) {
|
|
|
8
8
|
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, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
9
9
|
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg: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');
|
|
10
10
|
var _f = useState(false), isModalOpen = _f[0], setIsModalOpen = _f[1];
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
setIsModalOpen(false);
|
|
11
|
+
var handleDelete = function () {
|
|
12
|
+
if (onDelete) {
|
|
13
|
+
onDelete();
|
|
14
|
+
}
|
|
16
15
|
};
|
|
16
|
+
useEffect(function () {
|
|
17
|
+
setIsModalOpen(deletedLoading);
|
|
18
|
+
}, [deletedLoading]);
|
|
17
19
|
return (React.createElement("div", { className: className },
|
|
18
20
|
React.createElement("form", { method: method, onSubmit: onSubmit },
|
|
19
21
|
React.createElement("div", { className: sizeClassName },
|
|
@@ -29,8 +31,8 @@ export var PHXFormWrap = function (_a) {
|
|
|
29
31
|
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')
|
|
30
32
|
: 'hidden' },
|
|
31
33
|
deleted && (React.createElement(React.Fragment, null,
|
|
32
|
-
React.createElement(PHXButton, { deleted: true, size: 'small', onClick:
|
|
33
|
-
React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick:
|
|
34
|
+
React.createElement(PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
35
|
+
React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen, title: "B\u1EA1n mu\u1ED1n xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") }))),
|
|
34
36
|
!onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
35
37
|
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
36
38
|
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,QAAQ,EAAE,MAAM,OAAO,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
|
/// <reference types="react" />
|
|
2
2
|
export interface SkeletonProps {
|
|
3
3
|
size?: 'small' | 'medium' | 'large' | 'extra-large';
|
|
4
|
-
type?: 'default' | 'col' | 'single' | 'table';
|
|
4
|
+
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col';
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare function PHXSkeleton({ className, size, type }: SkeletonProps): JSX.Element;
|
|
@@ -22,21 +22,39 @@ export function PHXSkeleton(_a) {
|
|
|
22
22
|
React.createElement("div", { className: 'h-3 w-full rounded bg-gray-300' }))) : (React.createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
|
|
23
23
|
type !== 'table' ? (React.createElement("div", { className: 'mb-8 flex animate-pulse space-x-4' },
|
|
24
24
|
React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
|
|
25
|
-
React.createElement("div", { className: classNames(type === 'default' || type === 'table'
|
|
25
|
+
React.createElement("div", { className: classNames(type === 'default' || type === 'table' || type === 'page'
|
|
26
26
|
? ''
|
|
27
27
|
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-6') },
|
|
28
28
|
React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
29
29
|
React.createElement(PHXCard, null,
|
|
30
30
|
React.createElement(Skeleton, null),
|
|
31
|
-
React.createElement(
|
|
32
|
-
|
|
31
|
+
type === 'page' || type === 'page-col' ? null : (React.createElement(React.Fragment, null,
|
|
32
|
+
React.createElement(Skeleton, null),
|
|
33
|
+
React.createElement(Skeleton, null))),
|
|
33
34
|
type === 'table' && (React.createElement(React.Fragment, null,
|
|
34
35
|
React.createElement(Skeleton, null),
|
|
35
36
|
React.createElement(Skeleton, null),
|
|
36
37
|
React.createElement(Skeleton, null),
|
|
37
|
-
React.createElement(Skeleton, null))))
|
|
38
|
-
|
|
38
|
+
React.createElement(Skeleton, null)))),
|
|
39
|
+
type === 'page' || type === 'page-col' ? (React.createElement(React.Fragment, null,
|
|
40
|
+
React.createElement(PHXCard, null,
|
|
41
|
+
React.createElement(Skeleton, null)),
|
|
42
|
+
React.createElement(PHXCard, null,
|
|
43
|
+
React.createElement(Skeleton, null)))) : null),
|
|
44
|
+
type === 'col' || type === 'page-col' ? (React.createElement("div", { className: 'grid grid-cols-1 gap-4' },
|
|
39
45
|
React.createElement(PHXCard, null,
|
|
46
|
+
React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
47
|
+
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
48
|
+
React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
|
|
49
|
+
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
|
|
50
|
+
React.createElement("div", { className: 'space-y-3' },
|
|
51
|
+
React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
52
|
+
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' }),
|
|
53
|
+
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
54
|
+
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
55
|
+
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
56
|
+
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))),
|
|
57
|
+
type === 'page-col' && (React.createElement(PHXCard, null,
|
|
40
58
|
React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
41
59
|
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
42
60
|
React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }),
|
|
@@ -45,6 +63,6 @@ export function PHXSkeleton(_a) {
|
|
|
45
63
|
React.createElement("div", { className: 'grid grid-cols-3 gap-4' },
|
|
46
64
|
React.createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
|
|
47
65
|
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
48
|
-
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))))) : null)))));
|
|
66
|
+
React.createElement("div", { className: 'h-2 rounded bg-gray-200' })))))))) : null)))));
|
|
49
67
|
}
|
|
50
68
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -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;AAQrC,MAAM,UAAU,WAAW,CAAC,EAAoE;QAAlE,SAAS,eAAA,EAAE,YAAoB,EAApB,IAAI,mBAAG,aAAa,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAC7E,IAAM,aAAa,GAAG,UAAU;IAC9B,aAAa;IACb,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,EAChD,IAAI,KAAK,aAAa,IAAI,gBAAgB,CAC3C,CAAA;IAED,IAAM,QAAQ,GAAG,cAAM,OAAA,CACrB,6BAAK,SAAS,EAAC,8BAA8B;QAC3C,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,SAAS,OAAG;YACb,6BAAK,SAAS,EAAC,yBAAyB,GAAG;YAC3C,6BAAK,SAAS,EAAC,WAAW;gBACxB,6BAAK,SAAS,EAAC,wBAAwB;oBACrC,6BAAK,SAAS,EAAC,oCAAoC,GAAG;oBACtD,6BAAK,SAAS,EAAC,oCAAoC,GAAG,CAClD;gBACN,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACvC,CACF,CACF,CACP,EAdsB,CActB,CAAA;IAED,IAAM,SAAS,GAAG;QAChB,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,+BAA+B,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;IACpF,CAAC,CAAA;IAED,OAAO,CACL,0CACG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,6BAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE;QACzD,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CAC9C,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,UAAG,SAAS,cAAI,aAAa,CAAE;QAC5C,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,6BAAK,SAAS,EAAC,mCAAmC;YAChD,6BAAK,SAAS,EAAC,+BAA+B,GAAG,CAC7C,CACP,CAAC,CAAC,CAAC,IAAI;QACR,6BACE,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,OAAO;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|