@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/components/Search/styles.mjs

@@ -0,0 +1,32 @@
+import _styled from "@emotion/styled/base";
+import { common } from "@mui/material/colors";
+import { TextField } from "@mui/material";
+import InputAdornment from "@mui/material/InputAdornment";
+//#region src/components/Search/styles.ts
+var StyledTextField = /* @__PURE__ */ _styled(TextField, process.env.NODE_ENV === "production" ? { target: "e8lao7a1" } : {
+	target: "e8lao7a1",
+	label: "StyledTextField"
+})((props) => ({
+	"& .MuiInputBase-root": {
+		":before": {
+			content: "''",
+			border: "none"
+		},
+		":after": { borderColor: common.white },
+		":hover:before": { content: "none" },
+		":hover:after": {
+			content: "none",
+			transform: "scaleX(1)"
+		},
+		[`@media screen and (min-width: ${props.theme.breakPoints.medium}px)`]: { ":hover:after": { content: "''" } }
+	},
+	"& .MuiInputBase-input": { [`@media screen and (min-width: ${props.theme.breakPoints.medium}px)`]: { color: common.white } }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay92ZXJkYWNjaW8vdmVyZGFjY2lvL3BhY2thZ2VzL3VpLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VhcmNoL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xuaW1wb3J0IElucHV0QWRvcm5tZW50IGZyb20gJ0BtdWkvbWF0ZXJpYWwvSW5wdXRBZG9ybm1lbnQnO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dEZpZWxkUHJvcHMge1xuICBjb2xvcjogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dEZpZWxkID0gc3R5bGVkKFRleHRGaWVsZCk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgJyYgLk11aUlucHV0QmFzZS1yb290Jzoge1xuICAgICc6YmVmb3JlJzoge1xuICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgYm9yZGVyOiAnbm9uZScsXG4gICAgfSxcbiAgICAnOmFmdGVyJzoge1xuICAgICAgYm9yZGVyQ29sb3I6IGNvbW1vbi53aGl0ZSxcbiAgICB9LFxuICAgICc6aG92ZXI6YmVmb3JlJzoge1xuICAgICAgY29udGVudDogJ25vbmUnLFxuICAgIH0sXG4gICAgJzpob3ZlcjphZnRlcic6IHtcbiAgICAgIGNvbnRlbnQ6ICdub25lJyxcbiAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWCgxKScsXG4gICAgfSxcbiAgICBbYEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7cHJvcHMudGhlbWUuYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgICAnOmhvdmVyOmFmdGVyJzoge1xuICAgICAgICBjb250ZW50OiBcIicnXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gICcmIC5NdWlJbnB1dEJhc2UtaW5wdXQnOiB7XG4gICAgW2BAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3Byb3BzLnRoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgICAgY29sb3I6IGNvbW1vbi53aGl0ZSxcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRBZG9ybm1lbnQgPSBzdHlsZWQoSW5wdXRBZG9ybm1lbnQpPHsgdGhlbWU/OiBUaGVtZSB9PigoKSA9PiAoe1xuICBjb2xvcjogY29tbW9uLndoaXRlLFxufSkpO1xuIl19 */");
+var StyledInputAdornment = /* @__PURE__ */ _styled(InputAdornment, process.env.NODE_ENV === "production" ? { target: "e8lao7a0" } : {
+	target: "e8lao7a0",
+	label: "StyledInputAdornment"
+})(() => ({ color: common.white }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdmVyZGFjY2lvL3ZlcmRhY2Npby9wYWNrYWdlcy91aS1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlYXJjaC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tICdAbXVpL21hdGVyaWFsJztcbmltcG9ydCBJbnB1dEFkb3JubWVudCBmcm9tICdAbXVpL21hdGVyaWFsL0lucHV0QWRvcm5tZW50JztcbmltcG9ydCB7IGNvbW1vbiB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvY29sb3JzJztcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uLyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRGaWVsZFByb3BzIHtcbiAgY29sb3I6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRGaWVsZCA9IHN0eWxlZChUZXh0RmllbGQpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gICcmIC5NdWlJbnB1dEJhc2Utcm9vdCc6IHtcbiAgICAnOmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIH0sXG4gICAgJzphZnRlcic6IHtcbiAgICAgIGJvcmRlckNvbG9yOiBjb21tb24ud2hpdGUsXG4gICAgfSxcbiAgICAnOmhvdmVyOmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdub25lJyxcbiAgICB9LFxuICAgICc6aG92ZXI6YWZ0ZXInOiB7XG4gICAgICBjb250ZW50OiAnbm9uZScsXG4gICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMSknLFxuICAgIH0sXG4gICAgW2BAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3Byb3BzLnRoZW1lLmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgICAgJzpob3ZlcjphZnRlcic6IHtcbiAgICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAnJiAuTXVpSW5wdXRCYXNlLWlucHV0Jzoge1xuICAgIFtgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHtwcm9wcy50aGVtZS5icmVha1BvaW50cy5tZWRpdW19cHgpYF06IHtcbiAgICAgIGNvbG9yOiBjb21tb24ud2hpdGUsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0QWRvcm5tZW50ID0gc3R5bGVkKElucHV0QWRvcm5tZW50KTx7IHRoZW1lPzogVGhlbWUgfT4oKCkgPT4gKHtcbiAgY29sb3I6IGNvbW1vbi53aGl0ZSxcbn0pKTtcbiJdfQ== */");
+//#endregion
+export { StyledInputAdornment, StyledTextField };
+
+//# sourceMappingURL=styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":["TextField","InputAdornment","common","Theme","InputFieldProps","color","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","props","content","border","borderColor","white","transform","breakPoints","medium","StyledInputAdornment"],"sources":["../../../src/components/Search/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { TextField } from '@mui/material';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../';\n\nexport interface InputFieldProps {\n  color: string;\n}\n\nexport const StyledTextField = styled(TextField)<{ theme?: Theme }>((props) => ({\n  '& .MuiInputBase-root': {\n    ':before': {\n      content: \"''\",\n      border: 'none',\n    },\n    ':after': {\n      borderColor: common.white,\n    },\n    ':hover:before': {\n      content: 'none',\n    },\n    ':hover:after': {\n      content: 'none',\n      transform: 'scaleX(1)',\n    },\n    [`@media screen and (min-width: ${props.theme.breakPoints.medium}px)`]: {\n      ':hover:after': {\n        content: \"''\",\n      },\n    },\n  },\n  '& .MuiInputBase-input': {\n    [`@media screen and (min-width: ${props.theme.breakPoints.medium}px)`]: {\n      color: common.white,\n    },\n  },\n}));\n\nexport const StyledInputAdornment = styled(InputAdornment)<{ theme?: Theme }>(() => ({\n  color: common.white,\n}));\n"],"mappings":";;;;;AAWA,IAAaM,kBAAkBC,wBAAOP,WAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAW,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqBE,WAAW;CAC9E,wBAAwB;EACtB,WAAW;GACTC,SAAS;GACTC,QAAQ;GACT;EACD,UAAU,EACRC,aAAaf,OAAOgB,OACrB;EACD,iBAAiB,EACfH,SAAS,QACV;EACD,gBAAgB;GACdA,SAAS;GACTI,WAAW;GACZ;GACA,iCAAiCL,MAAMD,MAAMO,YAAYC,OAAM,OAAQ,EACtE,gBAAgB,EACdN,SAAS,MACX,EACF;EACD;CACD,yBAAyB,GACtB,iCAAiCD,MAAMD,MAAMO,YAAYC,OAAM,OAAQ,EACtEhB,OAAOH,OAAOgB,OAChB,EACF;CACD,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,03DAAC;AAEH,IAAaI,uBAAuBf,wBAAON,gBAAAA,QAAAA,IAAAA,aAAc,eAAA,EAAAU,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,QAA2B,EACnFP,OAAOH,OAAOgB,OACf,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,83DAAC"}

package/build/components/Search/utils.js

@@ -1,16 +1,19 @@
 //#region src/components/Search/utils.ts
-function e(e) {
-	let t;
-	do
-		t = e, e = e.replace(/<[^>]*>?/gm, "");
-	while (e !== t);
-	return e;
+function removeHtmlTags(input) {
+	let previous;
+	do {
+		previous = input;
+		input = input.replace(/<[^>]*>?/gm, "");
+	} while (input !== previous);
+	return input;
 }
-function t(t) {
-	let n = t;
-	return n = e(n), n = n.replace(/\(.*?\)/gm, "").replace(/(\[!?|\])/gm, ""), n;
+function cleanDescription(description) {
+	let output = description;
+	output = removeHtmlTags(output);
+	output = output.replace(/\(.*?\)/gm, "").replace(/(\[!?|\])/gm, "");
+	return output;
 }
 //#endregion
-export { t as cleanDescription };
+exports.cleanDescription = cleanDescription;
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["removeHtmlTags","input","previous","replace","cleanDescription","description","output"],"sources":["../../../src/components/Search/utils.ts"],"sourcesContent":["function removeHtmlTags(input: string): string {\n  let previous;\n  do {\n    previous = input;\n    input = input.replace(/<[^>]*>?/gm, '');\n  } while (input !== previous);\n  return input;\n}\n\nexport function cleanDescription(description: string): string {\n  let output = description;\n  // remove html tags from description (e.g. <h1...>)\n  output = removeHtmlTags(output);\n  // remove markdown links from description (e.g. [link](url))\n  output = output.replace(/\\(.*?\\)/gm, '').replace(/(\\[!?|\\])/gm, '');\n  return output;\n}\n"],"mappings":";AAAA,SAASA,EAAeC,GAAuB;CAC7C,IAAIC;AACJ;AAEED,EADAC,IAAWD,GACXA,IAAQA,EAAME,QAAQ,cAAc,GAAG;QAChCF,MAAUC;AACnB,QAAOD;;AAGT,SAAgBG,EAAiBC,GAA6B;CAC5D,IAAIC,IAASD;AAKb,QAHAC,IAASN,EAAeM,EAAO,EAE/BA,IAASA,EAAOH,QAAQ,aAAa,GAAG,CAACA,QAAQ,eAAe,GAAG,EAC5DG"}
+{"version":3,"file":"utils.js","names":["removeHtmlTags","input","previous","replace","cleanDescription","description","output"],"sources":["../../../src/components/Search/utils.ts"],"sourcesContent":["function removeHtmlTags(input: string): string {\n  let previous;\n  do {\n    previous = input;\n    input = input.replace(/<[^>]*>?/gm, '');\n  } while (input !== previous);\n  return input;\n}\n\nexport function cleanDescription(description: string): string {\n  let output = description;\n  // remove html tags from description (e.g. <h1...>)\n  output = removeHtmlTags(output);\n  // remove markdown links from description (e.g. [link](url))\n  output = output.replace(/\\(.*?\\)/gm, '').replace(/(\\[!?|\\])/gm, '');\n  return output;\n}\n"],"mappings":";AAAA,SAASA,eAAeC,OAAuB;CAC7C,IAAIC;AACJ,IAAG;AACDA,aAAWD;AACXA,UAAQA,MAAME,QAAQ,cAAc,GAAG;UAChCF,UAAUC;AACnB,QAAOD;;AAGT,SAAgBG,iBAAiBC,aAA6B;CAC5D,IAAIC,SAASD;AAEbC,UAASN,eAAeM,OAAO;AAE/BA,UAASA,OAAOH,QAAQ,aAAa,GAAG,CAACA,QAAQ,eAAe,GAAG;AACnE,QAAOG"}

package/build/components/Search/utils.mjs

@@ -0,0 +1,19 @@
+//#region src/components/Search/utils.ts
+function removeHtmlTags(input) {
+	let previous;
+	do {
+		previous = input;
+		input = input.replace(/<[^>]*>?/gm, "");
+	} while (input !== previous);
+	return input;
+}
+function cleanDescription(description) {
+	let output = description;
+	output = removeHtmlTags(output);
+	output = output.replace(/\(.*?\)/gm, "").replace(/(\[!?|\])/gm, "");
+	return output;
+}
+//#endregion
+export { cleanDescription };
+
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["removeHtmlTags","input","previous","replace","cleanDescription","description","output"],"sources":["../../../src/components/Search/utils.ts"],"sourcesContent":["function removeHtmlTags(input: string): string {\n  let previous;\n  do {\n    previous = input;\n    input = input.replace(/<[^>]*>?/gm, '');\n  } while (input !== previous);\n  return input;\n}\n\nexport function cleanDescription(description: string): string {\n  let output = description;\n  // remove html tags from description (e.g. <h1...>)\n  output = removeHtmlTags(output);\n  // remove markdown links from description (e.g. [link](url))\n  output = output.replace(/\\(.*?\\)/gm, '').replace(/(\\[!?|\\])/gm, '');\n  return output;\n}\n"],"mappings":";AAAA,SAASA,eAAeC,OAAuB;CAC7C,IAAIC;AACJ,IAAG;AACDA,aAAWD;AACXA,UAAQA,MAAME,QAAQ,cAAc,GAAG;UAChCF,UAAUC;AACnB,QAAOD;;AAGT,SAAgBG,iBAAiBC,aAA6B;CAC5D,IAAIC,SAASD;AAEbC,UAASN,eAAeM,OAAO;AAE/BA,UAASA,OAAOH,QAAQ,aAAa,GAAG,CAACA,QAAQ,eAAe,GAAG;AACnE,QAAOG"}

package/build/components/SettingsMenu/SettingsMenu.js

@@ -1,96 +1,119 @@
-import { useConfig as e } from "../../providers/AppConfigurationProvider/AppConfigurationProvider.js";
-import { useSettings as t } from "../../providers/PersistenceSettingProvider/PersistenceSettingProvider.js";
-import "../../providers/PersistenceSettingProvider/index.js";
-import "../../providers/index.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import a from "@mui/material/IconButton";
-import o from "react";
-import { useTranslation as s } from "react-i18next";
-import c from "@mui/icons-material/Check";
-import l from "@mui/icons-material/Settings";
-import u from "@mui/material/ListItemIcon";
-import d from "@mui/material/Menu";
-import f from "@mui/material/MenuItem";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_AppConfigurationProvider = require("../../providers/AppConfigurationProvider/AppConfigurationProvider.js");
+const require_PersistenceSettingProvider = require("../../providers/PersistenceSettingProvider/PersistenceSettingProvider.js");
+require("../../providers/PersistenceSettingProvider/index.js");
+require("../../providers/index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material_IconButton = require("@mui/material/IconButton");
+_mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_icons_material_Check = require("@mui/icons-material/Check");
+_mui_icons_material_Check = require_runtime.__toESM(_mui_icons_material_Check);
+let _mui_icons_material_Settings = require("@mui/icons-material/Settings");
+_mui_icons_material_Settings = require_runtime.__toESM(_mui_icons_material_Settings);
+let _mui_material_ListItemIcon = require("@mui/material/ListItemIcon");
+_mui_material_ListItemIcon = require_runtime.__toESM(_mui_material_ListItemIcon);
+let _mui_material_Menu = require("@mui/material/Menu");
+_mui_material_Menu = require_runtime.__toESM(_mui_material_Menu);
+let _mui_material_MenuItem = require("@mui/material/MenuItem");
+_mui_material_MenuItem = require_runtime.__toESM(_mui_material_MenuItem);
 //#region src/components/SettingsMenu/SettingsMenu.tsx
-var p = d, m = ({ packageName: d }) => {
-	let { t: m } = s(), { localSettings: h, updateSettings: g } = t(), { configOptions: _ } = e(), [v, y] = o.useState(null), b = !!v, x = (e) => {
-		y(e.currentTarget);
-	}, S = () => {
-		g({
-			...h,
-			[d]: {
-				global: h[d]?.global,
-				latest: !h[d]?.latest
+var TypedMenu = _mui_material_Menu.default;
+var SettingsMenu = ({ packageName }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { localSettings, updateSettings } = require_PersistenceSettingProvider.useSettings();
+	const { configOptions } = require_AppConfigurationProvider.useConfig();
+	const [anchorEl, setAnchorEl] = react.default.useState(null);
+	const open = Boolean(anchorEl);
+	const handleOpenMenu = (event) => {
+		setAnchorEl(event.currentTarget);
+	};
+	const handleLatestSelect = () => {
+		updateSettings({
+			...localSettings,
+			[packageName]: {
+				global: localSettings[packageName]?.global,
+				latest: !localSettings[packageName]?.latest
 			}
-		}), y(null);
-	}, C = () => {
-		g({
-			...h,
-			[d]: {
-				global: !h[d]?.global,
-				latest: h[d]?.latest
+		});
+		setAnchorEl(null);
+	};
+	const handleGlobalSelect = () => {
+		updateSettings({
+			...localSettings,
+			[packageName]: {
+				global: !localSettings[packageName]?.global,
+				latest: localSettings[packageName]?.latest
 			}
-		}), y(null);
-	}, w = () => {
-		let e = !h?.yarnModern;
-		g({
-			...h,
-			yarnModern: e
-		}), y(null);
-	}, T = () => {
-		y(null);
-	}, E = h[d]?.latest, D = h[d]?.global;
-	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(a, {
-		"aria-controls": b ? "basic-menu" : void 0,
-		"aria-expanded": b ? "true" : void 0,
+		});
+		setAnchorEl(null);
+	};
+	const handleGlobalYarnModern = () => {
+		const statusYarnModern = !localSettings?.yarnModern;
+		updateSettings({
+			...localSettings,
+			yarnModern: statusYarnModern
+		});
+		setAnchorEl(null);
+	};
+	const handleClose = () => {
+		setAnchorEl(null);
+	};
+	const statusLatest = localSettings[packageName]?.latest;
+	const statusGlobal = localSettings[packageName]?.global;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_IconButton.default, {
+		"aria-controls": open ? "basic-menu" : void 0,
+		"aria-expanded": open ? "true" : void 0,
 		"aria-haspopup": "true",
 		id: "basic-button",
-		onClick: x,
+		onClick: handleOpenMenu,
 		size: "small",
-		children: /* @__PURE__ */ r(l, { fontSize: "small" })
-	}), /* @__PURE__ */ i(p, {
-		anchorEl: v,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Settings.default, { fontSize: "small" })
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TypedMenu, {
+		anchorEl,
 		anchorOrigin: {
 			vertical: "bottom",
 			horizontal: "right"
 		},
 		id: "basic-menu",
-		onClose: T,
-		open: b,
+		onClose: handleClose,
+		open,
 		slotProps: { list: { "aria-labelledby": "basic-button" } },
 		transformOrigin: {
 			vertical: "top",
 			horizontal: "right"
 		},
 		children: [
-			/* @__PURE__ */ i(f, {
-				onClick: S,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+				onClick: handleLatestSelect,
 				children: [
 					" ",
-					E === !0 ? /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(c, {}) }) : null,
-					m("sidebar.installation.latest")
+					statusLatest === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Check.default, {}) }) : null,
+					t("sidebar.installation.latest")
 				]
 			}),
-			/* @__PURE__ */ i(f, {
-				onClick: C,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+				onClick: handleGlobalSelect,
 				children: [
 					" ",
-					D === !0 ? /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(c, {}) }) : null,
-					m("sidebar.installation.global")
+					statusGlobal === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Check.default, {}) }) : null,
+					t("sidebar.installation.global")
 				]
 			}),
-			_?.pkgManagers?.includes("yarn") && /* @__PURE__ */ i(f, {
-				onClick: w,
+			configOptions?.pkgManagers?.includes("yarn") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_MenuItem.default, {
+				onClick: handleGlobalYarnModern,
 				children: [
 					" ",
-					h?.yarnModern ? /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(c, {}) }) : null,
-					m("sidebar.installation.yarnModern")
+					localSettings?.yarnModern ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_ListItemIcon.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Check.default, {}) }) : null,
+					t("sidebar.installation.yarnModern")
 				]
 			})
 		]
 	})] });
 };
 //#endregion
