pne-ui 1.0.74 → 1.0.75
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/cjs/component/search-ui/filters/component/criterion/ExactSearchCriterion.js +8 -2
- package/cjs/component/search-ui/filters/component/criterion/ExactSearchCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ExactSearchCriterion.js +8 -2
- package/esm/component/search-ui/filters/component/criterion/ExactSearchCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ExactSearchCriterion = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const react_1 = tslib_1.
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
const SearchUIExactSearchLabelSelect_1 = tslib_1.__importDefault(require("../select/SearchUIExactSearchLabelSelect"));
|
|
7
7
|
const react_i18next_1 = require("react-i18next");
|
|
8
8
|
const store_1 = require("../../state/store");
|
|
9
9
|
const material_1 = require("@mui/material");
|
|
10
10
|
const __1 = require("../../../../..");
|
|
11
|
+
const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
|
|
11
12
|
const ExactSearchCriterion = () => {
|
|
12
13
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
13
14
|
const { exactSearchLabel, exactSearchValue, exactSearchLabels, setExactCriterionSearchLabel, setExactCriterionSearchValue, } = (0, store_1.useSearchUIStore)((store) => ({
|
|
@@ -17,8 +18,13 @@ const ExactSearchCriterion = () => {
|
|
|
17
18
|
setExactCriterionSearchLabel: store.setExactCriterionSearchLabel,
|
|
18
19
|
setExactCriterionSearchValue: store.setExactCriterionSearchValue,
|
|
19
20
|
}));
|
|
21
|
+
const [searchValue, setSearchValue] = (0, react_1.useState)(exactSearchValue);
|
|
22
|
+
const debouncedSetSearchValue = (0, react_1.useCallback)((0, debounce_1.default)(setExactCriterionSearchValue, 300), []);
|
|
23
|
+
(0, react_1.useEffect)(() => {
|
|
24
|
+
debouncedSetSearchValue(searchValue);
|
|
25
|
+
}, [searchValue]);
|
|
20
26
|
return react_1.default.createElement(material_1.Box, { sx: centerSx },
|
|
21
|
-
react_1.default.createElement(__1.PneTextField, { value:
|
|
27
|
+
react_1.default.createElement(__1.PneTextField, { value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: t('search'), sx: valueInputSx, size: 'small', variant: 'filled', InputProps: {
|
|
22
28
|
disableUnderline: true,
|
|
23
29
|
} }),
|
|
24
30
|
react_1.default.createElement(material_1.Box, { component: 'span', sx: { display: 'inline-block', color: '#8A94A6' } }, t('in')),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExactSearchCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ExactSearchCriterion.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ExactSearchCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ExactSearchCriterion.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8D;AAC9D,sHAAsF;AACtF,iDAA6C;AAC7C,6CAAmD;AACnD,4CAA2C;AAC3C,sCAA4C;AAC5C,uEAAuC;AAEhC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAErC,MAAM,EAAC,CAAC,EAAC,GAAG,IAAA,8BAAc,GAAE,CAAA;IAC5B,MAAM,EACF,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,4BAA4B,EAC5B,4BAA4B,GAC/B,GAAG,IAAA,wBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAC1C,4BAA4B,EAAE,KAAK,CAAC,4BAA4B;QAChE,4BAA4B,EAAE,KAAK,CAAC,4BAA4B;KACnE,CAAC,CAAC,CAAA;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEhE,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EACvC,IAAA,kBAAQ,EAAC,4BAA4B,EAAE,GAAG,CAAC,EAC3C,EAAE,CACL,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,uBAAuB,CAAC,WAAW,CAAC,CAAA;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,8BAAC,cAAG,IAAC,EAAE,EAAE,QAAQ;QACpB,8BAAC,gBAAY,IACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EACxB,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE;gBACR,gBAAgB,EAAE,IAAI;aACzB,GACH;QACF,8BAAC,cAAG,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAC,IAAG,CAAC,CAAC,IAAI,CAAC,CAAO;QACxF,8BAAC,wCAA8B,IAC3B,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,4BAA4B,GACxC,CACA,CAAA;AACV,CAAC,CAAA;AA9CY,QAAA,oBAAoB,wBA8ChC;AAED,MAAM,QAAQ,GAAY;IACtB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,YAAY,GAAY;IAC1B,0CAA0C,EAAE;QACxC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;KACvB;IACD,4CAA4C,EAAE;QAC1C,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACrB;CACJ,CAAA"}
|
package/cjs/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchUIExactSearchLabelSelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.tsx"],"names":[],"mappings":";;;AAAA,uDAAsC;AAEtC,
|
|
1
|
+
{"version":3,"file":"SearchUIExactSearchLabelSelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.tsx"],"names":[],"mappings":";;;AAAA,uDAAsC;AAEtC,4CAAwC;AACxC,iDAA6C;AAC7C,wDAA+C;AAC/C,mCAA0C;AAC1C,sCAAyC;AAQzC,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,IAAA,8BAAc,EAAC,EAAE,EAAE,EAAC,SAAS,EAAE,qCAAqC,EAAC,CAAC,CAAA;IAClG,MAAM,EACF,KAAK,EACL,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;QAClC,8BAAC,eAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,8BAAC,2BAAU,OAAE,EACzB,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAC5B,IAAI,EAAE,OAAO,GACf;QACF,8BAAC,aAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,EAAE,EAAE,yBAAiB,EACrB,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAsC,CAAC,EACrE,OAAO,EAAE,OAAO,GAClB,CACA,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,8BAA8B,CAAA"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
2
|
import SearchUIExactSearchLabelSelect from '../select/SearchUIExactSearchLabelSelect';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
4
|
import { useSearchUIStore } from '../../state/store';
|
|
5
5
|
import { Box } from '@mui/material';
|
|
6
6
|
import { PneTextField } from '../../../../..';
|
|
7
|
+
import debounce from 'lodash/debounce';
|
|
7
8
|
export const ExactSearchCriterion = () => {
|
|
8
9
|
const { t } = useTranslation();
|
|
9
10
|
const { exactSearchLabel, exactSearchValue, exactSearchLabels, setExactCriterionSearchLabel, setExactCriterionSearchValue, } = useSearchUIStore((store) => ({
|
|
@@ -13,8 +14,13 @@ export const ExactSearchCriterion = () => {
|
|
|
13
14
|
setExactCriterionSearchLabel: store.setExactCriterionSearchLabel,
|
|
14
15
|
setExactCriterionSearchValue: store.setExactCriterionSearchValue,
|
|
15
16
|
}));
|
|
17
|
+
const [searchValue, setSearchValue] = useState(exactSearchValue);
|
|
18
|
+
const debouncedSetSearchValue = useCallback(debounce(setExactCriterionSearchValue, 300), []);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
debouncedSetSearchValue(searchValue);
|
|
21
|
+
}, [searchValue]);
|
|
16
22
|
return React.createElement(Box, { sx: centerSx },
|
|
17
|
-
React.createElement(PneTextField, { value:
|
|
23
|
+
React.createElement(PneTextField, { value: searchValue, onChange: (e) => setSearchValue(e.target.value), placeholder: t('search'), sx: valueInputSx, size: 'small', variant: 'filled', InputProps: {
|
|
18
24
|
disableUnderline: true,
|
|
19
25
|
} }),
|
|
20
26
|
React.createElement(Box, { component: 'span', sx: { display: 'inline-block', color: '#8A94A6' } }, t('in')),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExactSearchCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ExactSearchCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExactSearchCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ExactSearchCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,8BAA8B,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAC,GAAG,EAAU,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAErC,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAC5B,MAAM,EACF,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,4BAA4B,EAC5B,4BAA4B,GAC/B,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC7B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAC1C,4BAA4B,EAAE,KAAK,CAAC,4BAA4B;QAChE,4BAA4B,EAAE,KAAK,CAAC,4BAA4B;KACnE,CAAC,CAAC,CAAA;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAEhE,MAAM,uBAAuB,GAAG,WAAW,CACvC,QAAQ,CAAC,4BAA4B,EAAE,GAAG,CAAC,EAC3C,EAAE,CACL,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,uBAAuB,CAAC,WAAW,CAAC,CAAA;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ;QACpB,oBAAC,YAAY,IACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EACxB,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE;gBACR,gBAAgB,EAAE,IAAI;aACzB,GACH;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAC,IAAG,CAAC,CAAC,IAAI,CAAC,CAAO;QACxF,oBAAC,8BAA8B,IAC3B,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,4BAA4B,GACxC,CACA,CAAA;AACV,CAAC,CAAA;AAED,MAAM,QAAQ,GAAY;IACtB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,KAAK;CACnB,CAAA;AAED,MAAM,YAAY,GAAY;IAC1B,0CAA0C,EAAE;QACxC,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;KACvB;IACD,4CAA4C,EAAE;QAC1C,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACrB;CACJ,CAAA"}
|
package/esm/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchUIExactSearchLabelSelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,GAAG,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"SearchUIExactSearchLabelSelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAQzC,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE;IACrD,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,cAAc,CAAC,EAAE,EAAE,EAAC,SAAS,EAAE,qCAAqC,EAAC,CAAC,CAAA;IAClG,MAAM,EACF,KAAK,EACL,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;QAClC,oBAAC,IAAI,IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC7B,UAAU,EAAE,oBAAC,UAAU,OAAE,EACzB,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAC5B,IAAI,EAAE,OAAO,GACf;QACF,oBAAC,SAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,EAAE,EAAE,iBAAiB,EACrB,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAChD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAsC,CAAC,EACrE,OAAO,EAAE,OAAO,GAClB,CACA,CAAA;AACV,CAAC,CAAA;AAED,eAAe,8BAA8B,CAAA"}
|