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

package/build/components/Search/Search.js

@@ -1,179 +1,137 @@
-"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 _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactRouter = require("react-router");
-var _ = require("../../");
-var _utils = require("../../utils");
-var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
-var _SearchItem = _interopRequireDefault(require("./SearchItem"));
-var _styles = require("./styles");
-var _excluded = ["key"];
-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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_routes = require("../../utils/routes.js");
+require("../../utils/index.js");
+const require_AppConfigurationProvider = require("../../providers/AppConfigurationProvider/AppConfigurationProvider.js");
+const require_SearchProvider = require("../../providers/SearchProvider/SearchProvider.js");
+const require_AutoComplete = require("./AutoComplete/AutoComplete.js");
+require("./AutoComplete/index.js");
+const require_SearchItem = require("./SearchItem.js");
+const require_styles = require("./styles.js");
+require("../../index.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 react_router = require("react-router");
+let lodash_debounce = require("lodash/debounce");
+lodash_debounce = require_runtime.__toESM(lodash_debounce);
+let _mui_icons_material_Search = require("@mui/icons-material/Search");
+_mui_icons_material_Search = require_runtime.__toESM(_mui_icons_material_Search);
+//#region src/components/Search/Search.tsx
 var CONSTANTS = {
-  API_DELAY: 300,
-  ABORT_ERROR: 'AbortError'
+	API_DELAY: 300,
+	ABORT_ERROR: "AbortError"
 };
-var Search = function Search() {
-  var _flags$searchRemote;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var navigate = (0, _reactRouter.useNavigate)();
-  var _useSearch = (0, _.useSearch)(),
-    searchResults = _useSearch.searchResults,
-    isLoading = _useSearch.isLoading,
-    doSearch = _useSearch.doSearch;
-  var _useConfig = (0, _.useConfig)(),
-    flags = _useConfig.configOptions.flags;
-  var searchRemote = (_flags$searchRemote = flags === null || flags === void 0 ? void 0 : flags.searchRemote) !== null && _flags$searchRemote !== void 0 ? _flags$searchRemote : false;
-  var abortControllerRef = (0, _react.useRef)(null);
-  var cancelAllSearchRequests = (0, _react.useCallback)(function () {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-  }, []);
-  (0, _react.useEffect)(function () {
-    return function () {
-      return cancelAllSearchRequests();
-    };
-  }, [cancelAllSearchRequests]);
-  var handleOnBlur = (0, _react.useCallback)(function (event) {
-    event.stopPropagation();
-    cancelAllSearchRequests();
-  }, [cancelAllSearchRequests]);
-  var handleClickSearch = (0, _react.useCallback)(function (event, value, reason) {
-    event.stopPropagation();
-    if (reason === 'selectOption') {
-      var pkgName = searchRemote ? value['package'].name : value.name;
-      navigate("".concat(_utils.Route.DETAIL).concat(pkgName));
-    }
-  }, [navigate, searchRemote]);
-
-  /**
-   * Fetch packages from API with Abort Logic.
-   */
-  var handleFetchPackages = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
-      var value, controller, _t;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.p = _context.n) {
-          case 0:
-            value = _ref.value;
-            if (!((value === null || value === void 0 ? void 0 : value.trim()) !== '')) {
-              _context.n = 4;
-              break;
-            }
-            // 2. Abort any previous pending request before starting a new one
-            cancelAllSearchRequests();
-
-            // 3. Create a new controller for the current request
-            controller = new AbortController();
-            abortControllerRef.current = controller;
-            _context.p = 1;
-            _context.n = 2;
-            return doSearch === null || doSearch === void 0 ? void 0 : doSearch({
-              text: value,
-              signal: controller.signal
-            });
-          case 2:
-            _context.n = 4;
-            break;
-          case 3:
-            _context.p = 3;
-            _t = _context.v;
-            if (_t.name === CONSTANTS.ABORT_ERROR) {
-              console.warn('Search request aborted');
-            } else {
-              console.error('Search error:', _t);
-            }
-          case 4:
-            return _context.a(2);
-        }
-      }, _callee, null, [[1, 3]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [doSearch, cancelAllSearchRequests]);
-  var renderOption = function renderOption(props, option) {
-    var key = props.key,
-      otherProps = _objectWithoutProperties(props, _excluded);
-    if (searchRemote) {
-      var item = option["package"];
-      var isPrivate = option === null || option === void 0 ? void 0 : option.verdaccioPrivate;
-      var isCached = option === null || option === void 0 ? void 0 : option.verdaccioPkgCached;
-      var isRemote = !isCached && !isPrivate;
-      return /*#__PURE__*/_react["default"].createElement(_SearchItem["default"], _extends({
-        key: key
-      }, otherProps, {
-        description: item === null || item === void 0 ? void 0 : item.description,
-        isCached: isCached,
-        isPrivate: isPrivate,
-        isRemote: isRemote,
-        name: item === null || item === void 0 ? void 0 : item.name,
-        version: item === null || item === void 0 ? void 0 : item.version
-      }));
-    } else {
-      var _item = option["package"];
-      return /*#__PURE__*/_react["default"].createElement(_SearchItem["default"], _extends({
-        key: key
-      }, otherProps, {
-        description: _item === null || _item === void 0 ? void 0 : _item.description,
-        name: _item === null || _item === void 0 ? void 0 : _item.name,
-        version: _item === null || _item === void 0 ? void 0 : _item.version
-      }));
-    }
-  };
-  var renderInput = function renderInput(params) {
-    return /*#__PURE__*/_react["default"].createElement(_styles.StyledTextField, _extends({}, params, {
-      InputProps: _objectSpread(_objectSpread({}, params.InputProps), {}, {
-        startAdornment: /*#__PURE__*/_react["default"].createElement(_styles.StyledInputAdornment, {
-          position: "start"
-        }, /*#__PURE__*/_react["default"].createElement(_Search["default"], null))
-      }),
-      label: "",
-      placeholder: t('search.packages'),
-      variant: "standard"
-    }));
-  };
-  var getOptionLabel = function getOptionLabel(option) {
-    var _option$package;
-    return option === null || option === void 0 || (_option$package = option["package"]) === null || _option$package === void 0 ? void 0 : _option$package.name;
-  };
-  return /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], {
-    getOptionLabel: getOptionLabel,
-    onCleanSuggestions: handleOnBlur,
-    onSelectItem: handleClickSearch
-    // Debounce the entire fetcher wrapper
-    ,
-    onSuggestionsFetch: (0, _debounce["default"])(handleFetchPackages, CONSTANTS.API_DELAY),
-    placeholder: t('search.packages'),
-    renderInput: renderInput,
-    renderOption: renderOption,
-    suggestions: searchResults,
-    suggestionsLoading: isLoading
-  });
+var Search = () => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const navigate = (0, react_router.useNavigate)();
+	const { searchResults, isLoading, doSearch } = require_SearchProvider.useSearch();
+	const { configOptions: { flags } } = require_AppConfigurationProvider.useConfig();
+	const searchRemote = flags?.searchRemote ?? false;
+	const abortControllerRef = (0, react.useRef)(null);
+	const cancelAllSearchRequests = (0, react.useCallback)(() => {
+		if (abortControllerRef.current) {
+			abortControllerRef.current.abort();
+			abortControllerRef.current = null;
+		}
+	}, []);
+	const handleOnBlur = (0, react.useCallback)((event) => {
+		event.stopPropagation();
+		cancelAllSearchRequests();
+	}, [cancelAllSearchRequests]);
+	const handleClickSearch = (0, react.useCallback)((event, value, reason) => {
+		event.stopPropagation();
+		if (reason === "selectOption") {
+			const pkgName = value["package"]?.name ?? value.name;
+			navigate(`${require_routes.Route.DETAIL}${pkgName}`);
+		}
+	}, [navigate, searchRemote]);
+	const doSearchRef = (0, react.useRef)(doSearch);
+	doSearchRef.current = doSearch;
+	/**
+	* Stable fetch function that reads the latest doSearch from a ref,
+	* avoiding dependency changes that would break the debounce.
+	*/
+	const handleFetchPackages = (0, react.useCallback)(async ({ value }) => {
+		if (value?.trim() !== "") {
+			cancelAllSearchRequests();
+			const controller = new AbortController();
+			abortControllerRef.current = controller;
+			try {
+				await doSearchRef.current?.({
+					text: value,
+					signal: controller.signal
+				});
+			} catch (err) {
+				if (err.name === CONSTANTS.ABORT_ERROR) console.warn("Search request aborted");
+				else console.error("Search error:", err);
+			}
+		}
+	}, [cancelAllSearchRequests]);
+	const debouncedFetch = (0, react.useMemo)(() => (0, lodash_debounce.default)(handleFetchPackages, CONSTANTS.API_DELAY), [handleFetchPackages]);
+	(0, react.useEffect)(() => {
+		return () => {
+			debouncedFetch.cancel?.();
+			cancelAllSearchRequests();
+		};
+	}, [debouncedFetch, cancelAllSearchRequests]);
+	const renderOption = (props, option) => {
+		const { key, ...otherProps } = props;
+		if (searchRemote) {
+			const item = option.package;
+			const isPrivate = option?.verdaccioPrivate;
+			const isCached = option?.verdaccioPkgCached;
+			const isRemote = !isCached && !isPrivate;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchItem.default, {
+				...otherProps,
+				description: item?.description,
+				isCached,
+				isPrivate,
+				isRemote,
+				name: item?.name,
+				version: item?.version
+			}, key);
+		} else {
+			const item = option.package;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchItem.default, {
+				...otherProps,
+				description: item?.description,
+				name: item?.name,
+				version: item?.version
+			}, key);
+		}
+	};
+	const renderInput = (params) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.StyledTextField, {
+			...params,
+			InputProps: {
+				...params.InputProps,
+				startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.StyledInputAdornment, {
+					position: "start",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Search.default, {})
+				})
+			},
+			label: "",
+			placeholder: t("search.packages"),
+			variant: "standard"
+		});
+	};
+	const getOptionLabel = (option) => {
+		return option?.package?.name;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AutoComplete.default, {
+		getOptionLabel,
+		onCleanSuggestions: handleOnBlur,
+		onSelectItem: handleClickSearch,
+		onSuggestionsFetch: debouncedFetch,
+		placeholder: t("search.packages"),
+		renderInput,
+		renderOption,
+		suggestions: searchResults,
+		suggestionsLoading: isLoading
+	});
 };