-export { m as default };
+exports.default = SettingsMenu;
 
 //# sourceMappingURL=SettingsMenu.js.map

package/build/components/SettingsMenu/SettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsMenu.js","names":["Check","Settings","IconButton","ListItemIcon","Menu","MenuItem","React","useTranslation","useConfig","useSettings","TypedMenu","FC","Props","packageName","SettingsMenu","t","localSettings","updateSettings","configOptions","anchorEl","setAnchorEl","useState","HTMLElement","open","Boolean","handleOpenMenu","event","MouseEvent","HTMLButtonElement","currentTarget","handleLatestSelect","global","latest","handleGlobalSelect","handleGlobalYarnModern","statusYarnModern","yarnModern","handleClose","statusLatest","statusGlobal","undefined","vertical","horizontal","list","pkgManagers","includes"],"sources":["../../../src/components/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport Settings from '@mui/icons-material/Settings';\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useConfig } from '../../providers';\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\n\n// Workaround: MUI v7 MenuProps type resolution breaks inherited PopoverProps (anchorOrigin, transformOrigin, id, etc.)\nconst TypedMenu = Menu as React.FC<any>;\n\ninterface Props {\n  packageName: string;\n}\n\nconst SettingsMenu: React.FC<Props> = ({ packageName }) => {\n  const { t } = useTranslation();\n  const { localSettings, updateSettings } = useSettings();\n  const { configOptions } = useConfig();\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleOpenMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleLatestSelect = () => {\n    updateSettings({\n      ...localSettings,\n      [packageName]: {\n        global: localSettings[packageName]?.global,\n        latest: !localSettings[packageName]?.latest,\n      },\n    });\n    setAnchorEl(null);\n  };\n\n  const handleGlobalSelect = () => {\n    updateSettings({\n      ...localSettings,\n      [packageName]: {\n        global: !localSettings[packageName]?.global,\n        latest: localSettings[packageName]?.latest,\n      },\n    });\n    setAnchorEl(null);\n  };\n\n  const handleGlobalYarnModern = () => {\n    const statusYarnModern = !localSettings?.yarnModern;\n    updateSettings({ ...localSettings, yarnModern: statusYarnModern });\n    setAnchorEl(null);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const statusLatest = localSettings[packageName]?.latest;\n  const statusGlobal = localSettings[packageName]?.global;\n  return (\n    <>\n      <IconButton\n        aria-controls={open ? 'basic-menu' : undefined}\n        aria-expanded={open ? 'true' : undefined}\n        aria-haspopup=\"true\"\n        id=\"basic-button\"\n        onClick={handleOpenMenu}\n        size=\"small\"\n      >\n        <Settings fontSize=\"small\" />\n      </IconButton>\n      <TypedMenu\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        id=\"basic-menu\"\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          list: {\n            'aria-labelledby': 'basic-button',\n          },\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n      >\n        <MenuItem onClick={handleLatestSelect}>\n          {' '}\n          {statusLatest === true ? (\n            <ListItemIcon>\n              <Check />\n            </ListItemIcon>\n          ) : null}\n          {t('sidebar.installation.latest')}\n        </MenuItem>\n        <MenuItem onClick={handleGlobalSelect}>\n          {' '}\n          {statusGlobal === true ? (\n            <ListItemIcon>\n              <Check />\n            </ListItemIcon>\n          ) : null}\n          {t('sidebar.installation.global')}\n        </MenuItem>\n        {configOptions?.pkgManagers?.includes('yarn') && (\n          <MenuItem onClick={handleGlobalYarnModern}>\n            {' '}\n            {localSettings?.yarnModern ? (\n              <ListItemIcon>\n                <Check />\n              </ListItemIcon>\n            ) : null}\n            {t('sidebar.installation.yarnModern')}\n          </MenuItem>\n        )}\n      </TypedMenu>\n    </>\n  );\n};\n\nexport default SettingsMenu;\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMU,IAAYN,GAMZU,KAAiC,EAAED,qBAAkB;CACzD,IAAM,EAAEE,SAAMR,GAAgB,EACxB,EAAES,kBAAeC,sBAAmBR,GAAa,EACjD,EAAES,qBAAkBV,GAAW,EAC/B,CAACW,GAAUC,KAAed,EAAMe,SAA6B,KAAK,EAClEE,IAAOC,EAAQL,GACfM,KAAkBC,MAA+C;AACrEN,IAAYM,EAAMG,cAAc;IAG5BC,UAA2B;AAQ/BV,EAPAH,EAAe;GACb,GAAGD;IACFH,IAAc;IACbkB,QAAQf,EAAcH,IAAckB;IACpCC,QAAQ,CAAChB,EAAcH,IAAcmB;IACvC;GACD,CAAC,EACFZ,EAAY,KAAK;IAGba,UAA2B;AAQ/Bb,EAPAH,EAAe;GACb,GAAGD;IACFH,IAAc;IACbkB,QAAQ,CAACf,EAAcH,IAAckB;IACrCC,QAAQhB,EAAcH,IAAcmB;IACtC;GACD,CAAC,EACFZ,EAAY,KAAK;IAGbc,UAA+B;EACnC,IAAMC,IAAmB,CAACnB,GAAeoB;AAEzChB,EADAH,EAAe;GAAE,GAAGD;GAAeoB,YAAYD;GAAkB,CAAC,EAClEf,EAAY,KAAK;IAGbiB,UAAoB;AACxBjB,IAAY,KAAK;IAGbkB,IAAetB,EAAcH,IAAcmB,QAC3CO,IAAevB,EAAcH,IAAckB;AACjD,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,iBAAeR,IAAO,eAAeiB,KAAAA;EACrC,iBAAejB,IAAO,SAASiB,KAAAA;EAC/B,iBAAc;EACd,IAAG;EACH,SAASf;EACT,MAAK;YAEL,kBAAC,GAAD,EAAU,UAAS,SAAO,CAAA;EAChB,CAAA,EACZ,kBAAC,GAAD;EACYN;EACV,cAAc;GACZsB,UAAU;GACVC,YAAY;GACb;EACD,IAAG;EACH,SAASL;EACHd;EACN,WAAW,EACToB,MAAM,EACJ,mBAAmB,gBACrB,EACD;EACD,iBAAiB;GACfF,UAAU;GACVC,YAAY;GACb;YAjBH;GAmBE,kBAAC,GAAD;IAAU,SAASZ;cAAnB;KACG;KACAQ,MAAiB,KAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHvB,EAAE,8BAA8B;KACzB;;GACV,kBAAC,GAAD;IAAU,SAASkB;cAAnB;KACG;KACAM,MAAiB,KAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHxB,EAAE,8BAA8B;KACzB;;GACTG,GAAe0B,aAAaC,SAAS,OAAO,IAC3C,kBAAC,GAAD;IAAU,SAASX;cAAnB;KACG;KACAlB,GAAeoB,aACd,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHrB,EAAE,kCAAkC;KAExC;;GACQ;IACV,EAAA,CAAA"}
+{"version":3,"file":"SettingsMenu.js","names":["Check","Settings","IconButton","ListItemIcon","Menu","MenuItem","React","useTranslation","useConfig","useSettings","TypedMenu","FC","Props","packageName","SettingsMenu","t","localSettings","updateSettings","configOptions","anchorEl","setAnchorEl","useState","HTMLElement","open","Boolean","handleOpenMenu","event","MouseEvent","HTMLButtonElement","currentTarget","handleLatestSelect","global","latest","handleGlobalSelect","handleGlobalYarnModern","statusYarnModern","yarnModern","handleClose","statusLatest","statusGlobal","undefined","vertical","horizontal","list","pkgManagers","includes"],"sources":["../../../src/components/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport Settings from '@mui/icons-material/Settings';\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useConfig } from '../../providers';\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\n\n// Workaround: MUI v7 MenuProps type resolution breaks inherited PopoverProps (anchorOrigin, transformOrigin, id, etc.)\nconst TypedMenu = Menu as React.FC<any>;\n\ninterface Props {\n  packageName: string;\n}\n\nconst SettingsMenu: React.FC<Props> = ({ packageName }) => {\n  const { t } = useTranslation();\n  const { localSettings, updateSettings } = useSettings();\n  const { configOptions } = useConfig();\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleOpenMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleLatestSelect = () => {\n    updateSettings({\n      ...localSettings,\n      [packageName]: {\n        global: localSettings[packageName]?.global,\n        latest: !localSettings[packageName]?.latest,\n      },\n    });\n    setAnchorEl(null);\n  };\n\n  const handleGlobalSelect = () => {\n    updateSettings({\n      ...localSettings,\n      [packageName]: {\n        global: !localSettings[packageName]?.global,\n        latest: localSettings[packageName]?.latest,\n      },\n    });\n    setAnchorEl(null);\n  };\n\n  const handleGlobalYarnModern = () => {\n    const statusYarnModern = !localSettings?.yarnModern;\n    updateSettings({ ...localSettings, yarnModern: statusYarnModern });\n    setAnchorEl(null);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const statusLatest = localSettings[packageName]?.latest;\n  const statusGlobal = localSettings[packageName]?.global;\n  return (\n    <>\n      <IconButton\n        aria-controls={open ? 'basic-menu' : undefined}\n        aria-expanded={open ? 'true' : undefined}\n        aria-haspopup=\"true\"\n        id=\"basic-button\"\n        onClick={handleOpenMenu}\n        size=\"small\"\n      >\n        <Settings fontSize=\"small\" />\n      </IconButton>\n      <TypedMenu\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        id=\"basic-menu\"\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          list: {\n            'aria-labelledby': 'basic-button',\n          },\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n      >\n        <MenuItem onClick={handleLatestSelect}>\n          {' '}\n          {statusLatest === true ? (\n            <ListItemIcon>\n              <Check />\n            </ListItemIcon>\n          ) : null}\n          {t('sidebar.installation.latest')}\n        </MenuItem>\n        <MenuItem onClick={handleGlobalSelect}>\n          {' '}\n          {statusGlobal === true ? (\n            <ListItemIcon>\n              <Check />\n            </ListItemIcon>\n          ) : null}\n          {t('sidebar.installation.global')}\n        </MenuItem>\n        {configOptions?.pkgManagers?.includes('yarn') && (\n          <MenuItem onClick={handleGlobalYarnModern}>\n            {' '}\n            {localSettings?.yarnModern ? (\n              <ListItemIcon>\n                <Check />\n              </ListItemIcon>\n            ) : null}\n            {t('sidebar.installation.yarnModern')}\n          </MenuItem>\n        )}\n      </TypedMenu>\n    </>\n  );\n};\n\nexport default SettingsMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMU,YAAYN,mBAAAA;AAMlB,IAAMU,gBAAiC,EAAED,kBAAkB;CACzD,MAAM,EAAEE,OAAAA,GAAAA,cAAAA,iBAAsB;CAC9B,MAAM,EAAEC,eAAeC,mBAAmBR,mCAAAA,aAAa;CACvD,MAAM,EAAES,kBAAkBV,iCAAAA,WAAW;CACrC,MAAM,CAACW,UAAUC,eAAed,MAAAA,QAAMe,SAA6B,KAAK;CACxE,MAAME,OAAOC,QAAQL,SAAS;CAC9B,MAAMM,kBAAkBC,UAA+C;AACrEN,cAAYM,MAAMG,cAAc;;CAGlC,MAAMC,2BAA2B;AAC/Bb,iBAAe;GACb,GAAGD;IACFH,cAAc;IACbkB,QAAQf,cAAcH,cAAckB;IACpCC,QAAQ,CAAChB,cAAcH,cAAcmB;IACvC;GACD,CAAC;AACFZ,cAAY,KAAK;;CAGnB,MAAMa,2BAA2B;AAC/BhB,iBAAe;GACb,GAAGD;IACFH,cAAc;IACbkB,QAAQ,CAACf,cAAcH,cAAckB;IACrCC,QAAQhB,cAAcH,cAAcmB;IACtC;GACD,CAAC;AACFZ,cAAY,KAAK;;CAGnB,MAAMc,+BAA+B;EACnC,MAAMC,mBAAmB,CAACnB,eAAeoB;AACzCnB,iBAAe;GAAE,GAAGD;GAAeoB,YAAYD;GAAkB,CAAC;AAClEf,cAAY,KAAK;;CAGnB,MAAMiB,oBAAoB;AACxBjB,cAAY,KAAK;;CAGnB,MAAMkB,eAAetB,cAAcH,cAAcmB;CACjD,MAAMO,eAAevB,cAAcH,cAAckB;AACjD,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD;EACE,iBAAeR,OAAO,eAAeiB,KAAAA;EACrC,iBAAejB,OAAO,SAASiB,KAAAA;EAC/B,iBAAc;EACd,IAAG;EACH,SAASf;EACT,MAAK;YAEL,iBAAA,GAAA,kBAAA,KAAC,6BAAA,SAAD,EAAU,UAAS,SAAO,CAAA;EAChB,CAAA,EACZ,iBAAA,GAAA,kBAAA,MAAC,WAAD;EACYN;EACV,cAAc;GACZsB,UAAU;GACVC,YAAY;GACb;EACD,IAAG;EACH,SAASL;EACHd;EACN,WAAW,EACToB,MAAM,EACJ,mBAAmB,gBACrB,EACD;EACD,iBAAiB;GACfF,UAAU;GACVC,YAAY;GACb;YAjBH;GAmBE,iBAAA,GAAA,kBAAA,MAAC,uBAAA,SAAD;IAAU,SAASZ;cAAnB;KACG;KACAQ,iBAAiB,OAChB,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHvB,EAAE,8BAA8B;KACzB;;GACV,iBAAA,GAAA,kBAAA,MAAC,uBAAA,SAAD;IAAU,SAASkB;cAAnB;KACG;KACAM,iBAAiB,OAChB,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHxB,EAAE,8BAA8B;KACzB;;GACTG,eAAe0B,aAAaC,SAAS,OAAO,IAC3C,iBAAA,GAAA,kBAAA,MAAC,uBAAA,SAAD;IAAU,SAASX;cAAnB;KACG;KACAlB,eAAeoB,aACd,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHrB,EAAE,kCAAkC;KAExC;;GACQ;IACV,EAAA,CAAA"}

package/build/components/SettingsMenu/SettingsMenu.mjs

@@ -0,0 +1,111 @@
+import { useConfig } from "../../providers/AppConfigurationProvider/AppConfigurationProvider.mjs";
+import { useSettings } from "../../providers/PersistenceSettingProvider/PersistenceSettingProvider.mjs";
+import "../../providers/PersistenceSettingProvider/index.mjs";
+import "../../providers/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import IconButton from "@mui/material/IconButton";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import Check from "@mui/icons-material/Check";
+import Settings from "@mui/icons-material/Settings";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import Menu from "@mui/material/Menu";
+import MaterialUIMenuItem from "@mui/material/MenuItem";
+//#region src/components/SettingsMenu/SettingsMenu.tsx
+var TypedMenu = Menu;
+var SettingsMenu = ({ packageName }) => {
+	const { t } = useTranslation();
+	const { localSettings, updateSettings } = useSettings();
+	const { configOptions } = useConfig();
+	const [anchorEl, setAnchorEl] = React.useState(null);
+	const open = Boolean(anchorEl);
+	const handleOpenMenu = (event) => {
+		setAnchorEl(event.currentTarget);
+	};
+	const handleLatestSelect = () => {
+		updateSettings({
+			...localSettings,
+			[packageName]: {
+				global: localSettings[packageName]?.global,
+				latest: !localSettings[packageName]?.latest
+			}
+		});
+		setAnchorEl(null);
+	};
+	const handleGlobalSelect = () => {
+		updateSettings({
+			...localSettings,
+			[packageName]: {
+				global: !localSettings[packageName]?.global,
+				latest: localSettings[packageName]?.latest
+			}
+		});
+		setAnchorEl(null);
+	};
+	const handleGlobalYarnModern = () => {
+		const statusYarnModern = !localSettings?.yarnModern;
+		updateSettings({
+			...localSettings,
+			yarnModern: statusYarnModern
+		});
+		setAnchorEl(null);
+	};
+	const handleClose = () => {
+		setAnchorEl(null);
+	};
+	const statusLatest = localSettings[packageName]?.latest;
+	const statusGlobal = localSettings[packageName]?.global;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		"aria-controls": open ? "basic-menu" : void 0,
+		"aria-expanded": open ? "true" : void 0,
+		"aria-haspopup": "true",
+		id: "basic-button",
+		onClick: handleOpenMenu,
+		size: "small",
+		children: /* @__PURE__ */ jsx(Settings, { fontSize: "small" })
+	}), /* @__PURE__ */ jsxs(TypedMenu, {
+		anchorEl,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "right"
+		},
+		id: "basic-menu",
+		onClose: handleClose,
+		open,
+		slotProps: { list: { "aria-labelledby": "basic-button" } },
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "right"
+		},
+		children: [
+			/* @__PURE__ */ jsxs(MaterialUIMenuItem, {
+				onClick: handleLatestSelect,
+				children: [
+					" ",
+					statusLatest === true ? /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Check, {}) }) : null,
+					t("sidebar.installation.latest")
+				]
+			}),
+			/* @__PURE__ */ jsxs(MaterialUIMenuItem, {
+				onClick: handleGlobalSelect,
+				children: [
+					" ",
+					statusGlobal === true ? /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Check, {}) }) : null,
+					t("sidebar.installation.global")
+				]
+			}),
+			configOptions?.pkgManagers?.includes("yarn") && /* @__PURE__ */ jsxs(MaterialUIMenuItem, {
+				onClick: handleGlobalYarnModern,
+				children: [
+					" ",
+					localSettings?.yarnModern ? /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Check, {}) }) : null,
+					t("sidebar.installation.yarnModern")
+				]
+			})
+		]
+	})] });
+};
+//#endregion
+export { SettingsMenu as default };
+
+//# sourceMappingURL=SettingsMenu.mjs.map

