cozy-search 0.1.0

package/dist/components/Search/SearchBarDesktop.js

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _ClickAwayListener = _interopRequireDefault(require("cozy-ui/transpiled/react/ClickAwayListener"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _SearchProvider = require("./SearchProvider");
+
+var _AssistantIcon = require("../AssistantIcon/AssistantIcon");
+
+var _AssistantProvider = require("../AssistantProvider");
+
+var _ResultMenu = _interopRequireDefault(require("../ResultMenu/ResultMenu"));
+
+var _helpers = require("../helpers");
+
+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 styles = {
+  "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv"
+};
+
+var SearchBarDesktop = function SearchBarDesktop(_ref) {
+  var value = _ref.value,
+      onClear = _ref.onClear,
+      onChange = _ref.onChange,
+      elevation = _ref.elevation,
+      size = _ref.size,
+      hasHalfBorderRadius = _ref.hasHalfBorderRadius;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useSearch = (0, _SearchProvider.useSearch)(),
+      searchValue = _useSearch.searchValue,
+      results = _useSearch.results,
+      selectedIndex = _useSearch.selectedIndex,
+      setSelectedIndex = _useSearch.setSelectedIndex;
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      onAssistantExecute = _useAssistant.onAssistantExecute;
+
+  var navigate = (0, _reactRouterDom.useNavigate)();
+  var searchRef = (0, _react.useRef)();
+  var listRef = (0, _react.useRef)();
+
+  var handleClick = function handleClick() {
+    if (!(0, _helpers.isAssistantEnabled)()) return;
+    var conversationId = (0, _helpers.makeConversationId)();
+    onAssistantExecute({
+      value: value,
+      conversationId: conversationId
+    });
+    navigate("assistant/".concat(conversationId)); // setTimeout usefull to prevent the field from emptying before the route is changed
+    // works because the modal appears on top of the view that carries the input and not instead of it.
+
+    setTimeout(function () {
+      onClear();
+    }, 100);
+  };
+
+  var handleKeyDown = function handleKeyDown(ev) {
+    var _listRef$current;
+
+    var listElementCount = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.childElementCount;
+
+    if (ev.key === 'ArrowDown') {
+      ev.preventDefault();
+
+      if (selectedIndex === listElementCount - 1) {
+        setSelectedIndex(0);
+      } else {
+        setSelectedIndex(function (v) {
+          return v + 1;
+        });
+      }
+    }
+
+    if (ev.key === 'ArrowUp') {
+      ev.preventDefault();
+
+      if (selectedIndex === 0) {
+        setSelectedIndex(listElementCount - 1);
+      } else {
+        setSelectedIndex(function (v) {
+          return v - 1;
+        });
+      }
+    }
+
+    if (ev.key === 'Escape') {
+      ev.preventDefault();
+      onClear();
+    }
+
+    if (ev.key === 'Enter') {
+      ev.preventDefault();
+
+      if (selectedIndex) {
+        var _results;
+
+        var onClickFn = (results === null || results === void 0 ? void 0 : (_results = results[selectedIndex - 1]) === null || _results === void 0 ? void 0 : _results.onClick) || handleClick;
+        onClickFn();
+      } else if (value !== '') {
+        handleClick();
+      }
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+    onClickAway: onClear
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
+    elevation: elevation,
+    className: searchValue && hasHalfBorderRadius ? styles['searchBarDesktop--result'] : '',
+    ref: searchRef,
+    size: size,
+    icon: size === 'large' ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      className: "u-mh-1",
+      icon: _AssistantIcon.AssistantIcon,
+      size: 32
+    }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      className: "u-ml-1 u-mr-half",
+      icon: _AssistantIcon.AssistantIcon,
+      size: 24
+    }),
+    placeholder: (0, _helpers.isAssistantEnabled)() ? t('assistant.search.placeholder') : undefined // fallback on SearchBar default
+    ,
+    value: value,
+    componentsProps: {
+      inputBase: {
+        onKeyDown: handleKeyDown
+      }
+    },
+    disabledClear: true,
+    disabledFocus: value !== '',
+    onChange: onChange
+  }), searchValue && /*#__PURE__*/_react.default.createElement(_ResultMenu.default, {
+    listRef: listRef,
+    anchorRef: searchRef,
+    onClick: handleClick
+  })));
+};
+
+SearchBarDesktop.defaultProps = {
+  size: 'large',
+  elevation: false
+};
+var _default = SearchBarDesktop;
+exports.default = _default;

package/dist/components/Search/SearchBarMobile.d.ts

@@ -0,0 +1,6 @@
+export default SearchBarMobile;
+declare function SearchBarMobile({ value, onClear, onChange }: {
+    value: any;
+    onClear: any;
+    onChange: any;
+}): JSX.Element;

