@lokalise/harmony 1.40.2 → 1.40.3-exp-epic2x.2

package/dist/harmony80.cjs

@@ -1,8 +1,32 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const ProfileMenuContent = require("./harmony105.cjs");
-const ProfileMenuProvider = require("./harmony106.cjs");
-const ProfileMenu = ({ config, children }) => /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuProvider.ProfileMenuProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuContent.ProfileMenuContent, { children }) });
-exports.ProfileMenu = ProfileMenu;
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony73.cjs");
+const React = require("react");
+const NavItemContents = require("./harmony100.cjs");
+const styles_module = require("./harmony101.cjs");
+const NavigationTabsItem = React.forwardRef(
+  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: disabled ? styles_module.default.projectNavigationItemDisabled : styles_module.default.projectNavigationItem,
+      children: onClick || disabled || !href ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          ref,
+          className: clsx.clsx(styles_module.default.withNavLinkStyle, {
+            [styles_module.default.disabled]: disabled
+          }),
+          disabled,
+          onClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel })
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: styles_module.default.withNavLinkStyle, children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel }) })
+    }
+  ) })
+);
+NavigationTabsItem.displayName = "NavigationTabsItem";
+exports.NavigationTabsItem = NavigationTabsItem;
 //# sourceMappingURL=harmony80.cjs.map

package/dist/harmony80.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony80.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { ProfileMenuContent, type ProfileMenuContentProps } from './ProfileMenuContent'\nimport { ProfileMenuProvider } from './ProfileMenuProvider'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProps = {\n\t/** Configuration object containing team and user settings */\n\tconfig: SidebarProfileMenuConfig\n\t/** Render function for the menu content */\n\tchildren: ProfileMenuContentProps['children']\n}\n\n/**\n * A contextual menu component that provides team management functionality.\n * It manages team switching, profile settings, billing options, and upgrade prompts.\n *\n * The component uses a render prop pattern to provide context values to its children,\n * allowing flexible composition of menu items based on user permissions and team status.\n *\n * @example\n * ```tsx\n * <ProfileMenu config={profileMenuConfig}>\n *   {({ allowTeamCreation, showBillingButton }) => (\n *     <>\n *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />\n *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}\n *       {showBillingButton && <MenuItem href=\"/billing\">Billing</MenuItem>}\n *     </>\n *   )}\n * </ProfileMenu>\n * ```\n */\nexport const ProfileMenu = ({ config, children }: ProfileMenuProps) => (\n\t<ProfileMenuProvider config={config}>\n\t\t<ProfileMenuContent>{children}</ProfileMenuContent>\n\t</ProfileMenuProvider>\n)\n"],"names":["jsx","ProfileMenuProvider","ProfileMenuContent"],"mappings":";;;;;AA+BO,MAAM,cAAc,CAAC,EAAE,QAAQ,SAAS,MAC7CA,2BAAA,IAAAC,oBAAA,qBAAA,EAAoB,QACpB,UAAAD,2BAAA,IAACE,mBAAoB,oBAAA,EAAA,SAAS,CAAA,EAC/B,CAAA;;"}
+{"version":3,"file":"harmony80.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":["forwardRef","jsx","Tooltip","classes","clsx","NavItemContents"],"mappings":";;;;;;;;AAgBO,MAAM,qBAAqBA,MAAA;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/DC,2BAAA,IAACC,iBAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAWE,cAAAA,QAAQ,gCAAgCA,cAAQ,QAAA;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxBF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAWG,KAAAA,KAAKD,cAAA,QAAQ,kBAAkB;AAAA,YACzC,CAACA,cAAAA,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAACF,2BAAA,IAAAI,gBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5DJ,2BAAAA,IAAC,KAAE,EAAA,MAAY,WAAWE,cAAA,QAAQ,kBACjC,UAAAF,2BAAA,IAACI,gBAAgB,iBAAA,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;;"}

package/dist/harmony80.mjs

@@ -1,8 +1,32 @@
 import { jsx } from "react/jsx-runtime";
-import { ProfileMenuContent } from "./harmony105.mjs";
-import { ProfileMenuProvider } from "./harmony106.mjs";
-const ProfileMenu = ({ config, children }) => /* @__PURE__ */ jsx(ProfileMenuProvider, { config, children: /* @__PURE__ */ jsx(ProfileMenuContent, { children }) });
+import { Tooltip } from "@lokalise/louis";
+import { clsx } from "./harmony73.mjs";
+import { forwardRef } from "react";
+import { NavItemContents } from "./harmony100.mjs";
+import classes from "./harmony101.mjs";
+const NavigationTabsItem = forwardRef(
+  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsx(Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem,
+      children: onClick || disabled || !href ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          ref,
+          className: clsx(classes.withNavLinkStyle, {
+            [classes.disabled]: disabled
+          }),
+          disabled,
+          onClick,
+          children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel })
+        }
+      ) : /* @__PURE__ */ jsx("a", { href, className: classes.withNavLinkStyle, children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel }) })
+    }
+  ) })
+);
+NavigationTabsItem.displayName = "NavigationTabsItem";
 export {
-  ProfileMenu
+  NavigationTabsItem
 };
 //# sourceMappingURL=harmony80.mjs.map

package/dist/harmony80.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony80.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { ProfileMenuContent, type ProfileMenuContentProps } from './ProfileMenuContent'\nimport { ProfileMenuProvider } from './ProfileMenuProvider'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProps = {\n\t/** Configuration object containing team and user settings */\n\tconfig: SidebarProfileMenuConfig\n\t/** Render function for the menu content */\n\tchildren: ProfileMenuContentProps['children']\n}\n\n/**\n * A contextual menu component that provides team management functionality.\n * It manages team switching, profile settings, billing options, and upgrade prompts.\n *\n * The component uses a render prop pattern to provide context values to its children,\n * allowing flexible composition of menu items based on user permissions and team status.\n *\n * @example\n * ```tsx\n * <ProfileMenu config={profileMenuConfig}>\n *   {({ allowTeamCreation, showBillingButton }) => (\n *     <>\n *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />\n *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}\n *       {showBillingButton && <MenuItem href=\"/billing\">Billing</MenuItem>}\n *     </>\n *   )}\n * </ProfileMenu>\n * ```\n */\nexport const ProfileMenu = ({ config, children }: ProfileMenuProps) => (\n\t<ProfileMenuProvider config={config}>\n\t\t<ProfileMenuContent>{children}</ProfileMenuContent>\n\t</ProfileMenuProvider>\n)\n"],"names":[],"mappings":";;;AA+BO,MAAM,cAAc,CAAC,EAAE,QAAQ,SAAS,MAC7C,oBAAA,qBAAA,EAAoB,QACpB,UAAA,oBAAC,oBAAoB,EAAA,SAAS,CAAA,EAC/B,CAAA;"}
+{"version":3,"file":"harmony80.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,qBAAqB;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/D,oBAAC,WAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAW,QAAQ,gCAAgC,QAAQ;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAW,KAAK,QAAQ,kBAAkB;AAAA,YACzC,CAAC,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAAC,oBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5D,oBAAC,KAAE,EAAA,MAAY,WAAW,QAAQ,kBACjC,UAAA,oBAAC,iBAAgB,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;"}

