Repository URL to install this package:
|
Version:
3.12.20 ▾
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
import { useMemo, useCallback, useEffect, useState } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { SuggestionsManager, SearchSuggestionsMenu } from '@filerobot/explorer/lib/utils/SearchSuggestions';
import { useTheme } from '@scaleflex/ui/theme/hooks';
import useExplorerI18n from './useExplorerI18n';
import { getAttributesKeys, getAttributesTags, updateSearchSuggestion, selectSearchSuggestionsAttributesKeys, selectSearchSuggestionsAttributesKeysLoading, selectSearchSuggestionsAttributesTags, selectSearchSuggestionsAttributesTagsLoading, selectSearchSuggestionsFilters, selectSearchSuggestionsTags, submitSearch, selectSearchSuggestionsAttributesKeysLoadingFinished, selectSearchSuggestionsAttributesTagsLoadingFinished } from '../slices/search.slice';
import { jsx as _jsx } from "react/jsx-runtime";
var useSearchSuggestions = function useSearchSuggestions(_ref) {
var searchContainerRef = _ref.searchContainerRef,
searchInputFocused = _ref.searchInputFocused,
searchQuery = _ref.searchQuery,
searchInputRef = _ref.searchInputRef;
var dispatch = useDispatch();
var theme = useTheme();
var i18n = useExplorerI18n();
var searchSuggestionsAttributesKeys = useSelector(selectSearchSuggestionsAttributesKeys);
var searchSuggestionsAttributesKeysLoading = useSelector(selectSearchSuggestionsAttributesKeysLoading);
var searchSuggestionsAttributesKeysLoadingFinished = useSelector(selectSearchSuggestionsAttributesKeysLoadingFinished);
var searchSuggestionsAttributesTags = useSelector(selectSearchSuggestionsAttributesTags);
var searchSuggestionsAttributesTagsLoading = useSelector(selectSearchSuggestionsAttributesTagsLoading);
var searchSuggestionsAttributesTagsLoadingFinished = useSelector(selectSearchSuggestionsAttributesTagsLoadingFinished);
var searchSuggestionsTags = useSelector(selectSearchSuggestionsTags);
var searchSuggestionsFilters = useSelector(selectSearchSuggestionsFilters);
var _useState = useState(null),
_useState2 = _slicedToArray(_useState, 2),
mode = _useState2[0],
setMode = _useState2[1];
var _useState3 = useState(),
_useState4 = _slicedToArray(_useState3, 2),
items = _useState4[0],
setItems = _useState4[1];
var _useState5 = useState(null),
_useState6 = _slicedToArray(_useState5, 2),
emptyItemsPlaceholder = _useState6[0],
setEmptyItemsPlaceholder = _useState6[1];
var isAttributesLoading = searchSuggestionsAttributesKeysLoading || searchSuggestionsAttributesTagsLoading;
var isAttributesLoaded = !isAttributesLoading && searchSuggestionsAttributesKeys && searchSuggestionsAttributesTags;
var open = Boolean((searchContainerRef === null || searchContainerRef === void 0 ? void 0 : searchContainerRef.current) && isAttributesLoaded);
var selectFilter = useCallback(function (key, value) {
dispatch(updateSearchSuggestion({
filters: [].concat(_toConsumableArray(searchSuggestionsFilters || []), [{
key: key,
value: value
}])
}));
dispatch(submitSearch());
}, [searchSuggestionsFilters]);
var selectTag = useCallback(function (tag) {
dispatch(updateSearchSuggestion({
tags: [].concat(_toConsumableArray(searchSuggestionsTags || []), [tag])
}));
dispatch(submitSearch());
}, [searchSuggestionsTags]);
var suggestionsManager = useMemo(function () {
return new SuggestionsManager({
i18n: i18n,
modeId: mode,
searchInputRef: searchInputRef.current,
setModeState: setMode,
attributesKeys: searchSuggestionsAttributesKeys,
attributesTags: searchSuggestionsAttributesTags,
selectFilter: selectFilter,
selectTag: selectTag,
filters: searchSuggestionsFilters,
tags: searchSuggestionsTags,
setItems: setItems,
setEmptyItemsPlaceholder: setEmptyItemsPlaceholder
});
}, []);
useEffect(function () {
if (!searchSuggestionsAttributesKeysLoadingFinished && !searchSuggestionsAttributesKeysLoading) {
dispatch(getAttributesKeys());
}
}, [searchSuggestionsAttributesKeysLoadingFinished]);
useEffect(function () {
if (!searchSuggestionsAttributesTagsLoadingFinished && !searchSuggestionsAttributesTagsLoading) {
dispatch(getAttributesTags());
}
}, [searchSuggestionsAttributesTagsLoadingFinished]);
useEffect(function () {
if (!searchQuery) {
suggestionsManager.setMode(null);
suggestionsManager.setActiveAttribute(null);
}
}, [searchQuery]);
// Update suggestionsManager properties
useEffect(function () {
return suggestionsManager.setI18n(i18n);
}, [i18n]);
useEffect(function () {
return suggestionsManager.setSearchInputRef(searchInputRef.current);
}, [searchInputRef.current]);
useEffect(function () {
return suggestionsManager.setAttributesKeys(searchSuggestionsAttributesKeys);
}, [searchSuggestionsAttributesKeys]);
useEffect(function () {
return suggestionsManager.setAttributesTags(searchSuggestionsAttributesTags);
}, [searchSuggestionsAttributesTags]);
useEffect(function () {
return suggestionsManager.setSelectFilter(selectFilter);
}, [selectFilter]);
useEffect(function () {
return suggestionsManager.setSelectTag(selectTag);
}, [selectTag]);
useEffect(function () {
return suggestionsManager.setFilters(searchSuggestionsFilters);
}, [searchSuggestionsFilters]);
useEffect(function () {
return suggestionsManager.setTags(searchSuggestionsTags);
}, [searchSuggestionsTags]);
// Update "items" and "emptyItemsPlaceholder" states to re-render Menu
useEffect(function () {
return suggestionsManager.render();
}, [suggestionsManager, searchQuery, searchInputRef.current, searchSuggestionsAttributesKeys, searchSuggestionsAttributesTags, searchSuggestionsFilters, searchSuggestionsTags]);
var SuggestionsMenu = /*#__PURE__*/_jsx(SearchSuggestionsMenu, {
open: open,
mode: mode,
anchorEl: searchContainerRef.current,
searchInputFocused: searchInputFocused,
items: items,
emptyItemsPlaceholder: emptyItemsPlaceholder,
placeholder: i18n('searchSuggestionsPlaceholderDefault'),
i18n: i18n,
theme: theme
});
return {
SuggestionsMenu: SuggestionsMenu,
onKeyDown: function onKeyDown(event) {
if (open) {
suggestionsManager.onSearchInputKeyDown(event);
}
},
onKeyUp: function onKeyUp(event) {
if (open) {
suggestionsManager.onSearchInputKeyUp(event);
}
},
onClickSearch: function onClickSearch(event) {
suggestionsManager.onSearchButtonClick(event);
},
mode: mode
};
};
export default useSearchSuggestions;