@lokalise/harmony 1.36.1 → 1.37.1-exp-epic2x.1

package/dist/harmony.cjs

@@ -218,14 +218,12 @@ exports.PROJECT_SETTINGS_SCHEMA = projectTypes.PROJECT_SETTINGS_SCHEMA;
 exports.PROJECT_STATISTICS_SCHEMA = projectTypes.PROJECT_STATISTICS_SCHEMA;
 exports.PROJECT_TYPE_SCHEMA = projectTypes.PROJECT_TYPE_SCHEMA;
 exports.UPDATE_PROJECT_REQUEST_BODY_SCHEMA = projectTypes.UPDATE_PROJECT_REQUEST_BODY_SCHEMA;
-exports.CREATE_SCORE_PATH_PARAMS_SCHEMA = scoreTypes.CREATE_SCORE_PATH_PARAMS_SCHEMA;
 exports.CREATE_SCORE_REQUEST_BODY_SCHEMA = scoreTypes.CREATE_SCORE_REQUEST_BODY_SCHEMA;
 exports.CREATE_SCORE_RESPONSE_SCHEMA = scoreTypes.CREATE_SCORE_RESPONSE_SCHEMA;
-exports.DELETE_SCORE_PATH_PARAMS_SCHEMA = scoreTypes.DELETE_SCORE_PATH_PARAMS_SCHEMA;
 exports.DELETE_SCORE_RESPONSE_SCHEMA = scoreTypes.DELETE_SCORE_RESPONSE_SCHEMA;
-exports.GET_SCORE_REQUEST_QUERY_SCHEMA = scoreTypes.GET_SCORE_REQUEST_QUERY_SCHEMA;
 exports.GET_SCORE_RESPONSE_SCHEMA = scoreTypes.GET_SCORE_RESPONSE_SCHEMA;
 exports.ISSUE_SCHEMA = scoreTypes.ISSUE_SCHEMA;
+exports.SCORE_REQUEST_QUERY_SCHEMA = scoreTypes.SCORE_REQUEST_QUERY_SCHEMA;
 exports.SEVERITY_ENUM = scoreTypes.SEVERITY_ENUM;
 exports.API_PLUGIN_HEADER_SCHEMA = sharedTypes.API_PLUGIN_HEADER_SCHEMA;
 exports.APU_TOKEN_AUTH_HEADER_SCHEMA = sharedTypes.APU_TOKEN_AUTH_HEADER_SCHEMA;

package/dist/harmony.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony.css

@@ -56,51 +56,6 @@
 	padding-top: 0;
 	box-shadow: none;
 }
-._sidebarContainer_bmdti_1 {
-	border-right: 1px solid var(--lok-color-border-default);
-	position: fixed;
-	width: 65px;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	background-color: var(--lok-color-background-surface-middle);
-	display: flex;
-	justify-content: space-between;
-	flex-direction: column;
-	padding-bottom: var(--lok-spacing-3);
-	z-index: 1;
-}
-
-._logoLink_bmdti_16 {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 67px;
-	position: relative;
-
-	&:hover {
-		background-color: var(--lok-color-background-surface-middle);
-	}
-
-	> img {
-		width: 36px;
-	}
-}
-._logoLink_1baxb_1 {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 67px;
-	position: relative;
-
-	&:hover {
-		background-color: var(--lok-color-background-surface-middle);
-	}
-
-	> img {
-		width: 36px;
-	}
-}
 ._link_18vhx_1._link_18vhx_1 {
 	display: flex;
 	justify-content: center;
@@ -122,94 +77,16 @@
 	color: var(--lok-color-background-action-primary-default);
 	background-color: var(--lok-color-background-surface-fore);
 }
