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

package/build/sections/Header/HeaderSettingsDialog.js

@@ -1,88 +1,99 @@
-import { getConfiguration as e } from "../../configuration.js";
-import t from "../../components/RegistryInfoDialog/RegistryInfoDialog.js";
-import "../../components/RegistryInfoDialog/index.js";
-import n from "./LanguageSwitch.js";
-import r from "./RegistryInfoContent/RegistryInfoContent.js";
-import "./RegistryInfoContent/index.js";
-import i from "@emotion/styled/base";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "react";
-import c from "@mui/material/Box";
-import { useTranslation as l } from "react-i18next";
-import u from "@mui/material/Tab";
-import d from "@mui/material/Tabs";
-import f from "react-markdown";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_configuration = require("../../configuration.js");
+const require_RegistryInfoDialog = require("../../components/RegistryInfoDialog/RegistryInfoDialog.js");
+require("../../components/RegistryInfoDialog/index.js");
+const require_LanguageSwitch = require("./LanguageSwitch.js");
+const require_RegistryInfoContent = require("./RegistryInfoContent/RegistryInfoContent.js");
+require("./RegistryInfoContent/index.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let react_i18next = require("react-i18next");
+let _mui_material_Tab = require("@mui/material/Tab");
+_mui_material_Tab = require_runtime.__toESM(_mui_material_Tab);
+let _mui_material_Tabs = require("@mui/material/Tabs");
+_mui_material_Tabs = require_runtime.__toESM(_mui_material_Tabs);
+let react_markdown = require("react-markdown");
+react_markdown = require_runtime.__toESM(react_markdown);
 //#region src/sections/Header/HeaderSettingsDialog.tsx
-function p(e) {
+function a11yProps(index) {
 	return {
-		id: `simple-tab-${e}`,
-		"aria-controls": `simple-tabpanel-${e}`
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
 	};
 }
-function m(e) {
-	let { children: t, value: n, index: r, ...i } = e;
-	return /* @__PURE__ */ a("div", {
-		"aria-labelledby": `simple-tab-${r}`,
-		hidden: n !== r,
-		id: `simple-tabpanel-${r}`,
+function TabPanel(props) {
+	const { children, value, index, ...other } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"aria-labelledby": `simple-tab-${index}`,
+		hidden: value !== index,
+		id: `simple-tabpanel-${index}`,
 		role: "tabpanel",
-		...i,
-		children: n === r && /* @__PURE__ */ a(c, {
+		...other,
+		children: value === index && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
 			sx: { paddingTop: 3 },
-			children: t
+			children
 		})
 	});
 }
-var h = /* @__PURE__ */ i("div", process.env.NODE_ENV === "production" ? { target: "eff5q790" } : {
+var TextContent = /* @__PURE__ */ (0, _emotion_styled_base.default)("div", process.env.NODE_ENV === "production" ? { target: "eff5q790" } : {
 	target: "eff5q790",
 	label: "TextContent"
-})(({ theme: e }) => ({
+})(({ theme }) => ({
 	padding: "10px 0",
-	backgroundColor: e.palette.background.default
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFRhYiBmcm9tICdAbXVpL21hdGVyaWFsL1RhYic7XG5pbXBvcnQgVGFicyBmcm9tICdAbXVpL21hdGVyaWFsL1RhYnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3RNYXJrZG93biBmcm9tICdyZWFjdC1tYXJrZG93bic7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IFJlZ2lzdHJ5SW5mb0RpYWxvZyBmcm9tICcuLi8uLi9jb21wb25lbnRzL1JlZ2lzdHJ5SW5mb0RpYWxvZyc7XG5pbXBvcnQgeyBnZXRDb25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29uZmlndXJhdGlvbic7XG5pbXBvcnQgTGFuZ3VhZ2VTd2l0Y2ggZnJvbSAnLi9MYW5ndWFnZVN3aXRjaCc7XG5pbXBvcnQgUmVnaXN0cnlJbmZvQ29udGVudCBmcm9tICcuL1JlZ2lzdHJ5SW5mb0NvbnRlbnQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpc09wZW46IGJvb2xlYW47XG4gIG9uQ2xvc2VEaWFsb2c6ICgpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIGExMXlQcm9wcyhpbmRleCkge1xuICByZXR1cm4ge1xuICAgIGlkOiBgc2ltcGxlLXRhYi0ke2luZGV4fWAsXG4gICAgJ2FyaWEtY29udHJvbHMnOiBgc2ltcGxlLXRhYnBhbmVsLSR7aW5kZXh9YCxcbiAgfTtcbn1cblxuZnVuY3Rpb24gVGFiUGFuZWwocHJvcHMpIHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgdmFsdWUsIGluZGV4LCAuLi5vdGhlciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2BzaW1wbGUtdGFiLSR7aW5kZXh9YH1cbiAgICAgIGhpZGRlbj17dmFsdWUgIT09IGluZGV4fVxuICAgICAgaWQ9e2BzaW1wbGUtdGFicGFuZWwtJHtpbmRleH1gfVxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcbiAgICAgIHsuLi5vdGhlcn1cbiAgICA+XG4gICAgICB7dmFsdWUgPT09IGluZGV4ICYmIDxCb3ggc3g9e3sgcGFkZGluZ1RvcDogMyB9fT57Y2hpbGRyZW59PC9Cb3g+fVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDAnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5kZWZhdWx0LFxufSkpO1xuXG5jb25zdCBIZWFkZXJTZXR0aW5nc0RpYWxvZzogUmVhY3QuRkM8UHJvcHM+ID0gKHsgb25DbG9zZURpYWxvZywgaXNPcGVuIH0pID0+IHtcbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgwKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoX2V2ZW50LCBuZXdWYWx1ZSkgPT4ge1xuICAgIHNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgfTtcbiAgY29uc3QgY29uZmlnU3RvcmUgPSBnZXRDb25maWd1cmF0aW9uKCk7XG4gIGNvbnN0IHsgc2NvcGUsIGJhc2UgfSA9IGNvbmZpZ1N0b3JlO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJlZ2lzdHJ5SW5mb0RpYWxvZyBvbkNsb3NlPXtvbkNsb3NlRGlhbG9nfSBvcGVuPXtpc09wZW59IHRpdGxlPXt0KCdkaWFsb2cuc2V0dGluZ3MudGl0bGUnKX0+XG4gICAgICA8Qm94IHN4PXt7IHdpZHRoOiAnMTAwJScgfX0+XG4gICAgICAgIDxCb3ggc3g9e3sgYm9yZGVyQm90dG9tOiAxLCBib3JkZXJDb2xvcjogJ2RpdmlkZXInIH19PlxuICAgICAgICAgIDxUYWJzIGFyaWEtbGFiZWw9XCJiYXNpYyB0YWJzIGV4YW1wbGVcIiBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPFRhYiBsYWJlbD17dCgncGFja2FnZU1hbmFnZXJzLnRpdGxlJyl9IHsuLi5hMTF5UHJvcHMoMCl9IC8+XG4gICAgICAgICAgICA8VGFiIGxhYmVsPXt0KCdsYW5ndWFnZS50aXRsZScpfSB7Li4uYTExeVByb3BzKDEpfSAvPlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxUYWJQYW5lbCBpbmRleD17MH0gdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICA8UmVnaXN0cnlJbmZvQ29udGVudCByZWdpc3RyeVVybD17YmFzZX0gc2NvcGU9e3Njb3BlfSAvPlxuICAgICAgICA8L1RhYlBhbmVsPlxuICAgICAgICA8VGFiUGFuZWwgaW5kZXg9ezF9IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgPFRleHRDb250ZW50Pnt0KCdsYW5ndWFnZS5kZXNjcmlwdGlvbicpfTwvVGV4dENvbnRlbnQ+XG4gICAgICAgICAgPExhbmd1YWdlU3dpdGNoIC8+XG4gICAgICAgICAgPFJlYWN0TWFya2Rvd24+e3QoJ2xhbmd1YWdlLmNvbnRyaWJ1dGUnKX08L1JlYWN0TWFya2Rvd24+XG4gICAgICAgIDwvVGFiUGFuZWw+XG4gICAgICA8L0JveD5cbiAgICA8L1JlZ2lzdHJ5SW5mb0RpYWxvZz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlclNldHRpbmdzRGlhbG9nO1xuIl19 */"), g = ({ onCloseDialog: i, isOpen: g }) => {
-	let [_, v] = s.useState(0), y = (e, t) => {
-		v(t);
-	}, { scope: b, base: x } = e(), { t: S } = l();
-	return /* @__PURE__ */ a(t, {
-		onClose: i,
-		open: g,
-		title: S("dialog.settings.title"),
-		children: /* @__PURE__ */ o(c, {
+	backgroundColor: theme.palette.background.default
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFRhYiBmcm9tICdAbXVpL21hdGVyaWFsL1RhYic7XG5pbXBvcnQgVGFicyBmcm9tICdAbXVpL21hdGVyaWFsL1RhYnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3RNYXJrZG93biBmcm9tICdyZWFjdC1tYXJrZG93bic7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IFJlZ2lzdHJ5SW5mb0RpYWxvZyBmcm9tICcuLi8uLi9jb21wb25lbnRzL1JlZ2lzdHJ5SW5mb0RpYWxvZyc7XG5pbXBvcnQgeyBnZXRDb25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29uZmlndXJhdGlvbic7XG5pbXBvcnQgTGFuZ3VhZ2VTd2l0Y2ggZnJvbSAnLi9MYW5ndWFnZVN3aXRjaCc7XG5pbXBvcnQgUmVnaXN0cnlJbmZvQ29udGVudCBmcm9tICcuL1JlZ2lzdHJ5SW5mb0NvbnRlbnQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpc09wZW46IGJvb2xlYW47XG4gIG9uQ2xvc2VEaWFsb2c6ICgpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIGExMXlQcm9wcyhpbmRleCkge1xuICByZXR1cm4ge1xuICAgIGlkOiBgc2ltcGxlLXRhYi0ke2luZGV4fWAsXG4gICAgJ2FyaWEtY29udHJvbHMnOiBgc2ltcGxlLXRhYnBhbmVsLSR7aW5kZXh9YCxcbiAgfTtcbn1cblxuZnVuY3Rpb24gVGFiUGFuZWwocHJvcHMpIHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgdmFsdWUsIGluZGV4LCAuLi5vdGhlciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2BzaW1wbGUtdGFiLSR7aW5kZXh9YH1cbiAgICAgIGhpZGRlbj17dmFsdWUgIT09IGluZGV4fVxuICAgICAgaWQ9e2BzaW1wbGUtdGFicGFuZWwtJHtpbmRleH1gfVxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcbiAgICAgIHsuLi5vdGhlcn1cbiAgICA+XG4gICAgICB7dmFsdWUgPT09IGluZGV4ICYmIDxCb3ggc3g9e3sgcGFkZGluZ1RvcDogMyB9fT57Y2hpbGRyZW59PC9Cb3g+fVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDAnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5kZWZhdWx0LFxufSkpO1xuXG5jb25zdCBIZWFkZXJTZXR0aW5nc0RpYWxvZzogUmVhY3QuRkM8UHJvcHM+ID0gKHsgb25DbG9zZURpYWxvZywgaXNPcGVuIH0pID0+IHtcbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgwKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoX2V2ZW50LCBuZXdWYWx1ZSkgPT4ge1xuICAgIHNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgfTtcbiAgY29uc3QgY29uZmlnU3RvcmUgPSBnZXRDb25maWd1cmF0aW9uKCk7XG4gIGNvbnN0IHsgc2NvcGUsIGJhc2UgfSA9IGNvbmZpZ1N0b3JlO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJlZ2lzdHJ5SW5mb0RpYWxvZyBvbkNsb3NlPXtvbkNsb3NlRGlhbG9nfSBvcGVuPXtpc09wZW59IHRpdGxlPXt0KCdkaWFsb2cuc2V0dGluZ3MudGl0bGUnKX0+XG4gICAgICA8Qm94IHN4PXt7IHdpZHRoOiAnMTAwJScgfX0+XG4gICAgICAgIDxCb3ggc3g9e3sgYm9yZGVyQm90dG9tOiAxLCBib3JkZXJDb2xvcjogJ2RpdmlkZXInIH19PlxuICAgICAgICAgIDxUYWJzIGFyaWEtbGFiZWw9XCJiYXNpYyB0YWJzIGV4YW1wbGVcIiBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPFRhYiBsYWJlbD17dCgncGFja2FnZU1hbmFnZXJzLnRpdGxlJyl9IHsuLi5hMTF5UHJvcHMoMCl9IC8+XG4gICAgICAgICAgICA8VGFiIGxhYmVsPXt0KCdsYW5ndWFnZS50aXRsZScpfSB7Li4uYTExeVByb3BzKDEpfSAvPlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxUYWJQYW5lbCBpbmRleD17MH0gdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICA8UmVnaXN0cnlJbmZvQ29udGVudCByZWdpc3RyeVVybD17YmFzZX0gc2NvcGU9e3Njb3BlfSAvPlxuICAgICAgICA8L1RhYlBhbmVsPlxuICAgICAgICA8VGFiUGFuZWwgaW5kZXg9ezF9IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgPFRleHRDb250ZW50Pnt0KCdsYW5ndWFnZS5kZXNjcmlwdGlvbicpfTwvVGV4dENvbnRlbnQ+XG4gICAgICAgICAgPExhbmd1YWdlU3dpdGNoIC8+XG4gICAgICAgICAgPFJlYWN0TWFya2Rvd24+e3QoJ2xhbmd1YWdlLmNvbnRyaWJ1dGUnKX08L1JlYWN0TWFya2Rvd24+XG4gICAgICAgIDwvVGFiUGFuZWw+XG4gICAgICA8L0JveD5cbiAgICA8L1JlZ2lzdHJ5SW5mb0RpYWxvZz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlclNldHRpbmdzRGlhbG9nO1xuIl19 */");
+var HeaderSettingsDialog = ({ onCloseDialog, isOpen }) => {
+	const [value, setValue] = react.default.useState(0);
+	const handleChange = (_event, newValue) => {
+		setValue(newValue);
+	};
+	const { scope, base } = require_configuration.getConfiguration();
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RegistryInfoDialog.default, {
+		onClose: onCloseDialog,
+		open: isOpen,
+		title: t("dialog.settings.title"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
 			sx: { width: "100%" },
 			children: [
-				/* @__PURE__ */ a(c, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
 					sx: {
 						borderBottom: 1,
 						borderColor: "divider"
 					},
-					children: /* @__PURE__ */ o(d, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Tabs.default, {
 						"aria-label": "basic tabs example",
-						onChange: y,
-						value: _,
-						children: [/* @__PURE__ */ a(u, {
-							label: S("packageManagers.title"),
-							...p(0)
-						}), /* @__PURE__ */ a(u, {
-							label: S("language.title"),
-							...p(1)
+						onChange: handleChange,
+						value,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tab.default, {
+							label: t("packageManagers.title"),
+							...a11yProps(0)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Tab.default, {
+							label: t("language.title"),
+							...a11yProps(1)
 						})]
 					})
 				}),
-				/* @__PURE__ */ a(m, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabPanel, {
 					index: 0,
-					value: _,
-					children: /* @__PURE__ */ a(r, {
-						registryUrl: x,
-						scope: b
+					value,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_RegistryInfoContent.default, {
+						registryUrl: base,
+						scope
 					})
 				}),
-				/* @__PURE__ */ o(m, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TabPanel, {
 					index: 1,
-					value: _,
+					value,
 					children: [
-						/* @__PURE__ */ a(h, { children: S("language.description") }),
-						/* @__PURE__ */ a(n, {}),
-						/* @__PURE__ */ a(f, { children: S("language.contribute") })
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextContent, { children: t("language.description") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LanguageSwitch.default, {}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_markdown.default, { children: t("language.contribute") })
 					]
 				})
 			]
@@ -90,6 +101,6 @@ var h = /* @__PURE__ */ i("div", process.env.NODE_ENV === "production" ? { targe
 	});
 };
 //#endregion
-export { g as default };
+exports.default = HeaderSettingsDialog;
 
 //# sourceMappingURL=HeaderSettingsDialog.js.map

package/build/sections/Header/HeaderSettingsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSettingsDialog.js","names":["Box","Tab","Tabs","React","useTranslation","ReactMarkdown","Theme","RegistryInfoDialog","getConfiguration","LanguageSwitch","RegistryInfoContent","Props","isOpen","onCloseDialog","a11yProps","index","id","TabPanel","props","children","value","other","paddingTop","TextContent","_styled","process","env","NODE_ENV","target","label","theme","padding","backgroundColor","palette","background","default","HeaderSettingsDialog","FC","setValue","useState","handleChange","_event","newValue","configStore","scope","base","t","width","borderBottom","borderColor"],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAASc,EAAUC,GAAO;AACxB,QAAO;EACLC,IAAI,cAAcD;EAClB,iBAAiB,mBAAmBA;EACrC;;AAGH,SAASE,EAASC,GAAO;CACvB,IAAM,EAAEC,aAAUC,UAAOL,UAAO,GAAGM,MAAUH;AAE7C,QACE,kBAAC,OAAD;EACE,mBAAiB,cAAcH;EAC/B,QAAQK,MAAUL;EAClB,IAAI,mBAAmBA;EACvB,MAAK;EACL,GAAIM;YAEHD,MAAUL,KAAS,kBAAC,GAAD;GAAK,IAAI,EAAEO,YAAY,GAAG;GAAGH;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAMI,IAAcC,kBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBAAa;CACnEC,SAAS;CACTC,iBAAiBF,EAAMG,QAAQC,WAAWC;CAC3C,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0xHAAC,EAEGC,KAAyC,EAAEvB,kBAAeD,gBAAa;CAC3E,IAAM,CAACQ,GAAOkB,KAAYnC,EAAMoC,SAAS,EAAE,EAErCC,KAAgBC,GAAQC,MAAa;AACzCJ,IAASI,EAAS;IAGd,EAAEE,UAAOC,YADKrC,GAAkB,EAEhC,EAAEsC,SAAM1C,GAAgB;AAC9B,QACE,kBAAC,GAAD;EAAoB,SAASS;EAAe,MAAMD;EAAQ,OAAOkC,EAAE,wBAAwB;YACzF,kBAAC,GAAD;GAAK,IAAI,EAAEC,OAAO,QAAQ;aAA1B;IACE,kBAAC,GAAD;KAAK,IAAI;MAAEC,cAAc;MAAGC,aAAa;MAAW;eAClD,kBAAC,GAAD;MAAM,cAAW;MAAqB,UAAUT;MAAqBpB;gBAArE,CACE,kBAAC,GAAD;OAAK,OAAO0B,EAAE,wBAAwB;OAAE,GAAIhC,EAAU,EAAE;OAAC,CAAA,EACzD,kBAAC,GAAD;OAAK,OAAOgC,EAAE,iBAAiB;OAAE,GAAIhC,EAAU,EAAE;OAAC,CAAA,CAC9C;;KACH,CAAA;IACL,kBAAC,GAAD;KAAU,OAAO;KAAUM;eACzB,kBAAC,GAAD;MAAqB,aAAayB;MAAaD;MAAM,CAAA;KAC7C,CAAA;IACV,kBAAC,GAAD;KAAU,OAAO;KAAUxB;eAA3B;MACE,kBAAC,GAAD,EAAA,UAAc0B,EAAE,uBAAuB,EAAc,CAAA;MACrD,kBAAC,GAAD,EAAe,CAAA;MACf,kBAAC,GAAD,EAAA,UAAgBA,EAAE,sBAAsB,EAAgB,CAAA;MAChD;;IACP;;EACc,CAAA"}
+{"version":3,"file":"HeaderSettingsDialog.js","names":["Box","Tab","Tabs","React","useTranslation","ReactMarkdown","Theme","RegistryInfoDialog","getConfiguration","LanguageSwitch","RegistryInfoContent","Props","isOpen","onCloseDialog","a11yProps","index","id","TabPanel","props","children","value","other","paddingTop","TextContent","_styled","process","env","NODE_ENV","target","label","theme","padding","backgroundColor","palette","background","default","HeaderSettingsDialog","FC","setValue","useState","handleChange","_event","newValue","configStore","scope","base","t","width","borderBottom","borderColor"],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,SAASc,UAAUC,OAAO;AACxB,QAAO;EACLC,IAAI,cAAcD;EAClB,iBAAiB,mBAAmBA;EACrC;;AAGH,SAASE,SAASC,OAAO;CACvB,MAAM,EAAEC,UAAUC,OAAOL,OAAO,GAAGM,UAAUH;AAE7C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,mBAAiB,cAAcH;EAC/B,QAAQK,UAAUL;EAClB,IAAI,mBAAmBA;EACvB,MAAK;EACL,GAAIM;YAEHD,UAAUL,SAAS,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,IAAI,EAAEO,YAAY,GAAG;GAAGH;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAMI,cAAcC,iBAAAA,GAAAA,qBAAAA,SAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACnEC,SAAS;CACTC,iBAAiBF,MAAMG,QAAQC,WAAWC;CAC3C,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0xHAAC;AAEH,IAAMC,wBAAyC,EAAEvB,eAAeD,aAAa;CAC3E,MAAM,CAACQ,OAAOkB,YAAYnC,MAAAA,QAAMoC,SAAS,EAAE;CAE3C,MAAMC,gBAAgBC,QAAQC,aAAa;AACzCJ,WAASI,SAAS;;CAGpB,MAAM,EAAEE,OAAOC,SADKrC,sBAAAA,kBAAkB;CAEtC,MAAM,EAAEsC,OAAAA,GAAAA,cAAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD;EAAoB,SAASjC;EAAe,MAAMD;EAAQ,OAAOkC,EAAE,wBAAwB;YACzF,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;GAAK,IAAI,EAAEC,OAAO,QAAQ;aAA1B;IACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;KAAK,IAAI;MAAEC,cAAc;MAAGC,aAAa;MAAW;eAClD,iBAAA,GAAA,kBAAA,MAAC,mBAAA,SAAD;MAAM,cAAW;MAAqB,UAAUT;MAAqBpB;gBAArE,CACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;OAAK,OAAO0B,EAAE,wBAAwB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,EACzD,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;OAAK,OAAOgC,EAAE,iBAAiB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,CAC9C;;KACH,CAAA;IACL,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAU,OAAO;KAAUM;eACzB,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD;MAAqB,aAAayB;MAAaD;MAAM,CAAA;KAC7C,CAAA;IACV,iBAAA,GAAA,kBAAA,MAAC,UAAD;KAAU,OAAO;KAAUxB;eAA3B;MACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAA,UAAc0B,EAAE,uBAAuB,EAAc,CAAA;MACrD,iBAAA,GAAA,kBAAA,KAAC,uBAAA,SAAD,EAAe,CAAA;MACf,iBAAA,GAAA,kBAAA,KAAC,eAAA,SAAD,EAAA,UAAgBA,EAAE,sBAAsB,EAAgB,CAAA;MAChD;;IACP;;EACc,CAAA"}

package/build/sections/Header/HeaderSettingsDialog.mjs

@@ -0,0 +1,99 @@
+import { getConfiguration } from "../../configuration.mjs";
+import RegistryInfoDialog from "../../components/RegistryInfoDialog/RegistryInfoDialog.mjs";
+import "../../components/RegistryInfoDialog/index.mjs";
+import LanguageSwitch from "./LanguageSwitch.mjs";
+import RegistryInfoContent from "./RegistryInfoContent/RegistryInfoContent.mjs";
+import "./RegistryInfoContent/index.mjs";
+import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Box from "@mui/material/Box";
+import { useTranslation } from "react-i18next";
+import Tab from "@mui/material/Tab";
+import Tabs from "@mui/material/Tabs";
+import ReactMarkdown from "react-markdown";
+//#region src/sections/Header/HeaderSettingsDialog.tsx
+function a11yProps(index) {
+	return {
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
+	};
+}
+function TabPanel(props) {
+	const { children, value, index, ...other } = props;
+	return /* @__PURE__ */ jsx("div", {
+		"aria-labelledby": `simple-tab-${index}`,
+		hidden: value !== index,
+		id: `simple-tabpanel-${index}`,
+		role: "tabpanel",
+		...other,
+		children: value === index && /* @__PURE__ */ jsx(Box, {
+			sx: { paddingTop: 3 },
+			children
+		})
+	});
+}
+var TextContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? { target: "eff5q790" } : {
+	target: "eff5q790",
+	label: "TextContent"
+})(({ theme }) => ({
+	padding: "10px 0",
+	backgroundColor: theme.palette.background.default
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ29CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvc2VjdGlvbnMvSGVhZGVyL0hlYWRlclNldHRpbmdzRGlhbG9nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFRhYiBmcm9tICdAbXVpL21hdGVyaWFsL1RhYic7XG5pbXBvcnQgVGFicyBmcm9tICdAbXVpL21hdGVyaWFsL1RhYnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgUmVhY3RNYXJrZG93biBmcm9tICdyZWFjdC1tYXJrZG93bic7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IFJlZ2lzdHJ5SW5mb0RpYWxvZyBmcm9tICcuLi8uLi9jb21wb25lbnRzL1JlZ2lzdHJ5SW5mb0RpYWxvZyc7XG5pbXBvcnQgeyBnZXRDb25maWd1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29uZmlndXJhdGlvbic7XG5pbXBvcnQgTGFuZ3VhZ2VTd2l0Y2ggZnJvbSAnLi9MYW5ndWFnZVN3aXRjaCc7XG5pbXBvcnQgUmVnaXN0cnlJbmZvQ29udGVudCBmcm9tICcuL1JlZ2lzdHJ5SW5mb0NvbnRlbnQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpc09wZW46IGJvb2xlYW47XG4gIG9uQ2xvc2VEaWFsb2c6ICgpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIGExMXlQcm9wcyhpbmRleCkge1xuICByZXR1cm4ge1xuICAgIGlkOiBgc2ltcGxlLXRhYi0ke2luZGV4fWAsXG4gICAgJ2FyaWEtY29udHJvbHMnOiBgc2ltcGxlLXRhYnBhbmVsLSR7aW5kZXh9YCxcbiAgfTtcbn1cblxuZnVuY3Rpb24gVGFiUGFuZWwocHJvcHMpIHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgdmFsdWUsIGluZGV4LCAuLi5vdGhlciB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBhcmlhLWxhYmVsbGVkYnk9e2BzaW1wbGUtdGFiLSR7aW5kZXh9YH1cbiAgICAgIGhpZGRlbj17dmFsdWUgIT09IGluZGV4fVxuICAgICAgaWQ9e2BzaW1wbGUtdGFicGFuZWwtJHtpbmRleH1gfVxuICAgICAgcm9sZT1cInRhYnBhbmVsXCJcbiAgICAgIHsuLi5vdGhlcn1cbiAgICA+XG4gICAgICB7dmFsdWUgPT09IGluZGV4ICYmIDxCb3ggc3g9e3sgcGFkZGluZ1RvcDogMyB9fT57Y2hpbGRyZW59PC9Cb3g+fVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6ICcxMHB4IDAnLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5kZWZhdWx0LFxufSkpO1xuXG5jb25zdCBIZWFkZXJTZXR0aW5nc0RpYWxvZzogUmVhY3QuRkM8UHJvcHM+ID0gKHsgb25DbG9zZURpYWxvZywgaXNPcGVuIH0pID0+IHtcbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgwKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoX2V2ZW50LCBuZXdWYWx1ZSkgPT4ge1xuICAgIHNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgfTtcbiAgY29uc3QgY29uZmlnU3RvcmUgPSBnZXRDb25maWd1cmF0aW9uKCk7XG4gIGNvbnN0IHsgc2NvcGUsIGJhc2UgfSA9IGNvbmZpZ1N0b3JlO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFJlZ2lzdHJ5SW5mb0RpYWxvZyBvbkNsb3NlPXtvbkNsb3NlRGlhbG9nfSBvcGVuPXtpc09wZW59IHRpdGxlPXt0KCdkaWFsb2cuc2V0dGluZ3MudGl0bGUnKX0+XG4gICAgICA8Qm94IHN4PXt7IHdpZHRoOiAnMTAwJScgfX0+XG4gICAgICAgIDxCb3ggc3g9e3sgYm9yZGVyQm90dG9tOiAxLCBib3JkZXJDb2xvcjogJ2RpdmlkZXInIH19PlxuICAgICAgICAgIDxUYWJzIGFyaWEtbGFiZWw9XCJiYXNpYyB0YWJzIGV4YW1wbGVcIiBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPFRhYiBsYWJlbD17dCgncGFja2FnZU1hbmFnZXJzLnRpdGxlJyl9IHsuLi5hMTF5UHJvcHMoMCl9IC8+XG4gICAgICAgICAgICA8VGFiIGxhYmVsPXt0KCdsYW5ndWFnZS50aXRsZScpfSB7Li4uYTExeVByb3BzKDEpfSAvPlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxUYWJQYW5lbCBpbmRleD17MH0gdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICA8UmVnaXN0cnlJbmZvQ29udGVudCByZWdpc3RyeVVybD17YmFzZX0gc2NvcGU9e3Njb3BlfSAvPlxuICAgICAgICA8L1RhYlBhbmVsPlxuICAgICAgICA8VGFiUGFuZWwgaW5kZXg9ezF9IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgPFRleHRDb250ZW50Pnt0KCdsYW5ndWFnZS5kZXNjcmlwdGlvbicpfTwvVGV4dENvbnRlbnQ+XG4gICAgICAgICAgPExhbmd1YWdlU3dpdGNoIC8+XG4gICAgICAgICAgPFJlYWN0TWFya2Rvd24+e3QoJ2xhbmd1YWdlLmNvbnRyaWJ1dGUnKX08L1JlYWN0TWFya2Rvd24+XG4gICAgICAgIDwvVGFiUGFuZWw+XG4gICAgICA8L0JveD5cbiAgICA8L1JlZ2lzdHJ5SW5mb0RpYWxvZz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRlclNldHRpbmdzRGlhbG9nO1xuIl19 */");
+var HeaderSettingsDialog = ({ onCloseDialog, isOpen }) => {
+	const [value, setValue] = React.useState(0);
+	const handleChange = (_event, newValue) => {
+		setValue(newValue);
+	};
+	const { scope, base } = getConfiguration();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(RegistryInfoDialog, {
+		onClose: onCloseDialog,
+		open: isOpen,
+		title: t("dialog.settings.title"),
+		children: /* @__PURE__ */ jsxs(Box, {
+			sx: { width: "100%" },
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					sx: {
+						borderBottom: 1,
+						borderColor: "divider"
+					},
+					children: /* @__PURE__ */ jsxs(Tabs, {
+						"aria-label": "basic tabs example",
+						onChange: handleChange,
+						value,
+						children: [/* @__PURE__ */ jsx(Tab, {
+							label: t("packageManagers.title"),
+							...a11yProps(0)
+						}), /* @__PURE__ */ jsx(Tab, {
+							label: t("language.title"),
+							...a11yProps(1)
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsx(TabPanel, {
+					index: 0,
+					value,
+					children: /* @__PURE__ */ jsx(RegistryInfoContent, {
+						registryUrl: base,
+						scope
+					})
+				}),
+				/* @__PURE__ */ jsxs(TabPanel, {
+					index: 1,
+					value,
+					children: [
+						/* @__PURE__ */ jsx(TextContent, { children: t("language.description") }),
+						/* @__PURE__ */ jsx(LanguageSwitch, {}),
+						/* @__PURE__ */ jsx(ReactMarkdown, { children: t("language.contribute") })
+					]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { HeaderSettingsDialog as default };
+
+//# sourceMappingURL=HeaderSettingsDialog.mjs.map

package/build/sections/Header/HeaderSettingsDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSettingsDialog.mjs","names":["Box","Tab","Tabs","React","useTranslation","ReactMarkdown","Theme","RegistryInfoDialog","getConfiguration","LanguageSwitch","RegistryInfoContent","Props","isOpen","onCloseDialog","a11yProps","index","id","TabPanel","props","children","value","other","paddingTop","TextContent","_styled","process","env","NODE_ENV","target","label","theme","padding","backgroundColor","palette","background","default","HeaderSettingsDialog","FC","setValue","useState","handleChange","_event","newValue","configStore","scope","base","t","width","borderBottom","borderColor"],"sources":["../../../src/sections/Header/HeaderSettingsDialog.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ReactMarkdown from 'react-markdown';\n\nimport type { Theme } from '../../';\nimport RegistryInfoDialog from '../../components/RegistryInfoDialog';\nimport { getConfiguration } from '../../configuration';\nimport LanguageSwitch from './LanguageSwitch';\nimport RegistryInfoContent from './RegistryInfoContent';\n\ninterface Props {\n  isOpen: boolean;\n  onCloseDialog: () => void;\n}\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\nfunction TabPanel(props) {\n  const { children, value, index, ...other } = props;\n\n  return (\n    <div\n      aria-labelledby={`simple-tab-${index}`}\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      role=\"tabpanel\"\n      {...other}\n    >\n      {value === index && <Box sx={{ paddingTop: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n\nconst TextContent = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  padding: '10px 0',\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst HeaderSettingsDialog: React.FC<Props> = ({ onCloseDialog, isOpen }) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event, newValue) => {\n    setValue(newValue);\n  };\n  const configStore = getConfiguration();\n  const { scope, base } = configStore;\n  const { t } = useTranslation();\n  return (\n    <RegistryInfoDialog onClose={onCloseDialog} open={isOpen} title={t('dialog.settings.title')}>\n      <Box sx={{ width: '100%' }}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <Tabs aria-label=\"basic tabs example\" onChange={handleChange} value={value}>\n            <Tab label={t('packageManagers.title')} {...a11yProps(0)} />\n            <Tab label={t('language.title')} {...a11yProps(1)} />\n          </Tabs>\n        </Box>\n        <TabPanel index={0} value={value}>\n          <RegistryInfoContent registryUrl={base} scope={scope} />\n        </TabPanel>\n        <TabPanel index={1} value={value}>\n          <TextContent>{t('language.description')}</TextContent>\n          <LanguageSwitch />\n          <ReactMarkdown>{t('language.contribute')}</ReactMarkdown>\n        </TabPanel>\n      </Box>\n    </RegistryInfoDialog>\n  );\n};\n\nexport default HeaderSettingsDialog;\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAASc,UAAUC,OAAO;AACxB,QAAO;EACLC,IAAI,cAAcD;EAClB,iBAAiB,mBAAmBA;EACrC;;AAGH,SAASE,SAASC,OAAO;CACvB,MAAM,EAAEC,UAAUC,OAAOL,OAAO,GAAGM,UAAUH;AAE7C,QACE,oBAAC,OAAD;EACE,mBAAiB,cAAcH;EAC/B,QAAQK,UAAUL;EAClB,IAAI,mBAAmBA;EACvB,MAAK;EACL,GAAIM;YAEHD,UAAUL,SAAS,oBAAC,KAAD;GAAK,IAAI,EAAEO,YAAY,GAAG;GAAGH;GAAe,CAAA;EAC5D,CAAA;;AAIV,IAAMI,cAAcC,wBAAO,OAAA,QAAA,IAAA,aAAK,eAAA,EAAAI,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACnEC,SAAS;CACTC,iBAAiBF,MAAMG,QAAQC,WAAWC;CAC3C,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0xHAAC;AAEH,IAAMC,wBAAyC,EAAEvB,eAAeD,aAAa;CAC3E,MAAM,CAACQ,OAAOkB,YAAYnC,MAAMoC,SAAS,EAAE;CAE3C,MAAMC,gBAAgBC,QAAQC,aAAa;AACzCJ,WAASI,SAAS;;CAGpB,MAAM,EAAEE,OAAOC,SADKrC,kBAAkB;CAEtC,MAAM,EAAEsC,MAAM1C,gBAAgB;AAC9B,QACE,oBAAC,oBAAD;EAAoB,SAASS;EAAe,MAAMD;EAAQ,OAAOkC,EAAE,wBAAwB;YACzF,qBAAC,KAAD;GAAK,IAAI,EAAEC,OAAO,QAAQ;aAA1B;IACE,oBAAC,KAAD;KAAK,IAAI;MAAEC,cAAc;MAAGC,aAAa;MAAW;eAClD,qBAAC,MAAD;MAAM,cAAW;MAAqB,UAAUT;MAAqBpB;gBAArE,CACE,oBAAC,KAAD;OAAK,OAAO0B,EAAE,wBAAwB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,EACzD,oBAAC,KAAD;OAAK,OAAOgC,EAAE,iBAAiB;OAAE,GAAIhC,UAAU,EAAE;OAAC,CAAA,CAC9C;;KACH,CAAA;IACL,oBAAC,UAAD;KAAU,OAAO;KAAUM;eACzB,oBAAC,qBAAD;MAAqB,aAAayB;MAAaD;MAAM,CAAA;KAC7C,CAAA;IACV,qBAAC,UAAD;KAAU,OAAO;KAAUxB;eAA3B;MACE,oBAAC,aAAD,EAAA,UAAc0B,EAAE,uBAAuB,EAAc,CAAA;MACrD,oBAAC,gBAAD,EAAe,CAAA;MACf,oBAAC,eAAD,EAAA,UAAgBA,EAAE,sBAAsB,EAAgB,CAAA;MAChD;;IACP;;EACc,CAAA"}

package/build/sections/Header/HeaderToolTip.js

@@ -1,12 +1,14 @@
-import e from "./HeaderToolTipIcon.js";
-import { jsx as t } from "react/jsx-runtime";
-import "react";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_HeaderToolTipIcon = require("./HeaderToolTipIcon.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
 //#region src/sections/Header/HeaderToolTip.tsx
-var n = ({ tooltipIconType: n, onClick: r }) => /* @__PURE__ */ t(e, {
-	onClick: r,
-	tooltipIconType: n
+var HeaderToolTip = ({ tooltipIconType, onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_HeaderToolTipIcon.default, {
+	onClick,
+	tooltipIconType
 });
 //#endregion
-export { n as default };
+exports.default = HeaderToolTip;
 
 //# sourceMappingURL=HeaderToolTip.js.map

package/build/sections/Header/HeaderToolTip.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderToolTip.js","names":["React","TooltipIconType","HeaderToolTipIcon","Props","title","tooltipIconType","onClick","HeaderToolTip","FC"],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;AAWA,IAAMO,KAAkC,EAAEF,oBAAiBC,iBACzD,kBAAC,GAAD;CAA4BA;CAA0BD;CACvD,CAAA"}
+{"version":3,"file":"HeaderToolTip.js","names":["React","TooltipIconType","HeaderToolTipIcon","Props","title","tooltipIconType","onClick","HeaderToolTip","FC"],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;;;AAWA,IAAMO,iBAAkC,EAAEF,iBAAiBC,cACzD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD;CAA4BA;CAA0BD;CACvD,CAAA"}

package/build/sections/Header/HeaderToolTip.mjs

@@ -0,0 +1,12 @@
+import HeaderToolTipIcon from "./HeaderToolTipIcon.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+//#region src/sections/Header/HeaderToolTip.tsx
+var HeaderToolTip = ({ tooltipIconType, onClick }) => /* @__PURE__ */ jsx(HeaderToolTipIcon, {
+	onClick,
+	tooltipIconType
+});
+//#endregion
+export { HeaderToolTip as default };
+
+//# sourceMappingURL=HeaderToolTip.mjs.map

package/build/sections/Header/HeaderToolTip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderToolTip.mjs","names":["React","TooltipIconType","HeaderToolTipIcon","Props","title","tooltipIconType","onClick","HeaderToolTip","FC"],"sources":["../../../src/sections/Header/HeaderToolTip.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TooltipIconType } from './HeaderToolTipIcon';\nimport HeaderToolTipIcon from './HeaderToolTipIcon';\n\ninterface Props {\n  title: string;\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\nconst HeaderToolTip: React.FC<Props> = ({ tooltipIconType, onClick }) => (\n  <HeaderToolTipIcon onClick={onClick} tooltipIconType={tooltipIconType} />\n);\n\nexport default HeaderToolTip;\n"],"mappings":";;;;AAWA,IAAMO,iBAAkC,EAAEF,iBAAiBC,cACzD,oBAAC,mBAAD;CAA4BA;CAA0BD;CACvD,CAAA"}

package/build/sections/Header/HeaderToolTipIcon.js

@@ -1,58 +1,65 @@
-import { IconSearchButton as e, InfoButton as t, SettingsButtom as n, SwitchThemeButton as r } from "./styles.js";
-import { jsx as i } from "react/jsx-runtime";
-import "react";
-import a from "@mui/icons-material/Settings";
-import o from "@mui/icons-material/Search";
-import s from "@mui/icons-material/Info";
-import c from "@mui/icons-material/NightsStay";
-import l from "@mui/icons-material/WbSunny";
+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 _mui_icons_material_Settings = require("@mui/icons-material/Settings");
+_mui_icons_material_Settings = require_runtime.__toESM(_mui_icons_material_Settings);
+let _mui_icons_material_Search = require("@mui/icons-material/Search");
+_mui_icons_material_Search = require_runtime.__toESM(_mui_icons_material_Search);
+let _mui_icons_material_Info = require("@mui/icons-material/Info");
+_mui_icons_material_Info = require_runtime.__toESM(_mui_icons_material_Info);
+let _mui_icons_material_NightsStay = require("@mui/icons-material/NightsStay");
+_mui_icons_material_NightsStay = require_runtime.__toESM(_mui_icons_material_NightsStay);
+let _mui_icons_material_WbSunny = require("@mui/icons-material/WbSunny");
+_mui_icons_material_WbSunny = require_runtime.__toESM(_mui_icons_material_WbSunny);
 //#region src/sections/Header/HeaderToolTipIcon.tsx
-var u = function({ ref: u, tooltipIconType: d, onClick: f }) {
-	switch (d) {
-		case "info": return /* @__PURE__ */ i(t, {
+var HeaderToolTipIcon = function HeaderToolTipIcon({ ref, tooltipIconType, onClick }) {
+	switch (tooltipIconType) {
+		case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.InfoButton, {
 			color: "inherit",
 			"data-testid": "header--tooltip-info",
 			id: "header--button-registryInfo",
-			onClick: f,
-			ref: u,
+			onClick,
+			ref,
 			size: "large",
-			children: /* @__PURE__ */ i(s, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Info.default, {})
 		});
-		case "settings": return /* @__PURE__ */ i(n, {
+		case "settings": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SettingsButtom, {
 			color: "inherit",
 			"data-testid": "header--tooltip-settings",
 			id: "header--button-settings",
-			onClick: f,
-			ref: u,
+			onClick,
+			ref,
 			size: "large",
-			children: /* @__PURE__ */ i(a, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Settings.default, {})
 		});
-		case "search": return /* @__PURE__ */ i(e, {
+		case "search": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.IconSearchButton, {
 			color: "inherit",
-			onClick: f,
-			ref: u,
-			children: /* @__PURE__ */ i(o, {})
+			onClick,
+			ref,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Search.default, {})
 		});
-		case "dark-mode": return /* @__PURE__ */ i(r, {
+		case "dark-mode": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SwitchThemeButton, {
 			color: "inherit",
 			"data-testid": "header--button--dark",
-			onClick: f,
-			ref: u,
+			onClick,
+			ref,
 			size: "large",
-			children: /* @__PURE__ */ i(c, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_NightsStay.default, {})
 		});
-		case "light-mode": return /* @__PURE__ */ i(r, {
+		case "light-mode": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_styles.SwitchThemeButton, {
 			color: "inherit",
 			"data-testid": "header--button--light",
-			onClick: f,
-			ref: u,
+			onClick,
+			ref,
 			size: "large",
-			children: /* @__PURE__ */ i(l, {})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_WbSunny.default, {})
 		});
 		default: return null;
 	}
 };
 //#endregion
-export { u as default };
+exports.default = HeaderToolTipIcon;
 
 //# sourceMappingURL=HeaderToolTipIcon.js.map

package/build/sections/Header/HeaderToolTipIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderToolTipIcon.js","names":["Info","NightsStay","Search","Settings","WbSunny","React","IconSearchButton","InfoButton","SettingsButtom","SwitchThemeButton","TooltipIconType","Props","tooltipIconType","onClick","HeaderToolTipIconRef","HTMLButtonElement","HeaderToolTipIcon","ref","RefObject"],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton color=\"inherit\" onClick={onClick} ref={ref}>\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;AAiBA,IAAMgB,IAAoB,SAA2B,EACnDC,QACAL,oBACAC,cACiE;AACjE,SAAQD,GAAR;EACE,KAAK,OACH,QACE,kBAAC,GAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMC;GACJI;GACL,MAAK;aAEL,kBAAC,GAAD,EAAK,CAAA;GACM,CAAA;EAEjB,KAAK,WACH,QACE,kBAAC,GAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMJ;GACJI;GACL,MAAK;aAEL,kBAAC,GAAD,EAAS,CAAA;GACM,CAAA;EAErB,KAAK,SACH,QACE,kBAAC,GAAD;GAAkB,OAAM;GAAmBJ;GAAcI;aACvD,kBAAC,GAAD,EAAO,CAAA;GACU,CAAA;EAEvB,KAAK,YACH,QACE,kBAAC,GAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,kBAAC,GAAD,EAAW,CAAA;GACO,CAAA;EAGxB,KAAK,aACH,QACE,kBAAC,GAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,kBAAC,GAAD,EAAQ,CAAA;GACU,CAAA;EAExB,QACE,QAAO"}
+{"version":3,"file":"HeaderToolTipIcon.js","names":["Info","NightsStay","Search","Settings","WbSunny","React","IconSearchButton","InfoButton","SettingsButtom","SwitchThemeButton","TooltipIconType","Props","tooltipIconType","onClick","HeaderToolTipIconRef","HTMLButtonElement","HeaderToolTipIcon","ref","RefObject"],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton color=\"inherit\" onClick={onClick} ref={ref}>\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAMgB,oBAAoB,SAASA,kBAAkB,EACnDC,KACAL,iBACAC,WACiE;AACjE,SAAQD,iBAAR;EACE,KAAK,OACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,YAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMC;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,yBAAA,SAAD,EAAK,CAAA;GACM,CAAA;EAEjB,KAAK,WACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,gBAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMJ;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,6BAAA,SAAD,EAAS,CAAA;GACM,CAAA;EAErB,KAAK,SACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,kBAAD;GAAkB,OAAM;GAAmBJ;GAAcI;aACvD,iBAAA,GAAA,kBAAA,KAAC,2BAAA,SAAD,EAAO,CAAA;GACU,CAAA;EAEvB,KAAK,YACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,+BAAA,SAAD,EAAW,CAAA;GACO,CAAA;EAGxB,KAAK,aACH,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,iBAAA,GAAA,kBAAA,KAAC,4BAAA,SAAD,EAAQ,CAAA;GACU,CAAA;EAExB,QACE,QAAO"}

package/build/sections/Header/HeaderToolTipIcon.mjs

@@ -0,0 +1,58 @@
+import { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from "./styles.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import Settings from "@mui/icons-material/Settings";
+import SearchMui from "@mui/icons-material/Search";
+import Info from "@mui/icons-material/Info";
+import NightsStay from "@mui/icons-material/NightsStay";
+import WbSunny from "@mui/icons-material/WbSunny";
+//#region src/sections/Header/HeaderToolTipIcon.tsx
+var HeaderToolTipIcon = function HeaderToolTipIcon({ ref, tooltipIconType, onClick }) {
+	switch (tooltipIconType) {
+		case "info": return /* @__PURE__ */ jsx(InfoButton, {
+			color: "inherit",
+			"data-testid": "header--tooltip-info",
+			id: "header--button-registryInfo",
+			onClick,
+			ref,
+			size: "large",
+			children: /* @__PURE__ */ jsx(Info, {})
+		});
+		case "settings": return /* @__PURE__ */ jsx(SettingsButtom, {
+			color: "inherit",
+			"data-testid": "header--tooltip-settings",
+			id: "header--button-settings",
+			onClick,
+			ref,
+			size: "large",
+			children: /* @__PURE__ */ jsx(Settings, {})
+		});
+		case "search": return /* @__PURE__ */ jsx(IconSearchButton, {
+			color: "inherit",
+			onClick,
+			ref,
+			children: /* @__PURE__ */ jsx(SearchMui, {})
+		});
+		case "dark-mode": return /* @__PURE__ */ jsx(SwitchThemeButton, {
+			color: "inherit",
+			"data-testid": "header--button--dark",
+			onClick,
+			ref,
+			size: "large",
+			children: /* @__PURE__ */ jsx(NightsStay, {})
+		});
+		case "light-mode": return /* @__PURE__ */ jsx(SwitchThemeButton, {
+			color: "inherit",
+			"data-testid": "header--button--light",
+			onClick,
+			ref,
+			size: "large",
+			children: /* @__PURE__ */ jsx(WbSunny, {})
+		});
+		default: return null;
+	}
+};
+//#endregion
+export { HeaderToolTipIcon as default };
+
+//# sourceMappingURL=HeaderToolTipIcon.mjs.map

package/build/sections/Header/HeaderToolTipIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderToolTipIcon.mjs","names":["Info","NightsStay","Search","Settings","WbSunny","React","IconSearchButton","InfoButton","SettingsButtom","SwitchThemeButton","TooltipIconType","Props","tooltipIconType","onClick","HeaderToolTipIconRef","HTMLButtonElement","HeaderToolTipIcon","ref","RefObject"],"sources":["../../../src/sections/Header/HeaderToolTipIcon.tsx"],"sourcesContent":["import Info from '@mui/icons-material/Info';\nimport NightsStay from '@mui/icons-material/NightsStay';\nimport Search from '@mui/icons-material/Search';\nimport Settings from '@mui/icons-material/Settings';\nimport WbSunny from '@mui/icons-material/WbSunny';\nimport React from 'react';\n\nimport { IconSearchButton, InfoButton, SettingsButtom, SwitchThemeButton } from './styles';\n\nexport type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';\ninterface Props {\n  tooltipIconType: TooltipIconType;\n  onClick?: () => void;\n}\n\ntype HeaderToolTipIconRef = HTMLButtonElement;\n\nconst HeaderToolTipIcon = function HeaderToolTipIcon({\n  ref,\n  tooltipIconType,\n  onClick,\n}: Props & { ref?: React.RefObject<HeaderToolTipIconRef | null> }) {\n  switch (tooltipIconType) {\n    case 'info':\n      return (\n        <InfoButton\n          color=\"inherit\"\n          data-testid={'header--tooltip-info'}\n          id=\"header--button-registryInfo\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Info />\n        </InfoButton>\n      );\n    case 'settings':\n      return (\n        <SettingsButtom\n          color=\"inherit\"\n          data-testid={'header--tooltip-settings'}\n          id=\"header--button-settings\"\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <Settings />\n        </SettingsButtom>\n      );\n    case 'search':\n      return (\n        <IconSearchButton color=\"inherit\" onClick={onClick} ref={ref}>\n          <Search />\n        </IconSearchButton>\n      );\n    case 'dark-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--dark'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <NightsStay />\n        </SwitchThemeButton>\n      );\n\n    case 'light-mode':\n      return (\n        <SwitchThemeButton\n          color=\"inherit\"\n          data-testid={'header--button--light'}\n          onClick={onClick}\n          ref={ref}\n          size=\"large\"\n        >\n          <WbSunny />\n        </SwitchThemeButton>\n      );\n    default:\n      return null;\n  }\n};\n\nexport default HeaderToolTipIcon;\n"],"mappings":";;;;;;;;;AAiBA,IAAMgB,oBAAoB,SAASA,kBAAkB,EACnDC,KACAL,iBACAC,WACiE;AACjE,SAAQD,iBAAR;EACE,KAAK,OACH,QACE,oBAAC,YAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMC;GACJI;GACL,MAAK;aAEL,oBAAC,MAAD,EAAK,CAAA;GACM,CAAA;EAEjB,KAAK,WACH,QACE,oBAAC,gBAAD;GACE,OAAM;GACN,eAAa;GACb,IAAG;GACMJ;GACJI;GACL,MAAK;aAEL,oBAAC,UAAD,EAAS,CAAA;GACM,CAAA;EAErB,KAAK,SACH,QACE,oBAAC,kBAAD;GAAkB,OAAM;GAAmBJ;GAAcI;aACvD,oBAAC,WAAD,EAAO,CAAA;GACU,CAAA;EAEvB,KAAK,YACH,QACE,oBAAC,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,oBAAC,YAAD,EAAW,CAAA;GACO,CAAA;EAGxB,KAAK,aACH,QACE,oBAAC,mBAAD;GACE,OAAM;GACN,eAAa;GACJJ;GACJI;GACL,MAAK;aAEL,oBAAC,SAAD,EAAQ,CAAA;GACU,CAAA;EAExB,QACE,QAAO"}