@verdaccio/ui-components 5.0.0-next-9.1 → 5.0.0-next-9.3

package/build/components/Search/AutoComplete/AutoComplete.js

@@ -1,78 +1,50 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _Autocomplete = _interopRequireDefault(require("@mui/material/Autocomplete"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _styles = require("./styles");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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(r) { if (Array.isArray(r)) return r; }
-var AutoComplete = function AutoComplete(_ref) {
-  var _ref$suggestions = _ref.suggestions,
-    suggestions = _ref$suggestions === void 0 ? [] : _ref$suggestions,
-    onSuggestionsFetch = _ref.onSuggestionsFetch,
-    onCleanSuggestions = _ref.onCleanSuggestions,
-    renderInput = _ref.renderInput,
-    renderOption = _ref.renderOption,
-    getOptionLabel = _ref.getOptionLabel,
-    onSelectItem = _ref.onSelectItem,
-    _ref$suggestionsLoadi = _ref.suggestionsLoading,
-    suggestionsLoading = _ref$suggestionsLoadi === void 0 ? false : _ref$suggestionsLoadi;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var handleOnInputChange = function handleOnInputChange(event, value, reason) {
-    if (reason === 'input') {
-      event.preventDefault();
-      onSuggestionsFetch({
-        value: value
-      });
-      setInputValue(value);
-    } else if (reason === 'clear') {
-      onCleanSuggestions(event);
-      setInputValue('');
-    }
-  };
-  var handleOnClose = function handleOnClose(event) {
-    onCleanSuggestions(event);
-    setInputValue('');
-  };
-
-  // @ts-ignore
-  return /*#__PURE__*/_react["default"].createElement(_styles.Wrapper, null, /*#__PURE__*/_react["default"].createElement(_Autocomplete["default"]
-  /* @ts-ignore */, {
-    clearOnBlur: true,
-    disablePortal: true,
-    freeSolo: true,
-    fullWidth: true,
-    getOptionLabel: getOptionLabel,
-    id: "search-header-suggest",
-    inputValue: inputValue,
-    loading: suggestionsLoading,
-    loadingText: t('autoComplete.loading'),
-    onChange: onSelectItem,
-    onClose: handleOnClose,
-    onInputChange: handleOnInputChange,
-    options: suggestions,
-    renderInput: renderInput,
-    renderOption: renderOption,
-    renderTags: function renderTags() {
-      return null;
-    }
-  }));
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_styles = require("./styles.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_material_Autocomplete = require("@mui/material/Autocomplete");
+_mui_material_Autocomplete = require_runtime.__toESM(_mui_material_Autocomplete);
+//#region src/components/Search/AutoComplete/AutoComplete.tsx
+var AutoComplete = ({ suggestions = [], onSuggestionsFetch, onCleanSuggestions, renderInput, renderOption, getOptionLabel, onSelectItem, suggestionsLoading = false }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const [inputValue, setInputValue] = (0, react.useState)("");
+	const handleOnInputChange = (event, value, reason) => {
+		if (reason === "input") {
+			event.preventDefault();
+			onSuggestionsFetch({ value });
+			setInputValue(value);
+		} else if (reason === "clear") {
+			onCleanSuggestions(event);
+			setInputValue("");
+		}
+	};
+	const handleOnClose = (event) => {
+		onCleanSuggestions(event);
+		setInputValue("");
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.Wrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Autocomplete.default, {
+		clearOnBlur: true,
+		disablePortal: true,
+		filterOptions: (options, state) => state.inputValue.trim() ? options : [],
+		fullWidth: true,
+		getOptionLabel,
+		id: "search-header-suggest",
+		inputValue,
+		loading: suggestionsLoading,
+		loadingText: t("autoComplete.loading"),
+		noOptionsText: t("autoComplete.no-results-found"),
+		onChange: onSelectItem,
+		onClose: handleOnClose,
+		onInputChange: handleOnInputChange,
+		options: suggestions,
+		renderInput,
+		renderOption,
+		renderTags: () => null
+	}) });
 };
-var _default = exports["default"] = AutoComplete;
+//#endregion
+exports.default = AutoComplete;
+
 //# sourceMappingURL=AutoComplete.js.map

package/build/components/Search/AutoComplete/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.js","names":["_Autocomplete","_interopRequireDefault","require","_react","_interopRequireWildcard","_reactI18next","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","isArray","AutoComplete","_ref","_ref$suggestions","suggestions","onSuggestionsFetch","onCleanSuggestions","renderInput","renderOption","getOptionLabel","onSelectItem","_ref$suggestionsLoadi","suggestionsLoading","_useTranslation","useTranslation","_useState","useState","_useState2","inputValue","setInputValue","handleOnInputChange","event","reason","preventDefault","handleOnClose","createElement","Wrapper","clearOnBlur","disablePortal","freeSolo","fullWidth","id","loading","loadingText","onChange","onClose","onInputChange","options","renderTags","_default","exports"],"sources":["../../../../src/components/Search/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import Autocomplete from '@mui/material/Autocomplete';\nimport type { FC } from 'react';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { Wrapper } from './styles';\n\nexport type OnSelecItem = (\n  event: React.SyntheticEvent,\n  value: SearchResultWeb,\n  reason: string,\n  details?: string\n) => void;\ninterface Props {\n  suggestions?: SearchResultWeb[];\n  suggestionsLoading?: boolean;\n  placeholder: string;\n  renderOption?: (props: any, option: any) => JSX.Element;\n  renderInput: (params: any) => JSX.Element;\n  onSuggestionsFetch: any;\n  getOptionLabel: (option: any) => any;\n  onCleanSuggestions: (event: React.SyntheticEvent) => void;\n  onSelectItem: OnSelecItem;\n}\n\nconst AutoComplete: FC<Props> = ({\n  suggestions = [],\n  onSuggestionsFetch,\n  onCleanSuggestions,\n  renderInput,\n  renderOption,\n  getOptionLabel,\n  onSelectItem,\n  suggestionsLoading = false,\n}: Props) => {\n  const { t } = useTranslation();\n  const [inputValue, setInputValue] = useState('');\n\n  const handleOnInputChange = (event: React.SyntheticEvent, value: string, reason: string) => {\n    if (reason === 'input') {\n      event.preventDefault();\n      onSuggestionsFetch({ value });\n      setInputValue(value);\n    } else if (reason === 'clear') {\n      onCleanSuggestions(event);\n      setInputValue('');\n    }\n  };\n\n  const handleOnClose = (event) => {\n    onCleanSuggestions(event);\n    setInputValue('');\n  };\n\n  // @ts-ignore\n  return (\n    <Wrapper>\n      <Autocomplete\n        /* @ts-ignore */\n        clearOnBlur={true}\n        disablePortal={true}\n        freeSolo={true}\n        fullWidth={true}\n        getOptionLabel={getOptionLabel}\n        id=\"search-header-suggest\"\n        inputValue={inputValue}\n        loading={suggestionsLoading}\n        loadingText={t('autoComplete.loading')}\n        onChange={onSelectItem as any}\n        onClose={handleOnClose}\n        onInputChange={handleOnInputChange}\n        options={suggestions}\n        renderInput={renderInput}\n        renderOption={renderOption}\n        renderTags={() => null}\n      />\n    </Wrapper>\n  );\n};\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAAmC,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAP,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,gBAAAA,CAAA;AAAA,SAAAoB,eAAAjB,CAAA,EAAAH,CAAA,WAAAqB,eAAA,CAAAlB,CAAA,KAAAmB,qBAAA,CAAAnB,CAAA,EAAAH,CAAA,KAAAuB,2BAAA,CAAApB,CAAA,EAAAH,CAAA,KAAAwB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAApB,CAAA,EAAAuB,CAAA,QAAAvB,CAAA,2BAAAA,CAAA,SAAAwB,iBAAA,CAAAxB,CAAA,EAAAuB,CAAA,OAAAzB,CAAA,MAAA2B,QAAA,CAAAZ,IAAA,CAAAb,CAAA,EAAA0B,KAAA,6BAAA5B,CAAA,IAAAE,CAAA,CAAA2B,WAAA,KAAA7B,CAAA,GAAAE,CAAA,CAAA2B,WAAA,CAAAC,IAAA,aAAA9B,CAAA,cAAAA,CAAA,GAAA+B,KAAA,CAAAC,IAAA,CAAA9B,CAAA,oBAAAF,CAAA,+CAAAiC,IAAA,CAAAjC,CAAA,IAAA0B,iBAAA,CAAAxB,CAAA,EAAAuB,CAAA;AAAA,SAAAC,kBAAAxB,CAAA,EAAAuB,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAAvB,CAAA,CAAAgC,MAAA,MAAAT,CAAA,GAAAvB,CAAA,CAAAgC,MAAA,YAAAnC,CAAA,MAAAI,CAAA,GAAA4B,KAAA,CAAAN,CAAA,GAAA1B,CAAA,GAAA0B,CAAA,EAAA1B,CAAA,IAAAI,CAAA,CAAAJ,CAAA,IAAAG,CAAA,CAAAH,CAAA,UAAAI,CAAA;AAAA,SAAAkB,sBAAAnB,CAAA,EAAAiC,CAAA,QAAAnC,CAAA,WAAAE,CAAA,gCAAAkC,MAAA,IAAAlC,CAAA,CAAAkC,MAAA,CAAAC,QAAA,KAAAnC,CAAA,4BAAAF,CAAA,QAAAD,CAAA,EAAAI,CAAA,EAAAG,CAAA,EAAAgC,CAAA,EAAAb,CAAA,OAAAlB,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAN,CAAA,GAAAA,CAAA,CAAAe,IAAA,CAAAb,CAAA,GAAAqC,IAAA,QAAAJ,CAAA,QAAAnB,MAAA,CAAAhB,CAAA,MAAAA,CAAA,UAAAO,CAAA,uBAAAA,CAAA,IAAAR,CAAA,GAAAO,CAAA,CAAAS,IAAA,CAAAf,CAAA,GAAAwC,IAAA,MAAAf,CAAA,CAAAgB,IAAA,CAAA1C,CAAA,CAAA2C,KAAA,GAAAjB,CAAA,CAAAS,MAAA,KAAAC,CAAA,GAAA5B,CAAA,iBAAAL,CAAA,IAAAG,CAAA,OAAAF,CAAA,GAAAD,CAAA,yBAAAK,CAAA,YAAAP,CAAA,eAAAsC,CAAA,GAAAtC,CAAA,cAAAgB,MAAA,CAAAsB,CAAA,MAAAA,CAAA,2BAAAjC,CAAA,QAAAF,CAAA,aAAAsB,CAAA;AAAA,SAAAL,gBAAAlB,CAAA,QAAA6B,KAAA,CAAAY,OAAA,CAAAzC,CAAA,UAAAA,CAAA;AAoBnC,IAAM0C,YAAuB,GAAG,SAA1BA,YAAuBA,CAAAC,IAAA,EAShB;EAAA,IAAAC,gBAAA,GAAAD,IAAA,CARXE,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAChBE,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAClBC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,cAAc,GAAAP,IAAA,CAAdO,cAAc;IACdC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IAAAC,qBAAA,GAAAT,IAAA,CACZU,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;EAE1B,IAAAE,eAAA,GAAc,IAAAC,4BAAc,EAAC,CAAC;IAAtBzD,CAAC,GAAAwD,eAAA,CAADxD,CAAC;EACT,IAAA0D,SAAA,GAAoC,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,GAAAzC,cAAA,CAAAuC,SAAA;IAAzCG,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAEhC,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAA2B,EAAEtB,KAAa,EAAEuB,MAAc,EAAK;IAC1F,IAAIA,MAAM,KAAK,OAAO,EAAE;MACtBD,KAAK,CAACE,cAAc,CAAC,CAAC;MACtBlB,kBAAkB,CAAC;QAAEN,KAAK,EAALA;MAAM,CAAC,CAAC;MAC7BoB,aAAa,CAACpB,KAAK,CAAC;IACtB,CAAC,MAAM,IAAIuB,MAAM,KAAK,OAAO,EAAE;MAC7BhB,kBAAkB,CAACe,KAAK,CAAC;MACzBF,aAAa,CAAC,EAAE,CAAC;IACnB;EACF,CAAC;EAED,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIH,KAAK,EAAK;IAC/Bf,kBAAkB,CAACe,KAAK,CAAC;IACzBF,aAAa,CAAC,EAAE,CAAC;EACnB,CAAC;;EAED;EACA,oBACEnE,MAAA,YAAAyE,aAAA,CAACtE,OAAA,CAAAuE,OAAO,qBACN1E,MAAA,YAAAyE,aAAA,CAAC5E,aAAA;EACC;IACA8E,WAAW,EAAE,IAAK;IAClBC,aAAa,EAAE,IAAK;IACpBC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAE,IAAK;IAChBrB,cAAc,EAAEA,cAAe;IAC/BsB,EAAE,EAAC,uBAAuB;IAC1Bb,UAAU,EAAEA,UAAW;IACvBc,OAAO,EAAEpB,kBAAmB;IAC5BqB,WAAW,EAAE5E,CAAC,CAAC,sBAAsB,CAAE;IACvC6E,QAAQ,EAAExB,YAAoB;IAC9ByB,OAAO,EAAEX,aAAc;IACvBY,aAAa,EAAEhB,mBAAoB;IACnCiB,OAAO,EAAEjC,WAAY;IACrBG,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA,YAAa;IAC3B8B,UAAU,EAAE,SAAZA,UAAUA,CAAA;MAAA,OAAQ,IAAI;IAAA;EAAC,CACxB,CACM,CAAC;AAEd,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEavC,YAAY","ignoreList":[]}
+{"version":3,"file":"AutoComplete.js","names":["Autocomplete","FC","React","useState","useTranslation","SearchResultWeb","Wrapper","OnSelecItem","event","SyntheticEvent","value","reason","details","Props","suggestions","suggestionsLoading","placeholder","renderOption","props","option","JSX","Element","renderInput","params","onSuggestionsFetch","getOptionLabel","onCleanSuggestions","onSelectItem","AutoComplete","t","inputValue","setInputValue","handleOnInputChange","preventDefault","handleOnClose","options","state","trim"],"sources":["../../../../src/components/Search/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import Autocomplete from '@mui/material/Autocomplete';\nimport type { FC } from 'react';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { Wrapper } from './styles';\n\nexport type OnSelecItem = (\n  event: React.SyntheticEvent,\n  value: SearchResultWeb,\n  reason: string,\n  details?: string\n) => void;\ninterface Props {\n  suggestions?: SearchResultWeb[];\n  suggestionsLoading?: boolean;\n  placeholder: string;\n  renderOption?: (props: any, option: any) => JSX.Element;\n  renderInput: (params: any) => JSX.Element;\n  onSuggestionsFetch: any;\n  getOptionLabel: (option: any) => any;\n  onCleanSuggestions: (event: React.SyntheticEvent) => void;\n  onSelectItem: OnSelecItem;\n}\n\nconst AutoComplete: FC<Props> = ({\n  suggestions = [],\n  onSuggestionsFetch,\n  onCleanSuggestions,\n  renderInput,\n  renderOption,\n  getOptionLabel,\n  onSelectItem,\n  suggestionsLoading = false,\n}: Props) => {\n  const { t } = useTranslation();\n  const [inputValue, setInputValue] = useState('');\n\n  const handleOnInputChange = (event: React.SyntheticEvent, value: string, reason: string) => {\n    if (reason === 'input') {\n      event.preventDefault();\n      onSuggestionsFetch({ value });\n      setInputValue(value);\n    } else if (reason === 'clear') {\n      onCleanSuggestions(event);\n      setInputValue('');\n    }\n  };\n\n  const handleOnClose = (event) => {\n    onCleanSuggestions(event);\n    setInputValue('');\n  };\n\n  // @ts-ignore\n  return (\n    <Wrapper>\n      <Autocomplete\n        /* @ts-ignore */\n        clearOnBlur={true}\n        disablePortal={true}\n        filterOptions={(options, state) => (state.inputValue.trim() ? options : [])}\n        fullWidth={true}\n        getOptionLabel={getOptionLabel}\n        id=\"search-header-suggest\"\n        inputValue={inputValue}\n        loading={suggestionsLoading}\n        loadingText={t('autoComplete.loading')}\n        noOptionsText={t('autoComplete.no-results-found')}\n        onChange={onSelectItem as any}\n        onClose={handleOnClose}\n        onInputChange={handleOnInputChange}\n        options={suggestions}\n        renderInput={renderInput}\n        renderOption={renderOption}\n        renderTags={() => null}\n      />\n    </Wrapper>\n  );\n};\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;AA2BA,IAAM4B,gBAA2B,EAC/Bd,cAAc,EAAE,EAChBU,oBACAE,oBACAJ,aACAL,cACAQ,gBACAE,cACAZ,qBAAqB,YACV;CACX,MAAM,EAAEc,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAM,CAACC,YAAYC,kBAAAA,GAAAA,MAAAA,UAA0B,GAAG;CAEhD,MAAMC,uBAAuBxB,OAA6BE,OAAeC,WAAmB;AAC1F,MAAIA,WAAW,SAAS;AACtBH,SAAMyB,gBAAgB;AACtBT,sBAAmB,EAAEd,OAAO,CAAC;AAC7BqB,iBAAcrB,MAAM;aACXC,WAAW,SAAS;AAC7Be,sBAAmBlB,MAAM;AACzBuB,iBAAc,GAAG;;;CAIrB,MAAMG,iBAAiB1B,UAAU;AAC/BkB,qBAAmBlB,MAAM;AACzBuB,gBAAc,GAAG;;AAInB,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD;EAEE,aAAa;EACb,eAAe;EACf,gBAAgBI,SAASC,UAAWA,MAAMN,WAAWO,MAAM,GAAGF,UAAU,EAAG;EAC3E,WAAW;EACKV;EAChB,IAAG;EACSK;EACZ,SAASf;EACT,aAAac,EAAE,uBAAuB;EACtC,eAAeA,EAAE,gCAAgC;EACjD,UAAUF;EACV,SAASO;EACT,eAAeF;EACf,SAASlB;EACIQ;EACCL;EACd,kBAAkB;EAAK,CAAA,EAEjB,CAAA"}

package/build/components/Search/AutoComplete/AutoComplete.mjs

@@ -0,0 +1,47 @@
+import { Wrapper } from "./styles.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import Autocomplete from "@mui/material/Autocomplete";
+//#region src/components/Search/AutoComplete/AutoComplete.tsx
+var AutoComplete = ({ suggestions = [], onSuggestionsFetch, onCleanSuggestions, renderInput, renderOption, getOptionLabel, onSelectItem, suggestionsLoading = false }) => {
+	const { t } = useTranslation();
+	const [inputValue, setInputValue] = useState("");
+	const handleOnInputChange = (event, value, reason) => {
+		if (reason === "input") {
+			event.preventDefault();
+			onSuggestionsFetch({ value });
+			setInputValue(value);
+		} else if (reason === "clear") {
+			onCleanSuggestions(event);
+			setInputValue("");
+		}
+	};
+	const handleOnClose = (event) => {
+		onCleanSuggestions(event);
+		setInputValue("");
+	};
+	return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Autocomplete, {
+		clearOnBlur: true,
+		disablePortal: true,
+		filterOptions: (options, state) => state.inputValue.trim() ? options : [],
+		fullWidth: true,
+		getOptionLabel,
+		id: "search-header-suggest",
+		inputValue,
+		loading: suggestionsLoading,
+		loadingText: t("autoComplete.loading"),
+		noOptionsText: t("autoComplete.no-results-found"),
+		onChange: onSelectItem,
+		onClose: handleOnClose,
+		onInputChange: handleOnInputChange,
+		options: suggestions,
+		renderInput,
+		renderOption,
+		renderTags: () => null
+	}) });
+};
+//#endregion
+export { AutoComplete as default };
+
+//# sourceMappingURL=AutoComplete.mjs.map

package/build/components/Search/AutoComplete/AutoComplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.mjs","names":["Autocomplete","FC","React","useState","useTranslation","SearchResultWeb","Wrapper","OnSelecItem","event","SyntheticEvent","value","reason","details","Props","suggestions","suggestionsLoading","placeholder","renderOption","props","option","JSX","Element","renderInput","params","onSuggestionsFetch","getOptionLabel","onCleanSuggestions","onSelectItem","AutoComplete","t","inputValue","setInputValue","handleOnInputChange","preventDefault","handleOnClose","options","state","trim"],"sources":["../../../../src/components/Search/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import Autocomplete from '@mui/material/Autocomplete';\nimport type { FC } from 'react';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { Wrapper } from './styles';\n\nexport type OnSelecItem = (\n  event: React.SyntheticEvent,\n  value: SearchResultWeb,\n  reason: string,\n  details?: string\n) => void;\ninterface Props {\n  suggestions?: SearchResultWeb[];\n  suggestionsLoading?: boolean;\n  placeholder: string;\n  renderOption?: (props: any, option: any) => JSX.Element;\n  renderInput: (params: any) => JSX.Element;\n  onSuggestionsFetch: any;\n  getOptionLabel: (option: any) => any;\n  onCleanSuggestions: (event: React.SyntheticEvent) => void;\n  onSelectItem: OnSelecItem;\n}\n\nconst AutoComplete: FC<Props> = ({\n  suggestions = [],\n  onSuggestionsFetch,\n  onCleanSuggestions,\n  renderInput,\n  renderOption,\n  getOptionLabel,\n  onSelectItem,\n  suggestionsLoading = false,\n}: Props) => {\n  const { t } = useTranslation();\n  const [inputValue, setInputValue] = useState('');\n\n  const handleOnInputChange = (event: React.SyntheticEvent, value: string, reason: string) => {\n    if (reason === 'input') {\n      event.preventDefault();\n      onSuggestionsFetch({ value });\n      setInputValue(value);\n    } else if (reason === 'clear') {\n      onCleanSuggestions(event);\n      setInputValue('');\n    }\n  };\n\n  const handleOnClose = (event) => {\n    onCleanSuggestions(event);\n    setInputValue('');\n  };\n\n  // @ts-ignore\n  return (\n    <Wrapper>\n      <Autocomplete\n        /* @ts-ignore */\n        clearOnBlur={true}\n        disablePortal={true}\n        filterOptions={(options, state) => (state.inputValue.trim() ? options : [])}\n        fullWidth={true}\n        getOptionLabel={getOptionLabel}\n        id=\"search-header-suggest\"\n        inputValue={inputValue}\n        loading={suggestionsLoading}\n        loadingText={t('autoComplete.loading')}\n        noOptionsText={t('autoComplete.no-results-found')}\n        onChange={onSelectItem as any}\n        onClose={handleOnClose}\n        onInputChange={handleOnInputChange}\n        options={suggestions}\n        renderInput={renderInput}\n        renderOption={renderOption}\n        renderTags={() => null}\n      />\n    </Wrapper>\n  );\n};\n\nexport default AutoComplete;\n"],"mappings":";;;;;;AA2BA,IAAM4B,gBAA2B,EAC/Bd,cAAc,EAAE,EAChBU,oBACAE,oBACAJ,aACAL,cACAQ,gBACAE,cACAZ,qBAAqB,YACV;CACX,MAAM,EAAEc,MAAMzB,gBAAgB;CAC9B,MAAM,CAAC0B,YAAYC,iBAAiB5B,SAAS,GAAG;CAEhD,MAAM6B,uBAAuBxB,OAA6BE,OAAeC,WAAmB;AAC1F,MAAIA,WAAW,SAAS;AACtBH,SAAMyB,gBAAgB;AACtBT,sBAAmB,EAAEd,OAAO,CAAC;AAC7BqB,iBAAcrB,MAAM;aACXC,WAAW,SAAS;AAC7Be,sBAAmBlB,MAAM;AACzBuB,iBAAc,GAAG;;;CAIrB,MAAMG,iBAAiB1B,UAAU;AAC/BkB,qBAAmBlB,MAAM;AACzBuB,gBAAc,GAAG;;AAInB,QACE,oBAAC,SAAD,EAAA,UACE,oBAAC,cAAD;EAEE,aAAa;EACb,eAAe;EACf,gBAAgBI,SAASC,UAAWA,MAAMN,WAAWO,MAAM,GAAGF,UAAU,EAAG;EAC3E,WAAW;EACKV;EAChB,IAAG;EACSK;EACZ,SAASf;EACT,aAAac,EAAE,uBAAuB;EACtC,eAAeA,EAAE,gCAAgC;EACjD,UAAUF;EACV,SAASO;EACT,eAAeF;EACf,SAASlB;EACIQ;EACCL;EACd,kBAAkB;EAAK,CAAA,EAEjB,CAAA"}

package/build/components/Search/AutoComplete/index.js

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _AutoComplete["default"];
-  }
-});
-var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-//# sourceMappingURL=index.js.map
+require("./AutoComplete.js");