-._dropdownButton_1naek_1 {
-	cursor: pointer;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 65px;
-	width: 64px;
-	background: transparent;
-	border: none;
-	outline: none;
-	color: var(--lok-color-text-light-default);
-
-	&:hover {
-		color: var(--lok-color-background-action-primary-default);
-		background-color: var(--lok-color-background-surface-fore);
-	}
-}
-
-._dropdownButtonActive_1naek_19 {
-	color: var(--lok-color-background-action-primary-default);
-	background-color: var(--lok-color-background-surface-fore);
-}
-._iconContainer_nz34m_1 {
-	color: var(--lok-color-background-surface-default);
-	background-color: var(--lok-color-background-action-danger-default);
-	border-radius: 100%;
-	font-size: 10px;
-	height: 16px;
-	width: 16px;
-}
-:root {
-	--menu-container-width: 300px;
-	--profile-button-size: 65px;
-}
-
-._popoverContent_1phdw_6 {
-	width: var(--menu-container-width);
-}
-
-._menuContainer_1phdw_10 {
-	width: var(--menu-container-width);
-	font-size: var(--lok-font-size-small);
-	button,
-	a {
-		font-size: var(--lok-font-size-small);
-		padding: var(--lok-spacing-3) var(--lok-spacing-4);
-	}
-}
-
-._profileButton_1phdw_20 {
-	cursor: pointer;
-	position: relative;
-	border: none;
-	background: transparent;
-	height: var(--profile-button-size);
-	width: var(--profile-button-size);
-
-	&:hover {
-		background: none;
-	}
-}
-
-._profileImage_1phdw_33 {
-	width: 40px;
-	height: 40px;
-	border-radius: 100%;
-	background-color: var(--lok-color-background-surface-default);
-	object-fit: contain; /* Make sure that non-square images maintain their aspect ratio */
-}
-
-._profileImageHighlight_1phdw_41 {
-	border: 3px solid var(--lok-color-background-action-danger-default);
+._mainLabel_1baso_1 {
+	color: var(--lok-color-text-disabled);
 }
 
-._profileImageUpgradeIcon_1phdw_45 {
-	position: absolute;
-	bottom: 10px;
-	right: 10px;
+._subLabel_1baso_5 {
+	color: var(--lok-color-text-disabled);
+	font: var(--lok-typography-body-tiny-default);
 }
-
-._userIconWrapper_1phdw_51 {
-	width: 45px;
-	height: 45px;
-	display: flex;
-	align-items: center;
-	border-radius: var(--lok-radius-rounded);
-	justify-content: center;
-	margin: auto;
+._switchContainer_9byp6_1 {
+	flex-grow: 1;
 }
 ._container_q5pot_1 {
 	max-width: 100%;
@@ -305,6 +182,14 @@
 	background-color: var(--lok-color-background-surface-default);
 	object-fit: contain;
 }
+._iconContainer_nz34m_1 {
+	color: var(--lok-color-background-surface-default);
+	background-color: var(--lok-color-background-action-danger-default);
+	border-radius: 100%;
+	font-size: 10px;
+	height: 16px;
+	width: 16px;
+}
 ._container_1u995_1 {
 	max-width: 100%;
 	min-width: 0;
@@ -328,226 +213,134 @@
 	font: var(--lok-typography-body-small-strong);
 	height: 16px;
 }
-._navItem_1dudv_1._navItem_1dudv_1 {
-	border: 0;
-	background: none;
-	width: 100%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	position: relative;
-	height: 65px;
-	color: var(--lok-color-text-light-default);
-
-	&:hover {
-		color: var(--lok-color-background-action-primary-default);
-		background-color: var(--lok-color-background-surface-fore);
-	}
-}
-
-._activeNavItem_1dudv_18 {
-	color: var(--lok-color-background-action-primary-default);
-	background-color: var(--lok-color-background-surface-fore);
+:root {
+	--menu-container-width: 300px;
+	--profile-button-size: 65px;
 }
 
-._badge_1dudv_23 {
-	position: absolute;
-	top: calc(50% - 16px);
-	left: calc(50% + 2px);
-
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	text-align: center;
-
-	width: 16px;
-	height: 16px;
-	border-radius: var(--lok-radius-rounded);
-	background-color: var(--lok-color-text-danger);
-
-	font-size: var(--lok-font-size-tiny);
-	text-transform: uppercase;
-	color: var(--lok-color-text-inverse);
+._popoverContent_1phdw_6 {
+	width: var(--menu-container-width);
 }
-._langRowCompleted_vpgdi_1 {
-	background: var(--lok-color-background-info);
-	td {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		text-align: start;
 
-		&:first-child {
-			border-left: 2px solid
-				var(--lok-color-background-action-primary-default);
-		}
+._menuContainer_1phdw_10 {
+	width: var(--menu-container-width);
+	font-size: var(--lok-font-size-small);
+	button,
+	a {
+		font-size: var(--lok-font-size-small);
+		padding: var(--lok-spacing-3) var(--lok-spacing-4);
 	}
 }
 
-._langCellSecondary_vpgdi_15 {
-	color: var(--lok-color-text-light-default);
-	text-align: left;
-}
-
-._langStatus_vpgdi_20 {
-	color: var(--lok-color-text-light-default);
-
-	&::before {
-		display: inline-block;
-		content: '';
-		width: 6px;
-		height: 6px;
-		border-radius: 50%;
-		margin: var(--lok-spacing-1);
-		background-color: #cbd5e0;
-	}
-
-	&[data-status='completed'] {
-		&::before {
-			background-color: #60e778;
-		}
-	}
-
-	&[data-status='in_progress'] {
-		&::before {
-			background-color: #facc15;
-		}
-	}
-}
-._taskContainer_mt2or_1 {
-	padding: var(--lok-spacing-4);
+._profileButton_1phdw_20 {
+	cursor: pointer;
 	position: relative;
+	border: none;
+	background: transparent;
+	height: var(--profile-button-size);
+	width: var(--profile-button-size);
 
-	&:not(:first-child)::before {
-		display: block;
-		content: '';
-		height: 1px;
-		width: calc(100% - 2 * var(--lok-spacing-4));
-		position: absolute;
-		top: 0;
-		left: var(--lok-spacing-4);
-		background: var(--lok-color-background-surface-fore);
+	&:hover {
+		background: none;
 	}
 }
 
-._tagDue_mt2or_17 {
-	background: #dea829;
+._profileImage_1phdw_33 {
+	width: 40px;
+	height: 40px;
+	border-radius: 100%;
+	background-color: var(--lok-color-background-surface-default);
+	object-fit: contain; /* Make sure that non-square images maintain their aspect ratio */
 }
 
-._taskTitle_mt2or_21 {
-	font: var(--lok-typography-body-small-default);
-	overflow: hidden;
-	text-overflow: ellipsis;
-	margin-block: var(--lok-spacing-4) var(--lok-spacing-2);
+._profileImageHighlight_1phdw_41 {
+	border: 3px solid var(--lok-color-background-action-danger-default);
 }
 
-._taskDescription_mt2or_28 {
-	color: var(--lok-color-text-light-default);
-	font: var(--lok-typography-body-action-small);
-	overflow: hidden;
-	text-overflow: ellipsis;
+._profileImageUpgradeIcon_1phdw_45 {
+	position: absolute;
+	bottom: 10px;
+	right: 10px;
 }
 
-._languagesTable_mt2or_35 {
-	table-layout: fixed;
-	margin-top: var(--lok-spacing-3);
-	width: auto;
-	margin-left: calc(var(--lok-spacing-4) * -1);
-	border-collapse: separate;
-
-	tbody td {
-		padding-top: var(--lok-spacing-1);
-		padding-bottom: var(--lok-spacing-1);
-	}
-
-	thead th:first-child,
-	tbody td:first-child {
-		padding-left: var(--lok-spacing-4);
-	}
-
-	thead th,
-	tbody td {
-		padding-left: var(--lok-spacing-2);
-	}
+._userIconWrapper_1phdw_51 {
+	width: 45px;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	border-radius: var(--lok-radius-rounded);
+	justify-content: center;
+	margin: auto;
+}
+._logoLink_1baxb_1 {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 67px;
+	position: relative;
 
-	thead th:last-child,
-	tbody td:last-child {
-		padding-right: var(--lok-spacing-4);
+	&:hover {
+		background-color: var(--lok-color-background-surface-middle);
 	}
 
-	thead tr th {
-		color: var(--lok-color-text-light-default);
-		text-align: left;
-		padding-bottom: var(--lok-spacing-1);
-		font: var(--lok-typography-body-tiny-default);
-		text-transform: uppercase;
-
-		&:nth-child(1) {
-			width: 170px;
-		}
-
-		&:nth-child(2) {
-			width: 107px;
-		}
-
-		&:nth-child(3) {
-			width: 75px;
-		}
-
-		&:nth-child(4) {
-			width: 118px;
-		}
+	> img {
+		width: 36px;
 	}
 }
+._shortcutMenu_ujdmb_1:hover {
+	background-color: var(--lok-color-background-active);
+}
 
-._metadata_mt2or_87 {
+._shortcutLabel_ujdmb_5 {
+	margin-left: var(--lok-spacing-1);
 	color: var(--lok-color-text-light-default);
-	margin: var(--lok-spacing-4) 0 0;
-	font: var(--lok-typography-body-tiny-default);
-
-	> span {
-		overflow: hidden;
-		text-overflow: ellipsis;
-		flex-basis: 100%;
-		max-width: max-content;
+	width: 47px;
+	text-align: right;
+}
 
-		&:not(:first-child) {
-			margin-left: var(--lok-spacing-1);
-		}
+._dropdownButton_ujdmb_12 {
+	cursor: pointer;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 65px;
+	width: 64px;
+	background: transparent;
+	border: none;
+	outline: none;
+	color: var(--lok-color-text-light-default);
 
-		&:not(:first-child)::before {
-			content: '•';
-			margin-right: var(--lok-spacing-1);
-		}
+	&:hover {
+		color: var(--lok-color-background-action-primary-default);
+		background-color: var(--lok-color-background-surface-fore);
 	}
 }
-._loadingContainer_19d6m_1 {
-	height: 100px;
-	width: 487px;
-	left: 69px;
-}
 
-._noTasksContainer_19d6m_7 {
-	text-align: center;
-	padding: var(--lok-spacing-8);
-	width: 360px;
-	left: 65px;
-}
-
-._noTasksHeading_19d6m_14 {
-	font: var(--lok-typography-heading-3);
+._dropdownButtonActive_ujdmb_30 {
+	color: var(--lok-color-background-action-primary-default);
+	background-color: var(--lok-color-background-surface-fore);
 }
-
-._noTasksText_19d6m_18 {
-	font: var(--lok-typography-body-action-base);
-	color: var(--lok-color-text-light-default);
+._sidebarContainer_1x0gj_1 {
+	border-right: 1px solid var(--lok-color-border-default);
+	position: fixed;
+	width: 65px;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	background-color: var(--lok-color-background-surface-middle);
+	display: flex;
+	justify-content: space-between;
+	flex-direction: column;
+	padding-bottom: var(--lok-spacing-3);
+	z-index: 1;
 }
 
-._tasksContainer_19d6m_23 {
-	width: 487px;
-	max-height: 70vh;
-	overflow-y: auto;
-	overflow-x: hidden;
-	left: 65px;
+._sidebarSkeleton_1x0gj_16 {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	gap: var(--lok-spacing-5);
 }
 ._breadcrumbsItem_1hm6a_1 {
 	color: var(--lok-color-text-light-default);

package/dist/harmony.mjs

@@ -60,7 +60,7 @@ import { PAGINATION_QUERY_PARAMS_SCHEMA } from "./harmony60.mjs";
 import { LIST_PERMISSION_TEMPLATES_PATH_PARAMS, LIST_PERMISSION_TEMPLATES_RESPONSE, PERMISSION_TEMPLATE_SCHEMA } from "./harmony61.mjs";
 import { PERMISSION_DETAILS_SCHEMA, PERMISSION_ID_SCHEMA, PERMISSION_SCOPE_SCHEMA } from "./harmony62.mjs";
 import { CREATE_PROJECT_REQUEST_BODY_SCHEMA, DELETE_PROJECT_RESPONSE_SCHEMA, GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA, LIST_PROJECTS_REQUEST_QUERY_SCHEMA, LIST_PROJECTS_SUCCESS_RESPONSE_BODY, PROJECT_API_BASE_HEADERS_SCHEMA, PROJECT_ID_OR_UUID_SCHEMA, PROJECT_ID_PATH_PARAM_SCHEMA, PROJECT_ID_SCHEMA, PROJECT_QA_ISSUES_SCHEMA, PROJECT_SCHEMA, PROJECT_SETTINGS_SCHEMA, PROJECT_STATISTICS_SCHEMA, PROJECT_TYPE_SCHEMA, UPDATE_PROJECT_REQUEST_BODY_SCHEMA } from "./harmony63.mjs";
-import { CREATE_SCORE_PATH_PARAMS_SCHEMA, CREATE_SCORE_REQUEST_BODY_SCHEMA, CREATE_SCORE_RESPONSE_SCHEMA, DELETE_SCORE_PATH_PARAMS_SCHEMA, DELETE_SCORE_RESPONSE_SCHEMA, GET_SCORE_REQUEST_QUERY_SCHEMA, GET_SCORE_RESPONSE_SCHEMA, ISSUE_SCHEMA, SEVERITY_ENUM } from "./harmony64.mjs";
+import { CREATE_SCORE_REQUEST_BODY_SCHEMA, CREATE_SCORE_RESPONSE_SCHEMA, DELETE_SCORE_RESPONSE_SCHEMA, GET_SCORE_RESPONSE_SCHEMA, ISSUE_SCHEMA, SCORE_REQUEST_QUERY_SCHEMA, SEVERITY_ENUM } from "./harmony64.mjs";
 import { API_PLUGIN_HEADER_SCHEMA, APU_TOKEN_AUTH_HEADER_SCHEMA, AUTHENTICATION_HEADERS_SCHEMA, AUTHORIZATION_HEADER_SCHEMA, BASE_API_ENDPOINT_HEADER_SCHEMA } from "./harmony65.mjs";
 import { TEAM_ROLE_SCHEMA } from "./harmony66.mjs";
 import { LIST_TEAMS_QUERY_SCHEMA, LIST_TEAMS_RESPONSE_SCHEMA, RETRIEVE_TEAM_PATH_PARAMS_SCHEMA, RETRIEVE_TEAM_RESPONSE_SCHEMA, TEAMS_QUOTA_ALLOWED_SCHEMA, TEAMS_QUOTA_METRICS, TEAMS_QUOTA_METRICS_SCHEMA, TEAMS_QUOTA_USAGE_SCHEMA, TEAM_API_BASE_HEADERS_SCHEMA, TEAM_QUOTA_ALLOWED_SCHEMA, TEAM_QUOTA_METRICS_SCHEMA, TEAM_QUOTA_USAGE_SCHEMA } from "./harmony67.mjs";
@@ -86,20 +86,17 @@ export {
   CONTRIBUTOR_LANGUAGE_SCHEMA,
   CONTRIBUTOR_SCHEMA,
   CREATE_PROJECT_REQUEST_BODY_SCHEMA,
-  CREATE_SCORE_PATH_PARAMS_SCHEMA,
   CREATE_SCORE_REQUEST_BODY_SCHEMA,
   CREATE_SCORE_RESPONSE_SCHEMA,
   DELETE_CONTRIBUTOR_PATH_PARAMS_SCHEMA,
   DELETE_CONTRIBUTOR_RESPONSE_SCHEMA,
   DELETE_PROJECT_RESPONSE_SCHEMA,
-  DELETE_SCORE_PATH_PARAMS_SCHEMA,
   DELETE_SCORE_RESPONSE_SCHEMA,
   ENTERPRISE_OPENSOURCE_PLAN_ID,
   ENTERPRISE_PLAN_IDS,
   ESSENTIAL_PLAN_IDS,
   FREE_PLAN_ID,
   GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA,
-  GET_SCORE_REQUEST_QUERY_SCHEMA,
   GET_SCORE_RESPONSE_SCHEMA,
   HeaderBuilder,
   ISSUE_SCHEMA,
@@ -141,6 +138,7 @@ export {
   RETRIEVE_CONTRIBUTOR_RESPONSE_SCHEMA,
   RETRIEVE_TEAM_PATH_PARAMS_SCHEMA,
   RETRIEVE_TEAM_RESPONSE_SCHEMA,
+  SCORE_REQUEST_QUERY_SCHEMA,
   SEVERITY_ENUM,
   START_PLAN_IDS,
   Sidebar,

package/dist/harmony100.cjs

@@ -1,15 +1,13 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const headerSortButton = "_headerSortButton_b5tlh_1";
-const centeredCell = "_centeredCell_b5tlh_15";
-const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
-const styles = {
-  headerSortButton,
-  centeredCell,
-  rightAlignedCell
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const DarkModeToggle_module = require("./harmony114.cjs");
+const DarkModeToggle = ({ onToggle, isDarkMode }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { onClick: onToggle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-row justify-between gap-1 ${DarkModeToggle_module.default.switchContainer}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Dark mode" }),
+    /* @__PURE__ */ jsxRuntime.jsx(louis.Switch, { defaultChecked: isDarkMode, "aria-label": "Toggle dark mode" })
+  ] }) });
 };
-exports.centeredCell = centeredCell;
-exports.default = styles;
-exports.headerSortButton = headerSortButton;
-exports.rightAlignedCell = rightAlignedCell;
+exports.DarkModeToggle = DarkModeToggle;
 //# sourceMappingURL=harmony100.cjs.map

package/dist/harmony100.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony100.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony100.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/DarkModeToggle/DarkModeToggle.tsx"],"sourcesContent":["import { MenuItem, Switch } from '@lokalise/louis'\nimport styles from './DarkModeToggle.module.css'\n\ntype DarkModeToggleProps = {\n\tonToggle: () => void\n\tisDarkMode: boolean\n}\n\n/**\n * A menu item component for toggling dark mode.\n * Displays a switch and label, and calls the provided onToggle handler when clicked.\n *\n * @example\n * ```\n * <DarkModeToggle\n *   isDarkMode={isDarkMode}\n *   onToggle={handleToggleDarkMode}\n * />\n * ```\n */\n\nexport const DarkModeToggle = ({ onToggle, isDarkMode }: DarkModeToggleProps) => {\n\treturn (\n\t\t<MenuItem onClick={onToggle}>\n\t\t\t<div className={`flex-row justify-between gap-1 ${styles.switchContainer}`}>\n\t\t\t\t<span>Dark mode</span>\n\t\t\t\t<Switch defaultChecked={isDarkMode} aria-label=\"Toggle dark mode\" />\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":["jsx","MenuItem","jsxs","styles","Switch"],"mappings":";;;;;AAqBO,MAAM,iBAAiB,CAAC,EAAE,UAAU,iBAAsC;AAE/E,SAAAA,2BAAAA,IAACC,MAAAA,UAAS,EAAA,SAAS,UAClB,UAAAC,2BAAA,KAAC,SAAI,WAAW,kCAAkCC,sBAAO,QAAA,eAAe,IACvE,UAAA;AAAA,IAAAH,2BAAAA,IAAC,UAAK,UAAS,YAAA,CAAA;AAAA,IACdA,2BAAA,IAAAI,MAAA,QAAA,EAAO,gBAAgB,YAAY,cAAW,mBAAmB,CAAA;AAAA,EAAA,EAAA,CACnE,EACD,CAAA;AAEF;;"}

package/dist/harmony100.mjs

@@ -1,15 +1,13 @@
-const headerSortButton = "_headerSortButton_b5tlh_1";
-const centeredCell = "_centeredCell_b5tlh_15";
-const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
-const styles = {
-  headerSortButton,
-  centeredCell,
-  rightAlignedCell
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuItem, Switch } from "@lokalise/louis";
+import styles from "./harmony114.mjs";
+const DarkModeToggle = ({ onToggle, isDarkMode }) => {
+  return /* @__PURE__ */ jsx(MenuItem, { onClick: onToggle, children: /* @__PURE__ */ jsxs("div", { className: `flex-row justify-between gap-1 ${styles.switchContainer}`, children: [
+    /* @__PURE__ */ jsx("span", { children: "Dark mode" }),
+    /* @__PURE__ */ jsx(Switch, { defaultChecked: isDarkMode, "aria-label": "Toggle dark mode" })
+  ] }) });
 };
 export {
-  centeredCell,
-  styles as default,
-  headerSortButton,
-  rightAlignedCell
+  DarkModeToggle
 };
 //# sourceMappingURL=harmony100.mjs.map

package/dist/harmony100.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony100.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"harmony100.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/DarkModeToggle/DarkModeToggle.tsx"],"sourcesContent":["import { MenuItem, Switch } from '@lokalise/louis'\nimport styles from './DarkModeToggle.module.css'\n\ntype DarkModeToggleProps = {\n\tonToggle: () => void\n\tisDarkMode: boolean\n}\n\n/**\n * A menu item component for toggling dark mode.\n * Displays a switch and label, and calls the provided onToggle handler when clicked.\n *\n * @example\n * ```\n * <DarkModeToggle\n *   isDarkMode={isDarkMode}\n *   onToggle={handleToggleDarkMode}\n * />\n * ```\n */\n\nexport const DarkModeToggle = ({ onToggle, isDarkMode }: DarkModeToggleProps) => {\n\treturn (\n\t\t<MenuItem onClick={onToggle}>\n\t\t\t<div className={`flex-row justify-between gap-1 ${styles.switchContainer}`}>\n\t\t\t\t<span>Dark mode</span>\n\t\t\t\t<Switch defaultChecked={isDarkMode} aria-label=\"Toggle dark mode\" />\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":[],"mappings":";;;AAqBO,MAAM,iBAAiB,CAAC,EAAE,UAAU,iBAAsC;AAE/E,SAAA,oBAAC,UAAS,EAAA,SAAS,UAClB,UAAA,qBAAC,SAAI,WAAW,kCAAkC,OAAO,eAAe,IACvE,UAAA;AAAA,IAAA,oBAAC,UAAK,UAAS,YAAA,CAAA;AAAA,IACd,oBAAA,QAAA,EAAO,gBAAgB,YAAY,cAAW,mBAAmB,CAAA;AAAA,EAAA,EAAA,CACnE,EACD,CAAA;AAEF;"}

package/dist/harmony101.cjs

@@ -1,14 +1,32 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const useSidebar = require("./harmony84.cjs");
 const louis = require("@lokalise/louis");
-const styles_module = require("./harmony102.cjs");
-const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
-    !!badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
-  ] }),
-  !!novel && /* @__PURE__ */ jsxRuntime.jsx(louis.Tag, { className: styles_module.default.tag, children: novel })
-] });
-exports.NavItemContents = NavItemContents;
+const permissions = require("./harmony85.cjs");
+const ProfileSettingsMenuItem_module = require("./harmony115.cjs");
+const ProfileSettingsMenuItem = ({ onClick }) => {
+  var _a;
+  const {
+    data: { jwt }
+  } = useSidebar.useSidebar();
+  if (!permissions.canAccessProfileSettings(jwt.result)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    louis.MenuItem,
+    {
+      "data-testid": "sidebar-profile-settings-menu-item",
+      href: "/settings",
+      onClick: () => {
+        onClick == null ? void 0 : onClick();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-col ${ProfileSettingsMenuItem_module.default.container}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Profile Settings" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ProfileSettingsMenuItem_module.default.profileEmail, children: (_a = jwt.result) == null ? void 0 : _a.userEmail })
+      ] })
+    }
+  );
+};
+exports.ProfileSettingsMenuItem = ProfileSettingsMenuItem;
 //# sourceMappingURL=harmony101.cjs.map

package/dist/harmony101.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony101.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":["jsxs","jsx","classes","Tag"],"mappings":";;;;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/CA,2BAAA,KAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAAA,gCAAC,OACA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACFA,+BAAC,SAAI,WAAWC,cAAA,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAASD,2BAAA,IAACE,aAAI,WAAWD,sBAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;;"}
+{"version":3,"file":"harmony101.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { canAccessProfileSettings } from '@utils/user/permissions'\nimport styles from './ProfileSettingsMenuItem.module.css'\n\n/**\n * A menu item component for navigating to the profile settings page.\n * Checks the user's permissions using the Sidebar context and renders\n * nothing if the user does not have access.\n *\n * @example\n * ```\n * <ProfileSettingsMenuItem onClick={() => {  }} />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\ntype ProfileSettingsMenuItem = {\n\tonClick?: () => void\n}\n\nexport const ProfileSettingsMenuItem = ({ onClick }: ProfileSettingsMenuItem) => {\n\tconst {\n\t\tdata: { jwt },\n\t} = useSidebar()\n\n\tif (!canAccessProfileSettings(jwt.result)) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-profile-settings-menu-item\"\n\t\t\thref=\"/settings\"\n\t\t\tonClick={() => {\n\t\t\t\tonClick?.()\n\t\t\t}}\n\t\t>\n\t\t\t<div className={`flex-col ${styles.container}`}>\n\t\t\t\t<span>Profile Settings</span>\n\t\t\t\t<span className={styles.profileEmail}>{jwt.result?.userEmail}</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":["useSidebar","canAccessProfileSettings","jsx","MenuItem","styles"],"mappings":";;;;;;;AAsBO,MAAM,0BAA0B,CAAC,EAAE,cAAuC;;AAC1E,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACTA,sBAAW;AAEf,MAAI,CAACC,YAAA,yBAAyB,IAAI,MAAM,GAAG;AACnC,WAAA;AAAA,EAAA;AAIP,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,SAAS,MAAM;AACJ;AAAA,MACX;AAAA,MAEA,0CAAC,OAAI,EAAA,WAAW,YAAYC,uCAAO,SAAS,IAC3C,UAAA;AAAA,QAAAF,2BAAAA,IAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,uCACrB,QAAK,EAAA,WAAWE,uCAAO,cAAe,WAAA,SAAI,WAAJ,mBAAY,UAAU,CAAA;AAAA,MAAA,EAC9D,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}