phx-react 1.3.1555 → 1.3.1557
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 +2 -2
- package/dist/cjs/components/FormTarget/components/table-custom-list.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/TableV3/TableV3.js +48 -40
- package/dist/cjs/components/TableV3/TableV3.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 +2 -2
- package/dist/esm/components/FormTarget/components/table-custom-list.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/TableV3/TableV3.js +48 -40
- package/dist/esm/components/TableV3/TableV3.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
|
@@ -136,8 +136,8 @@ function TableCustomList(_a) {
|
|
|
136
136
|
setListSelected(defaultData || []);
|
|
137
137
|
}, [JSON.stringify(defaultData)]);
|
|
138
138
|
return (react_1.default.createElement("div", null,
|
|
139
|
-
react_1.default.createElement("div", { className: 'ml-6 flex items-center justify-between' },
|
|
140
|
-
react_1.default.createElement("p", { className: '
|
|
139
|
+
react_1.default.createElement("div", { className: 'ml-6 mb-3 flex items-center justify-between' },
|
|
140
|
+
react_1.default.createElement("p", { className: 'text-xs font-semibold' },
|
|
141
141
|
"Danh s\u00E1ch ",
|
|
142
142
|
roleName,
|
|
143
143
|
" \u0111\u00E3 ch\u1ECDn (",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-custom-list.js","sourceRoot":"","sources":["../../../../../src/components/FormTarget/components/table-custom-list.tsx"],"names":[],"mappings":";;AAyBA,kCAkPC;;AA3QD,qDAAkD;AAClD,wCAAuD;AAEvD,4EAAsE;AACtE,0FAAoF;AACpF,oGAAmE;AACnE,2CAA4C;AAC5C,2EAA4E;AAC5E,uCAAwC;AACxC,qCAAsC;AACtC,iDAAkD;AAQlD,SAAS,qBAAqB,CAAC,GAAW;IACxC,OAAO,GAAG;SACP,SAAS,CAAC,KAAK,CAAC,CAAC,yBAAyB;SAC1C,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,UAAU;SAC1C,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AACvB,CAAC;AACD,SAAwB,eAAe,CAAC,EAA2D;;QAAzD,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,MAAM,YAAA;IACjF,IAAA,KAAkC,IAAA,gBAAQ,EAA0B,WAAW,IAAI,EAAE,CAAC,EAArF,YAAY,QAAA,EAAE,eAAe,QAAwD,CAAA;IACtF,IAAA,KAAgD,IAAA,gBAAQ,EAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,EAA9E,mBAAmB,QAAA,EAAE,sBAAsB,QAAmC,CAAA;IAE/E,IAAA,KAAwC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IACvD,IAAA,KAAgC,IAAA,gBAAQ,EAA0B,EAAE,CAAC,EAApE,WAAW,QAAA,EAAE,cAAc,QAAyC,CAAA;IAErE,IAAA,KAAgC,IAAA,gBAAQ,EAM3C;QACD,UAAU,EAAE;YACV,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,EAAE;SACT;QACD,IAAI,EAAE,KAAK;KACZ,CAAC,EAZK,WAAW,QAAA,EAAE,cAAc,QAYhC,CAAA;IACI,IAAA,KAAkC,IAAA,gBAAQ,EAA4B;QAC1E,aAAa,EAAE,EAAE;KAClB,CAAC,EAFK,YAAY,QAAA,EAAE,eAAe,QAElC,CAAA;IAEF,IAAM,QAAQ,GAAG,IAAA,6CAAmB,EAAC,MAAM,CAAC,CAAA;IAE5C,IAAM,aAAa,GAAG,CAAC,eAAe,EAAE,OAAO,EAAE,UAAU,CAAC,CAAA;IAC5D,IAAM,WAAW;QACf,GAAC,oBAAS,CAAC,OAAO,2BAAI,WAAW,EAAE,cAAc,GAAK,aAAa,OAAC;QACpE,GAAC,oBAAS,CAAC,KAAK,2BAAI,WAAW,EAAE,cAAc,GAAK,aAAa,OAAC;QAClE,GAAC,oBAAS,CAAC,OAAO,IAAG,CAAC,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,CAAC;QAC5G,GAAC,oBAAS,CAAC,UAAU,IAAG,CAAC,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC;WAClE,CAAA;IAED,IAAM,WAAW,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;IACjD,IAAM,SAAS;QACb,GAAC,oBAAS,CAAC,OAAO,2BAAI,MAAM,EAAE,MAAM,GAAK,WAAW,OAAC;QACrD,GAAC,oBAAS,CAAC,KAAK,2BAAI,MAAM,EAAE,MAAM,GAAK,WAAW,OAAC;QACnD,GAAC,oBAAS,CAAC,OAAO,IAAG,CAAC,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC;QACtG,GAAC,oBAAS,CAAC,UAAU,2BAAI,WAAW,EAAE,cAAc,GAAK,aAAa,OAAC;WACxE,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,OAAO,EAAE,UAAC,MAAW,EAAE,QAAa,IAAK,OAAA,CACvC,8BAAC,sBAAW,IACV,OAAO,EAAE;gBACP;oBACE,aAAa;oBACb,OAAO,EAAE,qCAAG,SAAS,EAAC,gBAAgB;;wBAAM,QAAQ,CAAK;oBACzD,WAAW,EAAE,IAAI;oBACjB,EAAE,EAAE,CAAC;oBACL,OAAO,EAAE;wBACP,cAAc,CAAC;4BACb,IAAI,EAAE,IAAI;4BACV,UAAU,EAAE;gCACV,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;gCAClB,IAAI,EAAE,QAAQ,CAAC,IAAI;6BACpB;yBACF,CAAC,CAAA;oBACJ,CAAC;iBACF;aACF,EACD,IAAI,EAAC,eAAe,GACpB,CACH,EArBwC,CAqBxC;KACF,CAAA;IAED,IAAM,WAAW,yCACZ,eAAe,GACf,CAAC,MAAM,KAAK,oBAAS,CAAC,OAAO,IAAI;QAClC,OAAO,EAAE,UAAC,KAAqB,IAAK,OAAA,CAClC;YACE,8BAAC,sDAA2B,IAC1B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC;oBAC5B,KAAK,EAAE,IAAA,2DAA0B,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,CAAC;oBAC5D,WAAW,EAAE,MAAM,CAAC,SAAS;iBAC9B,CAAC,EAH2B,CAG3B,CAAC,EACH,gBAAgB,EAAC,iCAAiC,EAClD,OAAO,EACL,uCAAK,SAAS,EAAC,mBAAmB,IAC/B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;oBACvC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,UAAG,MAAM,CAAC,SAAS,CAAE,EAArB,CAAqB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;oBACzD,CAAC,CAAC,yBAAc,CACd,GAER,CACE,CACP,EAjBmC,CAiBnC;KACF,CAAC,CACH,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,IAA6B,EAAE,UAAmC;QACvF,IAAM,UAAU,GAAG,gDAAI,IAAI,SAAK,YAAY,QAAE,MAAM,CAClD,UAAC,IAAI,IAAK,OAAA,CAAC,UAAU,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAzB,CAAyB,CAAC,EAA3D,CAA2D,CACtE,CAAA;QAED,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAf,CAAe,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAA;QACtF,sBAAsB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC7C,eAAe,CAAC,MAAM,CAAC,CAAA;QACvB,eAAe,CAAC;YACd,aAAa,EAAE,EAAE;SAClB,CAAC,CAAA;QACF,YAAY,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,eAAe,CAAC,WAAW,IAAI,EAAE,CAAC,CAAA;QAClC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,CAAA;IACD,IAAM,eAAe,GAAG;QACtB,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,IAAI,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QACnD,sBAAsB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC7C,IAAM,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAA7C,CAA6C,CAAC,CAAA;QACjG,IAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAA7C,CAA6C,CAAC,CAAA;QAErG,eAAe,CAAC,YAAY,CAAC,CAAA;QAC7B,cAAc,CAAC,iBAAiB,CAAC,CAAA;QACjC,YAAY,CAAC,YAAY,CAAC,CAAA;QAC1B,iBAAiB,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG;;QAC1B,IAAM,OAAO,GAAG,CAAA,MAAA,MAAA,YAAY,CAAC,aAAa,0CAAE,WAAW,EAAE,0CAAE,IAAI,EAAE,KAAI,EAAE,CAAA;QACvE,IAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAA;QAEpD,OAAO,YAAY,CAAC,MAAM,CAAC,UAAC,IAAI;YAC9B,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;YACpC,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;YAEpC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAAE,OAAO,IAAI,CAAA;YAEjE,IAAM,UAAU,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;YAC9C,IAAM,UAAU,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;YAE9C,OAAO,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;QACjF,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,SAAS,iBAAiB;QACxB,cAAc,CAAC;YACb,UAAU,EAAE;gBACV,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,EAAE;aACT;YACD,IAAI,EAAE,KAAK;SACZ,CAAC,CAAA;IACJ,CAAC;IAED,IAAA,iBAAS,EAAC;QACR,eAAe,CAAC,WAAW,IAAI,EAAE,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAEjC,OAAO,CACL;QACE,uCAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"table-custom-list.js","sourceRoot":"","sources":["../../../../../src/components/FormTarget/components/table-custom-list.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":";AAAA,YAAY,CAAA;;AAiEZ,kDAuRC;;AAtVD,6DAA8B;AAC9B,qDAAqE;AACrE,2GAAsE;AACtE,+FAA2D;AAC3D,yGAA8D;AAC9D,+FAA2D;AAC3D,yDAAuD;AACvD,kCAA+C;AAC/C,4EAAgD;AAChD,qCAAsC;AACtC,kCAAqC;AACrC,uCAAwC;AACxC,qDAA2D;AAgB3D,IAAM,aAAa,GAAG,SAAS,CAAA;AAmC/B,SAAgB,mBAAmB,CAAC,EAmBT;QAlBzB,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,iBAAmB,EAAnB,SAAS,mBAAG,OAAO,KAAA,EACnB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,mBAAwB,EAAxB,WAAW,mBAAG,UAAU,KAAA,EACxB,MAAM,YAAA,EACN,yBAA8B,EAA9B,iBAAiB,mBAAG,UAAU,KAAA,EAC9B,MAAM,YAAA,EACC,YAAY,WAAA,EACnB,QAAQ,cAAA;IAEF,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAC5C,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IACjD,IAAM,aAAa,GAAG,IAAA,qBAAc,EAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAChD,IAAA,KAAoC,IAAA,gBAAQ,EAAsB,IAAI,CAAC,EAAtE,aAAa,QAAA,EAAE,gBAAgB,QAAuC,CAAA;IAC7E,IAAM,KAAK,GAAG,IAAA,yCAAuB,EAAC,aAAa,CAAC,CAAC,IAAI,EAAE,CAAA;IAE3D,IAAM,eAAe,GAAG,CAAC,KAAK;QAC5B,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,UAAC,MAAM;;YACpB,OAAA,IAAA,yCAAuB,EAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,EAAE,CAAC;iBACxC,IAAI,EAAE;iBACN,QAAQ,CAAC,KAAK,CAAC,CAAA;SAAA,CACnB,CAAA;IACL,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACjD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,IAAA,iBAAS,EAAC;QACR,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,YAAY;YAAE,OAAM;QAEzB,IAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,YAAY,EAAxB,CAAwB,CAAC,CAAA;QAC3D,IAAI,KAAK;YAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3C,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,UAAU,CAAC;YACT,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,cAAc,CAAC,EAAE,CAAC,CAAA;QACpB,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC,CAAA;IACD,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;YAC3C,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACjF,WAAW,EAAE,CAAA;YACf,CAAC;QACH,CAAC,CAAA;QAED,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC5D,CAAC;QAED,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,IAAI,MAAM,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACzC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAEpB,IAAM,cAAc,GAAG,aAAa,CAAA;IAEpC,IAAM,YAAY,GAAG,UAAC,MAA6B;QACjD,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;YAC7B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,CAAA;YACjB,WAAW,EAAE,CAAA;YACb,OAAM;QACR,CAAC;QACD,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YACzC,gBAAgB,CAAC,MAAM,CAAC,CAAA;YACxB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,KAAK,CAAC,CAAA;YACxB,WAAW,EAAE,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IACD,IAAM,YAAY,GAAG,UAAC,GAAY;QAChC,cAAc,CAAC,GAAG,IAAI,EAAE,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAM,aAAa,GAAG;QACpB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CACL,uCAAK,SAAS,EAAC,kCAAkC;gBAC/C,8BAAC,yBAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CAC9B,CACP,CAAA;QACH,CAAC;QACD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,EAAE,CAAC;YAC1C,OAAO,gBAAgB,IAAI,wCAAkB,KAAK,CAAC,WAAW,EAAE,cAAM,CAAA;QACxE,CAAC;QACD,OAAO,UAAU,IAAI,4BAAW,KAAK,CAAC,WAAW,EAAE,cAAM,CAAA;IAC3D,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,UAAC,IAAkB;QACrC,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,yBAAU,CAAA;QACnB,CAAC;QACD,OAAO,yBAAU,CAAA;IACnB,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,MAAoB,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,YAAY,EAA7B,CAA6B,CAAA;IAEhF,OAAO,CACL,uCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,kBAAU,EAAC,iBAAiB,EAAE,SAAS,CAAC;QACzE,uCAAK,SAAS,EAAC,wCAAwC;YACrD,8BAAC,cAAO,QAAE,KAAK,CAAW;YACzB,MAAM,IAAI,uCAAK,SAAS,EAAC,qBAAqB,IAAE,MAAM,CAAO,CAC1D;QAEN,uCAAK,SAAS,EAAC,UAAU;YACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,4KAA4K,EAC5K,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAC3C,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,EAAE,CACnE,EACD,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAC,QAAQ;gBAEb,wCAAM,SAAS,EAAC,UAAU,IAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,KAAI,WAAW,CAAQ;gBACvE,CAAC,QAAQ,IAAI,CACZ,8BAAC,eAAK,IACJ,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,IAAA,kBAAU,EAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EACnF,MAAM,EAAE,EAAE;oBACV,aAAa;oBACb,GAAG,EAAE,+BAAe,EACpB,KAAK,EAAE,EAAE,GACT,CACH,CACM;YAER,MAAM,IAAI,CACT,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,8GAA8G,EAC9G,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CACxC;gBAEA,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,4BAA4B;oBACzC,uCAAK,SAAS,EAAC,UAAU;wBACvB,8BAAC,eAAK,IACJ,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,qFAAqF,EAC/F,MAAM,EAAE,EAAE;4BACV,aAAa;4BACb,GAAG,EAAE,yBAAU,EACf,KAAK,EAAE,EAAE,GACT;wBACF,yCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,6QAA6Q,EACvR,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAC9B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE,CACF,CACP;gBACD,uCACE,SAAS,EAAC,oHAAoH,EAC9H,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE;oBAEnB,MAAM,IAAI,CACT,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,8HAA8H,CAC/H,EACD,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,aAAa,CAAC,EAA3B,CAA2B,EAC1C,IAAI,EAAC,QAAQ;wBAGb,8BAAC,eAAK,IAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,8BAAQ,EAAE,KAAK,EAAE,EAAE,GAAI;wBACtD,8BAAC,cAAO,QAAE,MAAM,CAAC,KAAK,CAAW,CAC1B,CACV;oBACD,2CACG,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;wBAChC,IAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;wBACzC,OAAO,CACL;4BACE,0CACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,IAAA,kBAAU,EACnB,oCAAoC,EACpC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAoB,CACjD,EACD,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,MAAM,CAAC,EAApB,CAAoB,EACnC,IAAI,EAAC,QAAQ;gCAEb,uCAAK,SAAS,EAAC,mCAAmC;oCAChD,uCAAK,SAAS,EAAC,6CAA6C;wCAC1D,8BAAC,cAAO,IACN,SAAS,EAAE,mBACT,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,2BAA2B,CACtE,IAED,MAAM,CAAC,KAAK,CACL;wCACT,MAAM,CAAC,QAAQ,IAAI,CAClB,8BAAC,sBAAW,IAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,GAAI,CACpF;wCACA,MAAM,CAAC,KAAK,IAAI,8BAAC,gBAAQ,uBAAK,MAAM,CAAC,KAAK,EAAI,CAC3C;oCACL,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,CAClB,uCACE,SAAS,EAAE,mEACT,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CACpD,EACF,OAAO,EAAE,UAAC,CAAC;;4CACT,CAAC,CAAC,eAAe,EAAE,CAAA;4CACnB,MAAA,MAAM,CAAC,MAAM,0CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;wCACtC,CAAC,EACD,SAAS,EAAE,UAAC,CAAC;;4CACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gDACvC,CAAC,CAAC,cAAc,EAAE,CAAA;gDAClB,MAAA,MAAM,CAAC,MAAM,0CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;4CACtC,CAAC;wCACH,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC;wCAEX,uCACE,SAAS,EAAE,yEAAyE;4CAGpF,8BAAC,eAAK,IAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,GAAI,CACzE,CACF,CACP,CACG,CACC;4BACR,KAAK,KAAK,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAC,WAAW,GAAG,CAC3E,CACJ,CAAA;oBACH,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,wBAAwB;wBACrC,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,IAAE,aAAa,EAAE,CAAW,CACzC,CACP,CACG,CACF,CACF,CACP,CACG;QAEN,uCAAK,SAAS,EAAE,UAAG,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAE;YAClD,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC3B,KAAK,CACE,CACN;QACN,uCAAK,SAAS,EAAE,UAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAE;YACrD,8BAAC,sBAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC/B,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -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"}
|
|
@@ -44,23 +44,23 @@ function PHXTableV3(_a) {
|
|
|
44
44
|
var _y = (0, react_2.useState)(false), indeterminate = _y[0], setIndeterminate = _y[1];
|
|
45
45
|
var _z = (0, react_2.useState)(true), isMainLoading = _z[0], setIsMainLoading = _z[1];
|
|
46
46
|
var _0 = (0, react_2.useState)([]), dataTable = _0[0], setDataTable = _0[1];
|
|
47
|
-
var _1 = (0, react_2.useState)(
|
|
48
|
-
var _2 = (0, react_2.useState)(
|
|
49
|
-
var _3 = (0, react_2.useState)(
|
|
50
|
-
var _4 = (0, react_2.useState)(
|
|
51
|
-
var _5 = (0, react_2.useState)(0),
|
|
52
|
-
var _6 = (0, react_2.useState)(0), count = _6[0], setCount = _6[1];
|
|
47
|
+
var _1 = (0, react_2.useState)([]), selectedPeople = _1[0], setSelectedPeople = _1[1];
|
|
48
|
+
var _2 = (0, react_2.useState)(false), isSearchLoading = _2[0], setIsSearchLoading = _2[1];
|
|
49
|
+
var _3 = (0, react_2.useState)([]), searchDataResult = _3[0], setSearchDataResult = _3[1];
|
|
50
|
+
var _4 = (0, react_2.useState)(0), pagi = _4[0], setPagi = _4[1];
|
|
51
|
+
var _5 = (0, react_2.useState)(0), count = _5[0], setCount = _5[1];
|
|
53
52
|
var timKiemPlacholder = 'Tìm kiếm';
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var _12 = (0, react_2.useState)(0), numberOfFetchData = _12[0], setNumberOfFetchData = _12[1];
|
|
53
|
+
var _6 = (0, react_2.useState)(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _6[0], setActiveMenu = _6[1];
|
|
54
|
+
var _7 = (0, react_2.useState)(false), isSelectSort = _7[0], setIsSelectSort = _7[1];
|
|
55
|
+
var _8 = (0, react_2.useState)(false), isSort = _8[0], setIsSort = _8[1];
|
|
56
|
+
var _9 = (0, react_2.useState)(false), isSortLoading = _9[0], setIsSortLoading = _9[1];
|
|
57
|
+
var _10 = (0, react_2.useState)(0), numberOfFetchData = _10[0], setNumberOfFetchData = _10[1];
|
|
60
58
|
// const [locationSearch, setLocationSearch] = useState(typeof window !== 'undefined' ? window.location.search : '')
|
|
61
59
|
var numericalOrderDefault = tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { sticky: !!stickyColumnNumber });
|
|
62
60
|
// @ts-ignore
|
|
63
61
|
var params = new URLSearchParams(searchParams) || new URLSearchParams(window.location.search);
|
|
62
|
+
var _11 = (0, react_2.useState)(params.get("search-".concat(tableKey)) || ''), searchValue = _11[0], setSearchValue = _11[1];
|
|
63
|
+
var _12 = (0, react_2.useState)(!!params.get("search-".concat(tableKey))), isSearch = _12[0], setIsSearch = _12[1];
|
|
64
64
|
var entries = Object.fromEntries(params.entries());
|
|
65
65
|
var _13 = (0, react_2.useState)((entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) ? Number(entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)]) : rowNumber), rowQuantity = _13[0], setRowQuantity = _13[1];
|
|
66
66
|
var _14 = (0, react_2.useState)(false), isChangeRowQty = _14[0], setIsChangeRowQty = _14[1];
|
|
@@ -72,15 +72,6 @@ function PHXTableV3(_a) {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
}, [entries === null || entries === void 0 ? void 0 : entries["row-".concat(tableKey)], rowNumber]);
|
|
75
|
-
// useEffect(() => {
|
|
76
|
-
// if (typeof window !== 'undefined') {
|
|
77
|
-
// if (isResetPagination && window.location.search !== locationSearch) {
|
|
78
|
-
// params.set(`pagi-${tableKey}`, '1')
|
|
79
|
-
// router?.push(`?${params + ''}`)
|
|
80
|
-
// }
|
|
81
|
-
// setLocationSearch(window.location.search)
|
|
82
|
-
// }
|
|
83
|
-
// }, [window.location.search, isResetPagination])
|
|
84
75
|
var _15 = (0, useStickyLeft_1.useStickyLefts)((numericalOrderDefault === null || numericalOrderDefault === void 0 ? void 0 : numericalOrderDefault.sticky) && selectedAllPeople && selectedAllPeople.enable
|
|
85
76
|
? stickyColumnNumber + 2
|
|
86
77
|
: (numericalOrderDefault === null || numericalOrderDefault === void 0 ? void 0 : numericalOrderDefault.sticky) || (selectedAllPeople && selectedAllPeople.enable)
|
|
@@ -233,6 +224,8 @@ function PHXTableV3(_a) {
|
|
|
233
224
|
switch (_b.label) {
|
|
234
225
|
case 0:
|
|
235
226
|
setIsSearchLoading(true);
|
|
227
|
+
params.set("search-".concat(tableKey), searchValue);
|
|
228
|
+
router.push("?".concat(params + ''), { scroll: false });
|
|
236
229
|
_a = getData;
|
|
237
230
|
return [4 /*yield*/, fetchSearchData()];
|
|
238
231
|
case 1:
|
|
@@ -249,6 +242,9 @@ function PHXTableV3(_a) {
|
|
|
249
242
|
setSearchDataResult(data[dataTable]);
|
|
250
243
|
setIsSearchLoading(false);
|
|
251
244
|
setIsChangeRowQty(false);
|
|
245
|
+
setCurrentPage(1);
|
|
246
|
+
setPagi(0);
|
|
247
|
+
paginationData(0);
|
|
252
248
|
return [2 /*return*/];
|
|
253
249
|
}
|
|
254
250
|
});
|
|
@@ -267,9 +263,9 @@ function PHXTableV3(_a) {
|
|
|
267
263
|
return currentPagination;
|
|
268
264
|
};
|
|
269
265
|
var queryData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
270
|
-
var query, currentPagination, queryWithCurrentPagination, variables, queryFn, data, _a, dataTable_1, countPage, e_1;
|
|
271
|
-
return tslib_1.__generator(this, function (
|
|
272
|
-
switch (
|
|
266
|
+
var query, currentPagination, queryWithCurrentPagination, variables, queryFn, data, _a, _b, dataTable_1, countPage, e_1;
|
|
267
|
+
return tslib_1.__generator(this, function (_c) {
|
|
268
|
+
switch (_c.label) {
|
|
273
269
|
case 0:
|
|
274
270
|
query = dataQuery;
|
|
275
271
|
currentPagination = paginationWithApplyUrl();
|
|
@@ -281,9 +277,9 @@ function PHXTableV3(_a) {
|
|
|
281
277
|
: '';
|
|
282
278
|
query = hidePagination ? queryHidePagi : queryWithCurrentPagination;
|
|
283
279
|
}
|
|
284
|
-
|
|
280
|
+
_c.label = 1;
|
|
285
281
|
case 1:
|
|
286
|
-
|
|
282
|
+
_c.trys.push([1, 6, , 7]);
|
|
287
283
|
variables = (list === null || list === void 0 ? void 0 : list.persistedId)
|
|
288
284
|
? tslib_1.__assign(tslib_1.__assign({}, list === null || list === void 0 ? void 0 : list.variables), { limit: rowQuantity, offset: !isChangePageLoading ? (currentPagination - 1) * rowQuantity : pagination * rowQuantity }) : {};
|
|
289
285
|
queryFn = isQueryDataCenter
|
|
@@ -292,13 +288,21 @@ function PHXTableV3(_a) {
|
|
|
292
288
|
? PHXGrpcClientV3_1.PHXClientQueryDevPortalV3
|
|
293
289
|
: PHXGrpcClientV3_1.PHXClientQueryV3;
|
|
294
290
|
_a = getData;
|
|
295
|
-
return [
|
|
296
|
-
|
|
297
|
-
variables: variables,
|
|
298
|
-
persistedId: list === null || list === void 0 ? void 0 : list.persistedId,
|
|
299
|
-
})];
|
|
291
|
+
if (!searchValue) return [3 /*break*/, 3];
|
|
292
|
+
return [4 /*yield*/, fetchSearchData()];
|
|
300
293
|
case 2:
|
|
301
|
-
|
|
294
|
+
_b = _c.sent();
|
|
295
|
+
return [3 /*break*/, 5];
|
|
296
|
+
case 3: return [4 /*yield*/, queryFn({
|
|
297
|
+
query: query,
|
|
298
|
+
variables: variables,
|
|
299
|
+
persistedId: list === null || list === void 0 ? void 0 : list.persistedId,
|
|
300
|
+
})];
|
|
301
|
+
case 4:
|
|
302
|
+
_b = _c.sent();
|
|
303
|
+
_c.label = 5;
|
|
304
|
+
case 5:
|
|
305
|
+
data = _a.apply(void 0, [_b]);
|
|
302
306
|
if (!data)
|
|
303
307
|
return [2 /*return*/];
|
|
304
308
|
if (!isBackgroundReload || (numberOfFetchData === 0 && isBackgroundReload)) {
|
|
@@ -319,17 +323,21 @@ function PHXTableV3(_a) {
|
|
|
319
323
|
setIsChangeRowQty(false);
|
|
320
324
|
setNumberOfFetchData(numberOfFetchData + 1);
|
|
321
325
|
loaded === null || loaded === void 0 ? void 0 : loaded(true);
|
|
322
|
-
return [3 /*break*/,
|
|
323
|
-
case
|
|
324
|
-
e_1 =
|
|
326
|
+
return [3 /*break*/, 7];
|
|
327
|
+
case 6:
|
|
328
|
+
e_1 = _c.sent();
|
|
325
329
|
console.log(e_1);
|
|
326
|
-
return [3 /*break*/,
|
|
327
|
-
case
|
|
330
|
+
return [3 /*break*/, 7];
|
|
331
|
+
case 7: return [2 /*return*/];
|
|
328
332
|
}
|
|
329
333
|
});
|
|
330
334
|
}); };
|
|
331
335
|
(0, react_2.useEffect)(function () {
|
|
332
|
-
if (searchValue ===
|
|
336
|
+
if (!searchValue || numberOfFetchData === 0) {
|
|
337
|
+
if (!searchValue) {
|
|
338
|
+
params.delete("search-".concat(tableKey));
|
|
339
|
+
router.push("?".concat(params + ''), { scroll: false });
|
|
340
|
+
}
|
|
333
341
|
queryData();
|
|
334
342
|
}
|
|
335
343
|
else if (debouncedSearch) {
|
|
@@ -381,7 +389,7 @@ function PHXTableV3(_a) {
|
|
|
381
389
|
(dataTable.length === 0 && isSearch) ||
|
|
382
390
|
(dataTable.length === 0 && isSelectSort) ||
|
|
383
391
|
(dataTable.length === 0 && isSort) ||
|
|
384
|
-
(dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable))) && (react_2.default.createElement("div", { className: (0, types_1.classNames)(isSortEmpty && dataTable.length === 0 ? 'hidden' : 'min-w-full align-middle', (sort && sort.enable) || (search && search.enable) ? 'h-11' : '') },
|
|
392
|
+
(dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable))) && (react_2.default.createElement("div", { className: (0, types_1.classNames)(isSortEmpty && dataTable.length === 0 && !isSearch ? 'hidden' : 'min-w-full align-middle', (sort && sort.enable) || (search && search.enable) ? 'h-11' : '') },
|
|
385
393
|
react_2.default.createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition-[max-height,opacity] duration-300 ease-out overflow-hidden', enterFrom: 'max-h-0 opacity-0', enterTo: 'max-h-20 opacity-100', show: isSearch },
|
|
386
394
|
react_2.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg px-3 py-1 pl-5 ring-opacity-5', !sort || !sort.enable ? '' : '', searchDataResult.length === 0 && 'border-b', type === 'in-card' && 'bg-gray-50') },
|
|
387
395
|
react_2.default.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
@@ -403,7 +411,7 @@ function PHXTableV3(_a) {
|
|
|
403
411
|
!isSearch && (react_2.default.createElement("div", { className: 'mr-3 flex justify-center' }, isChangePageLoading ? react_2.default.createElement(Loading_1.PHXSpinner, null) : null)),
|
|
404
412
|
search && search.enable && (react_2.default.createElement("div", { className: 'rounded-lg bg-white' }, !isSearch && (react_2.default.createElement("button", { className: 'ml-1 flex rounded-lg 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' },
|
|
405
413
|
react_2.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))))),
|
|
406
|
-
dataTable.length > 0 ? (react_2.default.createElement("div", { className: 'relative' }, searchDataResult.length > 0 && !isMainLoading ? (react_2.default.createElement("div", { className: '-my-2 overflow-x-auto' },
|
|
414
|
+
dataTable.length > 0 || isSearch ? (react_2.default.createElement("div", { className: 'relative' }, searchDataResult.length > 0 && !isMainLoading ? (react_2.default.createElement("div", { className: '-my-2 overflow-x-auto' },
|
|
407
415
|
react_2.default.createElement("div", { className: (0, types_1.classNames)('min-w-full pb-2 align-middle ring-black ring-opacity-5', (search && search.enable) || (sort && sort.enable) ? '' : 'pt-0.5') },
|
|
408
416
|
react_2.default.createElement("div", { className: (0, types_1.classNames)('relative overflow-auto', (search && search.enable) || (sort && sort.enable)
|
|
409
417
|
? 'ring-1 ring-black ring-opacity-5'
|