phx-react 1.3.1463 → 1.3.1464
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/TableReport/component/Search.js +11 -10
- package/dist/cjs/components/TableReport/component/Search.js.map +1 -1
- package/dist/esm/components/TableReport/component/Search.js +11 -10
- package/dist/esm/components/TableReport/component/Search.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ function Search(_a) {
|
|
|
11
11
|
var _b = (0, react_2.useState)(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
12
12
|
var debouncedSearch = (0, useDebounce_1.default)(searchValue, 300);
|
|
13
13
|
(0, react_2.useEffect)(function () {
|
|
14
|
-
if (search.onChange) {
|
|
14
|
+
if (search.onChange && isSearch) {
|
|
15
15
|
search.onChange(debouncedSearch);
|
|
16
16
|
setCurrentPage(1);
|
|
17
17
|
setOffset(0);
|
|
@@ -20,6 +20,15 @@ function Search(_a) {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
}, [debouncedSearch]);
|
|
23
|
+
var cancelSearch = function () {
|
|
24
|
+
if (search.onChange && !!searchValue) {
|
|
25
|
+
search.onChange('');
|
|
26
|
+
}
|
|
27
|
+
setIsSearch(false);
|
|
28
|
+
setSearchValue('');
|
|
29
|
+
setCurrentPage(1);
|
|
30
|
+
setOffset(0);
|
|
31
|
+
};
|
|
23
32
|
return (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 },
|
|
24
33
|
react_2.default.createElement("div", { className: 'min-w-full' }, isSearch && (react_2.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg ring-opacity-5', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
25
34
|
react_2.default.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
@@ -28,15 +37,7 @@ function Search(_a) {
|
|
|
28
37
|
}, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
|
|
29
38
|
react_2.default.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? react_2.default.createElement(Loading_1.PHXSpinner, null) : null),
|
|
30
39
|
react_2.default.createElement("div", null,
|
|
31
|
-
react_2.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 () {
|
|
32
|
-
setIsSearch(false);
|
|
33
|
-
setSearchValue('');
|
|
34
|
-
if (search.onChange) {
|
|
35
|
-
search.onChange('');
|
|
36
|
-
}
|
|
37
|
-
setCurrentPage(1);
|
|
38
|
-
setOffset(0);
|
|
39
|
-
}, type: 'button' }, "Cancel")))))));
|
|
40
|
+
react_2.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 () { return cancelSearch(); }, type: 'button' }, "Cancel")))))));
|
|
40
41
|
}
|
|
41
42
|
exports.default = Search;
|
|
42
43
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,qDAA4D;AAE5D,qCAAwC;AACxC,yCAA0C;AAC1C,+EAAmD;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAC1F,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,IAAA,qBAAc,EAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,qDAA4D;AAE5D,qCAAwC;AACxC,yCAA0C;AAC1C,+EAAmD;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAC1F,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,IAAA,qBAAc,EAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;YAChC,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,IAAM,YAAY,GAAG;QACnB,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;YACrC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACrB,CAAC;QACD,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,cAAc,CAAC,CAAC,CAAC,CAAA;QACjB,SAAS,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,uCAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,uCAAK,SAAS,EAAC,uBAAuB;gBACpC,yCACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,UAAC,KAA0C;wBACnD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACpC,CAAC,EACD,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;YACN,uCAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAAC,oBAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,0CACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,EAC7B,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -8,7 +8,7 @@ function Search(_a) {
|
|
|
8
8
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
9
9
|
var debouncedSearch = PHXUseDebounce(searchValue, 300);
|
|
10
10
|
useEffect(function () {
|
|
11
|
-
if (search.onChange) {
|
|
11
|
+
if (search.onChange && isSearch) {
|
|
12
12
|
search.onChange(debouncedSearch);
|
|
13
13
|
setCurrentPage(1);
|
|
14
14
|
setOffset(0);
|
|
@@ -17,6 +17,15 @@ function Search(_a) {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}, [debouncedSearch]);
|
|
20
|
+
var cancelSearch = function () {
|
|
21
|
+
if (search.onChange && !!searchValue) {
|
|
22
|
+
search.onChange('');
|
|
23
|
+
}
|
|
24
|
+
setIsSearch(false);
|
|
25
|
+
setSearchValue('');
|
|
26
|
+
setCurrentPage(1);
|
|
27
|
+
setOffset(0);
|
|
28
|
+
};
|
|
20
29
|
return (React.createElement(Transition, { as: 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 },
|
|
21
30
|
React.createElement("div", { className: 'min-w-full' }, isSearch && (React.createElement("div", { className: classNames('flex flex-row items-center justify-center rounded-tl-lg rounded-tr-lg ring-opacity-5', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
22
31
|
React.createElement("div", { className: 'relative mr-2 w-11/12' },
|
|
@@ -25,15 +34,7 @@ function Search(_a) {
|
|
|
25
34
|
}, placeholder: 'T\u00ECm ki\u1EBFm', type: 'text', value: searchValue })),
|
|
26
35
|
React.createElement("div", { className: 'flex w-14 justify-center pt-1' }, search.loading ? React.createElement(PHXSpinner, null) : null),
|
|
27
36
|
React.createElement("div", null,
|
|
28
|
-
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 () {
|
|
29
|
-
setIsSearch(false);
|
|
30
|
-
setSearchValue('');
|
|
31
|
-
if (search.onChange) {
|
|
32
|
-
search.onChange('');
|
|
33
|
-
}
|
|
34
|
-
setCurrentPage(1);
|
|
35
|
-
setOffset(0);
|
|
36
|
-
}, type: 'button' }, "Cancel")))))));
|
|
37
|
+
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 () { return cancelSearch(); }, type: 'button' }, "Cancel")))))));
|
|
37
38
|
}
|
|
38
39
|
export default Search;
|
|
39
40
|
//# sourceMappingURL=Search.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAC1F,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,SAAS,CAAC;QACR,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAYnD,SAAS,MAAM,CAAC,EAAiG;QAA/F,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA;IAC1F,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,eAAe,GAAG,cAAc,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;IAExD,SAAS,CAAC;QACR,IAAI,MAAM,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;YAChC,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,CAAC,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,IAAM,YAAY,GAAG;QACnB,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;YACrC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACrB,CAAC;QACD,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,cAAc,CAAC,EAAE,CAAC,CAAA;QAClB,cAAc,CAAC,CAAC,CAAC,CAAA;QACjB,SAAS,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,uEAAuE,EAC7E,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,sBAAsB,EAC9B,IAAI,EAAE,QAAQ;QAEd,6BAAK,SAAS,EAAC,YAAY,IACxB,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,UAAU,CACnB,sFAAsF,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;YAED,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,+BACE,SAAS,QACT,SAAS,EAAC,iLAAiL,EAC3L,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,UAAC,KAA0C;wBACnD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACpC,CAAC,EACD,WAAW,EAAC,oBAAU,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACE;YACN,6BAAK,SAAS,EAAC,+BAA+B,IAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,IAAI,CAAO;YAC7F;gBACE,gCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,EAC7B,IAAI,EAAC,QAAQ,aAGN,CACL,CACF,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|