package/dist/components/Search/SearchBarMobile.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));
+
+var _useEventListener = _interopRequireDefault(require("cozy-ui/transpiled/react/hooks/useEventListener"));
+
+var _SuggestionsPlaceholder = _interopRequireDefault(require("./SuggestionsPlaceholder"));
+
+var _helpers = require("../helpers");
+
+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 styles = {
+  "conversationBar": "styles__conversationBar___2J-Us",
+  "conversationBar-input": "styles__conversationBar-input___2DfdZ"
+};
+
+var SearchBarMobile = function SearchBarMobile(_ref) {
+  var value = _ref.value,
+      onClear = _ref.onClear,
+      onChange = _ref.onChange;
+  var inputRef = (0, _react.useRef)(); // to adjust input height for multiline when typing in it
+
+  (0, _useEventListener.default)(inputRef.current, 'input', function () {
+    inputRef.current.style.height = 'auto'; // to resize input when emptying it
+
+    inputRef.current.style.height = "".concat(inputRef.current.scrollHeight, "px");
+  });
+
+  var handleClear = function handleClear() {
+    onClear();
+    inputRef.current.style.height = 'auto';
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_SearchBar.default, {
+    className: styles['conversationBar'],
+    size: "auto",
+    icon: null,
+    placeholder: (0, _helpers.isAssistantEnabled)() ? ' ' : undefined // if assistant enabled, we set a blank space because we want only the SuggestionsPlaceholder below
+    ,
+    value: value,
+    componentsProps: {
+      inputBase: {
+        inputProps: {
+          className: styles['conversationBar-input']
+        },
+        inputRef: inputRef,
+        autoFocus: true,
+        rows: 1,
+        multiline: true,
+        startAdornment: (0, _helpers.isAssistantEnabled)() && !value && /*#__PURE__*/_react.default.createElement(_SuggestionsPlaceholder.default, null)
+      }
+    },
+    onChange: onChange,
+    onClear: handleClear
+  });
+};
+
+var _default = SearchBarMobile;
+exports.default = _default;

package/dist/components/Search/SearchProvider.d.ts

@@ -0,0 +1,7 @@
+export const SearchContext: React.Context<any>;
+export function useSearch(): any;
+declare const _default: React.MemoExoticComponent<({ children }: {
+    children: any;
+}) => JSX.Element>;
+export default _default;
+import React from 'react';

package/dist/components/Search/SearchProvider.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSearch = exports.default = exports.SearchContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useFetchResult2 = require("./useFetchResult");
+
+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 SearchContext = /*#__PURE__*/_react.default.createContext();
+
+exports.SearchContext = SearchContext;
+
+var useSearch = function useSearch() {
+  var context = (0, _react.useContext)(SearchContext);
+
+  if (!context) {
+    throw new Error('useSearch must be used within a SearchProvider');
+  }
+
+  return context;
+};
+
+exports.useSearch = useSearch;
+
+var SearchProvider = function SearchProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      searchValue = _useState2[0],
+      setSearchValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selectedIndex = _useState4[0],
+      setSelectedIndex = _useState4[1];
+
+  var _useFetchResult = (0, _useFetchResult2.useFetchResult)(searchValue),
+      isLoading = _useFetchResult.isLoading,
+      results = _useFetchResult.results;
+
+  var delayedSetSearchValue = (0, _react.useMemo)(function () {
+    return (0, _debounce.default)(setSearchValue, 250);
+  }, [setSearchValue]);
+  var clearSearch = (0, _react.useCallback)(function () {
+    setSearchValue('');
+    setSelectedIndex();
+  }, []);
+  var value = (0, _react.useMemo)(function () {
+    return {
+      searchValue: searchValue,
+      setSearchValue: setSearchValue,
+      delayedSetSearchValue: delayedSetSearchValue,
+      isLoading: isLoading,
+      clearSearch: clearSearch,
+      selectedIndex: selectedIndex,
+      setSelectedIndex: setSelectedIndex,
+      results: results
+    };
+  }, [searchValue, delayedSetSearchValue, isLoading, clearSearch, selectedIndex, results]);
+  return /*#__PURE__*/_react.default.createElement(SearchContext.Provider, {
+    value: value
+  }, children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo(SearchProvider);
+
+exports.default = _default;

package/dist/components/Search/SearchSubmitFab.d.ts

@@ -0,0 +1,5 @@
+export default SearchSubmitFab;
+declare function SearchSubmitFab({ searchValue, onClick }: {
+    searchValue: any;
+    onClick: any;
+}): JSX.Element;

package/dist/components/Search/SearchSubmitFab.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyDeviceHelper = require("cozy-device-helper");
+
+var _Fab = _interopRequireDefault(require("cozy-ui/transpiled/react/Fab"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Paperplane = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Paperplane"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var useStyles = (0, _styles.makeStyles)({
+  root: {
+    right: '1rem',
+    bottom: '1rem',
+    position: 'fixed',
+    marginBottom: function marginBottom(_ref) {
+      var immersive = _ref.immersive;
+      return immersive ? 'var(--flagship-bottom-height)' : 0;
+    }
+  }
+});
+
+var SearchSubmitFab = function SearchSubmitFab(_ref2) {
+  var searchValue = _ref2.searchValue,
+      onClick = _ref2.onClick;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var styles = useStyles({
+    immersive: (0, _cozyDeviceHelper.getFlagshipMetadata)().immersive
+  });
+  return /*#__PURE__*/_react.default.createElement(_Fab.default, {
+    "aria-label": t('assistant.search.send'),
+    color: "primary",
+    size: "medium",
+    classes: styles,
+    disabled: !searchValue,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Paperplane.default
+  }));
+};
+
+var _default = SearchSubmitFab;
+exports.default = _default;