-var _default = exports["default"] = Search;
+//#endregion
+exports.default = Search;
+
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","names":["_Search","_interopRequireDefault","require","_debounce","_react","_interopRequireWildcard","_reactI18next","_reactRouter","_","_utils","_AutoComplete","_SearchItem","_styles","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_extends","assign","bind","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","_regenerator","iterator","toStringTag","c","prototype","Generator","u","create","_regeneratorDefine2","p","y","G","v","a","d","l","done","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","displayName","w","m","_regeneratorDefine","_invoke","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","_next","_throw","CONSTANTS","API_DELAY","ABORT_ERROR","Search","_flags$searchRemote","_useTranslation","useTranslation","navigate","useNavigate","_useSearch","useSearch","searchResults","isLoading","doSearch","_useConfig","useConfig","flags","configOptions","searchRemote","abortControllerRef","useRef","cancelAllSearchRequests","useCallback","current","abort","useEffect","handleOnBlur","event","stopPropagation","handleClickSearch","reason","pkgName","name","concat","Route","DETAIL","handleFetchPackages","_ref2","_callee","_ref","controller","_t","_context","trim","AbortController","text","signal","console","warn","error","_x","renderOption","props","option","key","otherProps","item","isPrivate","verdaccioPrivate","isCached","verdaccioPkgCached","isRemote","createElement","description","version","renderInput","params","StyledTextField","InputProps","startAdornment","StyledInputAdornment","position","label","placeholder","variant","getOptionLabel","_option$package","onCleanSuggestions","onSelectItem","onSuggestionsFetch","debounce","suggestions","suggestionsLoading","_default","exports"],"sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import SearchMui from '@mui/icons-material/Search';\nimport debounce from 'lodash/debounce';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { useConfig, useSearch } from '../../';\nimport { Route } from '../../utils';\nimport AutoComplete from './AutoComplete';\nimport SearchItem from './SearchItem';\nimport { StyledInputAdornment, StyledTextField } from './styles';\n\nconst CONSTANTS = {\n  API_DELAY: 300,\n  ABORT_ERROR: 'AbortError',\n};\n\nconst Search: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { searchResults, isLoading, doSearch } = useSearch();\n  const {\n    configOptions: { flags },\n  } = useConfig();\n  const searchRemote = flags?.searchRemote ?? false;\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const cancelAllSearchRequests = useCallback(() => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => cancelAllSearchRequests();\n  }, [cancelAllSearchRequests]);\n\n  const handleOnBlur = useCallback(\n    (event: React.SyntheticEvent) => {\n      event.stopPropagation();\n      cancelAllSearchRequests();\n    },\n    [cancelAllSearchRequests]\n  );\n\n  const handleClickSearch = useCallback(\n    (event: React.SyntheticEvent, value: SearchResultWeb, reason: string): void => {\n      event.stopPropagation();\n      if (reason === 'selectOption') {\n        const pkgName = searchRemote ? value['package'].name : value.name;\n        navigate(`${Route.DETAIL}${pkgName}`);\n      }\n    },\n    [navigate, searchRemote]\n  );\n\n  /**\n   * Fetch packages from API with Abort Logic.\n   */\n  const handleFetchPackages = useCallback(\n    async ({ value }: { value: string }) => {\n      if (value?.trim() !== '') {\n        // 2. Abort any previous pending request before starting a new one\n        cancelAllSearchRequests();\n\n        // 3. Create a new controller for the current request\n        const controller = new AbortController();\n        abortControllerRef.current = controller;\n\n        try {\n          await doSearch?.({\n            text: value,\n            signal: controller.signal,\n          });\n        } catch (err: any) {\n          if (err.name === CONSTANTS.ABORT_ERROR) {\n            console.warn('Search request aborted');\n          } else {\n            console.error('Search error:', err);\n          }\n        }\n      }\n    },\n    [doSearch, cancelAllSearchRequests]\n  );\n\n  const renderOption = (props, option) => {\n    const { key, ...otherProps } = props;\n\n    if (searchRemote) {\n      const item: SearchResultWeb = option.package;\n      const isPrivate = option?.verdaccioPrivate;\n      const isCached = option?.verdaccioPkgCached;\n      const isRemote = !isCached && !isPrivate;\n      return (\n        <SearchItem\n          key={key}\n          {...otherProps}\n          description={item?.description}\n          isCached={isCached}\n          isPrivate={isPrivate}\n          isRemote={isRemote}\n          name={item?.name}\n          version={item?.version}\n        />\n      );\n    } else {\n      const item: SearchResultWeb = option.package;\n      return (\n        <SearchItem\n          key={key}\n          {...otherProps}\n          description={item?.description}\n          name={item?.name}\n          version={item?.version}\n        />\n      );\n    }\n  };\n\n  const renderInput = (params) => {\n    return (\n      <StyledTextField\n        {...params}\n        InputProps={{\n          ...params.InputProps,\n          startAdornment: (\n            <StyledInputAdornment position=\"start\">\n              <SearchMui />\n            </StyledInputAdornment>\n          ),\n        }}\n        label=\"\"\n        placeholder={t('search.packages')}\n        variant=\"standard\"\n      />\n    );\n  };\n\n  const getOptionLabel = (option) => {\n    return option?.package?.name;\n  };\n\n  return (\n    <AutoComplete\n      getOptionLabel={getOptionLabel}\n      onCleanSuggestions={handleOnBlur}\n      onSelectItem={handleClickSearch}\n      // Debounce the entire fetcher wrapper\n      onSuggestionsFetch={debounce(handleFetchPackages, CONSTANTS.API_DELAY)}\n      placeholder={t('search.packages')}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      suggestions={searchResults}\n      suggestionsLoading={isLoading}\n    />\n  );\n};\n\nexport default Search;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Search.js","names":["SearchMui","debounce","React","useCallback","useEffect","useMemo","useRef","useTranslation","useNavigate","SearchResultWeb","useConfig","useSearch","Route","AutoComplete","SearchItem","StyledInputAdornment","StyledTextField","CONSTANTS","API_DELAY","ABORT_ERROR","Search","FC","t","navigate","searchResults","isLoading","doSearch","configOptions","flags","searchRemote","abortControllerRef","AbortController","cancelAllSearchRequests","current","abort","handleOnBlur","event","SyntheticEvent","stopPropagation","handleClickSearch","value","reason","pkgName","name","DETAIL","doSearchRef","handleFetchPackages","trim","controller","text","signal","err","console","warn","error","debouncedFetch","cancel","renderOption","props","option","key","otherProps","item","package","isPrivate","verdaccioPrivate","isCached","verdaccioPkgCached","isRemote","description","version","renderInput","params","InputProps","startAdornment","getOptionLabel"],"sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import SearchMui from '@mui/icons-material/Search';\nimport debounce from 'lodash/debounce';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { useConfig, useSearch } from '../../';\nimport { Route } from '../../utils';\nimport AutoComplete from './AutoComplete';\nimport SearchItem from './SearchItem';\nimport { StyledInputAdornment, StyledTextField } from './styles';\n\nconst CONSTANTS = {\n  API_DELAY: 300,\n  ABORT_ERROR: 'AbortError',\n};\n\nconst Search: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { searchResults, isLoading, doSearch } = useSearch();\n  const {\n    configOptions: { flags },\n  } = useConfig();\n  const searchRemote = flags?.searchRemote ?? false;\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const cancelAllSearchRequests = useCallback(() => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n  }, []);\n\n  const handleOnBlur = useCallback(\n    (event: React.SyntheticEvent) => {\n      event.stopPropagation();\n      cancelAllSearchRequests();\n    },\n    [cancelAllSearchRequests]\n  );\n\n  const handleClickSearch = useCallback(\n    (event: React.SyntheticEvent, value: SearchResultWeb, reason: string): void => {\n      event.stopPropagation();\n      if (reason === 'selectOption') {\n        const pkgName = value['package']?.name ?? value.name;\n        navigate(`${Route.DETAIL}${pkgName}`);\n      }\n    },\n    [navigate, searchRemote]\n  );\n\n  // Use a ref to always access the latest doSearch without re-creating the debounced function\n  const doSearchRef = useRef(doSearch);\n  doSearchRef.current = doSearch;\n\n  /**\n   * Stable fetch function that reads the latest doSearch from a ref,\n   * avoiding dependency changes that would break the debounce.\n   */\n  const handleFetchPackages = useCallback(\n    async ({ value }: { value: string }) => {\n      if (value?.trim() !== '') {\n        // Abort any previous pending request before starting a new one\n        cancelAllSearchRequests();\n\n        // Create a new controller for the current request\n        const controller = new AbortController();\n        abortControllerRef.current = controller;\n\n        try {\n          await doSearchRef.current?.({\n            text: value,\n            signal: controller.signal,\n          });\n        } catch (err: any) {\n          if (err.name === CONSTANTS.ABORT_ERROR) {\n            console.warn('Search request aborted');\n          } else {\n            console.error('Search error:', err);\n          }\n        }\n      }\n    },\n    [cancelAllSearchRequests]\n  );\n\n  // Memoize the debounced function so a single instance is reused across renders,\n  // ensuring the debounce timer works correctly instead of creating a new timer per render.\n  const debouncedFetch = useMemo(\n    () => debounce(handleFetchPackages, CONSTANTS.API_DELAY),\n    [handleFetchPackages]\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedFetch.cancel?.();\n      cancelAllSearchRequests();\n    };\n  }, [debouncedFetch, cancelAllSearchRequests]);\n\n  const renderOption = (props, option) => {\n    const { key, ...otherProps } = props;\n\n    if (searchRemote) {\n      const item: SearchResultWeb = option.package;\n      const isPrivate = option?.verdaccioPrivate;\n      const isCached = option?.verdaccioPkgCached;\n      const isRemote = !isCached && !isPrivate;\n      return (\n        <SearchItem\n          key={key}\n          {...otherProps}\n          description={item?.description}\n          isCached={isCached}\n          isPrivate={isPrivate}\n          isRemote={isRemote}\n          name={item?.name}\n          version={item?.version}\n        />\n      );\n    } else {\n      const item: SearchResultWeb = option.package;\n      return (\n        <SearchItem\n          key={key}\n          {...otherProps}\n          description={item?.description}\n          name={item?.name}\n          version={item?.version}\n        />\n      );\n    }\n  };\n\n  const renderInput = (params) => {\n    return (\n      <StyledTextField\n        {...params}\n        InputProps={{\n          ...params.InputProps,\n          startAdornment: (\n            <StyledInputAdornment position=\"start\">\n              <SearchMui />\n            </StyledInputAdornment>\n          ),\n        }}\n        label=\"\"\n        placeholder={t('search.packages')}\n        variant=\"standard\"\n      />\n    );\n  };\n\n  const getOptionLabel = (option) => {\n    return option?.package?.name;\n  };\n\n  return (\n    <AutoComplete\n      getOptionLabel={getOptionLabel}\n      onCleanSuggestions={handleOnBlur}\n      onSelectItem={handleClickSearch}\n      onSuggestionsFetch={debouncedFetch}\n      placeholder={t('search.packages')}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      suggestions={searchResults}\n      suggestionsLoading={isLoading}\n    />\n  );\n};\n\nexport default Search;\n"],"mappings":"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"}

package/build/components/Search/Search.mjs

@@ -0,0 +1,133 @@
+import { Route as Route$1 } from "../../utils/routes.mjs";
+import "../../utils/index.mjs";
+import { useConfig } from "../../providers/AppConfigurationProvider/AppConfigurationProvider.mjs";
+import { useSearch } from "../../providers/SearchProvider/SearchProvider.mjs";
+import AutoComplete from "./AutoComplete/AutoComplete.mjs";
+import "./AutoComplete/index.mjs";
+import SearchItem from "./SearchItem.mjs";
+import { StyledInputAdornment, StyledTextField } from "./styles.mjs";
+import "../../index.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router";
+import debounce from "lodash/debounce";
+import SearchMui from "@mui/icons-material/Search";
+//#region src/components/Search/Search.tsx
+var CONSTANTS = {
+	API_DELAY: 300,
+	ABORT_ERROR: "AbortError"
+};
+var Search = () => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { searchResults, isLoading, doSearch } = useSearch();
+	const { configOptions: { flags } } = useConfig();
+	const searchRemote = flags?.searchRemote ?? false;
+	const abortControllerRef = useRef(null);
+	const cancelAllSearchRequests = useCallback(() => {
+		if (abortControllerRef.current) {
+			abortControllerRef.current.abort();
+			abortControllerRef.current = null;
+		}
+	}, []);
+	const handleOnBlur = useCallback((event) => {
+		event.stopPropagation();
+		cancelAllSearchRequests();
+	}, [cancelAllSearchRequests]);
+	const handleClickSearch = useCallback((event, value, reason) => {
+		event.stopPropagation();
+		if (reason === "selectOption") {
+			const pkgName = value["package"]?.name ?? value.name;
+			navigate(`${Route$1.DETAIL}${pkgName}`);
+		}
+	}, [navigate, searchRemote]);
+	const doSearchRef = useRef(doSearch);
+	doSearchRef.current = doSearch;
+	/**
+	* Stable fetch function that reads the latest doSearch from a ref,
+	* avoiding dependency changes that would break the debounce.
+	*/
+	const handleFetchPackages = useCallback(async ({ value }) => {
+		if (value?.trim() !== "") {
+			cancelAllSearchRequests();
+			const controller = new AbortController();
+			abortControllerRef.current = controller;
+			try {
+				await doSearchRef.current?.({
+					text: value,
+					signal: controller.signal
+				});
+			} catch (err) {
+				if (err.name === CONSTANTS.ABORT_ERROR) console.warn("Search request aborted");
+				else console.error("Search error:", err);
+			}
+		}
+	}, [cancelAllSearchRequests]);
+	const debouncedFetch = useMemo(() => debounce(handleFetchPackages, CONSTANTS.API_DELAY), [handleFetchPackages]);
+	useEffect(() => {
+		return () => {
+			debouncedFetch.cancel?.();
+			cancelAllSearchRequests();
+		};
+	}, [debouncedFetch, cancelAllSearchRequests]);
+	const renderOption = (props, option) => {
+		const { key, ...otherProps } = props;
+		if (searchRemote) {
+			const item = option.package;
+			const isPrivate = option?.verdaccioPrivate;
+			const isCached = option?.verdaccioPkgCached;
+			const isRemote = !isCached && !isPrivate;
+			return /* @__PURE__ */ jsx(SearchItem, {
+				...otherProps,
+				description: item?.description,
+				isCached,
+				isPrivate,
+				isRemote,
+				name: item?.name,
+				version: item?.version
+			}, key);
+		} else {
+			const item = option.package;
+			return /* @__PURE__ */ jsx(SearchItem, {
+				...otherProps,
+				description: item?.description,
+				name: item?.name,
+				version: item?.version
+			}, key);
+		}
+	};
+	const renderInput = (params) => {
+		return /* @__PURE__ */ jsx(StyledTextField, {
+			...params,
+			InputProps: {
+				...params.InputProps,
+				startAdornment: /* @__PURE__ */ jsx(StyledInputAdornment, {
+					position: "start",
+					children: /* @__PURE__ */ jsx(SearchMui, {})
+				})
+			},
+			label: "",
+			placeholder: t("search.packages"),
+			variant: "standard"
+		});
+	};
+	const getOptionLabel = (option) => {
+		return option?.package?.name;
+	};
+	return /* @__PURE__ */ jsx(AutoComplete, {
+		getOptionLabel,
+		onCleanSuggestions: handleOnBlur,
+		onSelectItem: handleClickSearch,
+		onSuggestionsFetch: debouncedFetch,
+		placeholder: t("search.packages"),
+		renderInput,
+		renderOption,
+		suggestions: searchResults,
+		suggestionsLoading: isLoading
+	});
+};
+//#endregion
+export { Search as default };
+
+//# sourceMappingURL=Search.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.mjs","names":["SearchMui","debounce","React","useCallback","useEffect","useMemo","useRef","useTranslation","useNavigate","SearchResultWeb","useConfig","useSearch","Route","AutoComplete","SearchItem","StyledInputAdornment","StyledTextField","CONSTANTS","API_DELAY","ABORT_ERROR","Search","FC","t","navigate","searchResults","isLoading","doSearch","configOptions","flags","searchRemote","abortControllerRef","AbortController","cancelAllSearchRequests","current","abort","handleOnBlur","event","SyntheticEvent","stopPropagation","handleClickSearch","value","reason","pkgName","name","DETAIL","doSearchRef","handleFetchPackages","trim","controller","text","signal","err","console","warn","error","debouncedFetch","cancel","renderOption","props","option","key","otherProps","item","package","isPrivate","verdaccioPrivate","isCached","verdaccioPkgCached","isRemote","description","version","renderInput","params","InputProps","startAdornment","getOptionLabel"],"sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import SearchMui from '@mui/icons-material/Search';\nimport debounce from 'lodash/debounce';\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { SearchResultWeb } from '@verdaccio/types';\n\nimport { useConfig, useSearch } from '../../';\nimport { Route } from '../../utils';\nimport AutoComplete from './AutoComplete';\nimport SearchItem from './SearchItem';\nimport { StyledInputAdornment, StyledTextField } from './styles';\n\nconst CONSTANTS = {\n  API_DELAY: 300,\n  ABORT_ERROR: 'AbortError',\n};\n\nconst Search: React.FC = () => {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { searchResults, isLoading, doSearch } = useSearch();\n  const {\n    configOptions: { flags },\n  } = useConfig();\n  const searchRemote = flags?.searchRemote ?? false;\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const cancelAllSearchRequests = useCallback(() => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n  }, []);\n\n  const handleOnBlur = useCallback(\n    (event: React.SyntheticEvent) => {\n      event.stopPropagation();\n      cancelAllSearchRequests();\n    },\n    [cancelAllSearchRequests]\n  );\n\n  const handleClickSearch = useCallback(\n    (event: React.SyntheticEvent, value: SearchResultWeb, reason: string): void => {\n      event.stopPropagation();\n      if (reason === 'selectOption') {\n        const pkgName = value['package']?.name ?? value.name;\n        navigate(`${Route.DETAIL}${pkgName}`);\n      }\n    },\n    [navigate, searchRemote]\n  );\n\n  // Use a ref to always access the latest doSearch without re-creating the debounced function\n  const doSearchRef = useRef(doSearch);\n  doSearchRef.current = doSearch;\n\n  /**\n   * Stable fetch function that reads the latest doSearch from a ref,\n   * avoiding dependency changes that would break the debounce.\n   */\n  const handleFetchPackages = useCallback(\n    async ({ value }: { value: string }) => {\n      if (value?.trim() !== '') {\n        // Abort any previous pending request before starting a new one\n        cancelAllSearchRequests();\n\n        // Create a new controller for the current request\n        const controller = new AbortController();\n        abortControllerRef.current = controller;\n\n        try {\n          await doSearchRef.current?.({\n            text: value,\n            signal: controller.signal,\n          });\n        } catch (err: any) {\n          if (err.name === CONSTANTS.ABORT_ERROR) {\n            console.warn('Search request aborted');\n          } else {\n            console.error('Search error:', err);\n          }\n        }\n      }\n    },\n    [cancelAllSearchRequests]\n  );\n\n  // Memoize the debounced function so a single instance is reused across renders,\n  // ensuring the debounce timer works correctly instead of creating a new timer per render.\n  const debouncedFetch = useMemo(\n    () => debounce(handleFetchPackages, CONSTANTS.API_DELAY),\n    [handleFetchPackages]\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedFetch.cancel?.();\n      cancelAllSearchRequests();\n    };\n  }, [debouncedFetch, cancelAllSearchRequests]);\n\n  const renderOption = (props, option) => {\n    const { key, ...otherProps } = props;\n\n    if (searchRemote) {\n      const item: SearchResultWeb = option.package;\n      const isPrivate = option?.verdaccioPrivate;\n      const isCached = option?.verdaccioPkgCached;\n      const isRemote = !isCached && !isPrivate;\n      return (\n        <SearchItem\n          key={key}\n          {...otherProps}\n          description={item?.description}\n          isCached={isCached}\n          isPrivate={isPrivate}\n          isRemote={isRemote}\n          name={item?.name}\n          version={item?.version}\n        />\n      );\n    } else {\n      const item: SearchResultWeb = option.package;\n      return (\n        <SearchItem\n          key={key}\n          {...otherProps}\n          description={item?.description}\n          name={item?.name}\n          version={item?.version}\n        />\n      );\n    }\n  };\n\n  const renderInput = (params) => {\n    return (\n      <StyledTextField\n        {...params}\n        InputProps={{\n          ...params.InputProps,\n          startAdornment: (\n            <StyledInputAdornment position=\"start\">\n              <SearchMui />\n            </StyledInputAdornment>\n          ),\n        }}\n        label=\"\"\n        placeholder={t('search.packages')}\n        variant=\"standard\"\n      />\n    );\n  };\n\n  const getOptionLabel = (option) => {\n    return option?.package?.name;\n  };\n\n  return (\n    <AutoComplete\n      getOptionLabel={getOptionLabel}\n      onCleanSuggestions={handleOnBlur}\n      onSelectItem={handleClickSearch}\n      onSuggestionsFetch={debouncedFetch}\n      placeholder={t('search.packages')}\n      renderInput={renderInput}\n      renderOption={renderOption}\n      suggestions={searchResults}\n      suggestionsLoading={isLoading}\n    />\n  );\n};\n\nexport default Search;\n"],"mappings":"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"}

package/build/components/Search/SearchItem.d.ts

@@ -9,10 +9,10 @@ type SearchItemProps = {
     isRemote?: boolean;
 };
 export declare const Description: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const SearchItem: React.FC<SearchItemProps>;
 export default SearchItem;