UNPKG

cozy-search

Version:

UI components about search bar and IA assistant

88 lines (65 loc) 4.01 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); var _react = _interopRequireDefault(require("react")); var _reactRouterDom = require("react-router-dom"); var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs"); var _CozyTheme = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/CozyTheme")); var _useExtendI18n = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/I18n/useExtendI18n")); var _locales = require("../../locales"); var _AssistantProvider = _interopRequireDefault(require("../AssistantProvider")); var _ResultMenuContent = _interopRequireDefault(require("../ResultMenu/ResultMenuContent")); var _SearchBar = _interopRequireDefault(require("../Search/SearchBar")); var _SearchProvider = _interopRequireWildcard(require("../Search/SearchProvider")); function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } var SearchDialog = function SearchDialog() { (0, _useExtendI18n.default)(_locales.locales); var navigate = (0, _reactRouterDom.useNavigate)(); var _useSearchParams = (0, _reactRouterDom.useSearchParams)(), _useSearchParams2 = (0, _slicedToArray2.default)(_useSearchParams, 1), searchParams = _useSearchParams2[0]; var _useSearch = (0, _SearchProvider.useSearch)(), searchValue = _useSearch.searchValue; var onClose = function onClose() { try { var returnPath = searchParams.get('returnPath'); if (returnPath) { navigate(returnPath); } else { navigate('..'); } } catch (_unused) { navigate('..'); } }; return /*#__PURE__*/_react.default.createElement(_CozyDialogs.FixedDialog, { open: true, fullScreen: true, size: "full", disableGutters: true, componentsProps: { // don't touch padding-top in dialogTitle, there is a flagship override. Play with margin instead. dialogTitle: { className: 'u-ph-half u-pb-0 u-mt-2-half u-ov-visible' }, divider: { className: 'u-dn' } }, title: /*#__PURE__*/_react.default.createElement(_SearchBar.default, null), content: searchValue && /*#__PURE__*/_react.default.createElement(_ResultMenuContent.default, null), onClose: onClose }); }; var SearchDialogWithProviders = function SearchDialogWithProviders() { return /*#__PURE__*/_react.default.createElement(_CozyTheme.default, { variant: "normal" }, /*#__PURE__*/_react.default.createElement(_AssistantProvider.default, null, /*#__PURE__*/_react.default.createElement(_SearchProvider.default, null, /*#__PURE__*/_react.default.createElement(SearchDialog, null)))); }; var _default = SearchDialogWithProviders; exports.default = _default;