package/dist/components/Search/SuggestionsPlaceholder.d.ts

@@ -0,0 +1,2 @@
+export default SuggestionsPlaceholder;
+declare function SuggestionsPlaceholder(): JSX.Element;

package/dist/components/Search/SuggestionsPlaceholder.js

@@ -0,0 +1,55 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _reactTypeAnimation = require("react-type-animation");
+
+var _rooks = require("rooks");
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+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 styles = {
+  "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv"
+};
+
+var SuggestionsPlaceholder = function SuggestionsPlaceholder() {
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showSuggestions = _useState2[0],
+      setShowSuggestions = _useState2[1];
+
+  (0, _rooks.useTimeoutWhen)(function () {
+    return setShowSuggestions(true);
+  }, 2500);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles['suggestionsPlaceholder']
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, null, showSuggestions ? /*#__PURE__*/_react.default.createElement(_reactTypeAnimation.TypeAnimation, {
+    cursor: false,
+    sequence: [t('assistant.suggestions.find_file'), 2500, t('assistant.suggestions.reimbursements'), 2500, t('assistant.suggestions.reorganise_files'), 2500],
+    speed: 40,
+    repeat: Infinity,
+    omitDeletionAnimation: true
+  }) : t('assistant.search.placeholder')));
+};
+
+var _default = SuggestionsPlaceholder;
+exports.default = _default;

package/dist/components/Search/getFileMimetype.d.ts

@@ -0,0 +1 @@
+export function getFileMimetype(collection: any): (mime?: string, name?: string) => any;

package/dist/components/Search/getFileMimetype.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFileMimetype = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _mimeTypes = _interopRequireDefault(require("mime-types"));
+
+var getMimetypeFromFilename = function getMimetypeFromFilename(name) {
+  return _mimeTypes.default.lookup(name) || 'application/octet-stream';
+};
+
+var mappingMimetypeSubtype = {
+  word: 'text',
+  text: 'text',
+  zip: 'zip',
+  pdf: 'pdf',
+  spreadsheet: 'sheet',
+  excel: 'sheet',
+  sheet: 'sheet',
+  presentation: 'slide',
+  powerpoint: 'slide'
+};
+
+var getFileMimetype = function getFileMimetype(collection) {
+  return function () {
+    var mime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var mimetype = mime === 'application/octet-stream' ? getMimetypeFromFilename(name.toLowerCase()) : mime;
+
+    var _mimetype$split = mimetype.split('/'),
+        _mimetype$split2 = (0, _slicedToArray2.default)(_mimetype$split, 2),
+        type = _mimetype$split2[0],
+        subtype = _mimetype$split2[1];
+
+    if (collection[type]) {
+      return type;
+    }
+
+    if (type === 'application') {
+      var existingType = subtype.match(Object.keys(mappingMimetypeSubtype).join('|'));
+      return existingType ? mappingMimetypeSubtype[existingType[0]] : undefined;
+    }
+
+    return undefined;
+  };
+};
+
+exports.getFileMimetype = getFileMimetype;

package/dist/components/Search/getIconForSearchResult.d.ts

@@ -0,0 +1,12 @@
+export function getIconForSearchResult(searchResult: any): {
+    type: string;
+    app: any;
+    component?: undefined;
+} | {
+    type: string;
+    component: any;
+    app?: undefined;
+};
+export function getDriveMimeTypeIcon(isDirectory: boolean, name: string, mime: string, { isEncrypted }?: {
+    isEncrypted?: boolean | undefined;
+} | undefined): import("react").ReactNode;

