phx-react 1.3.1553 → 1.3.1554
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/FormTarget/components/table-custom-list.js +18 -5
- package/dist/cjs/components/FormTarget/components/table-custom-list.js.map +1 -1
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.d.ts +2 -1
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js +6 -6
- package/dist/cjs/components/ReportButtonV2/ReportButtonV2.js.map +1 -1
- package/dist/cjs/components/SelectWithAction/SelectWithAction.d.ts +3 -3
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js +68 -51
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/cjs/components/SelectWithAction/remove-vn-tones.d.ts +1 -1
- package/dist/cjs/components/SelectWithAction/remove-vn-tones.js +9 -6
- package/dist/cjs/components/SelectWithAction/remove-vn-tones.js.map +1 -1
- package/dist/cjs/components/TableStatic/Search.js +11 -13
- package/dist/cjs/components/TableStatic/Search.js.map +1 -1
- package/dist/cjs/components/UserTargetSelect/hooks/UseGetUserTarget.js +2 -1
- package/dist/cjs/components/UserTargetSelect/hooks/UseGetUserTarget.js.map +1 -1
- package/dist/esm/components/FormTarget/components/table-custom-list.js +18 -5
- package/dist/esm/components/FormTarget/components/table-custom-list.js.map +1 -1
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.d.ts +2 -1
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.js +6 -6
- package/dist/esm/components/ReportButtonV2/ReportButtonV2.js.map +1 -1
- package/dist/esm/components/SelectWithAction/SelectWithAction.d.ts +3 -3
- package/dist/esm/components/SelectWithAction/SelectWithAction.js +34 -17
- package/dist/esm/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/esm/components/SelectWithAction/remove-vn-tones.d.ts +1 -1
- package/dist/esm/components/SelectWithAction/remove-vn-tones.js +7 -4
- package/dist/esm/components/SelectWithAction/remove-vn-tones.js.map +1 -1
- package/dist/esm/components/TableStatic/Search.js +11 -13
- package/dist/esm/components/TableStatic/Search.js.map +1 -1
- package/dist/esm/components/UserTargetSelect/hooks/UseGetUserTarget.js +2 -1
- package/dist/esm/components/UserTargetSelect/hooks/UseGetUserTarget.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,6 +12,13 @@ var DescriptionListInTooltip_1 = require("../../DescriptionListInTooltip");
|
|
|
12
12
|
var Button_1 = require("../../Button");
|
|
13
13
|
var Modal_1 = require("../../Modal");
|
|
14
14
|
var TableStatic_1 = require("../../TableStatic");
|
|
15
|
+
function removeVietnameseTones(str) {
|
|
16
|
+
return str
|
|
17
|
+
.normalize('NFD') // tách dấu ra khỏi ký tự
|
|
18
|
+
.replace(/[\u0300-\u036f]/g, '') // xoá dấu
|
|
19
|
+
.replace(/đ/g, 'd')
|
|
20
|
+
.replace(/Đ/g, 'D');
|
|
21
|
+
}
|
|
15
22
|
function TableCustomList(_a) {
|
|
16
23
|
var _b, _c;
|
|
17
24
|
var defaultData = _a.defaultData, handleChange = _a.handleChange, schoolYearId = _a.schoolYearId, target = _a.target;
|
|
@@ -103,12 +110,18 @@ function TableCustomList(_a) {
|
|
|
103
110
|
onHideModalDelete();
|
|
104
111
|
};
|
|
105
112
|
var getFilteredListData = function () {
|
|
106
|
-
var
|
|
107
|
-
var
|
|
108
|
-
|
|
109
|
-
|
|
113
|
+
var _a, _b;
|
|
114
|
+
var keyword = ((_b = (_a = filterValues.searchKeyword) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) || '';
|
|
115
|
+
var keywordNoTone = removeVietnameseTones(keyword);
|
|
116
|
+
return listSelected.filter(function (user) {
|
|
117
|
+
var code = user.code.toLowerCase();
|
|
118
|
+
var name = user.name.toLowerCase();
|
|
119
|
+
if (code.includes(keyword) || name.includes(keyword))
|
|
120
|
+
return true;
|
|
121
|
+
var codeNoTone = removeVietnameseTones(code);
|
|
122
|
+
var nameNoTone = removeVietnameseTones(name);
|
|
123
|
+
return codeNoTone.includes(keywordNoTone) || nameNoTone.includes(keywordNoTone);
|
|
110
124
|
});
|
|
111
|
-
return filteredData;
|
|
112
125
|
};
|
|
113
126
|
function onHideModalDelete() {
|
|
114
127
|
setModalDelete({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-custom-list.js","sourceRoot":"","sources":["../../../../../src/components/FormTarget/components/table-custom-list.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"table-custom-list.js","sourceRoot":"","sources":["../../../../../src/components/FormTarget/components/table-custom-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,7 @@ type Props = {
|
|
|
27
27
|
onChange(value: string): void;
|
|
28
28
|
className?: string;
|
|
29
29
|
configUrlApply?: ConfigUrlApply;
|
|
30
|
+
minWidth?: number;
|
|
30
31
|
};
|
|
31
|
-
export declare const PHXReportButtonTabV2: ({ activeTab, className, configUrlApply, loading, onChange, tabs, }: Props) => React.JSX.Element;
|
|
32
|
+
export declare const PHXReportButtonTabV2: ({ activeTab, className, configUrlApply, loading, onChange, tabs, minWidth, }: Props) => React.JSX.Element;
|
|
32
33
|
export {};
|
|
@@ -25,12 +25,12 @@ var IconRightButton = function (_a) {
|
|
|
25
25
|
};
|
|
26
26
|
exports.IconRightButton = IconRightButton;
|
|
27
27
|
var PHXReportButtonTabV2 = function (_a) {
|
|
28
|
-
var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs;
|
|
28
|
+
var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs, _d = _a.minWidth, minWidth = _d === void 0 ? 180 : _d;
|
|
29
29
|
var scrollRef = (0, react_1.useRef)(null);
|
|
30
30
|
var containerRef = (0, react_1.useRef)(null);
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
31
|
+
var _e = (0, react_1.useState)(false), canScrollLeft = _e[0], setCanScrollLeft = _e[1];
|
|
32
|
+
var _f = (0, react_1.useState)(false), canScrollRight = _f[0], setCanScrollRight = _f[1];
|
|
33
|
+
var _g = (0, react_1.useState)(false), isHovering = _g[0], setIsHovering = _g[1]; // Theo dõi hover
|
|
34
34
|
var updateScroll = function () {
|
|
35
35
|
var el = scrollRef.current;
|
|
36
36
|
if (!el)
|
|
@@ -75,8 +75,8 @@ var PHXReportButtonTabV2 = function (_a) {
|
|
|
75
75
|
scrollbarWidth: 'none',
|
|
76
76
|
msOverflowStyle: 'none',
|
|
77
77
|
} }, tabs.map(function (item, index) { return (react_1.default.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
|
|
78
|
-
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { className:
|
|
79
|
-
react_1.default.createElement("div", { className: "\n flex h-[56px] w-full min-w-[
|
|
78
|
+
loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { className: "min-w-[".concat(minWidth, "px] h-[56px] w-full"), size: 'small', type: 'only-report_v2' })) : (react_1.default.createElement("div", { className: 'w-full p-2' },
|
|
79
|
+
react_1.default.createElement("div", { className: "\n flex h-[56px] w-full min-w-[".concat(minWidth, "px] flex-shrink-0 flex-col justify-center rounded-xl px-3 transition-all\n ").concat(item.disabledActionClick ? 'cursor-default' : 'cursor-pointer', "\n ").concat(activeTab === item.value ? 'bg-gray-100' : item.disabledActionClick ? '' : 'hover:bg-gray-50', "\n "), onClick: function () { return handleClick(item); } },
|
|
80
80
|
react_1.default.createElement("div", { className: 'flex w-full items-center justify-between' },
|
|
81
81
|
react_1.default.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
|
|
82
82
|
item.icon && react_1.default.createElement("span", { className: 'ml-2 flex items-center justify-center' }, item.icon.icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":";;;;AAAA,0EAA6E;AAC7E,oEAAgE;AAChE,kEAAmC;AACnC,qDAAqE;AAErE,wFAAyD;AACzD,wCAAyC;AAElC,IAAM,cAAc,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAC/F,0DAEE,SAAS,EAAE,IAAA,oBAAU,EACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,8BAAC,mCAAe,IACd,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,kCAAW,GACjB,CACA,CACL;AAhBgG,CAgBhG,CAAA;AAhBY,QAAA,cAAc,kBAgB1B;AAEM,IAAM,eAAe,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAChG,0DAEE,SAAS,EAAE,IAAA,oBAAU,EACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,8BAAC,mCAAe,IACd,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,mCAAY,GAClB,CACA,CACL;AAhBiG,CAgBjG,CAAA;AAhBY,QAAA,eAAe,mBAgB3B;
|
|
1
|
+
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
3
2
|
import { BadgeProps } from '../Badge';
|
|
4
3
|
export type IconItemType = 'edit' | 'delete';
|
|
5
4
|
export interface ActionItem {
|
|
@@ -29,6 +28,7 @@ export interface PHXSelectWithActionProps {
|
|
|
29
28
|
options: Array<SelectOption>;
|
|
30
29
|
value?: string;
|
|
31
30
|
search?: Search;
|
|
31
|
+
enableSearch?: boolean;
|
|
32
32
|
onChange?(value: string): void;
|
|
33
33
|
searchPlaceholder?: string;
|
|
34
34
|
className?: string;
|
|
@@ -44,4 +44,4 @@ export interface PHXSelectWithActionProps {
|
|
|
44
44
|
onClick(): void;
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
|
-
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, disabled, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
47
|
+
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, enableSearch, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, disabled, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
@@ -4,34 +4,47 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.PHXSelectWithAction = PHXSelectWithAction;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
7
|
-
var react_1 = require("react");
|
|
7
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
|
+
var chevron_down_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/chevron-down-icon.svg"));
|
|
8
9
|
var pencil_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/pencil-icon.svg"));
|
|
9
10
|
var plus_circle_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/plus-circle-icon.svg"));
|
|
10
11
|
var search_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/search-icon.svg"));
|
|
11
|
-
var chevron_down_icon_svg_1 = tslib_1.__importDefault(require("../../assets/icons/chevron-down-icon.svg"));
|
|
12
|
-
var useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
|
|
13
|
-
var react_2 = tslib_1.__importDefault(require("react"));
|
|
14
|
-
var types_1 = require("../types");
|
|
15
12
|
var IconLoading_1 = require("../../commons/IconLoading");
|
|
16
|
-
var Text_1 = require("../Text/Text");
|
|
17
13
|
var Badge_1 = require("../Badge");
|
|
14
|
+
var useDebounce_1 = tslib_1.__importDefault(require("../Func/useDebounce"));
|
|
15
|
+
var Text_1 = require("../Text/Text");
|
|
16
|
+
var types_1 = require("../types");
|
|
18
17
|
var HelpText_1 = require("./HelpText");
|
|
19
18
|
var remove_vn_tones_1 = require("./remove-vn-tones");
|
|
20
19
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
21
20
|
function PHXSelectWithAction(_a) {
|
|
22
|
-
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight =
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
21
|
+
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.enableSearch, enableSearch = _c === void 0 ? true : _c, _d = _a.maxHeight, maxHeight = _d === void 0 ? '300px' : _d, onChange = _a.onChange, options = _a.options, _e = _a.placeholder, placeholder = _e === void 0 ? 'Lựa chọn' : _e, search = _a.search, _f = _a.searchPlaceholder, searchPlaceholder = _f === void 0 ? 'Tìm kiếm' : _f, suffix = _a.suffix, defaultValue = _a.value, disabled = _a.disabled;
|
|
22
|
+
var _g = (0, react_1.useState)(''), searchQuery = _g[0], setSearchQuery = _g[1];
|
|
23
|
+
var _h = (0, react_1.useState)(false), isOpen = _h[0], setIsOpen = _h[1];
|
|
24
|
+
var _j = (0, react_1.useState)(false), isLeaving = _j[0], setIsLeaving = _j[1];
|
|
26
25
|
var deferredQuery = (0, useDebounce_1.default)(searchQuery, 300);
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
var _k = (0, react_1.useState)(null), selectedCache = _k[0], setSelectedCache = _k[1];
|
|
27
|
+
var query = (0, remove_vn_tones_1.normalizeVietnameseText)(deferredQuery).trim();
|
|
28
|
+
var filteredOptions = !query
|
|
29
|
+
? options
|
|
30
|
+
: options.filter(function (option) {
|
|
31
|
+
var _a;
|
|
32
|
+
return (0, remove_vn_tones_1.normalizeVietnameseText)((_a = option.label) !== null && _a !== void 0 ? _a : '')
|
|
33
|
+
.trim()
|
|
34
|
+
.includes(query);
|
|
35
|
+
});
|
|
30
36
|
var containerRef = (0, react_1.useRef)(null);
|
|
31
37
|
var inputRef = (0, react_1.useRef)(null);
|
|
32
38
|
(0, react_1.useEffect)(function () {
|
|
33
39
|
search === null || search === void 0 ? void 0 : search.handleFilter(deferredQuery);
|
|
34
40
|
}, [deferredQuery]);
|
|
41
|
+
(0, react_1.useEffect)(function () {
|
|
42
|
+
if (!defaultValue)
|
|
43
|
+
return;
|
|
44
|
+
var found = options.find(function (o) { return o.value === defaultValue; });
|
|
45
|
+
if (found)
|
|
46
|
+
setSelectedCache(found);
|
|
47
|
+
}, [JSON.stringify(options), defaultValue]);
|
|
35
48
|
var handleClose = function () {
|
|
36
49
|
setIsLeaving(true);
|
|
37
50
|
setTimeout(function () {
|
|
@@ -58,7 +71,7 @@ function PHXSelectWithAction(_a) {
|
|
|
58
71
|
inputRef.current.focus();
|
|
59
72
|
}
|
|
60
73
|
}, [isOpen, search]);
|
|
61
|
-
var selectedOption =
|
|
74
|
+
var selectedOption = selectedCache;
|
|
62
75
|
var handleChange = function (option) {
|
|
63
76
|
if (option === ADD_NEW_VALUE) {
|
|
64
77
|
addNew === null || addNew === void 0 ? void 0 : addNew.onClick();
|
|
@@ -66,14 +79,18 @@ function PHXSelectWithAction(_a) {
|
|
|
66
79
|
return;
|
|
67
80
|
}
|
|
68
81
|
if (option && typeof option !== 'string') {
|
|
82
|
+
setSelectedCache(option);
|
|
69
83
|
onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
|
|
70
84
|
handleClose();
|
|
71
85
|
}
|
|
72
86
|
};
|
|
87
|
+
var handleSearch = function (val) {
|
|
88
|
+
setSearchQuery(val || '');
|
|
89
|
+
};
|
|
73
90
|
var getEmptyState = function () {
|
|
74
91
|
if (loading) {
|
|
75
|
-
return (
|
|
76
|
-
|
|
92
|
+
return (react_1.default.createElement("div", { className: 'flex items-center justify-center' },
|
|
93
|
+
react_1.default.createElement(IconLoading_1.IconLoading, { color: 'bg-gray-50' })));
|
|
77
94
|
}
|
|
78
95
|
if (options.length === 0 && deferredQuery) {
|
|
79
96
|
return emptySearchState || "Kh\u00F4ng t\u00ECm th\u1EA5y ".concat(label.toLowerCase(), " n\u00E0o");
|
|
@@ -87,37 +104,37 @@ function PHXSelectWithAction(_a) {
|
|
|
87
104
|
return pencil_icon_svg_1.default;
|
|
88
105
|
};
|
|
89
106
|
var isOptionSelected = function (option) { return option.value === defaultValue; };
|
|
90
|
-
return (
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
suffix &&
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
!disabled && (
|
|
107
|
+
return (react_1.default.createElement("div", { ref: containerRef, className: (0, types_1.classNames)('relative w-full', className) },
|
|
108
|
+
react_1.default.createElement("div", { className: 'mb-1 flex items-center justify-between' },
|
|
109
|
+
react_1.default.createElement(Text_1.PHXText, null, label),
|
|
110
|
+
suffix && react_1.default.createElement("div", { className: 'text-sm font-medium' }, suffix)),
|
|
111
|
+
react_1.default.createElement("div", { className: 'relative' },
|
|
112
|
+
react_1.default.createElement("button", { className: (0, types_1.classNames)('border-input bg-background shadow-sm mt-1 flex w-full items-center justify-between rounded-lg border-[0.5px] border-gray-500 py-1.5 pl-3 pr-2 text-xs hover:bg-gray-50', defaultValue ? '' : 'text-muted-foreground', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-neutral-200 border-[0px] hover:bg-neutral-200' : ''), onClick: !disabled ? function () { return setIsOpen(!isOpen); } : undefined, type: 'button' },
|
|
113
|
+
react_1.default.createElement("span", { className: 'truncate' }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder),
|
|
114
|
+
!disabled && (react_1.default.createElement(image_1.default, { alt: '', className: (0, types_1.classNames)(' shrink-0 transition-transform', isOpen ? 'rotate-180' : ''), height: 20,
|
|
98
115
|
// @ts-ignore
|
|
99
116
|
src: chevron_down_icon_svg_1.default, width: 20 }))),
|
|
100
|
-
isOpen && (
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
117
|
+
isOpen && (react_1.default.createElement("div", { className: (0, types_1.classNames)('border-border shadow-lg absolute z-50 mt-1 w-full rounded-lg border bg-white transition-opacity duration-100', isLeaving ? 'opacity-0' : 'opacity-100') },
|
|
118
|
+
enableSearch && (react_1.default.createElement("div", { className: 'border-border border-b p-3' },
|
|
119
|
+
react_1.default.createElement("div", { className: 'relative' },
|
|
120
|
+
react_1.default.createElement(image_1.default, { alt: '', className: 'text-muted-foreground pointer-events-none absolute left-3 top-1/2 -translate-y-1/2', height: 13,
|
|
104
121
|
// @ts-ignore
|
|
105
122
|
src: search_icon_svg_1.default, width: 13 }),
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
addNew && (
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
123
|
+
react_1.default.createElement("input", { ref: inputRef, className: 'shadow-sm w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 pr-4 text-xs font-normal outline-none transition-colors 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', onChange: function (e) { return handleSearch(e.target.value); }, placeholder: searchPlaceholder, style: { paddingLeft: '30px' }, type: 'text', value: searchQuery })))),
|
|
124
|
+
react_1.default.createElement("div", { className: 'scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-400 overflow-y-auto', style: { maxHeight: maxHeight } },
|
|
125
|
+
addNew && (react_1.default.createElement("button", { className: (0, types_1.classNames)('border-border flex w-full cursor-pointer items-center gap-2 border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), onClick: function () { return handleChange(ADD_NEW_VALUE); }, type: 'button' },
|
|
126
|
+
react_1.default.createElement(image_1.default, { alt: '', height: 13, src: plus_circle_icon_svg_1.default, width: 13 }),
|
|
127
|
+
react_1.default.createElement(Text_1.PHXText, null, addNew.title))),
|
|
128
|
+
react_1.default.createElement("div", null, filteredOptions.length > 0 ? (filteredOptions.map(function (option, index) {
|
|
112
129
|
var selected = isOptionSelected(option);
|
|
113
|
-
return (
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
option.helpText && (
|
|
119
|
-
option.badge &&
|
|
120
|
-
!!option.action && (
|
|
130
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
131
|
+
react_1.default.createElement("button", { key: option.value, className: (0, types_1.classNames)('group w-full cursor-pointer px-2', selected ? 'bg-zinc-200 ' : ' hover:bg-zinc-100'), onClick: function () { return handleChange(option); }, type: 'button' },
|
|
132
|
+
react_1.default.createElement("div", { className: 'flex items-center justify-between' },
|
|
133
|
+
react_1.default.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left space-y-1' },
|
|
134
|
+
react_1.default.createElement(Text_1.PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700 font-medium') }, option.label),
|
|
135
|
+
option.helpText && (react_1.default.createElement(HelpText_1.PHXHelpText, { helpText: option.helpText, isHelpTextArray: option.isHelpTextArray })),
|
|
136
|
+
option.badge && react_1.default.createElement(Badge_1.PHXBadge, tslib_1.__assign({}, option.badge))),
|
|
137
|
+
!!option.action && (react_1.default.createElement("div", { className: "mr-2 flex h-8 w-8 items-center justify-center rounded-md ".concat(selected ? 'hover:bg-gray-300' : 'hover:bg-gray-200'), onClick: function (e) {
|
|
121
138
|
var _a;
|
|
122
139
|
e.stopPropagation();
|
|
123
140
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
@@ -128,14 +145,14 @@ function PHXSelectWithAction(_a) {
|
|
|
128
145
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
129
146
|
}
|
|
130
147
|
}, role: 'button', tabIndex: 0 },
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
index === filteredOptions.length - 1 ? null :
|
|
134
|
-
})) : (
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
148
|
+
react_1.default.createElement("div", { className: "flex items-center opacity-0 transition-opacity group-hover:opacity-100 " },
|
|
149
|
+
react_1.default.createElement(image_1.default, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))),
|
|
150
|
+
index === filteredOptions.length - 1 ? null : react_1.default.createElement("div", { className: 'border-t ' })));
|
|
151
|
+
})) : (react_1.default.createElement("div", { className: ' px-3 py-8 text-center' },
|
|
152
|
+
react_1.default.createElement(Text_1.PHXText, { as: 'div' }, getEmptyState())))))))),
|
|
153
|
+
react_1.default.createElement("div", { className: "".concat(error ? 'mt-1 block' : 'hidden') },
|
|
154
|
+
react_1.default.createElement(Text_1.PHXText, { as: 'div', tone: 'error' }, error)),
|
|
155
|
+
react_1.default.createElement("div", { className: "".concat(helpText ? 'mt-1 block' : 'hidden') },
|
|
156
|
+
react_1.default.createElement(HelpText_1.PHXHelpText, { helpText: helpText }))));
|
|
140
157
|
}
|
|
141
158
|
//# sourceMappingURL=SelectWithAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAiEZ,
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const normalizeVietnameseText: (str?: string) => string;
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
var
|
|
3
|
+
exports.normalizeVietnameseText = void 0;
|
|
4
|
+
var normalizeVietnameseText = function (str) {
|
|
5
|
+
if (str === void 0) { str = ''; }
|
|
5
6
|
return str
|
|
6
|
-
.normalize('NFD')
|
|
7
|
-
.replace(/[\u0300-\u036f]/g, '')
|
|
7
|
+
.normalize('NFD')
|
|
8
|
+
.replace(/[\u0300-\u036f]/g, '')
|
|
8
9
|
.replace(/đ/g, 'd')
|
|
9
10
|
.replace(/Đ/g, 'D')
|
|
10
|
-
.toLowerCase()
|
|
11
|
+
.toLowerCase()
|
|
12
|
+
.replace(/\s+/g, ' ')
|
|
13
|
+
.trimStart();
|
|
11
14
|
};
|
|
12
|
-
exports.
|
|
15
|
+
exports.normalizeVietnameseText = normalizeVietnameseText;
|
|
13
16
|
//# sourceMappingURL=remove-vn-tones.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remove-vn-tones.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/remove-vn-tones.ts"],"names":[],"mappings":";;;AAAO,IAAM,
|
|
1
|
+
{"version":3,"file":"remove-vn-tones.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/remove-vn-tones.ts"],"names":[],"mappings":";;;AAAO,IAAM,uBAAuB,GAAG,UAAC,GAAQ;IAAR,oBAAA,EAAA,QAAQ;IAC9C,OAAA,GAAG;SACA,SAAS,CAAC,KAAK,CAAC;SAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,WAAW,EAAE;SACb,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,SAAS,EAAE;AAPd,CAOc,CAAA;AARH,QAAA,uBAAuB,2BAQpB"}
|
|
@@ -14,14 +14,17 @@ function Search(_a) {
|
|
|
14
14
|
setIsHideSearch(false);
|
|
15
15
|
}
|
|
16
16
|
}, [isHideSearch, search === null || search === void 0 ? void 0 : search.loading]);
|
|
17
|
-
return (react_1.default.createElement(
|
|
18
|
-
react_1.default.createElement("div", { className:
|
|
17
|
+
return (react_1.default.createElement("div", { className: 'border-b' },
|
|
18
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex h-9 w-full items-center px-4', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
19
|
+
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex w-full items-center justify-end transition-opacity duration-300', isSearch ? 'pointer-events-none opacity-0' : 'opacity-100') },
|
|
20
|
+
react_1.default.createElement("button", { className: 'flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
21
|
+
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' }))),
|
|
19
22
|
react_1.default.createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
|
|
20
|
-
react_1.default.createElement("div", { className:
|
|
21
|
-
react_1.default.createElement("div", { className: '
|
|
22
|
-
react_1.default.createElement("
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
react_1.default.createElement("div", { className: 'absolute inset-0 z-10 flex items-center bg-inherit px-5' },
|
|
24
|
+
react_1.default.createElement("div", { className: 'flex w-full items-center gap-2' },
|
|
25
|
+
react_1.default.createElement("div", { className: 'relative flex-1' },
|
|
26
|
+
react_1.default.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent bg-white py-1 text-xs hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', onChange: handleSearch, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
|
|
27
|
+
react_1.default.createElement("div", { className: 'flex w-8 justify-center' }, (search === null || search === void 0 ? void 0 : search.loading) && react_1.default.createElement(Loading_1.PHXSpinner, null)),
|
|
25
28
|
react_1.default.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
|
|
26
29
|
if (searchValue) {
|
|
27
30
|
setIsHideSearch(true);
|
|
@@ -31,12 +34,7 @@ function Search(_a) {
|
|
|
31
34
|
else {
|
|
32
35
|
setIsSearch(false);
|
|
33
36
|
}
|
|
34
|
-
}, type: 'button' }, "Cancel")))))
|
|
35
|
-
react_1.default.createElement("div", { className: (0, types_1.classNames)(search && search.enable
|
|
36
|
-
? "flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 pl-8 sm:justify-end border-b ".concat(isSearch ? 'border-none py-1' : 'py-1.5')
|
|
37
|
-
: '', isSearch ? 'hidden' : '', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
38
|
-
react_1.default.createElement("div", null, !isSearch && (react_1.default.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
39
|
-
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))));
|
|
37
|
+
}, type: 'button' }, "Cancel")))))));
|
|
40
38
|
}
|
|
41
39
|
exports.default = Search;
|
|
42
40
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAA+D;AAC/D,2CAA8C;AAC9C,mDAA+D;AAC/D,kCAAqC;AACrC,sCAAuC;AAmBvC,SAAS,MAAM,CAAC,EAUR;QATN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,IAAI,UAAA;IAEJ,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":";;;AAAA,qDAA+D;AAC/D,2CAA8C;AAC9C,mDAA+D;AAC/D,kCAAqC;AACrC,sCAAuC;AAmBvC,SAAS,MAAM,CAAC,EAUR;QATN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,IAAI,UAAA;IAEJ,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,4CAA4C,EAC5C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,sEAAsE,EACtE,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,aAAa,CAC3D;gBAED,0CACE,SAAS,EAAC,0IAA0I,EACpJ,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;oBAEb,8BAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC,CACL;YACN,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,wCAAwC,EAChD,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,kCAAkC,EAC1C,IAAI,EAAE,QAAQ;gBAEd,uCAAK,SAAS,EAAC,yDAAyD;oBACtE,uCAAK,SAAS,EAAC,gCAAgC;wBAC7C,uCAAK,SAAS,EAAC,iBAAiB;4BAC9B,yCACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;wBAEN,uCAAK,SAAS,EAAC,yBAAyB,IAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,KAAI,8BAAC,oBAAU,OAAG,CAAO;wBAElF,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;gCACP,IAAI,WAAW,EAAE,CAAC;oCAChB,eAAe,CAAC,IAAI,CAAC,CAAA;oCACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,IAAI,CAAC,CAAA;oCACxB,cAAc,CAAC,EAAE,CAAC,CAAA;gCACpB,CAAC;qCAAM,CAAC;oCACN,WAAW,CAAC,KAAK,CAAC,CAAA;gCACpB,CAAC;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -6,6 +6,7 @@ var react_1 = require("react");
|
|
|
6
6
|
var getLoginInfo_1 = tslib_1.__importDefault(require("../../Func/getLoginInfo"));
|
|
7
7
|
var PHXGrpcClientV3_1 = require("../../Func/GRPC/PHXGrpcClientV3");
|
|
8
8
|
var query_1 = require("../query");
|
|
9
|
+
var remove_vn_tones_1 = require("../../SelectWithAction/remove-vn-tones");
|
|
9
10
|
var useGetUserTarget = function () {
|
|
10
11
|
var _a = (0, react_1.useState)([]), listUserTarget = _a[0], setListUserTarget = _a[1];
|
|
11
12
|
var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
|
|
@@ -27,7 +28,7 @@ var useGetUserTarget = function () {
|
|
|
27
28
|
query: query_1.GET_USER_SEGMENT_TARGET,
|
|
28
29
|
variables: {
|
|
29
30
|
schoolId: userInfo.school_id,
|
|
30
|
-
query: "%".concat(searchQuery, "%"),
|
|
31
|
+
query: "%".concat((0, remove_vn_tones_1.normalizeVietnameseText)(searchQuery), "%"),
|
|
31
32
|
},
|
|
32
33
|
})];
|
|
33
34
|
case 2:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseGetUserTarget.js","sourceRoot":"","sources":["../../../../../src/components/UserTargetSelect/hooks/UseGetUserTarget.ts"],"names":[],"mappings":";;;;AAAA,+BAA2C;AAC3C,iFAA0D;AAC1D,mEAAkE;AAClE,kCAAkD;
|
|
1
|
+
{"version":3,"file":"UseGetUserTarget.js","sourceRoot":"","sources":["../../../../../src/components/UserTargetSelect/hooks/UseGetUserTarget.ts"],"names":[],"mappings":";;;;AAAA,+BAA2C;AAC3C,iFAA0D;AAC1D,mEAAkE;AAClE,kCAAkD;AAClD,0EAAgF;AAWzE,IAAM,gBAAgB,GAAG;IACxB,IAAA,KAAsC,IAAA,gBAAQ,EAAqB,EAAE,CAAC,EAArE,cAAc,QAAA,EAAE,iBAAiB,QAAoC,CAAA;IACtE,IAAA,KAAwB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAAgC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IAE1D,IAAM,YAAY,GAAG,UAAC,KAAc;QAClC,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;IAC7B,CAAC,CAAA;IACD,IAAM,QAAQ,GAAG,IAAA,sBAAoB,GAAE,CAAA;IACvC,IAAM,aAAa,GAAG;;;;;oBACpB,UAAU,CAAC,IAAI,CAAC,CAAA;;;;oBAEG,qBAAM,IAAA,kCAAgB,EAAC;4BACtC,KAAK,EAAE,+BAAuB;4BAC9B,SAAS,EAAE;gCACT,QAAQ,EAAE,QAAQ,CAAC,SAAS;gCAC5B,KAAK,EAAE,WAAI,IAAA,yCAAuB,EAAC,WAAW,CAAC,MAAG;6BACnD;yBACF,CAAC,EAAA;;oBANM,IAAI,GAAK,CAAA,SAMf,CAAA,KANU;oBAOZ,iBAAiB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;;;;oBAE3C,OAAO,CAAC,GAAG,CAAC,OAAK,CAAC,CAAA;;;oBAElB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;SAEpB,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO;QACL,cAAc,gBAAA;QACd,OAAO,SAAA;QACP,WAAW,aAAA;QACX,aAAa,eAAA;QACb,YAAY,cAAA;KACb,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,gBAAgB,oBAsC5B"}
|
|
@@ -9,6 +9,13 @@ import { PHXDescriptionListInTooltip } from '../../DescriptionListInTooltip';
|
|
|
9
9
|
import { PHXButton } from '../../Button';
|
|
10
10
|
import { PHXModal } from '../../Modal';
|
|
11
11
|
import { PHXTableStatic } from '../../TableStatic';
|
|
12
|
+
function removeVietnameseTones(str) {
|
|
13
|
+
return str
|
|
14
|
+
.normalize('NFD') // tách dấu ra khỏi ký tự
|
|
15
|
+
.replace(/[\u0300-\u036f]/g, '') // xoá dấu
|
|
16
|
+
.replace(/đ/g, 'd')
|
|
17
|
+
.replace(/Đ/g, 'D');
|
|
18
|
+
}
|
|
12
19
|
export default function TableCustomList(_a) {
|
|
13
20
|
var _b, _c;
|
|
14
21
|
var defaultData = _a.defaultData, handleChange = _a.handleChange, schoolYearId = _a.schoolYearId, target = _a.target;
|
|
@@ -100,12 +107,18 @@ export default function TableCustomList(_a) {
|
|
|
100
107
|
onHideModalDelete();
|
|
101
108
|
};
|
|
102
109
|
var getFilteredListData = function () {
|
|
103
|
-
var
|
|
104
|
-
var
|
|
105
|
-
|
|
106
|
-
|
|
110
|
+
var _a, _b;
|
|
111
|
+
var keyword = ((_b = (_a = filterValues.searchKeyword) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim()) || '';
|
|
112
|
+
var keywordNoTone = removeVietnameseTones(keyword);
|
|
113
|
+
return listSelected.filter(function (user) {
|
|
114
|
+
var code = user.code.toLowerCase();
|
|
115
|
+
var name = user.name.toLowerCase();
|
|
116
|
+
if (code.includes(keyword) || name.includes(keyword))
|
|
117
|
+
return true;
|
|
118
|
+
var codeNoTone = removeVietnameseTones(code);
|
|
119
|
+
var nameNoTone = removeVietnameseTones(name);
|
|
120
|
+
return codeNoTone.includes(keywordNoTone) || nameNoTone.includes(keywordNoTone);
|
|
107
121
|
});
|
|
108
|
-
return filteredData;
|
|
109
122
|
};
|
|
110
123
|
function onHideModalDelete() {
|
|
111
124
|
setModalDelete({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-custom-list.js","sourceRoot":"","sources":["../../../../../src/components/FormTarget/components/table-custom-list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACpF,OAAO,eAAe,MAAM,uCAAuC,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"table-custom-list.js","sourceRoot":"","sources":["../../../../../src/components/FormTarget/components/table-custom-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,7 @@ type Props = {
|
|
|
27
27
|
onChange(value: string): void;
|
|
28
28
|
className?: string;
|
|
29
29
|
configUrlApply?: ConfigUrlApply;
|
|
30
|
+
minWidth?: number;
|
|
30
31
|
};
|
|
31
|
-
export declare const PHXReportButtonTabV2: ({ activeTab, className, configUrlApply, loading, onChange, tabs, }: Props) => React.JSX.Element;
|
|
32
|
+
export declare const PHXReportButtonTabV2: ({ activeTab, className, configUrlApply, loading, onChange, tabs, minWidth, }: Props) => React.JSX.Element;
|
|
32
33
|
export {};
|
|
@@ -19,12 +19,12 @@ export var IconRightButton = function (_a) {
|
|
|
19
19
|
React.createElement(FontAwesomeIcon, { className: classNames('h-3 w-2.5', disabled ? 'text-gray-300' : 'text-gray-900'), icon: faAngleRight })));
|
|
20
20
|
};
|
|
21
21
|
export var PHXReportButtonTabV2 = function (_a) {
|
|
22
|
-
var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs;
|
|
22
|
+
var activeTab = _a.activeTab, _b = _a.className, className = _b === void 0 ? '' : _b, configUrlApply = _a.configUrlApply, _c = _a.loading, loading = _c === void 0 ? false : _c, onChange = _a.onChange, tabs = _a.tabs, _d = _a.minWidth, minWidth = _d === void 0 ? 180 : _d;
|
|
23
23
|
var scrollRef = useRef(null);
|
|
24
24
|
var containerRef = useRef(null);
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
25
|
+
var _e = useState(false), canScrollLeft = _e[0], setCanScrollLeft = _e[1];
|
|
26
|
+
var _f = useState(false), canScrollRight = _f[0], setCanScrollRight = _f[1];
|
|
27
|
+
var _g = useState(false), isHovering = _g[0], setIsHovering = _g[1]; // Theo dõi hover
|
|
28
28
|
var updateScroll = function () {
|
|
29
29
|
var el = scrollRef.current;
|
|
30
30
|
if (!el)
|
|
@@ -69,8 +69,8 @@ export var PHXReportButtonTabV2 = function (_a) {
|
|
|
69
69
|
scrollbarWidth: 'none',
|
|
70
70
|
msOverflowStyle: 'none',
|
|
71
71
|
} }, tabs.map(function (item, index) { return (React.createElement("div", { key: item.value, className: 'flex w-full items-center gap-y-3' },
|
|
72
|
-
loading ? (React.createElement(PHXSkeleton, { className:
|
|
73
|
-
React.createElement("div", { className: "\n flex h-[56px] w-full min-w-[
|
|
72
|
+
loading ? (React.createElement(PHXSkeleton, { className: "min-w-[".concat(minWidth, "px] h-[56px] w-full"), size: 'small', type: 'only-report_v2' })) : (React.createElement("div", { className: 'w-full p-2' },
|
|
73
|
+
React.createElement("div", { className: "\n flex h-[56px] w-full min-w-[".concat(minWidth, "px] flex-shrink-0 flex-col justify-center rounded-xl px-3 transition-all\n ").concat(item.disabledActionClick ? 'cursor-default' : 'cursor-pointer', "\n ").concat(activeTab === item.value ? 'bg-gray-100' : item.disabledActionClick ? '' : 'hover:bg-gray-50', "\n "), onClick: function () { return handleClick(item); } },
|
|
74
74
|
React.createElement("div", { className: 'flex w-full items-center justify-between' },
|
|
75
75
|
React.createElement("p", { className: 'text-[13px] text-gray-500' }, item.name),
|
|
76
76
|
item.icon && React.createElement("span", { className: 'ml-2 flex items-center justify-center' }, item.icon.icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,EAAE,EAAa,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAC/F,gDAEE,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,oBAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,WAAW,GACjB,CACA,CACL;AAhBgG,CAgBhG,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAA6D;QAA3D,QAAQ,cAAA,EAAE,OAAO,aAAA;IAA+C,OAAA,CAChG,gDAEE,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,QAAQ;YACN,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,4HAA4H,CACjI,EACD,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,IAAI,OAAO,EAAE,EAAtB,CAAsB;QAErC,oBAAC,eAAe,IACd,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EAChF,IAAI,EAAE,YAAY,GAClB,CACA,CACL;AAhBiG,CAgBjG,CAAA;
|
|
1
|
+
{"version":3,"file":"ReportButtonV2.js","sourceRoot":"","sources":["../../../../src/components/ReportButtonV2/ReportButtonV2.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
3
2
|
import { BadgeProps } from '../Badge';
|
|
4
3
|
export type IconItemType = 'edit' | 'delete';
|
|
5
4
|
export interface ActionItem {
|
|
@@ -29,6 +28,7 @@ export interface PHXSelectWithActionProps {
|
|
|
29
28
|
options: Array<SelectOption>;
|
|
30
29
|
value?: string;
|
|
31
30
|
search?: Search;
|
|
31
|
+
enableSearch?: boolean;
|
|
32
32
|
onChange?(value: string): void;
|
|
33
33
|
searchPlaceholder?: string;
|
|
34
34
|
className?: string;
|
|
@@ -44,4 +44,4 @@ export interface PHXSelectWithActionProps {
|
|
|
44
44
|
onClick(): void;
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
|
-
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, disabled, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
47
|
+
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, enableSearch, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, disabled, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
@@ -1,34 +1,47 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __assign } from "tslib";
|
|
3
3
|
import Image from 'next/image';
|
|
4
|
-
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
5
|
+
import ChevronDownIcon from '../../assets/icons/chevron-down-icon.svg';
|
|
5
6
|
import PencilIcon from '../../assets/icons/pencil-icon.svg';
|
|
6
7
|
import PlusIcon from '../../assets/icons/plus-circle-icon.svg';
|
|
7
8
|
import SearchIcon from '../../assets/icons/search-icon.svg';
|
|
8
|
-
import ChevronDownIcon from '../../assets/icons/chevron-down-icon.svg';
|
|
9
|
-
import PHXUseDebounce from '../Func/useDebounce';
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import { classNames } from '../types';
|
|
12
9
|
import { IconLoading } from '../../commons/IconLoading';
|
|
13
|
-
import { PHXText } from '../Text/Text';
|
|
14
10
|
import { PHXBadge } from '../Badge';
|
|
11
|
+
import PHXUseDebounce from '../Func/useDebounce';
|
|
12
|
+
import { PHXText } from '../Text/Text';
|
|
13
|
+
import { classNames } from '../types';
|
|
15
14
|
import { PHXHelpText } from './HelpText';
|
|
16
|
-
import {
|
|
15
|
+
import { normalizeVietnameseText } from './remove-vn-tones';
|
|
17
16
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
18
17
|
export function PHXSelectWithAction(_a) {
|
|
19
|
-
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight =
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
18
|
+
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.enableSearch, enableSearch = _c === void 0 ? true : _c, _d = _a.maxHeight, maxHeight = _d === void 0 ? '300px' : _d, onChange = _a.onChange, options = _a.options, _e = _a.placeholder, placeholder = _e === void 0 ? 'Lựa chọn' : _e, search = _a.search, _f = _a.searchPlaceholder, searchPlaceholder = _f === void 0 ? 'Tìm kiếm' : _f, suffix = _a.suffix, defaultValue = _a.value, disabled = _a.disabled;
|
|
19
|
+
var _g = useState(''), searchQuery = _g[0], setSearchQuery = _g[1];
|
|
20
|
+
var _h = useState(false), isOpen = _h[0], setIsOpen = _h[1];
|
|
21
|
+
var _j = useState(false), isLeaving = _j[0], setIsLeaving = _j[1];
|
|
23
22
|
var deferredQuery = PHXUseDebounce(searchQuery, 300);
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
var _k = useState(null), selectedCache = _k[0], setSelectedCache = _k[1];
|
|
24
|
+
var query = normalizeVietnameseText(deferredQuery).trim();
|
|
25
|
+
var filteredOptions = !query
|
|
26
|
+
? options
|
|
27
|
+
: options.filter(function (option) {
|
|
28
|
+
var _a;
|
|
29
|
+
return normalizeVietnameseText((_a = option.label) !== null && _a !== void 0 ? _a : '')
|
|
30
|
+
.trim()
|
|
31
|
+
.includes(query);
|
|
32
|
+
});
|
|
27
33
|
var containerRef = useRef(null);
|
|
28
34
|
var inputRef = useRef(null);
|
|
29
35
|
useEffect(function () {
|
|
30
36
|
search === null || search === void 0 ? void 0 : search.handleFilter(deferredQuery);
|
|
31
37
|
}, [deferredQuery]);
|
|
38
|
+
useEffect(function () {
|
|
39
|
+
if (!defaultValue)
|
|
40
|
+
return;
|
|
41
|
+
var found = options.find(function (o) { return o.value === defaultValue; });
|
|
42
|
+
if (found)
|
|
43
|
+
setSelectedCache(found);
|
|
44
|
+
}, [JSON.stringify(options), defaultValue]);
|
|
32
45
|
var handleClose = function () {
|
|
33
46
|
setIsLeaving(true);
|
|
34
47
|
setTimeout(function () {
|
|
@@ -55,7 +68,7 @@ export function PHXSelectWithAction(_a) {
|
|
|
55
68
|
inputRef.current.focus();
|
|
56
69
|
}
|
|
57
70
|
}, [isOpen, search]);
|
|
58
|
-
var selectedOption =
|
|
71
|
+
var selectedOption = selectedCache;
|
|
59
72
|
var handleChange = function (option) {
|
|
60
73
|
if (option === ADD_NEW_VALUE) {
|
|
61
74
|
addNew === null || addNew === void 0 ? void 0 : addNew.onClick();
|
|
@@ -63,10 +76,14 @@ export function PHXSelectWithAction(_a) {
|
|
|
63
76
|
return;
|
|
64
77
|
}
|
|
65
78
|
if (option && typeof option !== 'string') {
|
|
79
|
+
setSelectedCache(option);
|
|
66
80
|
onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
|
|
67
81
|
handleClose();
|
|
68
82
|
}
|
|
69
83
|
};
|
|
84
|
+
var handleSearch = function (val) {
|
|
85
|
+
setSearchQuery(val || '');
|
|
86
|
+
};
|
|
70
87
|
var getEmptyState = function () {
|
|
71
88
|
if (loading) {
|
|
72
89
|
return (React.createElement("div", { className: 'flex items-center justify-center' },
|
|
@@ -95,12 +112,12 @@ export function PHXSelectWithAction(_a) {
|
|
|
95
112
|
// @ts-ignore
|
|
96
113
|
src: ChevronDownIcon, width: 20 }))),
|
|
97
114
|
isOpen && (React.createElement("div", { className: classNames('border-border shadow-lg absolute z-50 mt-1 w-full rounded-lg border bg-white transition-opacity duration-100', isLeaving ? 'opacity-0' : 'opacity-100') },
|
|
98
|
-
|
|
115
|
+
enableSearch && (React.createElement("div", { className: 'border-border border-b p-3' },
|
|
99
116
|
React.createElement("div", { className: 'relative' },
|
|
100
117
|
React.createElement(Image, { alt: '', className: 'text-muted-foreground pointer-events-none absolute left-3 top-1/2 -translate-y-1/2', height: 13,
|
|
101
118
|
// @ts-ignore
|
|
102
119
|
src: SearchIcon, width: 13 }),
|
|
103
|
-
React.createElement("input", { ref: inputRef, className: 'shadow-sm w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 pr-4 text-xs font-normal outline-none transition-colors 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', onChange: function (e) { return
|
|
120
|
+
React.createElement("input", { ref: inputRef, className: 'shadow-sm w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 pr-4 text-xs font-normal outline-none transition-colors 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', onChange: function (e) { return handleSearch(e.target.value); }, placeholder: searchPlaceholder, style: { paddingLeft: '30px' }, type: 'text', value: searchQuery })))),
|
|
104
121
|
React.createElement("div", { className: 'scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-400 overflow-y-auto', style: { maxHeight: maxHeight } },
|
|
105
122
|
addNew && (React.createElement("button", { className: classNames('border-border flex w-full cursor-pointer items-center gap-2 border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), onClick: function () { return handleChange(ADD_NEW_VALUE); }, type: 'button' },
|
|
106
123
|
React.createElement(Image, { alt: '', height: 13, src: PlusIcon, width: 13 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const normalizeVietnameseText: (str?: string) => string;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
export var
|
|
1
|
+
export var normalizeVietnameseText = function (str) {
|
|
2
|
+
if (str === void 0) { str = ''; }
|
|
2
3
|
return str
|
|
3
|
-
.normalize('NFD')
|
|
4
|
-
.replace(/[\u0300-\u036f]/g, '')
|
|
4
|
+
.normalize('NFD')
|
|
5
|
+
.replace(/[\u0300-\u036f]/g, '')
|
|
5
6
|
.replace(/đ/g, 'd')
|
|
6
7
|
.replace(/Đ/g, 'D')
|
|
7
|
-
.toLowerCase()
|
|
8
|
+
.toLowerCase()
|
|
9
|
+
.replace(/\s+/g, ' ')
|
|
10
|
+
.trimStart();
|
|
8
11
|
};
|
|
9
12
|
//# sourceMappingURL=remove-vn-tones.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remove-vn-tones.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/remove-vn-tones.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,
|
|
1
|
+
{"version":3,"file":"remove-vn-tones.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/remove-vn-tones.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAQ;IAAR,oBAAA,EAAA,QAAQ;IAC9C,OAAA,GAAG;SACA,SAAS,CAAC,KAAK,CAAC;SAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,WAAW,EAAE;SACb,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,SAAS,EAAE;AAPd,CAOc,CAAA"}
|
|
@@ -11,14 +11,17 @@ function Search(_a) {
|
|
|
11
11
|
setIsHideSearch(false);
|
|
12
12
|
}
|
|
13
13
|
}, [isHideSearch, search === null || search === void 0 ? void 0 : search.loading]);
|
|
14
|
-
return (React.createElement(
|
|
15
|
-
React.createElement("div", { className:
|
|
14
|
+
return (React.createElement("div", { className: 'border-b' },
|
|
15
|
+
React.createElement("div", { className: classNames('relative flex h-9 w-full items-center px-4', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
16
|
+
React.createElement("div", { className: classNames('flex w-full items-center justify-end transition-opacity duration-300', isSearch ? 'pointer-events-none opacity-0' : 'opacity-100') },
|
|
17
|
+
React.createElement("button", { className: 'flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
18
|
+
React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' }))),
|
|
16
19
|
React.createElement(Transition, { as: Fragment, enter: 'transition-all duration-500 overflow-hidden', enterFrom: 'transform scale-95 opacity-0 h-0', enterTo: 'transform scale-100 opacity-100 h-full', leaveFrom: 'transform scale-100 opacity-100 h-full', leaveTo: 'transform scale-95 opacity-0 h-0', show: isSearch },
|
|
17
|
-
React.createElement("div", { className:
|
|
18
|
-
React.createElement("div", { className: '
|
|
19
|
-
React.createElement("
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
React.createElement("div", { className: 'absolute inset-0 z-10 flex items-center bg-inherit px-5' },
|
|
21
|
+
React.createElement("div", { className: 'flex w-full items-center gap-2' },
|
|
22
|
+
React.createElement("div", { className: 'relative flex-1' },
|
|
23
|
+
React.createElement("input", { autoFocus: true, className: 'block w-full rounded-lg border-transparent bg-transparent bg-white py-1 text-xs hover:border hover:border-gray-500 focus:border-indigo-800 focus:bg-white focus:ring-indigo-800', id: 'search-value', name: 'search-value', onChange: handleSearch, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
|
|
24
|
+
React.createElement("div", { className: 'flex w-8 justify-center' }, (search === null || search === void 0 ? void 0 : search.loading) && React.createElement(PHXSpinner, null)),
|
|
22
25
|
React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', onClick: function () {
|
|
23
26
|
if (searchValue) {
|
|
24
27
|
setIsHideSearch(true);
|
|
@@ -28,12 +31,7 @@ function Search(_a) {
|
|
|
28
31
|
else {
|
|
29
32
|
setIsSearch(false);
|
|
30
33
|
}
|
|
31
|
-
}, type: 'button' }, "Cancel")))))
|
|
32
|
-
React.createElement("div", { className: classNames(search && search.enable
|
|
33
|
-
? "flex flex-row items-center rounded-tl-lg rounded-tr-lg px-3 pl-8 sm:justify-end border-b ".concat(isSearch ? 'border-none py-1' : 'py-1.5')
|
|
34
|
-
: '', isSearch ? 'hidden' : '', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
35
|
-
React.createElement("div", null, !isSearch && (React.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
36
|
-
React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4' })))))));
|
|
34
|
+
}, type: 'button' }, "Cancel")))))));
|
|
37
35
|
}
|
|
38
36
|
export default Search;
|
|
39
37
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAmBvC,SAAS,MAAM,CAAC,EAUR;QATN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,IAAI,UAAA;IAEJ,SAAS,CAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/TableStatic/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAmBvC,SAAS,MAAM,CAAC,EAUR;QATN,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,IAAI,UAAA;IAEJ,SAAS,CAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC,CAAA;YAClB,eAAe,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,6BACE,SAAS,EAAE,UAAU,CACnB,4CAA4C,EAC5C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,6BACE,SAAS,EAAE,UAAU,CACnB,sEAAsE,EACtE,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,aAAa,CAC3D;gBAED,gCACE,SAAS,EAAC,0IAA0I,EACpJ,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;oBAEb,oBAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC,CACL;YACN,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,6CAA6C,EACnD,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,wCAAwC,EAChD,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,kCAAkC,EAC1C,IAAI,EAAE,QAAQ;gBAEd,6BAAK,SAAS,EAAC,yDAAyD;oBACtE,6BAAK,SAAS,EAAC,gCAAgC;wBAC7C,6BAAK,SAAS,EAAC,iBAAiB;4BAC9B,+BACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;wBAEN,6BAAK,SAAS,EAAC,yBAAyB,IAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,KAAI,oBAAC,UAAU,OAAG,CAAO;wBAElF,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE;gCACP,IAAI,WAAW,EAAE,CAAC;oCAChB,eAAe,CAAC,IAAI,CAAC,CAAA;oCACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,IAAI,CAAC,CAAA;oCACxB,cAAc,CAAC,EAAE,CAAC,CAAA;gCACpB,CAAC;qCAAM,CAAC;oCACN,WAAW,CAAC,KAAK,CAAC,CAAA;gCACpB,CAAC;4BACH,CAAC,EACD,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACK,CACT,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { useEffect, useState } from 'react';
|
|
|
3
3
|
import PHXFuncGetLoggedInfo from '../../Func/getLoginInfo';
|
|
4
4
|
import { PHXClientQueryV3 } from '../../Func/GRPC/PHXGrpcClientV3';
|
|
5
5
|
import { GET_USER_SEGMENT_TARGET } from '../query';
|
|
6
|
+
import { normalizeVietnameseText } from '../../SelectWithAction/remove-vn-tones';
|
|
6
7
|
export var useGetUserTarget = function () {
|
|
7
8
|
var _a = useState([]), listUserTarget = _a[0], setListUserTarget = _a[1];
|
|
8
9
|
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
@@ -24,7 +25,7 @@ export var useGetUserTarget = function () {
|
|
|
24
25
|
query: GET_USER_SEGMENT_TARGET,
|
|
25
26
|
variables: {
|
|
26
27
|
schoolId: userInfo.school_id,
|
|
27
|
-
query: "%".concat(searchQuery, "%"),
|
|
28
|
+
query: "%".concat(normalizeVietnameseText(searchQuery), "%"),
|
|
28
29
|
},
|
|
29
30
|
})];
|
|
30
31
|
case 2:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UseGetUserTarget.js","sourceRoot":"","sources":["../../../../../src/components/UserTargetSelect/hooks/UseGetUserTarget.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,oBAAoB,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"UseGetUserTarget.js","sourceRoot":"","sources":["../../../../../src/components/UserTargetSelect/hooks/UseGetUserTarget.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,oBAAoB,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAA;AAWhF,MAAM,CAAC,IAAM,gBAAgB,GAAG;IACxB,IAAA,KAAsC,QAAQ,CAAqB,EAAE,CAAC,EAArE,cAAc,QAAA,EAAE,iBAAiB,QAAoC,CAAA;IACtE,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAAgC,QAAQ,CAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IAE1D,IAAM,YAAY,GAAG,UAAC,KAAc;QAClC,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;IAC7B,CAAC,CAAA;IACD,IAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAA;IACvC,IAAM,aAAa,GAAG;;;;;oBACpB,UAAU,CAAC,IAAI,CAAC,CAAA;;;;oBAEG,qBAAM,gBAAgB,CAAC;4BACtC,KAAK,EAAE,uBAAuB;4BAC9B,SAAS,EAAE;gCACT,QAAQ,EAAE,QAAQ,CAAC,SAAS;gCAC5B,KAAK,EAAE,WAAI,uBAAuB,CAAC,WAAW,CAAC,MAAG;6BACnD;yBACF,CAAC,EAAA;;oBANM,IAAI,GAAK,CAAA,SAMf,CAAA,KANU;oBAOZ,iBAAiB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;;;;oBAE3C,OAAO,CAAC,GAAG,CAAC,OAAK,CAAC,CAAA;;;oBAElB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;SAEpB,CAAA;IAED,SAAS,CAAC;QACR,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO;QACL,cAAc,gBAAA;QACd,OAAO,SAAA;QACP,WAAW,aAAA;QACX,aAAa,eAAA;QACb,YAAY,cAAA;KACb,CAAA;AACH,CAAC,CAAA"}
|