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

package/dist/harmony90.cjs

@@ -2,35 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const reactTable = require("@tanstack/react-table");
-const clsx = require("./harmony73.cjs");
-const SortingIcon = require("./harmony100.cjs");
-const TableHeaderCell_module = require("./harmony101.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 SortingIcon = ({ direction }) => {
+  if (direction === "asc") {
+    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortAscendingIcon, { ariaLabel: "ascending sorting" });
   }
-);
-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;
+  if (direction === "desc") {
+    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortDescendingIcon, { ariaLabel: "descending sorting" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.SortIcon, { ariaLabel: "sorting" });
+};
+exports.SortingIcon = SortingIcon;
 //# sourceMappingURL=harmony90.cjs.map

package/dist/harmony90.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.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;;"}
+{"version":3,"file":"harmony90.cjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":["jsx","SortAscendingIcon","SortDescendingIcon","SortIcon"],"mappings":";;;;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAAA,2BAAA,IAACC,MAAkB,mBAAA,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAAD,2BAAA,IAACE,MAAmB,oBAAA,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAAF,2BAAA,IAACG,MAAS,UAAA,EAAA,WAAU,UAAU,CAAA;AACtC;;"}

package/dist/harmony90.mjs

@@ -1,36 +1,15 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { TableHeaderCell as TableHeaderCell$1 } from "@lokalise/louis";
-import { flexRender } from "@tanstack/react-table";
-import { clsx } from "./harmony73.mjs";
-import { SortingIcon } from "./harmony100.mjs";
-import styles from "./harmony101.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()
-        }
-      )
-    ]
+import { jsx } from "react/jsx-runtime";
+import { SortAscendingIcon, SortDescendingIcon, SortIcon } from "@lokalise/louis";
+const SortingIcon = ({ direction }) => {
+  if (direction === "asc") {
+    return /* @__PURE__ */ jsx(SortAscendingIcon, { ariaLabel: "ascending sorting" });
   }
-);
-const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsx("button", { type: "button", onClick: onSortToggle, className: styles.headerSortButton, children: /* @__PURE__ */ jsx(SortingIcon, { direction }) });
+  if (direction === "desc") {
+    return /* @__PURE__ */ jsx(SortDescendingIcon, { ariaLabel: "descending sorting" });
+  }
+  return /* @__PURE__ */ jsx(SortIcon, { ariaLabel: "sorting" });
+};
 export {
-  TableHeaderCell
+  SortingIcon
 };
 //# sourceMappingURL=harmony90.mjs.map

package/dist/harmony90.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.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;"}
+{"version":3,"file":"harmony90.mjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAA,oBAAC,mBAAkB,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAA,oBAAC,oBAAmB,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAA,oBAAC,UAAS,EAAA,WAAU,UAAU,CAAA;AACtC;"}

package/dist/harmony91.cjs

@@ -1,46 +1,15 @@
 "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 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;
+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
+};
+exports.centeredCell = centeredCell;
+exports.default = styles;
+exports.headerSortButton = headerSortButton;
+exports.rightAlignedCell = rightAlignedCell;
 //# sourceMappingURL=harmony91.cjs.map

package/dist/harmony91.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony91.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;;"}
+{"version":3,"file":"harmony91.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/harmony91.mjs

@@ -1,46 +1,15 @@
-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;
-  }
-}
+const headerSortButton = "_headerSortButton_b5tlh_1";
+const centeredCell = "_centeredCell_b5tlh_15";
+const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
+const styles = {
+  headerSortButton,
+  centeredCell,
+  rightAlignedCell
+};
 export {
-  NavigationClient
+  centeredCell,
+  styles as default,
+  headerSortButton,
+  rightAlignedCell
 };
 //# sourceMappingURL=harmony91.mjs.map