package/build/components/SettingsMenu/SettingsMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsMenu.mjs","names":["Check","Settings","IconButton","ListItemIcon","Menu","MenuItem","React","useTranslation","useConfig","useSettings","TypedMenu","FC","Props","packageName","SettingsMenu","t","localSettings","updateSettings","configOptions","anchorEl","setAnchorEl","useState","HTMLElement","open","Boolean","handleOpenMenu","event","MouseEvent","HTMLButtonElement","currentTarget","handleLatestSelect","global","latest","handleGlobalSelect","handleGlobalYarnModern","statusYarnModern","yarnModern","handleClose","statusLatest","statusGlobal","undefined","vertical","horizontal","list","pkgManagers","includes"],"sources":["../../../src/components/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport Settings from '@mui/icons-material/Settings';\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useConfig } from '../../providers';\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\n\n// Workaround: MUI v7 MenuProps type resolution breaks inherited PopoverProps (anchorOrigin, transformOrigin, id, etc.)\nconst TypedMenu = Menu as React.FC<any>;\n\ninterface Props {\n  packageName: string;\n}\n\nconst SettingsMenu: React.FC<Props> = ({ packageName }) => {\n  const { t } = useTranslation();\n  const { localSettings, updateSettings } = useSettings();\n  const { configOptions } = useConfig();\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n  const handleOpenMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleLatestSelect = () => {\n    updateSettings({\n      ...localSettings,\n      [packageName]: {\n        global: localSettings[packageName]?.global,\n        latest: !localSettings[packageName]?.latest,\n      },\n    });\n    setAnchorEl(null);\n  };\n\n  const handleGlobalSelect = () => {\n    updateSettings({\n      ...localSettings,\n      [packageName]: {\n        global: !localSettings[packageName]?.global,\n        latest: localSettings[packageName]?.latest,\n      },\n    });\n    setAnchorEl(null);\n  };\n\n  const handleGlobalYarnModern = () => {\n    const statusYarnModern = !localSettings?.yarnModern;\n    updateSettings({ ...localSettings, yarnModern: statusYarnModern });\n    setAnchorEl(null);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const statusLatest = localSettings[packageName]?.latest;\n  const statusGlobal = localSettings[packageName]?.global;\n  return (\n    <>\n      <IconButton\n        aria-controls={open ? 'basic-menu' : undefined}\n        aria-expanded={open ? 'true' : undefined}\n        aria-haspopup=\"true\"\n        id=\"basic-button\"\n        onClick={handleOpenMenu}\n        size=\"small\"\n      >\n        <Settings fontSize=\"small\" />\n      </IconButton>\n      <TypedMenu\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        id=\"basic-menu\"\n        onClose={handleClose}\n        open={open}\n        slotProps={{\n          list: {\n            'aria-labelledby': 'basic-button',\n          },\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n      >\n        <MenuItem onClick={handleLatestSelect}>\n          {' '}\n          {statusLatest === true ? (\n            <ListItemIcon>\n              <Check />\n            </ListItemIcon>\n          ) : null}\n          {t('sidebar.installation.latest')}\n        </MenuItem>\n        <MenuItem onClick={handleGlobalSelect}>\n          {' '}\n          {statusGlobal === true ? (\n            <ListItemIcon>\n              <Check />\n            </ListItemIcon>\n          ) : null}\n          {t('sidebar.installation.global')}\n        </MenuItem>\n        {configOptions?.pkgManagers?.includes('yarn') && (\n          <MenuItem onClick={handleGlobalYarnModern}>\n            {' '}\n            {localSettings?.yarnModern ? (\n              <ListItemIcon>\n                <Check />\n              </ListItemIcon>\n            ) : null}\n            {t('sidebar.installation.yarnModern')}\n          </MenuItem>\n        )}\n      </TypedMenu>\n    </>\n  );\n};\n\nexport default SettingsMenu;\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMU,YAAYN;AAMlB,IAAMU,gBAAiC,EAAED,kBAAkB;CACzD,MAAM,EAAEE,MAAMR,gBAAgB;CAC9B,MAAM,EAAES,eAAeC,mBAAmBR,aAAa;CACvD,MAAM,EAAES,kBAAkBV,WAAW;CACrC,MAAM,CAACW,UAAUC,eAAed,MAAMe,SAA6B,KAAK;CACxE,MAAME,OAAOC,QAAQL,SAAS;CAC9B,MAAMM,kBAAkBC,UAA+C;AACrEN,cAAYM,MAAMG,cAAc;;CAGlC,MAAMC,2BAA2B;AAC/Bb,iBAAe;GACb,GAAGD;IACFH,cAAc;IACbkB,QAAQf,cAAcH,cAAckB;IACpCC,QAAQ,CAAChB,cAAcH,cAAcmB;IACvC;GACD,CAAC;AACFZ,cAAY,KAAK;;CAGnB,MAAMa,2BAA2B;AAC/BhB,iBAAe;GACb,GAAGD;IACFH,cAAc;IACbkB,QAAQ,CAACf,cAAcH,cAAckB;IACrCC,QAAQhB,cAAcH,cAAcmB;IACtC;GACD,CAAC;AACFZ,cAAY,KAAK;;CAGnB,MAAMc,+BAA+B;EACnC,MAAMC,mBAAmB,CAACnB,eAAeoB;AACzCnB,iBAAe;GAAE,GAAGD;GAAeoB,YAAYD;GAAkB,CAAC;AAClEf,cAAY,KAAK;;CAGnB,MAAMiB,oBAAoB;AACxBjB,cAAY,KAAK;;CAGnB,MAAMkB,eAAetB,cAAcH,cAAcmB;CACjD,MAAMO,eAAevB,cAAcH,cAAckB;AACjD,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;EACE,iBAAeR,OAAO,eAAeiB,KAAAA;EACrC,iBAAejB,OAAO,SAASiB,KAAAA;EAC/B,iBAAc;EACd,IAAG;EACH,SAASf;EACT,MAAK;YAEL,oBAAC,UAAD,EAAU,UAAS,SAAO,CAAA;EAChB,CAAA,EACZ,qBAAC,WAAD;EACYN;EACV,cAAc;GACZsB,UAAU;GACVC,YAAY;GACb;EACD,IAAG;EACH,SAASL;EACHd;EACN,WAAW,EACToB,MAAM,EACJ,mBAAmB,gBACrB,EACD;EACD,iBAAiB;GACfF,UAAU;GACVC,YAAY;GACb;YAjBH;GAmBE,qBAAC,oBAAD;IAAU,SAASZ;cAAnB;KACG;KACAQ,iBAAiB,OAChB,oBAAC,cAAD,EAAA,UACE,oBAAC,OAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHvB,EAAE,8BAA8B;KACzB;;GACV,qBAAC,oBAAD;IAAU,SAASkB;cAAnB;KACG;KACAM,iBAAiB,OAChB,oBAAC,cAAD,EAAA,UACE,oBAAC,OAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHxB,EAAE,8BAA8B;KACzB;;GACTG,eAAe0B,aAAaC,SAAS,OAAO,IAC3C,qBAAC,oBAAD;IAAU,SAASX;cAAnB;KACG;KACAlB,eAAeoB,aACd,oBAAC,cAAD,EAAA,UACE,oBAAC,OAAD,EAAM,CAAA,EACO,CAAA,GACb;KACHrB,EAAE,kCAAkC;KAExC;;GACQ;IACV,EAAA,CAAA"}

package/build/components/SettingsMenu/index.js

@@ -1 +1 @@
-import "./SettingsMenu.js";
+require("./SettingsMenu.js");

package/build/components/SettingsMenu/index.mjs

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