package/build/components/Search/AutoComplete/index.mjs

@@ -0,0 +1 @@
+import "./AutoComplete.mjs";

package/build/components/Search/AutoComplete/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/Search/AutoComplete/styles.js

@@ -1,23 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
-  target: "e17sb8qr0"
-} : {
-  target: "e17sb8qr0",
-  label: "Wrapper"
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+//#region src/components/Search/AutoComplete/styles.ts
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var Wrapper = /* @__PURE__ */ (0, _emotion_styled_base.default)("div", process.env.NODE_ENV === "production" ? { target: "e17sb8qr0" } : {
+	target: "e17sb8qr0",
+	label: "Wrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1ayuow2",
-  styles: "width:100%;position:relative;z-index:1"
+	name: "1ayuow2",
+	styles: "width:100%;position:relative;z-index:1"
 } : {
-  name: "1ayuow2",
-  styles: "width:100%;position:relative;z-index:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9BdXRvQ29tcGxldGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWFyY2gvQXV0b0NvbXBsZXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+	name: "1ayuow2",
+	styles: "width:100%;position:relative;z-index:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2gvQXV0b0NvbXBsZXRlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlYXJjaC9BdXRvQ29tcGxldGUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnZGl2Jykoe1xuICB3aWR0aDogJzEwMCUnLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */",
+	toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
+//#endregion
+exports.Wrapper = Wrapper;
+
 //# sourceMappingURL=styles.js.map

package/build/components/Search/AutoComplete/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["Wrapper","exports","_base","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../../src/components/Search/AutoComplete/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const Wrapper = styled('div')({\n  width: '100%',\n  position: 'relative',\n  zIndex: 1,\n});\n"],"mappings":";;;;;;;;;AAEO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,KAAA,aAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAInC,CAAC","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../../src/components/Search/AutoComplete/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const Wrapper = styled('div')({\n  width: '100%',\n  position: 'relative',\n  zIndex: 1,\n});\n"],"mappings":";;;;;;;AAEA,IAAaA,UAAUC,iBAAAA,GAAAA,qBAAAA,SAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAA,eAAA;CAAAC,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAInC,CAAC"}

package/build/components/Search/AutoComplete/styles.mjs

@@ -0,0 +1,20 @@
+import _styled from "@emotion/styled/base";
+//#region src/components/Search/AutoComplete/styles.ts
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+	return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var Wrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "e17sb8qr0" } : {
+	target: "e17sb8qr0",
+	label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+	name: "1ayuow2",
+	styles: "width:100%;position:relative;z-index:1"
+} : {
+	name: "1ayuow2",
+	styles: "width:100%;position:relative;z-index:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2gvQXV0b0NvbXBsZXRlL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlYXJjaC9BdXRvQ29tcGxldGUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnZGl2Jykoe1xuICB3aWR0aDogJzEwMCUnLFxuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */",
+	toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+//#endregion
+export { Wrapper };
+
+//# sourceMappingURL=styles.mjs.map

package/build/components/Search/AutoComplete/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":["Wrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["../../../../src/components/Search/AutoComplete/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const Wrapper = styled('div')({\n  width: '100%',\n  position: 'relative',\n  zIndex: 1,\n});\n"],"mappings":";;;;;AAEA,IAAaA,UAAUC,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,CAAA,QAAA,IAAA,aAAA,eAAA;CAAAC,MAAA;CAAAC,QAAA;CAAA,GAAA;CAAAD,MAAA;CAAAC,QAAA;CAAAC,UAAAC;CAInC,CAAC"}