@dreamcommerce/aurora 2.1.14-2 → 2.1.14-3
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/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.js +4 -4
- package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select_types.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/xhr_select.js +4 -4
- package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js
CHANGED
|
@@ -12,7 +12,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
|
|
|
12
12
|
const [errors, setErrors] = React.useState({});
|
|
13
13
|
const [isFetchingInitialData, setIsFetchingInitialData] = React.useState(true);
|
|
14
14
|
const [scrollTimer, setScrollTimer] = React.useState();
|
|
15
|
-
const [search, setSearch] = React.useState(
|
|
15
|
+
const [search, setSearch] = React.useState(null);
|
|
16
16
|
const [t] = useTranslation.useTranslation();
|
|
17
17
|
const xhrSelectResponseParser = new xhr_select_response_parser.XhrSelectResponseParser();
|
|
18
18
|
const loadSelectDataOnScroll = (event) => {
|
|
@@ -59,13 +59,13 @@ const XhrSelect = ({ url, headerTitle, noItemsErrorMessage, onScroll, fetchClien
|
|
|
59
59
|
React__default['default'].createElement(index$1['default'], null),
|
|
60
60
|
t('Loading'),
|
|
61
61
|
"..."));
|
|
62
|
-
if (!(selectData === null || selectData === void 0 ? void 0 : selectData.list.length) &&
|
|
62
|
+
if (!(selectData === null || selectData === void 0 ? void 0 : selectData.list.length) && search === null)
|
|
63
63
|
return React__default['default'].createElement(index['default'], { type: "alert" }, noItemsErrorMessage);
|
|
64
|
-
return (React__default['default'].createElement(index$2['default'], { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, innerAdditionalContent: React__default['default'].createElement(
|
|
65
|
-
errors.scrollError && (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssSelectError] },
|
|
64
|
+
return (React__default['default'].createElement(index$2['default'], { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, innerAdditionalContent: React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
65
|
+
errors.scrollError && (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssSelectAdditionalContent]} ${main_module['default'][css_classes.cssSelectError]}` },
|
|
66
66
|
React__default['default'].createElement(icon_warning['default'], { size: "m", className: main_module['default'][css_classes.cssSelectErrorIcon] }),
|
|
67
67
|
errors.scrollError)),
|
|
68
|
-
(selectData === null || selectData === void 0 ? void 0 : selectData.page) !== (selectData === null || selectData === void 0 ? void 0 : selectData.pages) && !errors.scrollError && (React__default['default'].createElement(
|
|
68
|
+
(selectData === null || selectData === void 0 ? void 0 : selectData.page) !== (selectData === null || selectData === void 0 ? void 0 : selectData.pages) && !errors.scrollError && (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssSelectAdditionalContent] }, search ? (t('No search results')) : (React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
69
69
|
React__default['default'].createElement(index$1['default'], null),
|
|
70
70
|
t('Loading'),
|
|
71
71
|
"..."))))) }));
|
package/build/esm/packages/aurora/src/components/dropdown/hoc/xhr_select/hooks/use_xhr_select.js
CHANGED
|
@@ -8,7 +8,7 @@ const useXhrSelect = ({ url, fetchClient, onScroll }) => {
|
|
|
8
8
|
const [errors, setErrors] = useState({});
|
|
9
9
|
const [isFetchingInitialData, setIsFetchingInitialData] = useState(true);
|
|
10
10
|
const [scrollTimer, setScrollTimer] = useState();
|
|
11
|
-
const [search, setSearch] = useState(
|
|
11
|
+
const [search, setSearch] = useState(null);
|
|
12
12
|
const [t] = useTranslation();
|
|
13
13
|
const xhrSelectResponseParser = new XhrSelectResponseParser();
|
|
14
14
|
const loadSelectDataOnScroll = (event) => {
|
|
@@ -18,5 +18,5 @@ export declare type TUseXhrSelect = {
|
|
|
18
18
|
isFetchingInitialData: boolean;
|
|
19
19
|
loadSelectDataOnScroll: (event: React.UIEvent<HTMLElement>) => void;
|
|
20
20
|
loadSelectDataOnSearch: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
21
|
-
search: string;
|
|
21
|
+
search: string | null;
|
|
22
22
|
};
|
|
@@ -51,13 +51,13 @@ const XhrSelect = ({ url, headerTitle, noItemsErrorMessage, onScroll, fetchClien
|
|
|
51
51
|
React.createElement(Loader, null),
|
|
52
52
|
t('Loading'),
|
|
53
53
|
"..."));
|
|
54
|
-
if (!(selectData === null || selectData === void 0 ? void 0 : selectData.list.length) &&
|
|
54
|
+
if (!(selectData === null || selectData === void 0 ? void 0 : selectData.list.length) && search === null)
|
|
55
55
|
return React.createElement(MessageBox, { type: "alert" }, noItemsErrorMessage);
|
|
56
|
-
return (React.createElement(ControlSelect, { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, innerAdditionalContent: React.createElement(
|
|
57
|
-
errors.scrollError && (React.createElement("div", { className: cssClasses[cssSelectError] },
|
|
56
|
+
return (React.createElement(ControlSelect, { ...props, isWithSearch: true, options: mapSelectDataToSelectOptions(selectData || { list: [] }), onScroll: loadSelectDataOnScroll, onSearch: loadSelectDataOnSearch, innerAdditionalContent: React.createElement(React.Fragment, null,
|
|
57
|
+
errors.scrollError && (React.createElement("div", { className: `${cssClasses[cssSelectAdditionalContent]} ${cssClasses[cssSelectError]}` },
|
|
58
58
|
React.createElement(IconWarning, { size: "m", className: cssClasses[cssSelectErrorIcon] }),
|
|
59
59
|
errors.scrollError)),
|
|
60
|
-
(selectData === null || selectData === void 0 ? void 0 : selectData.page) !== (selectData === null || selectData === void 0 ? void 0 : selectData.pages) && !errors.scrollError && (React.createElement(
|
|
60
|
+
(selectData === null || selectData === void 0 ? void 0 : selectData.page) !== (selectData === null || selectData === void 0 ? void 0 : selectData.pages) && !errors.scrollError && (React.createElement("div", { className: cssClasses[cssSelectAdditionalContent] }, search ? (t('No search results')) : (React.createElement(React.Fragment, null,
|
|
61
61
|
React.createElement(Loader, null),
|
|
62
62
|
t('Loading'),
|
|
63
63
|
"..."))))) }));
|