package/dist/harmony81.cjs

@@ -1,35 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const ProfileMenuContext = require("./harmony107.cjs");
-const ProfileSettingsMenuItem_module = require("./harmony108.cjs");
-const ProfileSettingsMenuItem = ({
-  href,
-  onClick,
-  userEmail,
-  hideBottomDivider
-}) => {
-  const { isEndOfTrialActive, isTeamSuspended } = ProfileMenuContext.useProfileMenu();
-  if (isEndOfTrialActive || isTeamSuspended) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      louis.MenuItem,
-      {
-        href,
-        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: userEmail })
-        ] })
-      }
-    ),
-    !hideBottomDivider && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {})
-  ] });
-};
-exports.ProfileSettingsMenuItem = ProfileSettingsMenuItem;
+const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
+const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
+exports.isNavigationItemVisible = isNavigationItemVisible;
 //# sourceMappingURL=harmony81.cjs.map

package/dist/harmony81.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony81.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './ProfileSettingsMenuItem.module.css'\n\ntype ProfileSettingsMenuItemProps = {\n\t/** URL to the profile settings page */\n\thref: string\n\t/** User's email address to display below \"Profile Settings\" */\n\tuserEmail: string\n\t/** Optional callback function for tracking or additional actions */\n\tonClick?: () => void\n\t/** Whether to hide the divider that appears below this menu item */\n\thideBottomDivider?: boolean\n}\n\n/**\n * A menu item component that provides access to profile settings.\n *\n * Features:\n * - Displays \"Profile Settings\" with the user's email address below\n * - Conditionally renders based on team status\n * - Includes an optional divider below the item\n * - Will not render if:\n *   - Team is suspended\n *   - Team's trial period has ended\n *\n * @example\n * ```tsx\n * <ProfileSettingsMenuItem\n *   href=\"/settings/profile\"\n *   userEmail=\"user@example.com\"\n *   onClick={() => trackSettingsClick()}\n * />\n *\n * // Without bottom divider\n * <ProfileSettingsMenuItem\n *   href=\"/settings/profile\"\n *   userEmail=\"user@example.com\"\n *   hideBottomDivider\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for team status information.\n */\nexport const ProfileSettingsMenuItem = ({\n\thref,\n\tonClick,\n\tuserEmail,\n\thideBottomDivider,\n}: ProfileSettingsMenuItemProps) => {\n\tconst { isEndOfTrialActive, isTeamSuspended } = useProfileMenu()\n\n\tif (isEndOfTrialActive || isTeamSuspended) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\thref={href}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.()\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className={`flex-col ${styles.container}`}>\n\t\t\t\t\t<span>Profile Settings</span>\n\t\t\t\t\t<span className={styles.profileEmail}>{userEmail}</span>\n\t\t\t\t</div>\n\t\t\t</MenuItem>\n\n\t\t\t{!hideBottomDivider && <MenuDivider />}\n\t\t</>\n\t)\n}\n"],"names":["useProfileMenu","jsxs","Fragment","jsx","MenuItem","styles","MenuDivider"],"mappings":";;;;;;AA6CO,MAAM,0BAA0B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAoC;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,IAAIA,kCAAe;AAE/D,MAAI,sBAAsB,iBAAiB;AACnC,WAAA;AAAA,EAAA;AAGR,SAEEC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACA;AAAA,QACA,SAAS,MAAM;AACJ;AAAA,QACX;AAAA,QAEA,0CAAC,OAAI,EAAA,WAAW,YAAYC,uCAAO,SAAS,IAC3C,UAAA;AAAA,UAAAF,2BAAAA,IAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,UACrBA,2BAAA,IAAA,QAAA,EAAK,WAAWE,+BAAA,QAAO,cAAe,UAAU,UAAA,CAAA;AAAA,QAAA,EAClD,CAAA;AAAA,MAAA;AAAA,IACD;AAAA,IAEC,CAAC,qBAAqBF,+BAACG,MAAAA,aAAY,CAAA,CAAA;AAAA,EAAA,GACrC;AAEF;;"}
+{"version":3,"file":"harmony81.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '@features/navigation/types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;;"}

package/dist/harmony81.mjs

@@ -1,35 +1,6 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { MenuItem, MenuDivider } from "@lokalise/louis";
-import { useProfileMenu } from "./harmony107.mjs";
-import styles from "./harmony108.mjs";
-const ProfileSettingsMenuItem = ({
-  href,
-  onClick,
-  userEmail,
-  hideBottomDivider
-}) => {
-  const { isEndOfTrialActive, isTeamSuspended } = useProfileMenu();
-  if (isEndOfTrialActive || isTeamSuspended) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      MenuItem,
-      {
-        href,
-        onClick: () => {
-          onClick == null ? void 0 : onClick();
-        },
-        children: /* @__PURE__ */ jsxs("div", { className: `flex-col ${styles.container}`, children: [
-          /* @__PURE__ */ jsx("span", { children: "Profile Settings" }),
-          /* @__PURE__ */ jsx("span", { className: styles.profileEmail, children: userEmail })
-        ] })
-      }
-    ),
-    !hideBottomDivider && /* @__PURE__ */ jsx(MenuDivider, {})
-  ] });
-};
+const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
+const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
 export {
-  ProfileSettingsMenuItem
+  isNavigationItemVisible
 };
 //# sourceMappingURL=harmony81.mjs.map

