pne-ui 3.0.78 → 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/cjs/component/table/AbstractTable.js +5 -5
- package/cjs/component/table/AbstractTable.js.map +1 -1
- package/cjs/component/table/PneTablePaginationActions.d.ts +1 -0
- package/cjs/component/table/PneTablePaginationActions.js +10 -4
- package/cjs/component/table/PneTablePaginationActions.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/esm/component/table/AbstractTable.js +5 -5
- package/esm/component/table/AbstractTable.js.map +1 -1
- package/esm/component/table/PneTablePaginationActions.d.ts +1 -0
- package/esm/component/table/PneTablePaginationActions.js +10 -4
- package/esm/component/table/PneTablePaginationActions.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"}
|
|
@@ -28,20 +28,20 @@ const AbstractTable = (props) => {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
}, [visibleRows.length, showNothingIsFoundRow]);
|
|
31
|
-
const getPneTablePagination = () => {
|
|
31
|
+
const getPneTablePagination = (position) => {
|
|
32
32
|
if (!paginator) {
|
|
33
33
|
return null;
|
|
34
34
|
}
|
|
35
|
-
return react_1.default.createElement(PneTablePagination_1.default, { ref: paginator.paginationRef, count: -1,
|
|
35
|
+
return react_1.default.createElement(PneTablePagination_1.default, { ref: position === 'bottom' ? paginator.paginationRef : undefined, count: -1,
|
|
36
36
|
/*
|
|
37
37
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
38
38
|
// @ts-ignore */
|
|
39
39
|
component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, nextIconButtonProps: {
|
|
40
40
|
disabled: !paginator.hasNext,
|
|
41
|
-
}, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => react_1.default.createElement(PneTablePaginationActions_1.default, { ...props, paginator: paginator }) });
|
|
41
|
+
}, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => react_1.default.createElement(PneTablePaginationActions_1.default, { ...props, paginator: paginator, shouldRequestScroll: position === 'bottom' }) });
|
|
42
42
|
};
|
|
43
43
|
return react_1.default.createElement(Box_1.default, { sx: { ...boxSx }, ref: containerRef },
|
|
44
|
-
paginator && paginator.duplicatePagination && getPneTablePagination(),
|
|
44
|
+
paginator && paginator.duplicatePagination && getPneTablePagination('top'),
|
|
45
45
|
react_1.default.createElement(TableContainer_1.default, null,
|
|
46
46
|
react_1.default.createElement(Table_1.default, { stickyHeader: stickyHeader, sx: { ...tableSx } },
|
|
47
47
|
react_1.default.createElement(TableHead_1.default, null, createTableHeader({
|
|
@@ -52,7 +52,7 @@ const AbstractTable = (props) => {
|
|
|
52
52
|
visibleRows.length === 0 && showNothingIsFoundRow && (react_1.default.createElement(PneTableRow_1.default, { hover: false },
|
|
53
53
|
react_1.default.createElement(PneTableCell_1.default, { colSpan: nothingRowColSpan }, noRowsMessage || t('advancedSearch.noRows')))),
|
|
54
54
|
lastRow))),
|
|
55
|
-
paginator && getPneTablePagination());
|
|
55
|
+
paginator && getPneTablePagination('bottom'));
|
|
56
56
|
};
|
|
57
57
|
exports.default = AbstractTable;
|
|
58
58
|
//# sourceMappingURL=AbstractTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":";;;AAAA,uDAA2E;AAC3E,wEAAwC;AACxC,gFAAgD;AAChD,0FAA0D;AAC1D,gFAAgD;AAChD,oEAAoC;AAEpC,wEAAwC;AACxC,0EAA0C;AAC1C,sFAAsD;AACtD,oGAAoE;AAEpE,iDAA6C;AAsD7C,MAAM,aAAa,GAAG,CAClB,KAA6C,EAC/C,EAAE;IACA,MAAM,EACF,IAAI,EACJ,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,qBAAqB,GAAG,IAAI,EAC5B,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,EAAE,EACV,aAAa,GAChB,GAAG,KAAK,CAAA;IAET,MAAM,EAAC,CAAC,EAAC,GAAG,IAAA,8BAAc,GAAE,CAAA;IAE5B,MAAM,YAAY,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CACrD,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,qBAAqB,EAAE,CAAC;YACpD,IAAI,YAAY,EAAE,OAAO,EAAE,CAAC;gBACxB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBACpE,IAAI,MAAM,EAAE,CAAC;oBACT,oBAAoB,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;gBACnD,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEhD,MAAM,qBAAqB,GAAG,
|
|
1
|
+
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ interface IPaginationActionsProps {
|
|
|
6
6
|
rowsPerPage: number;
|
|
7
7
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
|
|
8
8
|
paginator: PaginatorProps;
|
|
9
|
+
shouldRequestScroll: boolean;
|
|
9
10
|
}
|
|
10
11
|
declare const PneTablePaginationActions: (props: IPaginationActionsProps) => React.JSX.Element;
|
|
11
12
|
export default PneTablePaginationActions;
|
|
@@ -12,7 +12,7 @@ const store_1 = require("./state/store");
|
|
|
12
12
|
const PneTablePaginationActions = (props) => {
|
|
13
13
|
const {
|
|
14
14
|
// count,
|
|
15
|
-
page, rowsPerPage, onPageChange, paginator } = props;
|
|
15
|
+
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, } = props;
|
|
16
16
|
const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, activeActionSx = {}, } = paginator;
|
|
17
17
|
// const theme = usePneTheme()
|
|
18
18
|
const { setNeedToScrollToPagination, } = (0, store_1.usePneTableStore)((store) => ({
|
|
@@ -55,15 +55,21 @@ const PneTablePaginationActions = (props) => {
|
|
|
55
55
|
...activeActionSx
|
|
56
56
|
};
|
|
57
57
|
const handleFirstPageButtonClick = (event) => {
|
|
58
|
-
|
|
58
|
+
if (shouldRequestScroll) {
|
|
59
|
+
setNeedToScrollToPagination(true);
|
|
60
|
+
}
|
|
59
61
|
onPageChange(event, 0);
|
|
60
62
|
};
|
|
61
63
|
const handleBackButtonClick = (event) => {
|
|
62
|
-
|
|
64
|
+
if (shouldRequestScroll) {
|
|
65
|
+
setNeedToScrollToPagination(true);
|
|
66
|
+
}
|
|
63
67
|
onPageChange(event, page - 1);
|
|
64
68
|
};
|
|
65
69
|
const handleNextButtonClick = (event) => {
|
|
66
|
-
|
|
70
|
+
if (shouldRequestScroll) {
|
|
71
|
+
setNeedToScrollToPagination(true);
|
|
72
|
+
}
|
|
67
73
|
onPageChange(event, page + 1);
|
|
68
74
|
};
|
|
69
75
|
// const handleLastPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAoC;AACpC,4CAA+C;AAE/C,kFAAkD;AAClD,wFAAwD;AACxD,gFAAgD;AAChD,4DAAuD;AACvD,yCAA+C;
|
|
1
|
+
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAC,YAAY,EAAqB,gBAAgB,EAAU,MAAM,eAAe,CAAC;AACzF,OAAO,EACH,UAAU,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAkBzC,MAAM,oBAAoB,GAAG,CAK3B,KAKD,EAAE,EAAE;IAED,MAAM,EACF,aAAa,EACb,KAAK,EACL,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,aAAa,EACb,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,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAChD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,YAAY,CAAC,OAAO,IAAI,CAAC,CAAA;YACzB,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,OAAM;QACV,CAAC;QAED,MAAM,SAAS,GAAG,EAAE,YAAY,CAAC,OAAO,CAAA;QACxC,IAAI,MAAM,GAAG,IAAI,CAAA;QAEjB,UAAU,CAAC,EAAE,CAAC,CAAA;QACd,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,aAAa,CAAC,EAAC,YAAY,EAAE,UAAU,EAAC,CAAC;aACpC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACb,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAM;YACV,CAAC;YACD,UAAU,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC,CAAC;aACD,KAAK,CAAC,MAAM,CAAC,EAAE;YACZ,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAM;YACV,CAAC;YACD,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;iBAClB,IAAI,CAAC,KAAK,CAAC,EAAE;gBACV,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAC/D,CAAC,CAAC,CAAA;QACV,CAAC,CAAC;aACD,OAAO,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAM;YACV,CAAC;YACD,UAAU,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAC,CAAA;QAEN,OAAO,GAAG,EAAE;YACR,MAAM,GAAG,KAAK,CAAA;QAClB,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAA;IAEpD,OAAO,oBAAC,YAAY,IAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACjD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,oBAAC,YAAY,OACL,MAAM,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE;gBACR,GAAG,MAAM,CAAC,UAAU;gBACpB,YAAY,EAAE,CACV;oBACK,OAAO,CAAC,CAAC,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI;oBAC9D,MAAM,CAAC,UAAU,CAAC,YAAY,CAChC,CACN;aACJ,EACD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CACL,EACD,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,KACN,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -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"}
|
|
@@ -25,20 +25,20 @@ const AbstractTable = (props) => {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
}, [visibleRows.length, showNothingIsFoundRow]);
|
|
28
|
-
const getPneTablePagination = () => {
|
|
28
|
+
const getPneTablePagination = (position) => {
|
|
29
29
|
if (!paginator) {
|
|
30
30
|
return null;
|
|
31
31
|
}
|
|
32
|
-
return React.createElement(PneTablePagination, { ref: paginator.paginationRef, count: -1,
|
|
32
|
+
return React.createElement(PneTablePagination, { ref: position === 'bottom' ? paginator.paginationRef : undefined, count: -1,
|
|
33
33
|
/*
|
|
34
34
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
35
35
|
// @ts-ignore */
|
|
36
36
|
component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, nextIconButtonProps: {
|
|
37
37
|
disabled: !paginator.hasNext,
|
|
38
|
-
}, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => React.createElement(PneTablePaginationActions, { ...props, paginator: paginator }) });
|
|
38
|
+
}, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => React.createElement(PneTablePaginationActions, { ...props, paginator: paginator, shouldRequestScroll: position === 'bottom' }) });
|
|
39
39
|
};
|
|
40
40
|
return React.createElement(Box, { sx: { ...boxSx }, ref: containerRef },
|
|
41
|
-
paginator && paginator.duplicatePagination && getPneTablePagination(),
|
|
41
|
+
paginator && paginator.duplicatePagination && getPneTablePagination('top'),
|
|
42
42
|
React.createElement(TableContainer, null,
|
|
43
43
|
React.createElement(Table, { stickyHeader: stickyHeader, sx: { ...tableSx } },
|
|
44
44
|
React.createElement(TableHead, null, createTableHeader({
|
|
@@ -49,7 +49,7 @@ const AbstractTable = (props) => {
|
|
|
49
49
|
visibleRows.length === 0 && showNothingIsFoundRow && (React.createElement(PneTableRow, { hover: false },
|
|
50
50
|
React.createElement(PneTableCell, { colSpan: nothingRowColSpan }, noRowsMessage || t('advancedSearch.noRows')))),
|
|
51
51
|
lastRow))),
|
|
52
|
-
paginator && getPneTablePagination());
|
|
52
|
+
paginator && getPneTablePagination('bottom'));
|
|
53
53
|
};
|
|
54
54
|
export default AbstractTable;
|
|
55
55
|
//# sourceMappingURL=AbstractTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAmB,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAsD7C,MAAM,aAAa,GAAG,CAClB,KAA6C,EAC/C,EAAE;IACA,MAAM,EACF,IAAI,EACJ,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,qBAAqB,GAAG,IAAI,EAC5B,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,EAAE,EACV,aAAa,GAChB,GAAG,KAAK,CAAA;IAET,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAE5B,MAAM,YAAY,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CACrD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,qBAAqB,EAAE,CAAC;YACpD,IAAI,YAAY,EAAE,OAAO,EAAE,CAAC;gBACxB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBACpE,IAAI,MAAM,EAAE,CAAC;oBACT,oBAAoB,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;gBACnD,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEhD,MAAM,qBAAqB,GAAG,
|
|
1
|
+
{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ interface IPaginationActionsProps {
|
|
|
6
6
|
rowsPerPage: number;
|
|
7
7
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
|
|
8
8
|
paginator: PaginatorProps;
|
|
9
|
+
shouldRequestScroll: boolean;
|
|
9
10
|
}
|
|
10
11
|
declare const PneTablePaginationActions: (props: IPaginationActionsProps) => React.JSX.Element;
|
|
11
12
|
export default PneTablePaginationActions;
|
|
@@ -9,7 +9,7 @@ import { usePneTableStore } from "./state/store";
|
|
|
9
9
|
const PneTablePaginationActions = (props) => {
|
|
10
10
|
const {
|
|
11
11
|
// count,
|
|
12
|
-
page, rowsPerPage, onPageChange, paginator } = props;
|
|
12
|
+
page, rowsPerPage, onPageChange, paginator, shouldRequestScroll, } = props;
|
|
13
13
|
const { hasNext, disableActions, rowsPerPageOptions, onPageSizeChange, displayedRowsLabel, activeActionSx = {}, } = paginator;
|
|
14
14
|
// const theme = usePneTheme()
|
|
15
15
|
const { setNeedToScrollToPagination, } = usePneTableStore((store) => ({
|
|
@@ -52,15 +52,21 @@ const PneTablePaginationActions = (props) => {
|
|
|
52
52
|
...activeActionSx
|
|
53
53
|
};
|
|
54
54
|
const handleFirstPageButtonClick = (event) => {
|
|
55
|
-
|
|
55
|
+
if (shouldRequestScroll) {
|
|
56
|
+
setNeedToScrollToPagination(true);
|
|
57
|
+
}
|
|
56
58
|
onPageChange(event, 0);
|
|
57
59
|
};
|
|
58
60
|
const handleBackButtonClick = (event) => {
|
|
59
|
-
|
|
61
|
+
if (shouldRequestScroll) {
|
|
62
|
+
setNeedToScrollToPagination(true);
|
|
63
|
+
}
|
|
60
64
|
onPageChange(event, page - 1);
|
|
61
65
|
};
|
|
62
66
|
const handleNextButtonClick = (event) => {
|
|
63
|
-
|
|
67
|
+
if (shouldRequestScroll) {
|
|
68
|
+
setNeedToScrollToPagination(true);
|
|
69
|
+
}
|
|
64
70
|
onPageChange(event, page + 1);
|
|
65
71
|
};
|
|
66
72
|
// const handleLastPageButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAE/C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"PneTablePaginationActions.js","sourceRoot":"","sources":["../../../src/component/table/PneTablePaginationActions.tsx"],"names":[],"mappings":"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"}
|