package/dist/harmony91.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony91.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;"}
+{"version":3,"file":"harmony91.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/harmony92.cjs

@@ -1,32 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const useExpertNavigation = require("./harmony98.cjs");
-const useNextgenNavigation = require("./harmony99.cjs");
-const isLegacyProject = (type) => {
-  return type !== "marketing";
-};
-const useNavigation = (activeKey, project, contributorData) => {
-  const legacyNavigationItems = useExpertNavigation.useExpertNavigation(
-    isLegacyProject(project == null ? void 0 : project.project_type),
-    project,
-    contributorData
-  );
-  const newNavigationItems = useNextgenNavigation.useNextgenNavigation(
-    activeKey,
-    !isLegacyProject(project == null ? void 0 : project.project_type),
-    project
-  );
-  return React.useMemo(() => {
-    if (!project) {
-      return [];
-    }
-    if (isLegacyProject(project.project_type)) {
-      return legacyNavigationItems;
-    }
-    return newNavigationItems;
-  }, [project, legacyNavigationItems, newNavigationItems]);
-};
-exports.isLegacyProject = isLegacyProject;
-exports.useNavigation = useNavigation;
+const SidebarContext = React.createContext({});
+exports.SidebarContext = SidebarContext;
 //# sourceMappingURL=harmony92.cjs.map

package/dist/harmony92.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony92.cjs","sources":["../src/features/navigation/hooks/useNavigation.ts"],"sourcesContent":["import type { Contributor, Project, ProjectType } from '@features/node'\nimport { useMemo } from 'react'\nimport { useExpertNavigation } from './useExpertNavigation'\nimport { useNextgenNavigation } from './useNextgenNavigation'\n\nexport const isLegacyProject = (type: ProjectType | undefined) => {\n\treturn type !== 'marketing'\n}\n\n/**\n * Main useNavigation hook that serves as an arbiter between legacy and new navigation.\n * It determines which navigation system to use based on project type.\n */\nexport const useNavigation = (\n\tactiveKey: string,\n\tproject?: Project,\n\tcontributorData?: Contributor,\n) => {\n\t// Get navigation items from expert or next-gen system, depending on project type\n\tconst legacyNavigationItems = useExpertNavigation(\n\t\tisLegacyProject(project?.project_type),\n\t\tproject,\n\t\tcontributorData,\n\t)\n\tconst newNavigationItems = useNextgenNavigation(\n\t\tactiveKey,\n\t\t!isLegacyProject(project?.project_type),\n\t\tproject,\n\t)\n\n\t// Determine which navigation items to use based on project type\n\treturn useMemo(() => {\n\t\tif (!project) {\n\t\t\treturn []\n\t\t}\n\t\t// Use legacy navigation for legacy project types\n\t\tif (isLegacyProject(project.project_type)) {\n\t\t\treturn legacyNavigationItems\n\t\t}\n\n\t\t// Use new navigation for new project types\n\t\treturn newNavigationItems\n\t}, [project, legacyNavigationItems, newNavigationItems])\n}\n"],"names":["useExpertNavigation","useNextgenNavigation","useMemo"],"mappings":";;;;;AAKa,MAAA,kBAAkB,CAAC,SAAkC;AACjE,SAAO,SAAS;AACjB;AAMO,MAAM,gBAAgB,CAC5B,WACA,SACA,oBACI;AAEJ,QAAM,wBAAwBA,oBAAA;AAAA,IAC7B,gBAAgB,mCAAS,YAAY;AAAA,IACrC;AAAA,IACA;AAAA,EACD;AACA,QAAM,qBAAqBC,qBAAA;AAAA,IAC1B;AAAA,IACA,CAAC,gBAAgB,mCAAS,YAAY;AAAA,IACtC;AAAA,EACD;AAGA,SAAOC,cAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGL,QAAA,gBAAgB,QAAQ,YAAY,GAAG;AACnC,aAAA;AAAA,IAAA;AAID,WAAA;AAAA,EACL,GAAA,CAAC,SAAS,uBAAuB,kBAAkB,CAAC;AACxD;;;"}
+{"version":3,"file":"harmony92.cjs","sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarContextProps } from './types'\n\nexport const SidebarContext = createContext({} as SidebarContextProps)\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":["createContext"],"mappings":";;;AAGa,MAAA,iBAAiBA,MAAc,cAAA,CAAyB,CAAA;;"}

package/dist/harmony92.mjs

@@ -1,32 +1,6 @@
-import { useMemo } from "react";
-import { useExpertNavigation } from "./harmony98.mjs";
-import { useNextgenNavigation } from "./harmony99.mjs";
-const isLegacyProject = (type) => {
-  return type !== "marketing";
-};
-const useNavigation = (activeKey, project, contributorData) => {
-  const legacyNavigationItems = useExpertNavigation(
-    isLegacyProject(project == null ? void 0 : project.project_type),
-    project,
-    contributorData
-  );
-  const newNavigationItems = useNextgenNavigation(
-    activeKey,
-    !isLegacyProject(project == null ? void 0 : project.project_type),
-    project
-  );
-  return useMemo(() => {
-    if (!project) {
-      return [];
-    }
-    if (isLegacyProject(project.project_type)) {
-      return legacyNavigationItems;
-    }
-    return newNavigationItems;
-  }, [project, legacyNavigationItems, newNavigationItems]);
-};
+import { createContext } from "react";
+const SidebarContext = createContext({});
 export {
-  isLegacyProject,
-  useNavigation
+  SidebarContext
 };
 //# sourceMappingURL=harmony92.mjs.map

package/dist/harmony92.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony92.mjs","sources":["../src/features/navigation/hooks/useNavigation.ts"],"sourcesContent":["import type { Contributor, Project, ProjectType } from '@features/node'\nimport { useMemo } from 'react'\nimport { useExpertNavigation } from './useExpertNavigation'\nimport { useNextgenNavigation } from './useNextgenNavigation'\n\nexport const isLegacyProject = (type: ProjectType | undefined) => {\n\treturn type !== 'marketing'\n}\n\n/**\n * Main useNavigation hook that serves as an arbiter between legacy and new navigation.\n * It determines which navigation system to use based on project type.\n */\nexport const useNavigation = (\n\tactiveKey: string,\n\tproject?: Project,\n\tcontributorData?: Contributor,\n) => {\n\t// Get navigation items from expert or next-gen system, depending on project type\n\tconst legacyNavigationItems = useExpertNavigation(\n\t\tisLegacyProject(project?.project_type),\n\t\tproject,\n\t\tcontributorData,\n\t)\n\tconst newNavigationItems = useNextgenNavigation(\n\t\tactiveKey,\n\t\t!isLegacyProject(project?.project_type),\n\t\tproject,\n\t)\n\n\t// Determine which navigation items to use based on project type\n\treturn useMemo(() => {\n\t\tif (!project) {\n\t\t\treturn []\n\t\t}\n\t\t// Use legacy navigation for legacy project types\n\t\tif (isLegacyProject(project.project_type)) {\n\t\t\treturn legacyNavigationItems\n\t\t}\n\n\t\t// Use new navigation for new project types\n\t\treturn newNavigationItems\n\t}, [project, legacyNavigationItems, newNavigationItems])\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAAkB,CAAC,SAAkC;AACjE,SAAO,SAAS;AACjB;AAMO,MAAM,gBAAgB,CAC5B,WACA,SACA,oBACI;AAEJ,QAAM,wBAAwB;AAAA,IAC7B,gBAAgB,mCAAS,YAAY;AAAA,IACrC;AAAA,IACA;AAAA,EACD;AACA,QAAM,qBAAqB;AAAA,IAC1B;AAAA,IACA,CAAC,gBAAgB,mCAAS,YAAY;AAAA,IACtC;AAAA,EACD;AAGA,SAAO,QAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGL,QAAA,gBAAgB,QAAQ,YAAY,GAAG;AACnC,aAAA;AAAA,IAAA;AAID,WAAA;AAAA,EACL,GAAA,CAAC,SAAS,uBAAuB,kBAAkB,CAAC;AACxD;"}
+{"version":3,"file":"harmony92.mjs","sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarContextProps } from './types'\n\nexport const SidebarContext = createContext({} as SidebarContextProps)\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":[],"mappings":";AAGa,MAAA,iBAAiB,cAAc,CAAyB,CAAA;"}

package/dist/harmony93.cjs

@@ -1,69 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const headerBuilderFactories = require("./harmony21.cjs");
-const useRetrieveContributorQuery = require("./harmony55.cjs");
-const useRetrieveProjectQuery = require("./harmony56.cjs");
-const NavigationClientProvider = require("./harmony94.cjs");
-function useNavigationProjectQuery(projectId) {
-  const navigationClient = NavigationClientProvider.useNavigationClient();
-  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
-  return useRetrieveProjectQuery.useRetrieveProjectQuery(
-    navigationClient.getPublicApiClient(),
-    headerBuilderFactories.createPublicApiHeaderBuilder(expertPublicApiUrl),
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony73.cjs");
+const IconLink_module = require("./harmony107.cjs");
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Link,
     {
-      queryKey: useRetrieveProjectQuery.retrieveProjectQueryKey.projectIdKey(projectId),
-      enabled: !!projectId,
-      staleTime: 5 * 60 * 1e3
-      // 5 minutes
-    }
-  );
-}
-function useNavigationContributorQuery(projectId) {
-  const navigationClient = NavigationClientProvider.useNavigationClient();
-  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
-  return useRetrieveContributorQuery.useRetrieveContributorQuery(
-    navigationClient.getPublicApiClient(),
-    headerBuilderFactories.createPublicApiHeaderBuilder(expertPublicApiUrl),
-    {
-      queryKey: useRetrieveContributorQuery.retrieveContributorKeys.projectUserKey({
-        project: { id: projectId },
-        contributor: { authenticatedUser: true }
+      "aria-label": label,
+      className: clsx.clsx(IconLink_module.default.link, {
+        [IconLink_module.default.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
       }),
-      enabled: !!projectId,
-      staleTime: 5 * 60 * 1e3
-      // 5 minutes
-    }
-  );
-}
-function useNavigationData(projectId) {
-  var _a;
-  const projectQuery = useNavigationProjectQuery(projectId);
-  const contributorQuery = useNavigationContributorQuery(projectId);
-  return {
-    // Individual queries
-    projectQuery,
-    contributorQuery,
-    // Combined data
-    data: {
-      project: projectQuery.data,
-      contributor: (_a = contributorQuery.data) == null ? void 0 : _a.contributor
-    },
-    // Combined loading state
-    isLoading: projectQuery.isLoading || contributorQuery.isLoading,
-    // Combined error state
-    error: projectQuery.error || contributorQuery.error,
-    // Check if any query is still loading
-    isAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,
-    // Check if all queries have data
-    hasAllData: !!(projectQuery.data && contributorQuery.data),
-    // Refetch all queries
-    refetchAll: () => {
-      projectQuery.refetch();
-      contributorQuery.refetch();
+      href: to,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
     }
-  };
-}
-exports.useNavigationContributorQuery = useNavigationContributorQuery;
-exports.useNavigationData = useNavigationData;
-exports.useNavigationProjectQuery = useNavigationProjectQuery;
+  ) });
+};
+exports.IconLink = IconLink;
 //# sourceMappingURL=harmony93.cjs.map

package/dist/harmony93.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony93.cjs","sources":["../src/features/navigation/hooks/useNavigationQueries.ts"],"sourcesContent":["import { createPublicApiHeaderBuilder } from '@features/auth/factories/headerBuilderFactories'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport {\n\tretrieveProjectQueryKey,\n\tuseRetrieveProjectQuery,\n} from '@features/publicApi/hooks/useRetrieveProjectQuery'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n\n/**\n * Hook to fetch project data for navigation\n */\nexport function useNavigationProjectQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveProjectQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveProjectQueryKey.projectIdKey(projectId),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Hook to fetch contributor data for navigation\n */\nexport function useNavigationContributorQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveContributorQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveContributorKeys.projectUserKey({\n\t\t\t\tproject: { id: projectId },\n\t\t\t\tcontributor: { authenticatedUser: true },\n\t\t\t}),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Composite hook that fetches all navigation data\n */\nexport function useNavigationData(projectId: string) {\n\tconst projectQuery = useNavigationProjectQuery(projectId)\n\tconst contributorQuery = useNavigationContributorQuery(projectId)\n\n\treturn {\n\t\t// Individual queries\n\t\tprojectQuery,\n\t\tcontributorQuery,\n\n\t\t// Combined data\n\t\tdata: {\n\t\t\tproject: projectQuery.data,\n\t\t\tcontributor: contributorQuery.data?.contributor,\n\t\t},\n\n\t\t// Combined loading state\n\t\tisLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Combined error state\n\t\terror: projectQuery.error || contributorQuery.error,\n\n\t\t// Check if any query is still loading\n\t\tisAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Check if all queries have data\n\t\thasAllData: !!(projectQuery.data && contributorQuery.data),\n\n\t\t// Refetch all queries\n\t\trefetchAll: () => {\n\t\t\tprojectQuery.refetch()\n\t\t\tcontributorQuery.refetch()\n\t\t},\n\t}\n}\n"],"names":["useNavigationClient","useRetrieveProjectQuery","createPublicApiHeaderBuilder","retrieveProjectQueryKey","useRetrieveContributorQuery","retrieveContributorKeys"],"mappings":";;;;;;AAcO,SAAS,0BAA0B,WAAmB;AAC5D,QAAM,mBAAmBA,yBAAAA,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAAC,wBAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpCC,uBAAAA,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAUC,wBAAAA,wBAAwB,aAAa,SAAS;AAAA,MACxD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,8BAA8B,WAAmB;AAChE,QAAM,mBAAmBH,yBAAAA,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAAI,4BAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpCF,uBAAAA,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAUG,oDAAwB,eAAe;AAAA,QAChD,SAAS,EAAE,IAAI,UAAU;AAAA,QACzB,aAAa,EAAE,mBAAmB,KAAK;AAAA,MAAA,CACvC;AAAA,MACD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,kBAAkB,WAAmB;;AAC9C,QAAA,eAAe,0BAA0B,SAAS;AAClD,QAAA,mBAAmB,8BAA8B,SAAS;AAEzD,SAAA;AAAA;AAAA,IAEN;AAAA,IACA;AAAA;AAAA,IAGA,MAAM;AAAA,MACL,SAAS,aAAa;AAAA,MACtB,cAAa,sBAAiB,SAAjB,mBAAuB;AAAA,IACrC;AAAA;AAAA,IAGA,WAAW,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGtD,OAAO,aAAa,SAAS,iBAAiB;AAAA;AAAA,IAG9C,cAAc,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGzD,YAAY,CAAC,EAAE,aAAa,QAAQ,iBAAiB;AAAA;AAAA,IAGrD,YAAY,MAAM;AACjB,mBAAa,QAAQ;AACrB,uBAAiB,QAAQ;AAAA,IAAA;AAAA,EAE3B;AACD;;;;"}
+{"version":3,"file":"harmony93.cjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: typeof window !== 'undefined' && window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":["jsx","Tooltip","Link","clsx","styles"],"mappings":";;;;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACEA,2BAAA,IAAAC,MAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAAA,KAAKC,gBAAA,QAAO,MAAM;AAAA,QAC5B,CAACA,gBAAO,QAAA,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;;"}

package/dist/harmony93.mjs

@@ -1,69 +1,21 @@
-import { createPublicApiHeaderBuilder } from "./harmony21.mjs";
-import { useRetrieveContributorQuery, retrieveContributorKeys } from "./harmony55.mjs";
-import { useRetrieveProjectQuery, retrieveProjectQueryKey } from "./harmony56.mjs";
-import { useNavigationClient } from "./harmony94.mjs";
-function useNavigationProjectQuery(projectId) {
-  const navigationClient = useNavigationClient();
-  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
-  return useRetrieveProjectQuery(
-    navigationClient.getPublicApiClient(),
-    createPublicApiHeaderBuilder(expertPublicApiUrl),
+import { jsx } from "react/jsx-runtime";
+import { Tooltip, Link } from "@lokalise/louis";
+import { clsx } from "./harmony73.mjs";
+import styles from "./harmony107.mjs";
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsx(
+    Link,
     {
-      queryKey: retrieveProjectQueryKey.projectIdKey(projectId),
-      enabled: !!projectId,
-      staleTime: 5 * 60 * 1e3
-      // 5 minutes
-    }
-  );
-}
-function useNavigationContributorQuery(projectId) {
-  const navigationClient = useNavigationClient();
-  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
-  return useRetrieveContributorQuery(
-    navigationClient.getPublicApiClient(),
-    createPublicApiHeaderBuilder(expertPublicApiUrl),
-    {
-      queryKey: retrieveContributorKeys.projectUserKey({
-        project: { id: projectId },
-        contributor: { authenticatedUser: true }
+      "aria-label": label,
+      className: clsx(styles.link, {
+        [styles.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
       }),
-      enabled: !!projectId,
-      staleTime: 5 * 60 * 1e3
-      // 5 minutes
+      href: to,
+      children: /* @__PURE__ */ jsx(Icon, { size: "25px" })
     }
-  );
-}
-function useNavigationData(projectId) {
-  var _a;
-  const projectQuery = useNavigationProjectQuery(projectId);
-  const contributorQuery = useNavigationContributorQuery(projectId);
-  return {
-    // Individual queries
-    projectQuery,
-    contributorQuery,
-    // Combined data
-    data: {
-      project: projectQuery.data,
-      contributor: (_a = contributorQuery.data) == null ? void 0 : _a.contributor
-    },
-    // Combined loading state
-    isLoading: projectQuery.isLoading || contributorQuery.isLoading,
-    // Combined error state
-    error: projectQuery.error || contributorQuery.error,
-    // Check if any query is still loading
-    isAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,
-    // Check if all queries have data
-    hasAllData: !!(projectQuery.data && contributorQuery.data),
-    // Refetch all queries
-    refetchAll: () => {
-      projectQuery.refetch();
-      contributorQuery.refetch();
-    }
-  };
-}
+  ) });
+};
 export {
-  useNavigationContributorQuery,
-  useNavigationData,
-  useNavigationProjectQuery
+  IconLink
 };
 //# sourceMappingURL=harmony93.mjs.map

package/dist/harmony93.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony93.mjs","sources":["../src/features/navigation/hooks/useNavigationQueries.ts"],"sourcesContent":["import { createPublicApiHeaderBuilder } from '@features/auth/factories/headerBuilderFactories'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport {\n\tretrieveProjectQueryKey,\n\tuseRetrieveProjectQuery,\n} from '@features/publicApi/hooks/useRetrieveProjectQuery'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n\n/**\n * Hook to fetch project data for navigation\n */\nexport function useNavigationProjectQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveProjectQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveProjectQueryKey.projectIdKey(projectId),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Hook to fetch contributor data for navigation\n */\nexport function useNavigationContributorQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveContributorQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveContributorKeys.projectUserKey({\n\t\t\t\tproject: { id: projectId },\n\t\t\t\tcontributor: { authenticatedUser: true },\n\t\t\t}),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Composite hook that fetches all navigation data\n */\nexport function useNavigationData(projectId: string) {\n\tconst projectQuery = useNavigationProjectQuery(projectId)\n\tconst contributorQuery = useNavigationContributorQuery(projectId)\n\n\treturn {\n\t\t// Individual queries\n\t\tprojectQuery,\n\t\tcontributorQuery,\n\n\t\t// Combined data\n\t\tdata: {\n\t\t\tproject: projectQuery.data,\n\t\t\tcontributor: contributorQuery.data?.contributor,\n\t\t},\n\n\t\t// Combined loading state\n\t\tisLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Combined error state\n\t\terror: projectQuery.error || contributorQuery.error,\n\n\t\t// Check if any query is still loading\n\t\tisAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Check if all queries have data\n\t\thasAllData: !!(projectQuery.data && contributorQuery.data),\n\n\t\t// Refetch all queries\n\t\trefetchAll: () => {\n\t\t\tprojectQuery.refetch()\n\t\t\tcontributorQuery.refetch()\n\t\t},\n\t}\n}\n"],"names":[],"mappings":";;;;AAcO,SAAS,0BAA0B,WAAmB;AAC5D,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpC,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAU,wBAAwB,aAAa,SAAS;AAAA,MACxD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,8BAA8B,WAAmB;AAChE,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpC,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAU,wBAAwB,eAAe;AAAA,QAChD,SAAS,EAAE,IAAI,UAAU;AAAA,QACzB,aAAa,EAAE,mBAAmB,KAAK;AAAA,MAAA,CACvC;AAAA,MACD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,kBAAkB,WAAmB;;AAC9C,QAAA,eAAe,0BAA0B,SAAS;AAClD,QAAA,mBAAmB,8BAA8B,SAAS;AAEzD,SAAA;AAAA;AAAA,IAEN;AAAA,IACA;AAAA;AAAA,IAGA,MAAM;AAAA,MACL,SAAS,aAAa;AAAA,MACtB,cAAa,sBAAiB,SAAjB,mBAAuB;AAAA,IACrC;AAAA;AAAA,IAGA,WAAW,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGtD,OAAO,aAAa,SAAS,iBAAiB;AAAA;AAAA,IAG9C,cAAc,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGzD,YAAY,CAAC,EAAE,aAAa,QAAQ,iBAAiB;AAAA;AAAA,IAGrD,YAAY,MAAM;AACjB,mBAAa,QAAQ;AACrB,uBAAiB,QAAQ;AAAA,IAAA;AAAA,EAE3B;AACD;"}
+{"version":3,"file":"harmony93.mjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: typeof window !== 'undefined' && window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":[],"mappings":";;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACE,oBAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,KAAK,OAAO,MAAM;AAAA,QAC5B,CAAC,OAAO,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAA,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;"}