package/dist/harmony81.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony81.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './ProfileSettingsMenuItem.module.css'\n\ntype ProfileSettingsMenuItemProps = {\n\t/** URL to the profile settings page */\n\thref: string\n\t/** User's email address to display below \"Profile Settings\" */\n\tuserEmail: string\n\t/** Optional callback function for tracking or additional actions */\n\tonClick?: () => void\n\t/** Whether to hide the divider that appears below this menu item */\n\thideBottomDivider?: boolean\n}\n\n/**\n * A menu item component that provides access to profile settings.\n *\n * Features:\n * - Displays \"Profile Settings\" with the user's email address below\n * - Conditionally renders based on team status\n * - Includes an optional divider below the item\n * - Will not render if:\n *   - Team is suspended\n *   - Team's trial period has ended\n *\n * @example\n * ```tsx\n * <ProfileSettingsMenuItem\n *   href=\"/settings/profile\"\n *   userEmail=\"user@example.com\"\n *   onClick={() => trackSettingsClick()}\n * />\n *\n * // Without bottom divider\n * <ProfileSettingsMenuItem\n *   href=\"/settings/profile\"\n *   userEmail=\"user@example.com\"\n *   hideBottomDivider\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for team status information.\n */\nexport const ProfileSettingsMenuItem = ({\n\thref,\n\tonClick,\n\tuserEmail,\n\thideBottomDivider,\n}: ProfileSettingsMenuItemProps) => {\n\tconst { isEndOfTrialActive, isTeamSuspended } = useProfileMenu()\n\n\tif (isEndOfTrialActive || isTeamSuspended) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\thref={href}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.()\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className={`flex-col ${styles.container}`}>\n\t\t\t\t\t<span>Profile Settings</span>\n\t\t\t\t\t<span className={styles.profileEmail}>{userEmail}</span>\n\t\t\t\t</div>\n\t\t\t</MenuItem>\n\n\t\t\t{!hideBottomDivider && <MenuDivider />}\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":";;;;AA6CO,MAAM,0BAA0B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAoC;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,IAAI,eAAe;AAE/D,MAAI,sBAAsB,iBAAiB;AACnC,WAAA;AAAA,EAAA;AAGR,SAEE,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA,SAAS,MAAM;AACJ;AAAA,QACX;AAAA,QAEA,+BAAC,OAAI,EAAA,WAAW,YAAY,OAAO,SAAS,IAC3C,UAAA;AAAA,UAAA,oBAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,UACrB,oBAAA,QAAA,EAAK,WAAW,OAAO,cAAe,UAAU,UAAA,CAAA;AAAA,QAAA,EAClD,CAAA;AAAA,MAAA;AAAA,IACD;AAAA,IAEC,CAAC,qBAAqB,oBAAC,aAAY,CAAA,CAAA;AAAA,EAAA,GACrC;AAEF;"}
+{"version":3,"file":"harmony81.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '@features/navigation/types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;"}

package/dist/harmony82.cjs

@@ -2,34 +2,35 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const plan = require("./harmony9.cjs");
-const ProfileMenuContext = require("./harmony107.cjs");
-const TeamMenuItem_module = require("./harmony109.cjs");
-const TeamMenuItem = ({ team, onClick, hidePlanLabel }) => {
-  const { currentTeam, planId } = ProfileMenuContext.useProfileMenu();
-  const contextTeam = team || currentTeam;
-  if (!contextTeam) {
-    return null;
+const reactTable = require("@tanstack/react-table");
+const clsx = require("./harmony73.cjs");
+const SortingIcon = require("./harmony90.cjs");
+const TableHeaderCell_module = require("./harmony91.cjs");
+const TableHeaderCell = ({
+  header,
+  align = "left",
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  louis.TableHeaderCell,
+  {
+    className: clsx.clsx(className, {
+      [TableHeaderCell_module.default.centeredCell]: align === "center",
+      [TableHeaderCell_module.default.rightAlignedCell]: align === "right"
+    }),
+    ...rest,
+    children: [
+      reactTable.flexRender(header.column.columnDef.header, header.getContext()),
+      header.column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(
+        SortColumnButton,
+        {
+          direction: header.column.getIsSorted(),
+          onSortToggle: header.column.getToggleSortingHandler()
+        }
+      )
+    ]
   }
-  const planLabel = plan.isFreePlan(planId) ? "Free" : plan.isTrialPlan(planId) ? "Trial" : void 0;
-  const WrapperNode = onClick ? louis.MenuItem : "div";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    WrapperNode,
-    {
-      className: TeamMenuItem_module.default.wrapper,
-      ...onClick && { onClick: () => onClick(contextTeam) },
-      children: [
-        contextTeam.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: TeamMenuItem_module.default.profileImage, src: contextTeam.logoUrl, alt: "Team logo" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${TeamMenuItem_module.default.defaultProfileImage}`, children: /* @__PURE__ */ jsxRuntime.jsx(louis.UserIcon, { size: "25px" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TeamMenuItem_module.default.teamDetails, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TeamMenuItem_module.default.planWrapper, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { title: contextTeam.name, className: TeamMenuItem_module.default.teamName, children: contextTeam.name }),
-            planLabel && !hidePlanLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: TeamMenuItem_module.default.teamName, children: planLabel })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: TeamMenuItem_module.default.membership, children: contextTeam.role })
-        ] })
-      ]
-    }
-  );
-};
-exports.TeamMenuItem = TeamMenuItem;
+);
+const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSortToggle, className: TableHeaderCell_module.default.headerSortButton, children: /* @__PURE__ */ jsxRuntime.jsx(SortingIcon.SortingIcon, { direction }) });
+exports.TableHeaderCell = TableHeaderCell;
 //# sourceMappingURL=harmony82.cjs.map

package/dist/harmony82.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony82.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem.tsx"],"sourcesContent":["import { MenuItem, UserIcon } from '@lokalise/louis'\nimport { isFreePlan, isTrialPlan } from '../../../../../utils/billing/plan/plan'\nimport type { SidebarTeam } from '../../../types'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './TeamMenuItem.module.css'\n\ntype TeamMenuItemProps = {\n\t/** Team to display. If not provided, uses the current team from context */\n\tteam?: SidebarTeam\n\t/** Callback for when the team item is clicked. If provided, renders as a clickable MenuItem */\n\tonClick?: (team: SidebarTeam) => void\n\t/** Whether to hide the plan label (Free/Trial). Useful when displaying multiple teams */\n\thidePlanLabel?: boolean\n}\n\n/**\n * A component that displays team information in a menu item format.\n * Renders team logo (or default user icon), team name, role, and plan label.\n *\n * The component can be used in two modes:\n * 1. As a static display of the current team (when no onClick handler is provided)\n * 2. As a clickable menu item for team switching (when onClick handler is provided)\n *\n * @example\n * ```tsx\n * // Static current team display\n * <TeamMenuItem />\n *\n * // Clickable team item for switching\n * <TeamMenuItem\n *   team={someTeam}\n *   onClick={(team) => handleTeamSwitch(team)}\n *   hidePlanLabel\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for current team\n * and plan information.\n */\nexport const TeamMenuItem = ({ team, onClick, hidePlanLabel }: TeamMenuItemProps) => {\n\tconst { currentTeam, planId } = useProfileMenu()\n\n\tconst contextTeam = team || currentTeam\n\n\tif (!contextTeam) {\n\t\treturn null\n\t}\n\n\tconst planLabel = isFreePlan(planId) ? 'Free' : isTrialPlan(planId) ? 'Trial' : undefined\n\n\tconst WrapperNode = onClick ? MenuItem : 'div'\n\n\treturn (\n\t\t<WrapperNode\n\t\t\tclassName={styles.wrapper}\n\t\t\t{...(onClick && { onClick: () => onClick(contextTeam) })}\n\t\t>\n\t\t\t{contextTeam.logoUrl ? (\n\t\t\t\t<img className={styles.profileImage} src={contextTeam.logoUrl} alt=\"Team logo\" />\n\t\t\t) : (\n\t\t\t\t<span className={`${styles.defaultProfileImage}`}>\n\t\t\t\t\t<UserIcon size=\"25px\" />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<div className={styles.teamDetails}>\n\t\t\t\t<div className={styles.planWrapper}>\n\t\t\t\t\t<span title={contextTeam.name} className={styles.teamName}>\n\t\t\t\t\t\t{contextTeam.name}\n\t\t\t\t\t</span>\n\t\t\t\t\t{planLabel && !hidePlanLabel && <span className={styles.teamName}>{planLabel}</span>}\n\t\t\t\t</div>\n\t\t\t\t<span className={styles.membership}>{contextTeam.role}</span>\n\t\t\t</div>\n\t\t</WrapperNode>\n\t)\n}\n"],"names":["useProfileMenu","isFreePlan","isTrialPlan","MenuItem","jsxs","styles","jsx","UserIcon"],"mappings":";;;;;;;AAwCO,MAAM,eAAe,CAAC,EAAE,MAAM,SAAS,oBAAuC;AACpF,QAAM,EAAE,aAAa,OAAO,IAAIA,kCAAe;AAE/C,QAAM,cAAc,QAAQ;AAE5B,MAAI,CAAC,aAAa;AACV,WAAA;AAAA,EAAA;AAGF,QAAA,YAAYC,gBAAW,MAAM,IAAI,SAASC,iBAAY,MAAM,IAAI,UAAU;AAE1E,QAAA,cAAc,UAAUC,MAAAA,WAAW;AAGxC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,oBAAO,QAAA;AAAA,MACjB,GAAI,WAAW,EAAE,SAAS,MAAM,QAAQ,WAAW,EAAE;AAAA,MAErD,UAAA;AAAA,QAAY,YAAA,yCACX,OAAI,EAAA,WAAWA,oBAAAA,QAAO,cAAc,KAAK,YAAY,SAAS,KAAI,YAAA,CAAY,IAE9EC,+BAAA,QAAA,EAAK,WAAW,GAAGD,oBAAO,QAAA,mBAAmB,IAC7C,UAACC,2BAAAA,IAAAC,MAAAA,UAAA,EAAS,MAAK,OAAA,CAAO,EACvB,CAAA;AAAA,QAEAH,2BAAA,KAAA,OAAA,EAAI,WAAWC,oBAAAA,QAAO,aACtB,UAAA;AAAA,UAACD,2BAAA,KAAA,OAAA,EAAI,WAAWC,oBAAAA,QAAO,aACtB,UAAA;AAAA,YAACC,2BAAAA,IAAA,QAAA,EAAK,OAAO,YAAY,MAAM,WAAWD,oBAAAA,QAAO,UAC/C,sBAAY,KACd,CAAA;AAAA,YACC,aAAa,CAAC,iBAAiBC,2BAAAA,IAAC,UAAK,WAAWD,4BAAO,UAAW,UAAU,UAAA,CAAA;AAAA,UAAA,GAC9E;AAAA,yCACC,QAAK,EAAA,WAAWA,oBAAAA,QAAO,YAAa,sBAAY,KAAK,CAAA;AAAA,QAAA,EACvD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}
+{"version":3,"file":"harmony82.cjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import {\n\tTableHeaderCell as LouisTableHeaderCell,\n\ttype TableHeaderCellProps as LouisTableHeaderCellProps,\n} from '@lokalise/louis'\nimport { type Header, type SortDirection, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype TableHeaderProps<T> = LouisTableHeaderCellProps & {\n\theader: Header<T, unknown>\n}\n\nexport const TableHeaderCell = <T,>({\n\theader,\n\talign = 'left',\n\tclassName,\n\t...rest\n}: TableHeaderProps<T>) => (\n\t<LouisTableHeaderCell\n\t\tclassName={cx(className, {\n\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t})}\n\t\t{...rest}\n\t>\n\t\t{flexRender(header.column.columnDef.header, header.getContext())}\n\t\t{header.column.getCanSort() && (\n\t\t\t<SortColumnButton\n\t\t\t\tdirection={header.column.getIsSorted()}\n\t\t\t\tonSortToggle={header.column.getToggleSortingHandler()}\n\t\t\t/>\n\t\t)}\n\t</LouisTableHeaderCell>\n)\n\ntype SortColumnButtonProps = {\n\tdirection: SortDirection | false\n\tonSortToggle?: (event: unknown) => void\n}\n\nconst SortColumnButton = ({ direction, onSortToggle }: SortColumnButtonProps) => (\n\t<button type=\"button\" onClick={onSortToggle} className={styles.headerSortButton}>\n\t\t<SortingIcon direction={direction} />\n\t</button>\n)\n"],"names":["jsxs","LouisTableHeaderCell","cx","styles","flexRender","jsx","SortingIcon"],"mappings":";;;;;;;;AAaO,MAAM,kBAAkB,CAAK;AAAA,EACnC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MACCA,2BAAA;AAAA,EAACC,MAAA;AAAA,EAAA;AAAA,IACA,WAAWC,UAAG,WAAW;AAAA,MACxB,CAACC,uBAAA,QAAO,YAAY,GAAG,UAAU;AAAA,MACjC,CAACA,uBAAA,QAAO,gBAAgB,GAAG,UAAU;AAAA,IAAA,CACrC;AAAA,IACA,GAAG;AAAA,IAEH,UAAA;AAAA,MAAAC,WAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAAA,MAC9D,OAAO,OAAO,WAAA,KACdC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,OAAO,OAAO,YAAY;AAAA,UACrC,cAAc,OAAO,OAAO,wBAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;AAQD,MAAM,mBAAmB,CAAC,EAAE,WAAW,aAAa,qCAClD,UAAO,EAAA,MAAK,UAAS,SAAS,cAAc,WAAWF,+BAAO,kBAC9D,UAACE,2BAAA,IAAAC,yBAAA,EAAY,UAAsB,CAAA,GACpC;;"}

package/dist/harmony82.mjs

@@ -1,35 +1,36 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { MenuItem, UserIcon } from "@lokalise/louis";
-import { isFreePlan, isTrialPlan } from "./harmony9.mjs";
-import { useProfileMenu } from "./harmony107.mjs";
-import styles from "./harmony109.mjs";
-const TeamMenuItem = ({ team, onClick, hidePlanLabel }) => {
-  const { currentTeam, planId } = useProfileMenu();
-  const contextTeam = team || currentTeam;
-  if (!contextTeam) {
-    return null;
+import { TableHeaderCell as TableHeaderCell$1 } from "@lokalise/louis";
+import { flexRender } from "@tanstack/react-table";
+import { clsx } from "./harmony73.mjs";
+import { SortingIcon } from "./harmony90.mjs";
+import styles from "./harmony91.mjs";
+const TableHeaderCell = ({
+  header,
+  align = "left",
+  className,
+  ...rest
+}) => /* @__PURE__ */ jsxs(
+  TableHeaderCell$1,
+  {
+    className: clsx(className, {
+      [styles.centeredCell]: align === "center",
+      [styles.rightAlignedCell]: align === "right"
+    }),
+    ...rest,
+    children: [
+      flexRender(header.column.columnDef.header, header.getContext()),
+      header.column.getCanSort() && /* @__PURE__ */ jsx(
+        SortColumnButton,
+        {
+          direction: header.column.getIsSorted(),
+          onSortToggle: header.column.getToggleSortingHandler()
+        }
+      )
+    ]
   }
-  const planLabel = isFreePlan(planId) ? "Free" : isTrialPlan(planId) ? "Trial" : void 0;
-  const WrapperNode = onClick ? MenuItem : "div";
-  return /* @__PURE__ */ jsxs(
-    WrapperNode,
-    {
-      className: styles.wrapper,
-      ...onClick && { onClick: () => onClick(contextTeam) },
-      children: [
-        contextTeam.logoUrl ? /* @__PURE__ */ jsx("img", { className: styles.profileImage, src: contextTeam.logoUrl, alt: "Team logo" }) : /* @__PURE__ */ jsx("span", { className: `${styles.defaultProfileImage}`, children: /* @__PURE__ */ jsx(UserIcon, { size: "25px" }) }),
-        /* @__PURE__ */ jsxs("div", { className: styles.teamDetails, children: [
-          /* @__PURE__ */ jsxs("div", { className: styles.planWrapper, children: [
-            /* @__PURE__ */ jsx("span", { title: contextTeam.name, className: styles.teamName, children: contextTeam.name }),
-            planLabel && !hidePlanLabel && /* @__PURE__ */ jsx("span", { className: styles.teamName, children: planLabel })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: styles.membership, children: contextTeam.role })
-        ] })
-      ]
-    }
-  );
-};
+);
+const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsx("button", { type: "button", onClick: onSortToggle, className: styles.headerSortButton, children: /* @__PURE__ */ jsx(SortingIcon, { direction }) });
 export {
-  TeamMenuItem
+  TableHeaderCell
 };
 //# sourceMappingURL=harmony82.mjs.map

package/dist/harmony82.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony82.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem.tsx"],"sourcesContent":["import { MenuItem, UserIcon } from '@lokalise/louis'\nimport { isFreePlan, isTrialPlan } from '../../../../../utils/billing/plan/plan'\nimport type { SidebarTeam } from '../../../types'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './TeamMenuItem.module.css'\n\ntype TeamMenuItemProps = {\n\t/** Team to display. If not provided, uses the current team from context */\n\tteam?: SidebarTeam\n\t/** Callback for when the team item is clicked. If provided, renders as a clickable MenuItem */\n\tonClick?: (team: SidebarTeam) => void\n\t/** Whether to hide the plan label (Free/Trial). Useful when displaying multiple teams */\n\thidePlanLabel?: boolean\n}\n\n/**\n * A component that displays team information in a menu item format.\n * Renders team logo (or default user icon), team name, role, and plan label.\n *\n * The component can be used in two modes:\n * 1. As a static display of the current team (when no onClick handler is provided)\n * 2. As a clickable menu item for team switching (when onClick handler is provided)\n *\n * @example\n * ```tsx\n * // Static current team display\n * <TeamMenuItem />\n *\n * // Clickable team item for switching\n * <TeamMenuItem\n *   team={someTeam}\n *   onClick={(team) => handleTeamSwitch(team)}\n *   hidePlanLabel\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for current team\n * and plan information.\n */\nexport const TeamMenuItem = ({ team, onClick, hidePlanLabel }: TeamMenuItemProps) => {\n\tconst { currentTeam, planId } = useProfileMenu()\n\n\tconst contextTeam = team || currentTeam\n\n\tif (!contextTeam) {\n\t\treturn null\n\t}\n\n\tconst planLabel = isFreePlan(planId) ? 'Free' : isTrialPlan(planId) ? 'Trial' : undefined\n\n\tconst WrapperNode = onClick ? MenuItem : 'div'\n\n\treturn (\n\t\t<WrapperNode\n\t\t\tclassName={styles.wrapper}\n\t\t\t{...(onClick && { onClick: () => onClick(contextTeam) })}\n\t\t>\n\t\t\t{contextTeam.logoUrl ? (\n\t\t\t\t<img className={styles.profileImage} src={contextTeam.logoUrl} alt=\"Team logo\" />\n\t\t\t) : (\n\t\t\t\t<span className={`${styles.defaultProfileImage}`}>\n\t\t\t\t\t<UserIcon size=\"25px\" />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<div className={styles.teamDetails}>\n\t\t\t\t<div className={styles.planWrapper}>\n\t\t\t\t\t<span title={contextTeam.name} className={styles.teamName}>\n\t\t\t\t\t\t{contextTeam.name}\n\t\t\t\t\t</span>\n\t\t\t\t\t{planLabel && !hidePlanLabel && <span className={styles.teamName}>{planLabel}</span>}\n\t\t\t\t</div>\n\t\t\t\t<span className={styles.membership}>{contextTeam.role}</span>\n\t\t\t</div>\n\t\t</WrapperNode>\n\t)\n}\n"],"names":[],"mappings":";;;;;AAwCO,MAAM,eAAe,CAAC,EAAE,MAAM,SAAS,oBAAuC;AACpF,QAAM,EAAE,aAAa,OAAO,IAAI,eAAe;AAE/C,QAAM,cAAc,QAAQ;AAE5B,MAAI,CAAC,aAAa;AACV,WAAA;AAAA,EAAA;AAGF,QAAA,YAAY,WAAW,MAAM,IAAI,SAAS,YAAY,MAAM,IAAI,UAAU;AAE1E,QAAA,cAAc,UAAU,WAAW;AAGxC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,OAAO;AAAA,MACjB,GAAI,WAAW,EAAE,SAAS,MAAM,QAAQ,WAAW,EAAE;AAAA,MAErD,UAAA;AAAA,QAAY,YAAA,8BACX,OAAI,EAAA,WAAW,OAAO,cAAc,KAAK,YAAY,SAAS,KAAI,YAAA,CAAY,IAE9E,oBAAA,QAAA,EAAK,WAAW,GAAG,OAAO,mBAAmB,IAC7C,UAAC,oBAAA,UAAA,EAAS,MAAK,OAAA,CAAO,EACvB,CAAA;AAAA,QAEA,qBAAA,OAAA,EAAI,WAAW,OAAO,aACtB,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAW,OAAO,aACtB,UAAA;AAAA,YAAC,oBAAA,QAAA,EAAK,OAAO,YAAY,MAAM,WAAW,OAAO,UAC/C,sBAAY,KACd,CAAA;AAAA,YACC,aAAa,CAAC,iBAAiB,oBAAC,UAAK,WAAW,OAAO,UAAW,UAAU,UAAA,CAAA;AAAA,UAAA,GAC9E;AAAA,8BACC,QAAK,EAAA,WAAW,OAAO,YAAa,sBAAY,KAAK,CAAA;AAAA,QAAA,EACvD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}
+{"version":3,"file":"harmony82.mjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import {\n\tTableHeaderCell as LouisTableHeaderCell,\n\ttype TableHeaderCellProps as LouisTableHeaderCellProps,\n} from '@lokalise/louis'\nimport { type Header, type SortDirection, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype TableHeaderProps<T> = LouisTableHeaderCellProps & {\n\theader: Header<T, unknown>\n}\n\nexport const TableHeaderCell = <T,>({\n\theader,\n\talign = 'left',\n\tclassName,\n\t...rest\n}: TableHeaderProps<T>) => (\n\t<LouisTableHeaderCell\n\t\tclassName={cx(className, {\n\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t})}\n\t\t{...rest}\n\t>\n\t\t{flexRender(header.column.columnDef.header, header.getContext())}\n\t\t{header.column.getCanSort() && (\n\t\t\t<SortColumnButton\n\t\t\t\tdirection={header.column.getIsSorted()}\n\t\t\t\tonSortToggle={header.column.getToggleSortingHandler()}\n\t\t\t/>\n\t\t)}\n\t</LouisTableHeaderCell>\n)\n\ntype SortColumnButtonProps = {\n\tdirection: SortDirection | false\n\tonSortToggle?: (event: unknown) => void\n}\n\nconst SortColumnButton = ({ direction, onSortToggle }: SortColumnButtonProps) => (\n\t<button type=\"button\" onClick={onSortToggle} className={styles.headerSortButton}>\n\t\t<SortingIcon direction={direction} />\n\t</button>\n)\n"],"names":["LouisTableHeaderCell","cx"],"mappings":";;;;;;AAaO,MAAM,kBAAkB,CAAK;AAAA,EACnC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MACC;AAAA,EAACA;AAAAA,EAAA;AAAA,IACA,WAAWC,KAAG,WAAW;AAAA,MACxB,CAAC,OAAO,YAAY,GAAG,UAAU;AAAA,MACjC,CAAC,OAAO,gBAAgB,GAAG,UAAU;AAAA,IAAA,CACrC;AAAA,IACA,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAAA,MAC9D,OAAO,OAAO,WAAA,KACd;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,OAAO,OAAO,YAAY;AAAA,UACrC,cAAc,OAAO,OAAO,wBAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;AAQD,MAAM,mBAAmB,CAAC,EAAE,WAAW,aAAa,0BAClD,UAAO,EAAA,MAAK,UAAS,SAAS,cAAc,WAAW,OAAO,kBAC9D,UAAC,oBAAA,aAAA,EAAY,UAAsB,CAAA,GACpC;"}

package/dist/harmony83.cjs

@@ -1,22 +1,46 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ProfileMenuContext = require("./harmony107.cjs");
-const TeamMenuItem = require("./harmony82.cjs");
-const TeamSwitch_module = require("./harmony110.cjs");
-const TeamSwitch = ({ onSwitchTeam }) => {
-  const { otherTeams } = ProfileMenuContext.useProfileMenu();
-  if (otherTeams.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-testid": "sidebar-team-switch",
-      className: `flex-col items-stretch ${TeamSwitch_module.default.teamsContainer}`,
-      children: otherTeams.map((team) => /* @__PURE__ */ jsxRuntime.jsx(TeamMenuItem.TeamMenuItem, { team, onClick: onSwitchTeam, hidePlanLabel: true }, team.id))
-    }
-  );
-};
-exports.TeamSwitch = TeamSwitch;
+const wretch = require("wretch");
+const FormDataAddon = require("wretch/addons/formData");
+class NavigationClient {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "publicApiClient");
+    __publicField(this, "authorizedApiClient");
+    this.config = config;
+    this.publicApiClient = this.createPublicApiClient();
+    this.authorizedApiClient = this.createAuthorizedApiClient();
+  }
+  createPublicApiClient() {
+    return wretch(this.config.expertPublicApiUrl).options({ credentials: "omit" }).errorType("json");
+  }
+  createAuthorizedApiClient() {
+    return wretch(this.config.nextgenApiUrl).errorType("json").addon(FormDataAddon);
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+  getPublicApiClient() {
+    return this.publicApiClient;
+  }
+  getAuthorizedApiClient() {
+    return this.authorizedApiClient;
+  }
+  getExpertUrl() {
+    return this.config.expertAppUrl;
+  }
+  getNextgenUrl() {
+    return this.config.nextgenAppUrl;
+  }
+  getExpertPublicApiUrl() {
+    return this.config.expertPublicApiUrl;
+  }
+  getNextgenApiUrl() {
+    return this.config.nextgenApiUrl;
+  }
+}
+exports.NavigationClient = NavigationClient;
 //# sourceMappingURL=harmony83.cjs.map

package/dist/harmony83.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony83.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.tsx"],"sourcesContent":["import type { SidebarTeam } from '../../../types'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport { TeamMenuItem } from '../TeamMenuItem/TeamMenuItem'\nimport styles from './TeamSwitch.module.css'\n\ntype TeamSwitchProps = {\n\t/** Callback function triggered when a user selects a different team */\n\tonSwitchTeam: (team: SidebarTeam) => void\n}\n\n/**\n * A component that displays a list of available teams for switching.\n * It automatically excludes the current team from the list and renders\n * nothing if there are no other teams available.\n *\n * Uses the ProfileMenu context to access the list of other teams and\n * renders each team as a TeamMenuItem with click functionality.\n *\n * @example\n * ```tsx\n * <TeamSwitch\n *   onSwitchTeam={(team) => {\n *     console.log(`Switching to team: ${team.name}`);\n *     // Handle team switch logic\n *   }}\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context.\n */\nexport const TeamSwitch = ({ onSwitchTeam }: TeamSwitchProps) => {\n\tconst { otherTeams } = useProfileMenu()\n\n\tif (otherTeams.length === 0) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-testid=\"sidebar-team-switch\"\n\t\t\tclassName={`flex-col items-stretch ${styles.teamsContainer}`}\n\t\t>\n\t\t\t{otherTeams.map((team) => (\n\t\t\t\t<TeamMenuItem team={team} key={team.id} onClick={onSwitchTeam} hidePlanLabel />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n"],"names":["useProfileMenu","jsx","styles","TeamMenuItem"],"mappings":";;;;;;AA+BO,MAAM,aAAa,CAAC,EAAE,mBAAoC;AAC1D,QAAA,EAAE,WAAW,IAAIA,kCAAe;AAElC,MAAA,WAAW,WAAW,GAAG;AACrB,WAAA;AAAA,EAAA;AAIP,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,WAAW,0BAA0BC,kBAAA,QAAO,cAAc;AAAA,MAEzD,UAAW,WAAA,IAAI,CAAC,SACfD,2BAAAA,IAAAE,aAAAA,cAAA,EAAa,MAA0B,SAAS,cAAc,eAAa,KAA7C,GAAA,KAAK,EAAyC,CAC7E;AAAA,IAAA;AAAA,EACF;AAEF;;"}
+{"version":3,"file":"harmony83.cjs","sources":["../src/features/navigation/core/NavigationClient.ts"],"sourcesContent":["import wretch, { type Wretch } from 'wretch'\nimport FormDataAddon, { type FormDataAddon as FormDataAddonType } from 'wretch/addons/formData'\n\nexport interface NavigationConfig {\n\texpertAppUrl: string\n\tnextgenAppUrl: string\n\texpertPublicApiUrl: string\n\tnextgenApiUrl: string\n}\n\nexport class NavigationClient {\n\tprivate config: NavigationConfig\n\tprivate publicApiClient: Wretch<unknown, unknown, undefined>\n\tprivate authorizedApiClient: FormDataAddonType & Wretch<FormDataAddonType, unknown, undefined>\n\n\tconstructor(config: NavigationConfig) {\n\t\tthis.config = config\n\t\tthis.publicApiClient = this.createPublicApiClient()\n\t\tthis.authorizedApiClient = this.createAuthorizedApiClient()\n\t}\n\n\tprivate createPublicApiClient() {\n\t\treturn wretch(this.config.expertPublicApiUrl).options({ credentials: 'omit' }).errorType('json')\n\t}\n\n\tprivate createAuthorizedApiClient() {\n\t\treturn wretch(this.config.nextgenApiUrl).errorType('json').addon(FormDataAddon)\n\t}\n\n\tgetConfig(): NavigationConfig {\n\t\treturn { ...this.config }\n\t}\n\n\tgetPublicApiClient() {\n\t\treturn this.publicApiClient\n\t}\n\n\tgetAuthorizedApiClient() {\n\t\treturn this.authorizedApiClient\n\t}\n\n\tgetExpertUrl(): string {\n\t\treturn this.config.expertAppUrl\n\t}\n\n\tgetNextgenUrl(): string {\n\t\treturn this.config.nextgenAppUrl\n\t}\n\n\tgetExpertPublicApiUrl(): string {\n\t\treturn this.config.expertPublicApiUrl\n\t}\n\n\tgetNextgenApiUrl(): string {\n\t\treturn this.config.nextgenApiUrl\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,iBAAiB;AAAA,EAK7B,YAAY,QAA0B;AAJ9B;AACA;AACA;AAGP,SAAK,SAAS;AACT,SAAA,kBAAkB,KAAK,sBAAsB;AAC7C,SAAA,sBAAsB,KAAK,0BAA0B;AAAA,EAAA;AAAA,EAGnD,wBAAwB;AAC/B,WAAO,OAAO,KAAK,OAAO,kBAAkB,EAAE,QAAQ,EAAE,aAAa,OAAO,CAAC,EAAE,UAAU,MAAM;AAAA,EAAA;AAAA,EAGxF,4BAA4B;AAC5B,WAAA,OAAO,KAAK,OAAO,aAAa,EAAE,UAAU,MAAM,EAAE,MAAM,aAAa;AAAA,EAAA;AAAA,EAG/E,YAA8B;AACtB,WAAA,EAAE,GAAG,KAAK,OAAO;AAAA,EAAA;AAAA,EAGzB,qBAAqB;AACpB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGb,yBAAyB;AACxB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGb,eAAuB;AACtB,WAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGpB,gBAAwB;AACvB,WAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGpB,wBAAgC;AAC/B,WAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGpB,mBAA2B;AAC1B,WAAO,KAAK,OAAO;AAAA,EAAA;AAErB;;"}

package/dist/harmony83.mjs

@@ -1,22 +1,46 @@
-import { jsx } from "react/jsx-runtime";
-import { useProfileMenu } from "./harmony107.mjs";
-import { TeamMenuItem } from "./harmony82.mjs";
-import styles from "./harmony110.mjs";
-const TeamSwitch = ({ onSwitchTeam }) => {
-  const { otherTeams } = useProfileMenu();
-  if (otherTeams.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-testid": "sidebar-team-switch",
-      className: `flex-col items-stretch ${styles.teamsContainer}`,
-      children: otherTeams.map((team) => /* @__PURE__ */ jsx(TeamMenuItem, { team, onClick: onSwitchTeam, hidePlanLabel: true }, team.id))
-    }
-  );
-};
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import wretch from "wretch";
+import FormDataAddon from "wretch/addons/formData";
+class NavigationClient {
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "publicApiClient");
+    __publicField(this, "authorizedApiClient");
+    this.config = config;
+    this.publicApiClient = this.createPublicApiClient();
+    this.authorizedApiClient = this.createAuthorizedApiClient();
+  }
+  createPublicApiClient() {
+    return wretch(this.config.expertPublicApiUrl).options({ credentials: "omit" }).errorType("json");
+  }
+  createAuthorizedApiClient() {
+    return wretch(this.config.nextgenApiUrl).errorType("json").addon(FormDataAddon);
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+  getPublicApiClient() {
+    return this.publicApiClient;
+  }
+  getAuthorizedApiClient() {
+    return this.authorizedApiClient;
+  }
+  getExpertUrl() {
+    return this.config.expertAppUrl;
+  }
+  getNextgenUrl() {
+    return this.config.nextgenAppUrl;
+  }
+  getExpertPublicApiUrl() {
+    return this.config.expertPublicApiUrl;
+  }
+  getNextgenApiUrl() {
+    return this.config.nextgenApiUrl;
+  }
+}
 export {
-  TeamSwitch
+  NavigationClient
 };
 //# sourceMappingURL=harmony83.mjs.map

package/dist/harmony83.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony83.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.tsx"],"sourcesContent":["import type { SidebarTeam } from '../../../types'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport { TeamMenuItem } from '../TeamMenuItem/TeamMenuItem'\nimport styles from './TeamSwitch.module.css'\n\ntype TeamSwitchProps = {\n\t/** Callback function triggered when a user selects a different team */\n\tonSwitchTeam: (team: SidebarTeam) => void\n}\n\n/**\n * A component that displays a list of available teams for switching.\n * It automatically excludes the current team from the list and renders\n * nothing if there are no other teams available.\n *\n * Uses the ProfileMenu context to access the list of other teams and\n * renders each team as a TeamMenuItem with click functionality.\n *\n * @example\n * ```tsx\n * <TeamSwitch\n *   onSwitchTeam={(team) => {\n *     console.log(`Switching to team: ${team.name}`);\n *     // Handle team switch logic\n *   }}\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context.\n */\nexport const TeamSwitch = ({ onSwitchTeam }: TeamSwitchProps) => {\n\tconst { otherTeams } = useProfileMenu()\n\n\tif (otherTeams.length === 0) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tdata-testid=\"sidebar-team-switch\"\n\t\t\tclassName={`flex-col items-stretch ${styles.teamsContainer}`}\n\t\t>\n\t\t\t{otherTeams.map((team) => (\n\t\t\t\t<TeamMenuItem team={team} key={team.id} onClick={onSwitchTeam} hidePlanLabel />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;;AA+BO,MAAM,aAAa,CAAC,EAAE,mBAAoC;AAC1D,QAAA,EAAE,WAAW,IAAI,eAAe;AAElC,MAAA,WAAW,WAAW,GAAG;AACrB,WAAA;AAAA,EAAA;AAIP,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,WAAW,0BAA0B,OAAO,cAAc;AAAA,MAEzD,UAAW,WAAA,IAAI,CAAC,SACf,oBAAA,cAAA,EAAa,MAA0B,SAAS,cAAc,eAAa,KAA7C,GAAA,KAAK,EAAyC,CAC7E;AAAA,IAAA;AAAA,EACF;AAEF;"}
+{"version":3,"file":"harmony83.mjs","sources":["../src/features/navigation/core/NavigationClient.ts"],"sourcesContent":["import wretch, { type Wretch } from 'wretch'\nimport FormDataAddon, { type FormDataAddon as FormDataAddonType } from 'wretch/addons/formData'\n\nexport interface NavigationConfig {\n\texpertAppUrl: string\n\tnextgenAppUrl: string\n\texpertPublicApiUrl: string\n\tnextgenApiUrl: string\n}\n\nexport class NavigationClient {\n\tprivate config: NavigationConfig\n\tprivate publicApiClient: Wretch<unknown, unknown, undefined>\n\tprivate authorizedApiClient: FormDataAddonType & Wretch<FormDataAddonType, unknown, undefined>\n\n\tconstructor(config: NavigationConfig) {\n\t\tthis.config = config\n\t\tthis.publicApiClient = this.createPublicApiClient()\n\t\tthis.authorizedApiClient = this.createAuthorizedApiClient()\n\t}\n\n\tprivate createPublicApiClient() {\n\t\treturn wretch(this.config.expertPublicApiUrl).options({ credentials: 'omit' }).errorType('json')\n\t}\n\n\tprivate createAuthorizedApiClient() {\n\t\treturn wretch(this.config.nextgenApiUrl).errorType('json').addon(FormDataAddon)\n\t}\n\n\tgetConfig(): NavigationConfig {\n\t\treturn { ...this.config }\n\t}\n\n\tgetPublicApiClient() {\n\t\treturn this.publicApiClient\n\t}\n\n\tgetAuthorizedApiClient() {\n\t\treturn this.authorizedApiClient\n\t}\n\n\tgetExpertUrl(): string {\n\t\treturn this.config.expertAppUrl\n\t}\n\n\tgetNextgenUrl(): string {\n\t\treturn this.config.nextgenAppUrl\n\t}\n\n\tgetExpertPublicApiUrl(): string {\n\t\treturn this.config.expertPublicApiUrl\n\t}\n\n\tgetNextgenApiUrl(): string {\n\t\treturn this.config.nextgenApiUrl\n\t}\n}\n"],"names":[],"mappings":";;;;;AAUO,MAAM,iBAAiB;AAAA,EAK7B,YAAY,QAA0B;AAJ9B;AACA;AACA;AAGP,SAAK,SAAS;AACT,SAAA,kBAAkB,KAAK,sBAAsB;AAC7C,SAAA,sBAAsB,KAAK,0BAA0B;AAAA,EAAA;AAAA,EAGnD,wBAAwB;AAC/B,WAAO,OAAO,KAAK,OAAO,kBAAkB,EAAE,QAAQ,EAAE,aAAa,OAAO,CAAC,EAAE,UAAU,MAAM;AAAA,EAAA;AAAA,EAGxF,4BAA4B;AAC5B,WAAA,OAAO,KAAK,OAAO,aAAa,EAAE,UAAU,MAAM,EAAE,MAAM,aAAa;AAAA,EAAA;AAAA,EAG/E,YAA8B;AACtB,WAAA,EAAE,GAAG,KAAK,OAAO;AAAA,EAAA;AAAA,EAGzB,qBAAqB;AACpB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGb,yBAAyB;AACxB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGb,eAAuB;AACtB,WAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGpB,gBAAwB;AACvB,WAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGpB,wBAAgC;AAC/B,WAAO,KAAK,OAAO;AAAA,EAAA;AAAA,EAGpB,mBAA2B;AAC1B,WAAO,KAAK,OAAO;AAAA,EAAA;AAErB;"}