pne-ui 3.0.79 → 3.0.80
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/common/paynet/dropdown.d.ts +1 -0
- package/cjs/common/paynet/dropdown.js +17 -1
- package/cjs/common/paynet/dropdown.js.map +1 -1
- package/cjs/component/dropdown/PneAsyncAutocomplete.js +26 -8
- package/cjs/component/dropdown/PneAsyncAutocomplete.js.map +1 -1
- package/cjs/component/dropdown/PneAutocomplete.js +1 -1
- package/cjs/component/dropdown/PneAutocomplete.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js +11 -1
- package/cjs/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js.map +1 -1
- package/esm/common/paynet/dropdown.d.ts +1 -0
- package/esm/common/paynet/dropdown.js +15 -0
- package/esm/common/paynet/dropdown.js.map +1 -1
- package/esm/component/dropdown/PneAsyncAutocomplete.js +28 -10
- package/esm/component/dropdown/PneAsyncAutocomplete.js.map +1 -1
- package/esm/component/dropdown/PneAutocomplete.js +2 -2
- package/esm/component/dropdown/PneAutocomplete.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js +11 -1
- package/esm/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,5 +2,6 @@ import { AutocompleteFreeSoloValueMapping, SxProps } from '@mui/material';
|
|
|
2
2
|
import { AbstractEntity, AutoCompleteChoice } from "./type";
|
|
3
3
|
export type PneDropdownChoice = AutoCompleteChoice | AbstractEntity | string;
|
|
4
4
|
export declare const getOptionLabel: <T extends PneDropdownChoice, FreeSolo>(option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
|
|
5
|
+
export declare const getOptionKey: <T extends PneDropdownChoice, FreeSolo>(option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => number | AutocompleteFreeSoloValueMapping<FreeSolo> | (T & string);
|
|
5
6
|
export declare const isOptionEqualToValue: <T extends PneDropdownChoice>(option: T, value: T) => boolean;
|
|
6
7
|
export declare const dropDownSx: SxProps;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.dropDownSx = exports.isOptionEqualToValue = exports.getOptionLabel = void 0;
|
|
3
|
+
exports.dropDownSx = exports.isOptionEqualToValue = exports.getOptionKey = exports.getOptionLabel = void 0;
|
|
4
4
|
const pne_1 = require("../pne");
|
|
5
5
|
const type_1 = require("./type");
|
|
6
6
|
const getOptionLabel = (option) => {
|
|
@@ -19,6 +19,22 @@ const getOptionLabel = (option) => {
|
|
|
19
19
|
+ JSON.stringify(option, null, 4));
|
|
20
20
|
};
|
|
21
21
|
exports.getOptionLabel = getOptionLabel;
|
|
22
|
+
const getOptionKey = (option) => {
|
|
23
|
+
if (typeof option === 'string') {
|
|
24
|
+
return option;
|
|
25
|
+
}
|
|
26
|
+
(0, pne_1.assertObject)(option);
|
|
27
|
+
if ((0, type_1.isIAutoCompleteChoice)(option)) {
|
|
28
|
+
return option.choiceId;
|
|
29
|
+
}
|
|
30
|
+
else if ((0, type_1.isAbstractEntity)(option)) {
|
|
31
|
+
return option.id;
|
|
32
|
+
}
|
|
33
|
+
(0, pne_1.exhaustiveCheck)(option);
|
|
34
|
+
throw new TypeError('Incompatible types of option:\n'
|
|
35
|
+
+ JSON.stringify(option, null, 4));
|
|
36
|
+
};
|
|
37
|
+
exports.getOptionKey = getOptionKey;
|
|
22
38
|
const isOptionEqualToValue = (option, value) => {
|
|
23
39
|
if (typeof option === 'string' && typeof value === 'string') {
|
|
24
40
|
return option === value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/common/paynet/dropdown.ts"],"names":[],"mappings":";;;AAAA,gCAAsD;AAEtD,iCAAmG;AAI5F,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IAED,IAAA,qBAAe,EAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,cAAc,kBAmB1B;AAEM,MAAM,oBAAoB,GAAG,CAA8B,MAAS,EAAE,KAAQ,EAAE,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC1D,OAAO,MAAM,KAAK,KAAK,CAAA;IAC3B,CAAC;IAED,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAA,kBAAY,EAAC,KAAK,CAAC,CAAA;IACnB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,IAAI,IAAA,4BAAqB,EAAC,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;IAC7C,CAAC;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,IAAI,IAAA,uBAAgB,EAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAA;IACjC,CAAC;IAED,4BAA4B;IAC5B,iCAAiC;IAEjC,MAAM,IAAI,SAAS,CAAC,2CAA2C;UACzD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI;UACtC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACnC,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,oBAAoB,wBAoBhC;AAEY,QAAA,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/common/paynet/dropdown.ts"],"names":[],"mappings":";;;AAAA,gCAAsD;AAEtD,iCAAmG;AAI5F,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IAED,IAAA,qBAAe,EAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,cAAc,kBAmB1B;AAEM,MAAM,YAAY,GAAG,CACxB,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,QAAQ,CAAA;IAC1B,CAAC;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,EAAE,CAAA;IACpB,CAAC;IAED,IAAA,qBAAe,EAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAnBY,QAAA,YAAY,gBAmBxB;AAEM,MAAM,oBAAoB,GAAG,CAA8B,MAAS,EAAE,KAAQ,EAAE,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC1D,OAAO,MAAM,KAAK,KAAK,CAAA;IAC3B,CAAC;IAED,IAAA,kBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAA,kBAAY,EAAC,KAAK,CAAC,CAAA;IACnB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,IAAI,IAAA,4BAAqB,EAAC,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;IAC7C,CAAC;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,IAAI,IAAA,uBAAgB,EAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAA;IACjC,CAAC;IAED,4BAA4B;IAC5B,iCAAiC;IAEjC,MAAM,IAAI,SAAS,CAAC,2CAA2C;UACzD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI;UACtC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACnC,CAAA;AACL,CAAC,CAAA;AApBY,QAAA,oBAAoB,wBAoBhC;AAEY,QAAA,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}
|
|
@@ -16,27 +16,45 @@ const PneAsyncAutocomplete = (props) => {
|
|
|
16
16
|
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
17
17
|
const [inputValue, setInputValue] = (0, react_1.useState)('');
|
|
18
18
|
const id = (0, react_1.useId)();
|
|
19
|
+
const requestIdRef = (0, react_1.useRef)(0);
|
|
19
20
|
(0, react_1.useEffect)(() => {
|
|
20
21
|
if (!open) {
|
|
22
|
+
requestIdRef.current += 1;
|
|
23
|
+
setLoading(false);
|
|
24
|
+
setOptions([]);
|
|
21
25
|
return;
|
|
22
26
|
}
|
|
27
|
+
const requestId = ++requestIdRef.current;
|
|
28
|
+
let active = true;
|
|
29
|
+
setOptions([]);
|
|
23
30
|
setLoading(true);
|
|
24
31
|
searchChoices({ searchString: inputValue })
|
|
25
|
-
.then(
|
|
32
|
+
.then((result) => {
|
|
33
|
+
if (!active || requestIdRef.current !== requestId) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
setOptions(result);
|
|
37
|
+
})
|
|
26
38
|
.catch(reason => {
|
|
39
|
+
if (!active || requestIdRef.current !== requestId) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
27
42
|
Promise.resolve(reason)
|
|
28
43
|
.then(value => {
|
|
29
44
|
onSearchError ? onSearchError(value) : console.error(value);
|
|
30
45
|
});
|
|
31
46
|
})
|
|
32
|
-
.finally(() =>
|
|
47
|
+
.finally(() => {
|
|
48
|
+
if (!active || requestIdRef.current !== requestId) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
setLoading(false);
|
|
52
|
+
});
|
|
53
|
+
return () => {
|
|
54
|
+
active = false;
|
|
55
|
+
};
|
|
33
56
|
}, [open, inputValue, onSearchError, searchChoices]);
|
|
34
|
-
(
|
|
35
|
-
if (!open) {
|
|
36
|
-
setOptions([]);
|
|
37
|
-
}
|
|
38
|
-
}, [open]);
|
|
39
|
-
return react_1.default.createElement(material_1.Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (react_1.default.createElement(index_1.PneTextField, { ...params, label: label, placeholder: placeholder, InputProps: {
|
|
57
|
+
return react_1.default.createElement(material_1.Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (react_1.default.createElement(index_1.PneTextField, { ...params, label: label, placeholder: placeholder, InputProps: {
|
|
40
58
|
...params.InputProps,
|
|
41
59
|
endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
|
|
42
60
|
loading ? react_1.default.createElement(material_1.CircularProgress, { color: "inherit", size: 20 }) : null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ const PneAutocomplete = (props) => {
|
|
|
11
11
|
dropdown_1.dropDownSx,
|
|
12
12
|
...(Array.isArray(sx) ? sx : [sx])
|
|
13
13
|
];
|
|
14
|
-
return react_1.default.createElement(material_1.Autocomplete, { isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, renderInput: (params) => {
|
|
14
|
+
return react_1.default.createElement(material_1.Autocomplete, { isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, renderInput: (params) => {
|
|
15
15
|
return react_1.default.createElement(index_1.PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error, helperText: helperText });
|
|
16
16
|
}, size: size, sx: innerSx, ...rest });
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AAEvE,
|
|
1
|
+
{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AAEvE,2DAMsC;AACtC,uCAAyC;AAezC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,qBAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,8BAAC,uBAAY,IAChB,oBAAoB,EAAE,+BAAoB,EAC1C,cAAc,EAAE,yBAAc,EAC9B,YAAY,EAAE,uBAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,8BAAC,oBAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ErrorCodeCriterion = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
6
7
|
const store_1 = require("../../state/store");
|
|
7
8
|
const SearchUIProvider_1 = require("../../../SearchUIProvider");
|
|
8
9
|
const __1 = require("../../../../..");
|
|
@@ -12,7 +13,10 @@ const ErrorCodeCriterion = () => {
|
|
|
12
13
|
const errorCode = (0, store_1.useSearchUIFiltersStore)(s => s.errorCode);
|
|
13
14
|
const setErrorCode = (0, store_1.useSearchUIFiltersStore)(s => s.setErrorCodeCriterion);
|
|
14
15
|
const { searchErrorCodes } = (0, react_1.useContext)(SearchUIProvider_1.SearchUIDefaultsContext);
|
|
15
|
-
return react_1.default.createElement(__1.PneAsyncAutocomplete, { value: errorCode, onChange: (e, value) => setErrorCode(value), searchChoices: searchErrorCodes,
|
|
16
|
+
return react_1.default.createElement(__1.PneAsyncAutocomplete, { value: errorCode, onChange: (e, value) => setErrorCode(value), searchChoices: searchErrorCodes, renderOption: (props, option) => (react_1.default.createElement("li", { ...props },
|
|
17
|
+
react_1.default.createElement(material_1.Box, { sx: optionContentSx },
|
|
18
|
+
react_1.default.createElement(material_1.Typography, { component: "span", variant: "body2" }, option.displayName),
|
|
19
|
+
option.description && (react_1.default.createElement(material_1.Typography, { component: "span", variant: "caption", color: "text.secondary" }, option.description))))), placeholder: t('search'), sx: {
|
|
16
20
|
width: '300px',
|
|
17
21
|
'& .MuiSvgIcon-root.MuiSelect-icon': {
|
|
18
22
|
display: 'none',
|
|
@@ -32,4 +36,10 @@ const ErrorCodeCriterion = () => {
|
|
|
32
36
|
};
|
|
33
37
|
exports.ErrorCodeCriterion = ErrorCodeCriterion;
|
|
34
38
|
exports.default = exports.ErrorCodeCriterion;
|
|
39
|
+
const optionContentSx = {
|
|
40
|
+
display: 'flex',
|
|
41
|
+
flexDirection: 'column',
|
|
42
|
+
alignItems: 'flex-start',
|
|
43
|
+
py: '4px',
|
|
44
|
+
};
|
|
35
45
|
//# sourceMappingURL=ErrorCodeCriterion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorCodeCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ErrorCodeCriterion.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,6CAA2D;AAC3D,gEAAmE;AACnE,sCAAyE;AACzE,iDAA8C;AAEvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAA;IAC9B,MAAM,SAAS,GAAG,IAAA,+BAAuB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,IAAA,+BAAuB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAE1E,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,0CAAuB,CAAC,CAAA;IAEhE,OAAO,8BAAC,wBAAoB,IACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAC3C,aAAa,EAAE,gBAAgB,EAC/B,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EACxB,EAAE,EAAE;YACA,KAAK,EAAE,OAAO;YACd,mCAAmC,EAAE;gBACjC,OAAO,EAAE,MAAM;aAClB;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,CAAC;aACd;YACD,oCAAoC,EAAE;gBAClC,WAAW,EAAE,wBAAwB;aACxC;YACD,+DAA+D,EAAE;gBAC7D,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,GAAG;aAChB;SACJ,GACH,CAAA;AACN,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"ErrorCodeCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ErrorCodeCriterion.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,4CAA+C;AAC/C,6CAA2D;AAC3D,gEAAmE;AACnE,sCAAyE;AACzE,iDAA8C;AAEvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAA;IAC9B,MAAM,SAAS,GAAG,IAAA,+BAAuB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,IAAA,+BAAuB,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAE1E,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,0CAAuB,CAAC,CAAA;IAEhE,OAAO,8BAAC,wBAAoB,IACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAC3C,aAAa,EAAE,gBAAgB,EAC/B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAC7B,yCAAQ,KAAK;YACT,8BAAC,cAAG,IAAC,EAAE,EAAE,eAAe;gBACpB,8BAAC,qBAAU,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,IACvC,MAAM,CAAC,WAAW,CACV;gBACZ,MAAM,CAAC,WAAW,IAAI,CACnB,8BAAC,qBAAU,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,IAChE,MAAM,CAAC,WAAW,CACV,CAChB,CACC,CACL,CACR,EACD,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EACxB,EAAE,EAAE;YACA,KAAK,EAAE,OAAO;YACd,mCAAmC,EAAE;gBACjC,OAAO,EAAE,MAAM;aAClB;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,CAAC;aACd;YACD,oCAAoC,EAAE;gBAClC,WAAW,EAAE,wBAAwB;aACxC;YACD,+DAA+D,EAAE;gBAC7D,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,GAAG;aAChB;SACJ,GACH,CAAA;AACN,CAAC,CAAA;AA5CY,QAAA,kBAAkB,sBA4C9B;AAED,kBAAe,0BAAkB,CAAA;AAEjC,MAAM,eAAe,GAAG;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,EAAE,EAAE,KAAK;CACZ,CAAA"}
|
|
@@ -2,5 +2,6 @@ import { AutocompleteFreeSoloValueMapping, SxProps } from '@mui/material';
|
|
|
2
2
|
import { AbstractEntity, AutoCompleteChoice } from "./type";
|
|
3
3
|
export type PneDropdownChoice = AutoCompleteChoice | AbstractEntity | string;
|
|
4
4
|
export declare const getOptionLabel: <T extends PneDropdownChoice, FreeSolo>(option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
|
|
5
|
+
export declare const getOptionKey: <T extends PneDropdownChoice, FreeSolo>(option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => number | AutocompleteFreeSoloValueMapping<FreeSolo> | (T & string);
|
|
5
6
|
export declare const isOptionEqualToValue: <T extends PneDropdownChoice>(option: T, value: T) => boolean;
|
|
6
7
|
export declare const dropDownSx: SxProps;
|
|
@@ -15,6 +15,21 @@ export const getOptionLabel = (option) => {
|
|
|
15
15
|
throw new TypeError('Incompatible types of option:\n'
|
|
16
16
|
+ JSON.stringify(option, null, 4));
|
|
17
17
|
};
|
|
18
|
+
export const getOptionKey = (option) => {
|
|
19
|
+
if (typeof option === 'string') {
|
|
20
|
+
return option;
|
|
21
|
+
}
|
|
22
|
+
assertObject(option);
|
|
23
|
+
if (isIAutoCompleteChoice(option)) {
|
|
24
|
+
return option.choiceId;
|
|
25
|
+
}
|
|
26
|
+
else if (isAbstractEntity(option)) {
|
|
27
|
+
return option.id;
|
|
28
|
+
}
|
|
29
|
+
exhaustiveCheck(option);
|
|
30
|
+
throw new TypeError('Incompatible types of option:\n'
|
|
31
|
+
+ JSON.stringify(option, null, 4));
|
|
32
|
+
};
|
|
18
33
|
export const isOptionEqualToValue = (option, value) => {
|
|
19
34
|
if (typeof option === 'string' && typeof value === 'string') {
|
|
20
35
|
return option === value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/common/paynet/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,eAAe,GAAE,MAAM,QAAQ,CAAC;AAEtD,OAAO,EAAqC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,QAAQ,CAAC;AAInG,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IAED,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAA8B,MAAS,EAAE,KAAQ,EAAE,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC1D,OAAO,MAAM,KAAK,KAAK,CAAA;IAC3B,CAAC;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,YAAY,CAAC,KAAK,CAAC,CAAA;IACnB,IAAI,qBAAqB,CAAC,MAAM,CAAC,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;IAC7C,CAAC;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAA;IACjC,CAAC;IAED,4BAA4B;IAC5B,iCAAiC;IAEjC,MAAM,IAAI,SAAS,CAAC,2CAA2C;UACzD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI;UACtC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACnC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/common/paynet/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,eAAe,GAAE,MAAM,QAAQ,CAAC;AAEtD,OAAO,EAAqC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,QAAQ,CAAC;AAInG,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IAED,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAA;IACjB,CAAC;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO,MAAM,CAAC,QAAQ,CAAA;IAC1B,CAAC;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,EAAE,CAAA;IACpB,CAAC;IAED,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAA8B,MAAS,EAAE,KAAQ,EAAE,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC1D,OAAO,MAAM,KAAK,KAAK,CAAA;IAC3B,CAAC;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,YAAY,CAAC,KAAK,CAAC,CAAA;IACnB,IAAI,qBAAqB,CAAC,MAAM,CAAC,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;IAC7C,CAAC;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAA;IACjC,CAAC;IAED,4BAA4B;IAC5B,iCAAiC;IAEjC,MAAM,IAAI,SAAS,CAAC,2CAA2C;UACzD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI;UACtC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACnC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React, { useEffect, useId, useState } from 'react';
|
|
1
|
+
import React, { useEffect, useId, useRef, useState } from 'react';
|
|
2
2
|
import { Autocomplete, CircularProgress } from '@mui/material';
|
|
3
|
-
import { dropDownSx, getOptionLabel, isOptionEqualToValue } from '../../common/paynet/dropdown';
|
|
3
|
+
import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
|
|
4
4
|
import { PneTextField } from "../../index";
|
|
5
5
|
const PneAsyncAutocomplete = (props) => {
|
|
6
6
|
const { searchChoices, label, size = 'small', error = false, helperText, sx, placeholder, onSearchError, ...rest } = props;
|
|
@@ -13,27 +13,45 @@ const PneAsyncAutocomplete = (props) => {
|
|
|
13
13
|
const [loading, setLoading] = useState(false);
|
|
14
14
|
const [inputValue, setInputValue] = useState('');
|
|
15
15
|
const id = useId();
|
|
16
|
+
const requestIdRef = useRef(0);
|
|
16
17
|
useEffect(() => {
|
|
17
18
|
if (!open) {
|
|
19
|
+
requestIdRef.current += 1;
|
|
20
|
+
setLoading(false);
|
|
21
|
+
setOptions([]);
|
|
18
22
|
return;
|
|
19
23
|
}
|
|
24
|
+
const requestId = ++requestIdRef.current;
|
|
25
|
+
let active = true;
|
|
26
|
+
setOptions([]);
|
|
20
27
|
setLoading(true);
|
|
21
28
|
searchChoices({ searchString: inputValue })
|
|
22
|
-
.then(
|
|
29
|
+
.then((result) => {
|
|
30
|
+
if (!active || requestIdRef.current !== requestId) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
setOptions(result);
|
|
34
|
+
})
|
|
23
35
|
.catch(reason => {
|
|
36
|
+
if (!active || requestIdRef.current !== requestId) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
24
39
|
Promise.resolve(reason)
|
|
25
40
|
.then(value => {
|
|
26
41
|
onSearchError ? onSearchError(value) : console.error(value);
|
|
27
42
|
});
|
|
28
43
|
})
|
|
29
|
-
.finally(() =>
|
|
44
|
+
.finally(() => {
|
|
45
|
+
if (!active || requestIdRef.current !== requestId) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
setLoading(false);
|
|
49
|
+
});
|
|
50
|
+
return () => {
|
|
51
|
+
active = false;
|
|
52
|
+
};
|
|
30
53
|
}, [open, inputValue, onSearchError, searchChoices]);
|
|
31
|
-
|
|
32
|
-
if (!open) {
|
|
33
|
-
setOptions([]);
|
|
34
|
-
}
|
|
35
|
-
}, [open]);
|
|
36
|
-
return React.createElement(Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, InputProps: {
|
|
54
|
+
return React.createElement(Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, InputProps: {
|
|
37
55
|
...params.InputProps,
|
|
38
56
|
endAdornment: (React.createElement(React.Fragment, null,
|
|
39
57
|
loading ? React.createElement(CircularProgress, { color: "inherit", size: 20 }) : null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Autocomplete } from '@mui/material';
|
|
3
|
-
import { dropDownSx, getOptionLabel, isOptionEqualToValue } from '../../common/paynet/dropdown';
|
|
3
|
+
import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
|
|
4
4
|
import { PneTextField } from "../../index";
|
|
5
5
|
const PneAutocomplete = (props) => {
|
|
6
6
|
const { label, variant, size = 'small', error = false, helperText, sx, placeholder, ...rest } = props;
|
|
@@ -8,7 +8,7 @@ const PneAutocomplete = (props) => {
|
|
|
8
8
|
dropDownSx,
|
|
9
9
|
...(Array.isArray(sx) ? sx : [sx])
|
|
10
10
|
];
|
|
11
|
-
return React.createElement(Autocomplete, { isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, renderInput: (params) => {
|
|
11
|
+
return React.createElement(Autocomplete, { isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, renderInput: (params) => {
|
|
12
12
|
return React.createElement(PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error, helperText: helperText });
|
|
13
13
|
}, size: size, sx: innerSx, ...rest });
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,YAAY,EAA6B,MAAM,eAAe,CAAC;AAEvE,OAAO,
|
|
1
|
+
{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,YAAY,EAA6B,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,UAAU,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAezC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,UAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,YAAY,IAChB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,oBAAC,YAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
+
import { Box, Typography } from '@mui/material';
|
|
2
3
|
import { useSearchUIFiltersStore } from '../../state/store';
|
|
3
4
|
import { SearchUIDefaultsContext } from '../../../SearchUIProvider';
|
|
4
5
|
import { PneAsyncAutocomplete } from '../../../../..';
|
|
@@ -8,7 +9,10 @@ export const ErrorCodeCriterion = () => {
|
|
|
8
9
|
const errorCode = useSearchUIFiltersStore(s => s.errorCode);
|
|
9
10
|
const setErrorCode = useSearchUIFiltersStore(s => s.setErrorCodeCriterion);
|
|
10
11
|
const { searchErrorCodes } = useContext(SearchUIDefaultsContext);
|
|
11
|
-
return React.createElement(PneAsyncAutocomplete, { value: errorCode, onChange: (e, value) => setErrorCode(value), searchChoices: searchErrorCodes,
|
|
12
|
+
return React.createElement(PneAsyncAutocomplete, { value: errorCode, onChange: (e, value) => setErrorCode(value), searchChoices: searchErrorCodes, renderOption: (props, option) => (React.createElement("li", { ...props },
|
|
13
|
+
React.createElement(Box, { sx: optionContentSx },
|
|
14
|
+
React.createElement(Typography, { component: "span", variant: "body2" }, option.displayName),
|
|
15
|
+
option.description && (React.createElement(Typography, { component: "span", variant: "caption", color: "text.secondary" }, option.description))))), placeholder: t('search'), sx: {
|
|
12
16
|
width: '300px',
|
|
13
17
|
'& .MuiSvgIcon-root.MuiSelect-icon': {
|
|
14
18
|
display: 'none',
|
|
@@ -27,4 +31,10 @@ export const ErrorCodeCriterion = () => {
|
|
|
27
31
|
} });
|
|
28
32
|
};
|
|
29
33
|
export default ErrorCodeCriterion;
|
|
34
|
+
const optionContentSx = {
|
|
35
|
+
display: 'flex',
|
|
36
|
+
flexDirection: 'column',
|
|
37
|
+
alignItems: 'flex-start',
|
|
38
|
+
py: '4px',
|
|
39
|
+
};
|
|
30
40
|
//# sourceMappingURL=ErrorCodeCriterion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorCodeCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ErrorCodeCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAsB,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAE1E,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAEhE,OAAO,oBAAC,oBAAoB,IACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAC3C,aAAa,EAAE,gBAAgB,EAC/B,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EACxB,EAAE,EAAE;YACA,KAAK,EAAE,OAAO;YACd,mCAAmC,EAAE;gBACjC,OAAO,EAAE,MAAM;aAClB;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,CAAC;aACd;YACD,oCAAoC,EAAE;gBAClC,WAAW,EAAE,wBAAwB;aACxC;YACD,+DAA+D,EAAE;gBAC7D,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,GAAG;aAChB;SACJ,GACH,CAAA;AACN,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
1
|
+
{"version":3,"file":"ErrorCodeCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/ErrorCodeCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAsB,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,YAAY,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAE1E,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAEhE,OAAO,oBAAC,oBAAoB,IACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAC3C,aAAa,EAAE,gBAAgB,EAC/B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAC7B,+BAAQ,KAAK;YACT,oBAAC,GAAG,IAAC,EAAE,EAAE,eAAe;gBACpB,oBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,IACvC,MAAM,CAAC,WAAW,CACV;gBACZ,MAAM,CAAC,WAAW,IAAI,CACnB,oBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,IAChE,MAAM,CAAC,WAAW,CACV,CAChB,CACC,CACL,CACR,EACD,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,EACxB,EAAE,EAAE;YACA,KAAK,EAAE,OAAO;YACd,mCAAmC,EAAE;gBACjC,OAAO,EAAE,MAAM;aAClB;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,CAAC;aACd;YACD,oCAAoC,EAAE;gBAClC,WAAW,EAAE,wBAAwB;aACxC;YACD,+DAA+D,EAAE;gBAC7D,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,GAAG;aAChB;SACJ,GACH,CAAA;AACN,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA;AAEjC,MAAM,eAAe,GAAG;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,EAAE,EAAE,KAAK;CACZ,CAAA"}
|