package/dist/components/Search/getIconForSearchResult.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIconForSearchResult = exports.getDriveMimeTypeIcon = void 0;
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Contacts = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Contacts"));
+
+var _FileTypeAudio = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeAudio"));
+
+var _FileTypeBin = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeBin"));
+
+var _FileTypeCode = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeCode"));
+
+var _FileTypeFiles = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeFiles"));
+
+var _FileTypeFolder = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeFolder"));
+
+var _FileTypeImage = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeImage"));
+
+var _FileTypeNote = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeNote"));
+
+var _FileTypePdf = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypePdf"));
+
+var _FileTypeSheet = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeSheet"));
+
+var _FileTypeSlide = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeSlide"));
+
+var _FileTypeText = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeText"));
+
+var _FileTypeVideo = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeVideo"));
+
+var _FileTypeZip = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeZip"));
+
+var _EncryptedFolderIcon = _interopRequireDefault(require("./EncryptedFolderIcon"));
+
+var _getFileMimetype = require("./getFileMimetype");
+
+var getIconForSearchResult = function getIconForSearchResult(searchResult) {
+  if (searchResult.doc._type === 'io.cozy.apps') {
+    return {
+      type: 'app',
+      app: searchResult.doc
+    };
+  }
+
+  if (searchResult.slug === 'notes') {
+    return {
+      type: 'component',
+      component: _FileTypeNote.default
+    };
+  }
+
+  if (searchResult.slug === 'drive') {
+    return {
+      type: 'component',
+      component: getDriveMimeTypeIcon(searchResult.doc.type === 'directory', searchResult.doc.name, searchResult.doc.mime)
+    };
+  }
+
+  if (searchResult.slug === 'contacts') {
+    return {
+      type: 'component',
+      component: _Contacts.default
+    };
+  }
+
+  return {
+    type: 'component',
+    component: _FileTypeFiles.default
+  };
+};
+/**
+ * Returns the appropriate icon for a given file based on its mime type and other properties.
+ *
+ * This method has been copied from cozy-drive
+ *
+ * See source: https://github.com/cozy/cozy-drive/blob/fbe2df67199683b23a40f476ccdacb00ee027459/src/lib/getMimeTypeIcon.js
+ *
+ * @param {boolean} isDirectory - Indicates whether the file is a directory.
+ * @param {string} name - The name of the file.
+ * @param {string} mime - The mime type of the file.
+ * @param {Object} [options] - Additional options.
+ * @param {boolean} [options.isEncrypted] - Indicates whether the file is encrypted. Default is false.
+ * @returns {import('react').ReactNode} - The icon corresponding to the file's mime type.
+ */
+
+
+exports.getIconForSearchResult = getIconForSearchResult;
+
+var getDriveMimeTypeIcon = function getDriveMimeTypeIcon(isDirectory, name, mime) {
+  var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
+      _ref$isEncrypted = _ref.isEncrypted,
+      isEncrypted = _ref$isEncrypted === void 0 ? false : _ref$isEncrypted;
+
+  if (isEncrypted) {
+    return _EncryptedFolderIcon.default;
+  }
+
+  if (isDirectory) {
+    return _FileTypeFolder.default;
+  } else if (/\.cozy-note$/.test(name)) {
+    return _FileTypeNote.default;
+  } else {
+    var iconsByMimeType = {
+      audio: _FileTypeAudio.default,
+      bin: _FileTypeBin.default,
+      code: _FileTypeCode.default,
+      image: _FileTypeImage.default,
+      pdf: _FileTypePdf.default,
+      slide: _FileTypeSlide.default,
+      sheet: _FileTypeSheet.default,
+      text: _FileTypeText.default,
+      video: _FileTypeVideo.default,
+      zip: _FileTypeZip.default
+    };
+    var type = (0, _getFileMimetype.getFileMimetype)(iconsByMimeType)(mime, name);
+    return (0, _get.default)(iconsByMimeType, type, _FileTypeFiles.default);
+  }
+};
+
+exports.getDriveMimeTypeIcon = getDriveMimeTypeIcon;

package/dist/components/Search/styles.styl

@@ -0,0 +1,7 @@
+.searchBarDesktop--result
+  border-radius 28px 28px 0 0 !important
+
+.suggestionsPlaceholder
+    position absolute
+    opacity 0.42
+    pointer-events none

package/dist/components/Search/useFetchResult.d.ts

@@ -0,0 +1,4 @@
+export function useFetchResult(searchValue: any): {
+    isLoading: boolean;
+    results: null;
+};