cozy-search
Version:
UI components about search bar and IA assistant
88 lines (65 loc) • 4.01 kB
JavaScript
;
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;