phx-react 1.3.740 → 1.3.742
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/Dropdown/Dropdown.d.ts +3 -4
- package/dist/cjs/components/Dropdown/Dropdown.js +79 -30
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/MainWrapV3/search/search-bar.js +28 -38
- package/dist/cjs/components/MainWrapV3/search/search-bar.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +3 -4
- package/dist/esm/components/Dropdown/Dropdown.js +65 -16
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/MainWrapV3/search/search-bar.js +28 -38
- package/dist/esm/components/MainWrapV3/search/search-bar.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
3
1
|
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
2
|
+
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
|
|
5
5
|
export interface DropdownProps {
|
|
6
6
|
className?: string;
|
|
@@ -26,6 +26,5 @@ export interface DropdownProps {
|
|
|
26
26
|
onChangeDate?(): void;
|
|
27
27
|
soft?: boolean;
|
|
28
28
|
widthContent?: any;
|
|
29
|
-
isFullContentOption?: boolean;
|
|
30
29
|
}
|
|
31
|
-
export declare function PHXDropdown({ className,
|
|
30
|
+
export declare function PHXDropdown({ buttonContent, className, defaultDate, disabledDate, endDisabled, loading, max, min, onChangeDate, optionTitle, options, origin, soft, startDisabled, type, widthContent, }: DropdownProps): React.JSX.Element;
|
|
@@ -2,57 +2,106 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXDropdown = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 =
|
|
6
|
-
var react_2 = require("@headlessui/react");
|
|
5
|
+
var react_1 = require("@headlessui/react");
|
|
7
6
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
8
|
-
var SolidIcons = tslib_1.__importStar(require("@heroicons/react/24/solid"));
|
|
9
7
|
var OutlineIcons = tslib_1.__importStar(require("@heroicons/react/24/outline"));
|
|
8
|
+
var SolidIcons = tslib_1.__importStar(require("@heroicons/react/24/solid"));
|
|
9
|
+
var react_2 = tslib_1.__importStar(require("react"));
|
|
10
|
+
var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
|
|
10
11
|
var types_1 = require("../types");
|
|
11
12
|
var Calendar_1 = tslib_1.__importDefault(require("../DatePicker/components/Calendar"));
|
|
12
13
|
var Loading_1 = require("../Loading");
|
|
13
14
|
function PHXDropdown(_a) {
|
|
14
|
-
var
|
|
15
|
+
var buttonContent = _a.buttonContent, className = _a.className, defaultDate = _a.defaultDate, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, loading = _a.loading, max = _a.max, min = _a.min, onChangeDate = _a.onChangeDate, optionTitle = _a.optionTitle, options = _a.options, _b = _a.origin, origin = _b === void 0 ? 'left' : _b, _c = _a.soft, soft = _c === void 0 ? false : _c, startDisabled = _a.startDisabled, _d = _a.type, type = _d === void 0 ? 'default' : _d, widthContent = _a.widthContent;
|
|
16
|
+
var _e = (0, react_2.useState)(null), portalElement = _e[0], setPortalElement = _e[1];
|
|
17
|
+
var menuButtonRef = (0, react_2.useRef)(null);
|
|
18
|
+
(0, react_2.useEffect)(function () {
|
|
19
|
+
var element = document.createElement('div');
|
|
20
|
+
document.body.appendChild(element);
|
|
21
|
+
setPortalElement(element);
|
|
22
|
+
return function () {
|
|
23
|
+
document.body.removeChild(element);
|
|
24
|
+
};
|
|
25
|
+
}, []);
|
|
26
|
+
var calculatePosition = function () {
|
|
27
|
+
if (menuButtonRef.current && portalElement) {
|
|
28
|
+
var buttonRect = menuButtonRef.current.getBoundingClientRect();
|
|
29
|
+
portalElement.style.position = 'absolute';
|
|
30
|
+
switch (origin) {
|
|
31
|
+
case 'left':
|
|
32
|
+
portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
|
|
33
|
+
portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
|
|
34
|
+
break;
|
|
35
|
+
case 'right':
|
|
36
|
+
portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
|
|
37
|
+
portalElement.style.right = "".concat(window.innerWidth - buttonRect.right, "px");
|
|
38
|
+
break;
|
|
39
|
+
case 'top-left':
|
|
40
|
+
portalElement.style.bottom = "".concat(window.innerHeight - buttonRect.top + window.scrollY, "px");
|
|
41
|
+
portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
|
|
42
|
+
break;
|
|
43
|
+
default:
|
|
44
|
+
portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
|
|
45
|
+
portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
(0, react_2.useEffect)(function () {
|
|
50
|
+
if (portalElement) {
|
|
51
|
+
calculatePosition();
|
|
52
|
+
}
|
|
53
|
+
}, [portalElement]);
|
|
54
|
+
(0, react_2.useEffect)(function () {
|
|
55
|
+
var handleResize = function () {
|
|
56
|
+
calculatePosition();
|
|
57
|
+
};
|
|
58
|
+
window.addEventListener('resize', handleResize);
|
|
59
|
+
window.addEventListener('scroll', handleResize);
|
|
60
|
+
return function () {
|
|
61
|
+
window.removeEventListener('resize', handleResize);
|
|
62
|
+
window.removeEventListener('scroll', handleResize);
|
|
63
|
+
};
|
|
64
|
+
}, [portalElement]);
|
|
15
65
|
var Icon = function (_a) {
|
|
16
66
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
17
67
|
// @ts-ignore
|
|
18
68
|
var Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
|
|
19
|
-
return
|
|
69
|
+
return react_2["default"].createElement(Icon, { className: (0, types_1.classNames)('h-4 w-4', active && 'font-semibold') });
|
|
20
70
|
};
|
|
21
|
-
return (
|
|
22
|
-
|
|
71
|
+
var renderMenuItems = function () { return (react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
72
|
+
react_2["default"].createElement(react_1.Menu.Items, { className: (0, types_1.classNames)(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'border px-1', 'absolute z-10 mt-1.5 max-h-96 min-w-[7.2rem] overflow-y-auto whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') }, type === 'date-picker' ? (react_2["default"].createElement(Calendar_1["default"], { defaultDate: defaultDate, disabledDate: disabledDate, endDisabled: endDisabled, max: max, min: min, onChangeDate: onChangeDate, startDisabled: startDisabled })) : (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
73
|
+
optionTitle && react_2["default"].createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
|
|
74
|
+
react_2["default"].createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (react_2["default"].createElement(react_1.Menu.Item, { key: item.content }, function (_a) {
|
|
75
|
+
var active = _a.active;
|
|
76
|
+
return (react_2["default"].createElement("div", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: item.onClick },
|
|
77
|
+
react_2["default"].createElement("div", { className: (0, types_1.classNames)(item.icon && 'flex items-center gap-x-2') },
|
|
78
|
+
item.icon && react_2["default"].createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
|
|
79
|
+
react_2["default"].createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words") }, item.content))));
|
|
80
|
+
})); }))))))); };
|
|
81
|
+
return (react_2["default"].createElement("div", { className: (0, types_1.classNames)('relative max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
|
|
82
|
+
react_2["default"].createElement(react_1.Menu, { as: 'div', className: (0, types_1.classNames)('relative inline-block w-full text-left', className && "".concat(className), type === 'ellipsis-icon' && 'flex items-center') }, function (_a) {
|
|
23
83
|
var open = _a.open;
|
|
24
|
-
return (
|
|
25
|
-
|
|
26
|
-
|
|
84
|
+
return (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
85
|
+
react_2["default"].createElement("div", null,
|
|
86
|
+
react_2["default"].createElement(react_1.Menu.Button, { ref: menuButtonRef, className: (0, types_1.classNames)('w-full', (type === 'default' || type === 'date-picker') &&
|
|
27
87
|
!soft &&
|
|
28
88
|
"rounded-lg border border-gray-300 border-b-gray-400 bg-white px-2.5 py-1.5 text-xs font-normal text-gray-900 shadow-sm hover:bg-gray-50 active:border-b-gray-100 active:bg-gray-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!border-b-gray-100 !bg-gray-100 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'icon-only' &&
|
|
29
89
|
!soft &&
|
|
30
90
|
'flex items-center rounded-full bg-gray-100 text-gray-600 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100', soft &&
|
|
31
91
|
"rounded-lg bg-indigo-50 px-2.5 py-1.5 text-xs font-normal text-gray-700 shadow-sm hover:bg-indigo-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!bg-indigo-100 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'soft-small' &&
|
|
32
92
|
"rounded-lg bg-gray-200 px-2 py-1 text-xs hover:bg-gray-300 active:pb-[0.2rem] active:pt-[0.35rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]\n ".concat(open ? '!bg-gray-300 shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : '', "\n "), type === 'ellipsis-icon' && 'flex items-center') },
|
|
33
|
-
|
|
93
|
+
react_2["default"].createElement("div", { className: (0, types_1.classNames)((type === 'default' || type === 'date-picker' || type === 'soft-small') &&
|
|
34
94
|
'flex items-center justify-between gap-x-1 text-gray-900 md:justify-center', type === 'ellipsis-icon' && 'flex items-center') },
|
|
35
|
-
|
|
95
|
+
react_2["default"].createElement("p", { className: (0, types_1.classNames)('max-w-[200px] truncate', type === 'icon-only' && 'sr-only') }, buttonContent),
|
|
36
96
|
(type === 'default' || type === 'date-picker' || type === 'soft-small') &&
|
|
37
|
-
(open && origin === 'top-left' ? (
|
|
38
|
-
type === 'icon-only' &&
|
|
39
|
-
type === 'ellipsis-icon' && (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
react_1["default"].createElement(react_2.Menu.Items, { className: (0, types_1.classNames)(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'border px-1', 'absolute z-10 mt-1.5 max-h-96 min-w-[7.2rem] overflow-y-auto whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') }, type === 'date-picker' ? (react_1["default"].createElement(Calendar_1["default"], { onChangeDate: onChangeDate, defaultDate: defaultDate, max: max, min: min, startDisabled: startDisabled, endDisabled: endDisabled, disabledDate: disabledDate })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
43
|
-
optionTitle && react_1["default"].createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
|
|
44
|
-
react_1["default"].createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (react_1["default"].createElement(react_2.Menu.Item, { key: item.content }, function (_a) {
|
|
45
|
-
var active = _a.active;
|
|
46
|
-
return (react_1["default"].createElement("div", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active &&
|
|
47
|
-
!item.destructive &&
|
|
48
|
-
'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: item.onClick },
|
|
49
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)(item.icon && 'flex items-center gap-x-2') },
|
|
50
|
-
item.icon && (react_1["default"].createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline })),
|
|
51
|
-
react_1["default"].createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words ").concat(isFullContentOption ? 'whitespace-normal' : '', " ") }, item.content))));
|
|
52
|
-
})); }))))))));
|
|
97
|
+
(open && origin === 'top-left' ? (react_2["default"].createElement(solid_1.ChevronUpIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' })) : (react_2["default"].createElement(solid_1.ChevronDownIcon, { "aria-hidden": 'true', className: 'mt-0.5 h-4 w-4' }))),
|
|
98
|
+
type === 'icon-only' && react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }),
|
|
99
|
+
type === 'ellipsis-icon' && (react_2["default"].createElement("div", { className: 'rounded-lg p-1 hover:bg-gray-300' },
|
|
100
|
+
react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))))),
|
|
101
|
+
portalElement ? react_dom_1["default"].createPortal(renderMenuItems(), portalElement) : null));
|
|
53
102
|
}),
|
|
54
|
-
loading && (
|
|
55
|
-
|
|
103
|
+
loading && (react_2["default"].createElement("div", { className: 'absolute left-[1px] top-[1px] flex h-[calc(100%-2px)] w-[calc(100%-2px)] items-center justify-center rounded-[14px] bg-white' },
|
|
104
|
+
react_2["default"].createElement(Loading_1.PHXSpinner, { className: 'h-[16px] w-[16px] text-gray-400' })))));
|
|
56
105
|
}
|
|
57
106
|
exports.PHXDropdown = PHXDropdown;
|
|
58
107
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,14 +16,11 @@ function SearchDetail(_a) {
|
|
|
16
16
|
var schoolInfo = (0, getLoginInfo_1["default"])();
|
|
17
17
|
var schoolId = schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id;
|
|
18
18
|
var _b = (0, react_1.useState)(''), query = _b[0], setQuery = _b[1];
|
|
19
|
-
var _c = (0, react_1.useState)(false), searchLoading = _c[0], setSearchLoading = _c[1];
|
|
20
19
|
var handleChange = function (event) {
|
|
21
|
-
event.target.value !== '' ? setSearchLoading(true) : setSearchLoading(false);
|
|
22
20
|
setQuery(event.target.value);
|
|
23
|
-
setSearchLoading(false);
|
|
24
21
|
};
|
|
25
|
-
var
|
|
26
|
-
var
|
|
22
|
+
var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
23
|
+
var _d = (0, react_1.useState)(), resultGlobal = _d[0], setResultGlobal = _d[1];
|
|
27
24
|
var handleClickResult = function (id, module) {
|
|
28
25
|
var _a;
|
|
29
26
|
var urlMap = (_a = {},
|
|
@@ -70,7 +67,9 @@ function SearchDetail(_a) {
|
|
|
70
67
|
});
|
|
71
68
|
}); };
|
|
72
69
|
(0, react_1.useEffect)(function () {
|
|
73
|
-
|
|
70
|
+
if (searchDebout) {
|
|
71
|
+
handleSearchGlobale();
|
|
72
|
+
}
|
|
74
73
|
}, [searchDebout]);
|
|
75
74
|
var hasData = resultGlobal && Object.values(resultGlobal).flat().length > 0;
|
|
76
75
|
var allArraysEmpty = resultGlobal && Object.values(resultGlobal).every(function (arr) { return arr.length === 0; });
|
|
@@ -83,67 +82,58 @@ function SearchDetail(_a) {
|
|
|
83
82
|
react_1["default"].createElement(react_2.Transition.Child, { as: react_1.Fragment, enter: 'ease-out duration-200', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-100', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
|
|
84
83
|
react_1["default"].createElement(react_2.Dialog.Panel, { className: 'mx-auto p-2 max-w-2xl transform overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black ring-opacity-5 transition-all' },
|
|
85
84
|
react_1["default"].createElement(react_2.Combobox, null,
|
|
86
|
-
react_1["default"].createElement(
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' })))),
|
|
85
|
+
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
86
|
+
react_1["default"].createElement(react_2.Combobox.Input, { className: 'relative block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-normal 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', placeholder: 'T\u00ECm ki\u1EBFm', onChange: function (event) { return handleChange(event); } }),
|
|
87
|
+
isLoading ? (react_1["default"].createElement("div", { className: 'flex justify-center ml-[-2rem]' },
|
|
88
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, null))) : (react_1["default"].createElement(react_1["default"].Fragment, null))),
|
|
91
89
|
react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
92
90
|
query === '' && !hasData && (react_1["default"].createElement("div", { className: 'px-6 py-14 text-center text-sm sm:px-14' },
|
|
93
91
|
react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-4 h-4 mx-auto' },
|
|
94
92
|
react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' })),
|
|
95
93
|
react_1["default"].createElement("p", { className: 'mt-3' }, "T\u00ECm ki\u1EBFm t\u00EAn ho\u1EB7c m\u00E3 h\u1ECDc sinh"))),
|
|
96
|
-
|
|
97
|
-
react_1["default"].createElement("div", { className: 'flex justify-center' },
|
|
98
|
-
react_1["default"].createElement(Loading_1.PHXSpinner, null)),
|
|
99
|
-
react_1["default"].createElement("div", null,
|
|
100
|
-
react_1["default"].createElement("p", { className: 'text-center text-sm' }, "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...")))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
94
|
+
react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
101
95
|
noDataMessage && (react_1["default"].createElement("div", { className: 'border-t border-gray-100 px-6 py-14 text-center text-sm sm:px-14' },
|
|
102
96
|
react_1["default"].createElement("p", { className: 'mt-2' }, "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 n\u00E0o."))),
|
|
103
97
|
react_1["default"].createElement("div", { className: "overflow-y-auto min-h-[10rem] ".concat(hasData ? '' : 'hidden') }, resultGlobal &&
|
|
104
98
|
Object.entries(resultGlobal).map(function (_a) {
|
|
105
99
|
var key = _a[0], value = _a[1];
|
|
106
100
|
return (react_1["default"].createElement(react_1["default"].Fragment, null, value.map(function (item) {
|
|
107
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
101
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
108
102
|
var keyModule = key;
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
return handleClickResult(item.id ||
|
|
112
|
-
item.user.id ||
|
|
113
|
-
((_c = (_b = (_a = item.user) === null || _a === void 0 ? void 0 : _a.relationshipUsersByStudentId) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.user.id), keyModule);
|
|
114
|
-
} },
|
|
103
|
+
var userId = item.id || item.user.id || ((_c = (_b = (_a = item.user) === null || _a === void 0 ? void 0 : _a.relationshipUsersByStudentId) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.user.id);
|
|
104
|
+
return (react_1["default"].createElement("div", { "aria-hidden": true, key: item.id, className: 'flex items-center gap-x-4 mt-2 hover:bg-gray-100 px-2 cursor-pointer rounded-md', onClick: function () { return handleClickResult(userId, keyModule); } },
|
|
115
105
|
react_1["default"].createElement("div", { className: 'flex flex-col p-2' },
|
|
116
106
|
react_1["default"].createElement("div", { className: 'flex flex-row space-x-2' },
|
|
117
107
|
react_1["default"].createElement("p", { className: 'text-xs' }, item.user.full_name),
|
|
118
|
-
((
|
|
119
|
-
((
|
|
120
|
-
((
|
|
108
|
+
((_e = (_d = item === null || item === void 0 ? void 0 : item.user) === null || _d === void 0 ? void 0 : _d.user_roles) === null || _e === void 0 ? void 0 : _e.length) > 0 &&
|
|
109
|
+
((_g = (_f = item === null || item === void 0 ? void 0 : item.user) === null || _f === void 0 ? void 0 : _f.user_roles) === null || _g === void 0 ? void 0 : _g.map(function (role, index) { return (react_1["default"].createElement(Badge_1.PHXBadge, { key: index, type: 'informational', text: role.role.name })); }))),
|
|
110
|
+
((_j = (_h = item === null || item === void 0 ? void 0 : item.user) === null || _h === void 0 ? void 0 : _h.user_roles) === null || _j === void 0 ? void 0 : _j[0].role.role_code) === constants_1.ROLE_SV ? (react_1["default"].createElement("p", { className: 'text-xs text-gray-600 mt-1' },
|
|
121
111
|
item.user.classroom_students.length > 0
|
|
122
|
-
? "L\u1EDBp ".concat((
|
|
112
|
+
? "L\u1EDBp ".concat((_o = (_m = (_l = (_k = item.user.classroom_students) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.classroom) === null || _m === void 0 ? void 0 : _m.name) !== null && _o !== void 0 ? _o : '', " -")
|
|
123
113
|
: '',
|
|
124
114
|
' ', item === null || item === void 0 ? void 0 :
|
|
125
|
-
item.user_code)) : ((
|
|
126
|
-
|
|
127
|
-
" - ", (
|
|
128
|
-
|
|
129
|
-
((
|
|
130
|
-
' ', (
|
|
131
|
-
|
|
115
|
+
item.user_code)) : ((_q = (_p = item === null || item === void 0 ? void 0 : item.user) === null || _p === void 0 ? void 0 : _p.user_roles) === null || _q === void 0 ? void 0 : _q[0].role.role_code) === constants_1.ROLE_TEACHER ? (react_1["default"].createElement("p", { className: 'text-xs text-gray-600 mt-1' }, (_r = item === null || item === void 0 ? void 0 : item.user) === null || _r === void 0 ? void 0 :
|
|
116
|
+
_r.email,
|
|
117
|
+
" - ", (_s = item === null || item === void 0 ? void 0 : item.user) === null || _s === void 0 ? void 0 :
|
|
118
|
+
_s.phone_number,
|
|
119
|
+
((_t = item.user) === null || _t === void 0 ? void 0 : _t.relationship_users.length) > 0 ? 'PH học sinh' : '',
|
|
120
|
+
' ', (_v = (_u = item.user) === null || _u === void 0 ? void 0 : _u.relationship_users) === null || _v === void 0 ? void 0 :
|
|
121
|
+
_v.map(function (student, index) {
|
|
132
122
|
var _a, _b, _c, _d;
|
|
133
123
|
return (react_1["default"].createElement(react_1["default"].Fragment, { key: (_a = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _a === void 0 ? void 0 : _a.id },
|
|
134
124
|
react_1["default"].createElement("span", null, (_b = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _b === void 0 ? void 0 : _b.full_name),
|
|
135
125
|
index < ((_d = (_c = item === null || item === void 0 ? void 0 : item.user) === null || _c === void 0 ? void 0 : _c.relationship_users) === null || _d === void 0 ? void 0 : _d.length) - 1 && ', '));
|
|
136
126
|
}))) : (react_1["default"].createElement("p", { className: 'text-xs text-gray-600 mt-1' },
|
|
137
|
-
((
|
|
138
|
-
' ', (
|
|
139
|
-
|
|
127
|
+
((_w = item.user) === null || _w === void 0 ? void 0 : _w.relationship_users.length) > 0 ? 'PH học sinh' : '',
|
|
128
|
+
' ', (_y = (_x = item.user) === null || _x === void 0 ? void 0 : _x.relationship_users) === null || _y === void 0 ? void 0 :
|
|
129
|
+
_y.map(function (student, index) {
|
|
140
130
|
var _a, _b, _c, _d;
|
|
141
131
|
return (react_1["default"].createElement(react_1["default"].Fragment, { key: (_a = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _a === void 0 ? void 0 : _a.id },
|
|
142
132
|
react_1["default"].createElement("span", null, (_b = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _b === void 0 ? void 0 : _b.full_name),
|
|
143
133
|
index < ((_d = (_c = item === null || item === void 0 ? void 0 : item.user) === null || _c === void 0 ? void 0 : _c.relationship_users) === null || _d === void 0 ? void 0 : _d.length) - 1 && ', '));
|
|
144
134
|
}))))));
|
|
145
135
|
})));
|
|
146
|
-
})))))))))))
|
|
136
|
+
})))))))))));
|
|
147
137
|
}
|
|
148
138
|
exports["default"] = SearchDetail;
|
|
149
139
|
//# sourceMappingURL=search-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV3/search/search-bar.tsx"],"names":[],"mappings":";;;AAAA,qDAA4D;AAC5D,2CAAgE;AAChE,yCAA0C;AAC1C,iFAA0D;AAC1D,sDAMiC;AACjC,qCAAsC;AACtC,+EAAmD;AACnD,mFAAuD;AACvD,wCAAoD;AAEpD,SAAwB,YAAY,CAAC,EAAsB;IAA3D,
|
|
1
|
+
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV3/search/search-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
3
1
|
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
2
|
+
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
|
|
5
5
|
export interface DropdownProps {
|
|
6
6
|
className?: string;
|
|
@@ -26,6 +26,5 @@ export interface DropdownProps {
|
|
|
26
26
|
onChangeDate?(): void;
|
|
27
27
|
soft?: boolean;
|
|
28
28
|
widthContent?: any;
|
|
29
|
-
isFullContentOption?: boolean;
|
|
30
29
|
}
|
|
31
|
-
export declare function PHXDropdown({ className,
|
|
30
|
+
export declare function PHXDropdown({ buttonContent, className, defaultDate, disabledDate, endDisabled, loading, max, min, onChangeDate, optionTitle, options, origin, soft, startDisabled, type, widthContent, }: DropdownProps): React.JSX.Element;
|
|
@@ -1,25 +1,85 @@
|
|
|
1
|
-
import React, { Fragment } from 'react';
|
|
2
1
|
import { Menu, Transition } from '@headlessui/react';
|
|
3
2
|
import { ChevronDownIcon, ChevronUpIcon, EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
|
|
4
|
-
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
5
3
|
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
4
|
+
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
5
|
+
import React, { Fragment, useEffect, useRef, useState } from 'react';
|
|
6
|
+
import ReactDOM from 'react-dom';
|
|
6
7
|
import { classNames } from '../types';
|
|
7
8
|
import Calendar from '../DatePicker/components/Calendar';
|
|
8
9
|
import { PHXSpinner } from '../Loading';
|
|
9
10
|
export function PHXDropdown(_a) {
|
|
10
|
-
var
|
|
11
|
+
var buttonContent = _a.buttonContent, className = _a.className, defaultDate = _a.defaultDate, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, loading = _a.loading, max = _a.max, min = _a.min, onChangeDate = _a.onChangeDate, optionTitle = _a.optionTitle, options = _a.options, _b = _a.origin, origin = _b === void 0 ? 'left' : _b, _c = _a.soft, soft = _c === void 0 ? false : _c, startDisabled = _a.startDisabled, _d = _a.type, type = _d === void 0 ? 'default' : _d, widthContent = _a.widthContent;
|
|
12
|
+
var _e = useState(null), portalElement = _e[0], setPortalElement = _e[1];
|
|
13
|
+
var menuButtonRef = useRef(null);
|
|
14
|
+
useEffect(function () {
|
|
15
|
+
var element = document.createElement('div');
|
|
16
|
+
document.body.appendChild(element);
|
|
17
|
+
setPortalElement(element);
|
|
18
|
+
return function () {
|
|
19
|
+
document.body.removeChild(element);
|
|
20
|
+
};
|
|
21
|
+
}, []);
|
|
22
|
+
var calculatePosition = function () {
|
|
23
|
+
if (menuButtonRef.current && portalElement) {
|
|
24
|
+
var buttonRect = menuButtonRef.current.getBoundingClientRect();
|
|
25
|
+
portalElement.style.position = 'absolute';
|
|
26
|
+
switch (origin) {
|
|
27
|
+
case 'left':
|
|
28
|
+
portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
|
|
29
|
+
portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
|
|
30
|
+
break;
|
|
31
|
+
case 'right':
|
|
32
|
+
portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
|
|
33
|
+
portalElement.style.right = "".concat(window.innerWidth - buttonRect.right, "px");
|
|
34
|
+
break;
|
|
35
|
+
case 'top-left':
|
|
36
|
+
portalElement.style.bottom = "".concat(window.innerHeight - buttonRect.top + window.scrollY, "px");
|
|
37
|
+
portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
|
|
38
|
+
break;
|
|
39
|
+
default:
|
|
40
|
+
portalElement.style.top = "".concat(buttonRect.bottom + window.scrollY, "px");
|
|
41
|
+
portalElement.style.left = "".concat(buttonRect.left + window.scrollX, "px");
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
useEffect(function () {
|
|
46
|
+
if (portalElement) {
|
|
47
|
+
calculatePosition();
|
|
48
|
+
}
|
|
49
|
+
}, [portalElement]);
|
|
50
|
+
useEffect(function () {
|
|
51
|
+
var handleResize = function () {
|
|
52
|
+
calculatePosition();
|
|
53
|
+
};
|
|
54
|
+
window.addEventListener('resize', handleResize);
|
|
55
|
+
window.addEventListener('scroll', handleResize);
|
|
56
|
+
return function () {
|
|
57
|
+
window.removeEventListener('resize', handleResize);
|
|
58
|
+
window.removeEventListener('scroll', handleResize);
|
|
59
|
+
};
|
|
60
|
+
}, [portalElement]);
|
|
11
61
|
var Icon = function (_a) {
|
|
12
62
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
13
63
|
// @ts-ignore
|
|
14
64
|
var Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
|
|
15
65
|
return React.createElement(Icon, { className: classNames('h-4 w-4', active && 'font-semibold') });
|
|
16
66
|
};
|
|
67
|
+
var renderMenuItems = function () { return (React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
68
|
+
React.createElement(Menu.Items, { className: classNames(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'border px-1', 'absolute z-10 mt-1.5 max-h-96 min-w-[7.2rem] overflow-y-auto whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') }, type === 'date-picker' ? (React.createElement(Calendar, { defaultDate: defaultDate, disabledDate: disabledDate, endDisabled: endDisabled, max: max, min: min, onChangeDate: onChangeDate, startDisabled: startDisabled })) : (React.createElement(React.Fragment, null,
|
|
69
|
+
optionTitle && React.createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
|
|
70
|
+
React.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
|
|
71
|
+
var active = _a.active;
|
|
72
|
+
return (React.createElement("div", { className: classNames(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: item.onClick },
|
|
73
|
+
React.createElement("div", { className: classNames(item.icon && 'flex items-center gap-x-2') },
|
|
74
|
+
item.icon && React.createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
|
|
75
|
+
React.createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words") }, item.content))));
|
|
76
|
+
})); }))))))); };
|
|
17
77
|
return (React.createElement("div", { className: classNames('relative max-w-full md:max-w-fit', type === 'ellipsis-icon' && 'flex items-center') },
|
|
18
78
|
React.createElement(Menu, { as: 'div', className: classNames('relative inline-block w-full text-left', className && "".concat(className), type === 'ellipsis-icon' && 'flex items-center') }, function (_a) {
|
|
19
79
|
var open = _a.open;
|
|
20
80
|
return (React.createElement(React.Fragment, null,
|
|
21
81
|
React.createElement("div", null,
|
|
22
|
-
React.createElement(Menu.Button, { className: classNames('w-full', (type === 'default' || type === 'date-picker') &&
|
|
82
|
+
React.createElement(Menu.Button, { ref: menuButtonRef, className: classNames('w-full', (type === 'default' || type === 'date-picker') &&
|
|
23
83
|
!soft &&
|
|
24
84
|
"rounded-lg border border-gray-300 border-b-gray-400 bg-white px-2.5 py-1.5 text-xs font-normal text-gray-900 shadow-sm hover:bg-gray-50 active:border-b-gray-100 active:bg-gray-100 active:pb-[0.3rem] active:pt-[0.45rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] ".concat(open ? '!border-b-gray-100 !bg-gray-100 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), type === 'icon-only' &&
|
|
25
85
|
!soft &&
|
|
@@ -34,18 +94,7 @@ export function PHXDropdown(_a) {
|
|
|
34
94
|
type === 'icon-only' && React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }),
|
|
35
95
|
type === 'ellipsis-icon' && (React.createElement("div", { className: 'rounded-lg p-1 hover:bg-gray-300' },
|
|
36
96
|
React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))))),
|
|
37
|
-
|
|
38
|
-
React.createElement(Menu.Items, { className: classNames(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', origin === 'top-left' && 'bottom-8 left-0', type === 'date-picker' ? '' : 'border px-1', 'absolute z-10 mt-1.5 max-h-96 min-w-[7.2rem] overflow-y-auto whitespace-nowrap rounded-lg bg-white shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] focus:outline-none') }, type === 'date-picker' ? (React.createElement(Calendar, { onChangeDate: onChangeDate, defaultDate: defaultDate, max: max, min: min, startDisabled: startDisabled, endDisabled: endDisabled, disabledDate: disabledDate })) : (React.createElement(React.Fragment, null,
|
|
39
|
-
optionTitle && React.createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
|
|
40
|
-
React.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
|
|
41
|
-
var active = _a.active;
|
|
42
|
-
return (React.createElement("div", { className: classNames(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active &&
|
|
43
|
-
!item.destructive &&
|
|
44
|
-
'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: item.onClick },
|
|
45
|
-
React.createElement("div", { className: classNames(item.icon && 'flex items-center gap-x-2') },
|
|
46
|
-
item.icon && (React.createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline })),
|
|
47
|
-
React.createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words ").concat(isFullContentOption ? 'whitespace-normal' : '', " ") }, item.content))));
|
|
48
|
-
})); }))))))));
|
|
97
|
+
portalElement ? ReactDOM.createPortal(renderMenuItems(), portalElement) : null));
|
|
49
98
|
}),
|
|
50
99
|
loading && (React.createElement("div", { className: 'absolute left-[1px] top-[1px] flex h-[calc(100%-2px)] w-[calc(100%-2px)] items-center justify-center rounded-[14px] bg-white' },
|
|
51
100
|
React.createElement(PHXSpinner, { className: 'h-[16px] w-[16px] text-gray-400' })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,14 +14,11 @@ export default function SearchDetail(_a) {
|
|
|
14
14
|
var schoolInfo = PHXFuncGetLoggedInfo();
|
|
15
15
|
var schoolId = schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id;
|
|
16
16
|
var _b = useState(''), query = _b[0], setQuery = _b[1];
|
|
17
|
-
var _c = useState(false), searchLoading = _c[0], setSearchLoading = _c[1];
|
|
18
17
|
var handleChange = function (event) {
|
|
19
|
-
event.target.value !== '' ? setSearchLoading(true) : setSearchLoading(false);
|
|
20
18
|
setQuery(event.target.value);
|
|
21
|
-
setSearchLoading(false);
|
|
22
19
|
};
|
|
23
|
-
var
|
|
24
|
-
var
|
|
20
|
+
var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
21
|
+
var _d = useState(), resultGlobal = _d[0], setResultGlobal = _d[1];
|
|
25
22
|
var handleClickResult = function (id, module) {
|
|
26
23
|
var _a;
|
|
27
24
|
var urlMap = (_a = {},
|
|
@@ -68,7 +65,9 @@ export default function SearchDetail(_a) {
|
|
|
68
65
|
});
|
|
69
66
|
}); };
|
|
70
67
|
useEffect(function () {
|
|
71
|
-
|
|
68
|
+
if (searchDebout) {
|
|
69
|
+
handleSearchGlobale();
|
|
70
|
+
}
|
|
72
71
|
}, [searchDebout]);
|
|
73
72
|
var hasData = resultGlobal && Object.values(resultGlobal).flat().length > 0;
|
|
74
73
|
var allArraysEmpty = resultGlobal && Object.values(resultGlobal).every(function (arr) { return arr.length === 0; });
|
|
@@ -81,66 +80,57 @@ export default function SearchDetail(_a) {
|
|
|
81
80
|
React.createElement(Transition.Child, { as: Fragment, enter: 'ease-out duration-200', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-100', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
|
|
82
81
|
React.createElement(Dialog.Panel, { className: 'mx-auto p-2 max-w-2xl transform overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black ring-opacity-5 transition-all' },
|
|
83
82
|
React.createElement(Combobox, null,
|
|
84
|
-
React.createElement(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' })))),
|
|
83
|
+
React.createElement("div", { className: 'flex items-center' },
|
|
84
|
+
React.createElement(Combobox.Input, { className: 'relative block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-normal 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', placeholder: 'T\u00ECm ki\u1EBFm', onChange: function (event) { return handleChange(event); } }),
|
|
85
|
+
isLoading ? (React.createElement("div", { className: 'flex justify-center ml-[-2rem]' },
|
|
86
|
+
React.createElement(PHXSpinner, null))) : (React.createElement(React.Fragment, null))),
|
|
89
87
|
React.createElement(React.Fragment, null,
|
|
90
88
|
query === '' && !hasData && (React.createElement("div", { className: 'px-6 py-14 text-center text-sm sm:px-14' },
|
|
91
89
|
React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-4 h-4 mx-auto' },
|
|
92
90
|
React.createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' })),
|
|
93
91
|
React.createElement("p", { className: 'mt-3' }, "T\u00ECm ki\u1EBFm t\u00EAn ho\u1EB7c m\u00E3 h\u1ECDc sinh"))),
|
|
94
|
-
|
|
95
|
-
React.createElement("div", { className: 'flex justify-center' },
|
|
96
|
-
React.createElement(PHXSpinner, null)),
|
|
97
|
-
React.createElement("div", null,
|
|
98
|
-
React.createElement("p", { className: 'text-center text-sm' }, "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u...")))) : (React.createElement(React.Fragment, null,
|
|
92
|
+
React.createElement(React.Fragment, null,
|
|
99
93
|
noDataMessage && (React.createElement("div", { className: 'border-t border-gray-100 px-6 py-14 text-center text-sm sm:px-14' },
|
|
100
94
|
React.createElement("p", { className: 'mt-2' }, "Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3 n\u00E0o."))),
|
|
101
95
|
React.createElement("div", { className: "overflow-y-auto min-h-[10rem] ".concat(hasData ? '' : 'hidden') }, resultGlobal &&
|
|
102
96
|
Object.entries(resultGlobal).map(function (_a) {
|
|
103
97
|
var key = _a[0], value = _a[1];
|
|
104
98
|
return (React.createElement(React.Fragment, null, value.map(function (item) {
|
|
105
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
99
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
|
|
106
100
|
var keyModule = key;
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
return handleClickResult(item.id ||
|
|
110
|
-
item.user.id ||
|
|
111
|
-
((_c = (_b = (_a = item.user) === null || _a === void 0 ? void 0 : _a.relationshipUsersByStudentId) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.user.id), keyModule);
|
|
112
|
-
} },
|
|
101
|
+
var userId = item.id || item.user.id || ((_c = (_b = (_a = item.user) === null || _a === void 0 ? void 0 : _a.relationshipUsersByStudentId) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.user.id);
|
|
102
|
+
return (React.createElement("div", { "aria-hidden": true, key: item.id, className: 'flex items-center gap-x-4 mt-2 hover:bg-gray-100 px-2 cursor-pointer rounded-md', onClick: function () { return handleClickResult(userId, keyModule); } },
|
|
113
103
|
React.createElement("div", { className: 'flex flex-col p-2' },
|
|
114
104
|
React.createElement("div", { className: 'flex flex-row space-x-2' },
|
|
115
105
|
React.createElement("p", { className: 'text-xs' }, item.user.full_name),
|
|
116
|
-
((
|
|
117
|
-
((
|
|
118
|
-
((
|
|
106
|
+
((_e = (_d = item === null || item === void 0 ? void 0 : item.user) === null || _d === void 0 ? void 0 : _d.user_roles) === null || _e === void 0 ? void 0 : _e.length) > 0 &&
|
|
107
|
+
((_g = (_f = item === null || item === void 0 ? void 0 : item.user) === null || _f === void 0 ? void 0 : _f.user_roles) === null || _g === void 0 ? void 0 : _g.map(function (role, index) { return (React.createElement(PHXBadge, { key: index, type: 'informational', text: role.role.name })); }))),
|
|
108
|
+
((_j = (_h = item === null || item === void 0 ? void 0 : item.user) === null || _h === void 0 ? void 0 : _h.user_roles) === null || _j === void 0 ? void 0 : _j[0].role.role_code) === ROLE_SV ? (React.createElement("p", { className: 'text-xs text-gray-600 mt-1' },
|
|
119
109
|
item.user.classroom_students.length > 0
|
|
120
|
-
? "L\u1EDBp ".concat((
|
|
110
|
+
? "L\u1EDBp ".concat((_o = (_m = (_l = (_k = item.user.classroom_students) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.classroom) === null || _m === void 0 ? void 0 : _m.name) !== null && _o !== void 0 ? _o : '', " -")
|
|
121
111
|
: '',
|
|
122
112
|
' ', item === null || item === void 0 ? void 0 :
|
|
123
|
-
item.user_code)) : ((
|
|
124
|
-
|
|
125
|
-
" - ", (
|
|
126
|
-
|
|
127
|
-
((
|
|
128
|
-
' ', (
|
|
129
|
-
|
|
113
|
+
item.user_code)) : ((_q = (_p = item === null || item === void 0 ? void 0 : item.user) === null || _p === void 0 ? void 0 : _p.user_roles) === null || _q === void 0 ? void 0 : _q[0].role.role_code) === ROLE_TEACHER ? (React.createElement("p", { className: 'text-xs text-gray-600 mt-1' }, (_r = item === null || item === void 0 ? void 0 : item.user) === null || _r === void 0 ? void 0 :
|
|
114
|
+
_r.email,
|
|
115
|
+
" - ", (_s = item === null || item === void 0 ? void 0 : item.user) === null || _s === void 0 ? void 0 :
|
|
116
|
+
_s.phone_number,
|
|
117
|
+
((_t = item.user) === null || _t === void 0 ? void 0 : _t.relationship_users.length) > 0 ? 'PH học sinh' : '',
|
|
118
|
+
' ', (_v = (_u = item.user) === null || _u === void 0 ? void 0 : _u.relationship_users) === null || _v === void 0 ? void 0 :
|
|
119
|
+
_v.map(function (student, index) {
|
|
130
120
|
var _a, _b, _c, _d;
|
|
131
121
|
return (React.createElement(React.Fragment, { key: (_a = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _a === void 0 ? void 0 : _a.id },
|
|
132
122
|
React.createElement("span", null, (_b = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _b === void 0 ? void 0 : _b.full_name),
|
|
133
123
|
index < ((_d = (_c = item === null || item === void 0 ? void 0 : item.user) === null || _c === void 0 ? void 0 : _c.relationship_users) === null || _d === void 0 ? void 0 : _d.length) - 1 && ', '));
|
|
134
124
|
}))) : (React.createElement("p", { className: 'text-xs text-gray-600 mt-1' },
|
|
135
|
-
((
|
|
136
|
-
' ', (
|
|
137
|
-
|
|
125
|
+
((_w = item.user) === null || _w === void 0 ? void 0 : _w.relationship_users.length) > 0 ? 'PH học sinh' : '',
|
|
126
|
+
' ', (_y = (_x = item.user) === null || _x === void 0 ? void 0 : _x.relationship_users) === null || _y === void 0 ? void 0 :
|
|
127
|
+
_y.map(function (student, index) {
|
|
138
128
|
var _a, _b, _c, _d;
|
|
139
129
|
return (React.createElement(React.Fragment, { key: (_a = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _a === void 0 ? void 0 : _a.id },
|
|
140
130
|
React.createElement("span", null, (_b = student === null || student === void 0 ? void 0 : student.userByStudentId) === null || _b === void 0 ? void 0 : _b.full_name),
|
|
141
131
|
index < ((_d = (_c = item === null || item === void 0 ? void 0 : item.user) === null || _c === void 0 ? void 0 : _c.relationship_users) === null || _d === void 0 ? void 0 : _d.length) - 1 && ', '));
|
|
142
132
|
}))))));
|
|
143
133
|
})));
|
|
144
|
-
})))))))))))
|
|
134
|
+
})))))))))));
|
|
145
135
|
}
|
|
146
136
|
//# sourceMappingURL=search-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV3/search/search-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,oBAAoB,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,mBAAmB,GACpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,gBAAgB,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAsB;IAA3D,
|
|
1
|
+
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV3/search/search-bar.tsx"],"names":[],"mappings":"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"}
|