@lokalise/harmony 2.1.0-exp-testingContracts.6 → 2.1.0-exp-testingContracts.7

package/dist/harmony100.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony100.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":"harmony100.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;"}

package/dist/harmony101.cjs

@@ -1,6 +1,42 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactQuery = require("@tanstack/react-query");
-const queryClient = new reactQuery.QueryClient({});
-exports.queryClient = queryClient;
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const SidebarContext = require("./harmony108.cjs");
+const SidebarProvider = ({
+  data,
+  jwt,
+  children
+}) => {
+  const { userTeams, currentTeam } = data;
+  const otherTeams = React.useMemo(() => {
+    var _a;
+    if (((_a = currentTeam.result) == null ? void 0 : _a.id) && userTeams.result) {
+      const currentTeamId = currentTeam.result.id;
+      return {
+        result: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),
+        loading: false,
+        error: false
+      };
+    }
+    return {
+      result: null,
+      loading: true,
+      error: false
+    };
+  }, [currentTeam, userTeams]);
+  const providerValue = React.useMemo(
+    () => ({
+      jwt,
+      data: {
+        userTeams,
+        currentTeam,
+        otherTeams
+      }
+    }),
+    [jwt, userTeams, currentTeam, otherTeams]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.SidebarContext.Provider, { value: providerValue, children });
+};
+exports.SidebarProvider = SidebarProvider;
 //# sourceMappingURL=harmony101.cjs.map

package/dist/harmony101.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony101.cjs","sources":["../src/shared/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient({})\n"],"names":["QueryClient"],"mappings":";;;AAEO,MAAM,cAAc,IAAIA,WAAAA,YAAY,CAAE,CAAA;;"}
+{"version":3,"file":"harmony101.cjs","sources":["../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\nimport { SidebarContext } from './SidebarContext'\nimport type {\n\tSidebarContextProps,\n\tSidebarDataItem,\n\tSidebarProviderProps,\n\tSidebarTeam,\n} from './types'\n\nexport const SidebarProvider = ({\n\tdata,\n\tjwt,\n\tchildren,\n}: PropsWithChildren<SidebarProviderProps>) => {\n\tconst { userTeams, currentTeam } = data\n\n\tconst otherTeams: SidebarDataItem<SidebarTeam[]> = useMemo(() => {\n\t\tif (currentTeam.result?.id && userTeams.result) {\n\t\t\tconst currentTeamId = currentTeam.result.id\n\t\t\treturn {\n\t\t\t\tresult: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tresult: null,\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t}\n\t}, [currentTeam, userTeams])\n\n\tconst providerValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tjwt,\n\t\t\tdata: {\n\t\t\t\tuserTeams,\n\t\t\t\tcurrentTeam,\n\t\t\t\totherTeams,\n\t\t\t},\n\t\t}),\n\t\t[jwt, userTeams, currentTeam, otherTeams],\n\t)\n\n\treturn <SidebarContext.Provider value={providerValue}>{children}</SidebarContext.Provider>\n}\n"],"names":["useMemo","SidebarContext"],"mappings":";;;;;AASO,MAAM,kBAAkB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,MAA+C;AACxC,QAAA,EAAE,WAAW,YAAA,IAAgB;AAE7B,QAAA,aAA6CA,MAAAA,QAAQ,MAAM;;AAChE,UAAI,iBAAY,WAAZ,mBAAoB,OAAM,UAAU,QAAQ;AACzC,YAAA,gBAAgB,YAAY,OAAO;AAClC,aAAA;AAAA,QACN,QAAQ,UAAU,OAAO,OAAO,CAAC,aAAa,SAAS,OAAO,aAAa;AAAA,QAC3E,SAAS;AAAA,QACT,OAAO;AAAA,MACR;AAAA,IAAA;AAGM,WAAA;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,EAAA,GACE,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,gBAAgBA,MAAA;AAAA,IACrB,OAAO;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACD;AAAA,IAED,CAAC,KAAK,WAAW,aAAa,UAAU;AAAA,EACzC;AAEA,wCAAQC,eAAAA,eAAe,UAAf,EAAwB,OAAO,eAAgB,UAAS;AACjE;;"}

package/dist/harmony101.mjs

@@ -1,6 +1,42 @@
-import { QueryClient } from "@tanstack/react-query";
-const queryClient = new QueryClient({});
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { SidebarContext } from "./harmony108.mjs";
+const SidebarProvider = ({
+  data,
+  jwt,
+  children
+}) => {
+  const { userTeams, currentTeam } = data;
+  const otherTeams = useMemo(() => {
+    var _a;
+    if (((_a = currentTeam.result) == null ? void 0 : _a.id) && userTeams.result) {
+      const currentTeamId = currentTeam.result.id;
+      return {
+        result: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),
+        loading: false,
+        error: false
+      };
+    }
+    return {
+      result: null,
+      loading: true,
+      error: false
+    };
+  }, [currentTeam, userTeams]);
+  const providerValue = useMemo(
+    () => ({
+      jwt,
+      data: {
+        userTeams,
+        currentTeam,
+        otherTeams
+      }
+    }),
+    [jwt, userTeams, currentTeam, otherTeams]
+  );
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: providerValue, children });
+};
 export {
-  queryClient
+  SidebarProvider
 };
 //# sourceMappingURL=harmony101.mjs.map

package/dist/harmony101.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony101.mjs","sources":["../src/shared/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient({})\n"],"names":[],"mappings":";AAEO,MAAM,cAAc,IAAI,YAAY,CAAE,CAAA;"}
+{"version":3,"file":"harmony101.mjs","sources":["../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\nimport { SidebarContext } from './SidebarContext'\nimport type {\n\tSidebarContextProps,\n\tSidebarDataItem,\n\tSidebarProviderProps,\n\tSidebarTeam,\n} from './types'\n\nexport const SidebarProvider = ({\n\tdata,\n\tjwt,\n\tchildren,\n}: PropsWithChildren<SidebarProviderProps>) => {\n\tconst { userTeams, currentTeam } = data\n\n\tconst otherTeams: SidebarDataItem<SidebarTeam[]> = useMemo(() => {\n\t\tif (currentTeam.result?.id && userTeams.result) {\n\t\t\tconst currentTeamId = currentTeam.result.id\n\t\t\treturn {\n\t\t\t\tresult: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tresult: null,\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t}\n\t}, [currentTeam, userTeams])\n\n\tconst providerValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tjwt,\n\t\t\tdata: {\n\t\t\t\tuserTeams,\n\t\t\t\tcurrentTeam,\n\t\t\t\totherTeams,\n\t\t\t},\n\t\t}),\n\t\t[jwt, userTeams, currentTeam, otherTeams],\n\t)\n\n\treturn <SidebarContext.Provider value={providerValue}>{children}</SidebarContext.Provider>\n}\n"],"names":[],"mappings":";;;AASO,MAAM,kBAAkB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,MAA+C;AACxC,QAAA,EAAE,WAAW,YAAA,IAAgB;AAE7B,QAAA,aAA6C,QAAQ,MAAM;;AAChE,UAAI,iBAAY,WAAZ,mBAAoB,OAAM,UAAU,QAAQ;AACzC,YAAA,gBAAgB,YAAY,OAAO;AAClC,aAAA;AAAA,QACN,QAAQ,UAAU,OAAO,OAAO,CAAC,aAAa,SAAS,OAAO,aAAa;AAAA,QAC3E,SAAS;AAAA,QACT,OAAO;AAAA,MACR;AAAA,IAAA;AAGM,WAAA;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,EAAA,GACE,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,gBAAgB;AAAA,IACrB,OAAO;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACD;AAAA,IAED,CAAC,KAAK,WAAW,aAAa,UAAU;AAAA,EACzC;AAEA,6BAAQ,eAAe,UAAf,EAAwB,OAAO,eAAgB,UAAS;AACjE;"}

package/dist/harmony102.cjs

@@ -1,46 +1,41 @@
 "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;
+const jsxRuntime = require("react/jsx-runtime");
+const IconLink = require("./harmony109.cjs");
+const ProfileMenu = require("./harmony110.cjs");
+const useSidebar = require("./harmony111.cjs");
+const louis = require("@lokalise/louis");
+const permissions = require("./harmony112.cjs");
+const Avatar = require("./harmony113.cjs");
+const HelpMenu = require("./harmony114.cjs");
+const SidebarContent_module = require("./harmony115.cjs");
+const SidebarContent = ({ widgetsConfig, children, ...navProps }) => {
+  const sidebarContextProps = useSidebar.useSidebar();
+  const { jwt } = sidebarContextProps;
+  const { avatar, styleGuide } = widgetsConfig;
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...navProps, className: SidebarContent_module.default.sidebarContainer, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, { ...avatar }),
+      !jwt ? /* @__PURE__ */ jsxRuntime.jsx(louis.Skeleton, { description: "Top Section Loader", animated: true, className: SidebarContent_module.default.sidebarSkeleton, children: Array.from({ length: 3 }).map(() => /* @__PURE__ */ jsxRuntime.jsx(
+        louis.Rectangle,
+        {
+          height: 40,
+          width: 40
+        },
+        `sidebar-top-widget-loader-${crypto.randomUUID()}`
+      )) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jwt && !jwt.isEndOfTrialActive && !jwt.isTeamSuspended && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/projects", label: "Projects", icon: louis.ProjectIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/order", label: "Order", icon: louis.ShoppingBagIcon }),
+        (styleGuide == null ? void 0 : styleGuide.enabled) && permissions.canAccessStyleGuide(jwt) && /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/style-guide", label: "Style Guide", icon: louis.StyleguideIcon }),
+        permissions.canAccessReporting(jwt) && /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/analytics", label: "Analytics", icon: louis.ChartLineIcon })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(HelpMenu.HelpMenu, { ...widgetsConfig.helpMenu })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      children && typeof children === "function" ? children(sidebarContextProps) : children,
+      /* @__PURE__ */ jsxRuntime.jsx(ProfileMenu.ProfileMenu, { config: widgetsConfig.profileMenu })
+    ] })
+  ] });
+};
+exports.SidebarContent = SidebarContent;
 //# sourceMappingURL=harmony102.cjs.map

package/dist/harmony102.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony102.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":"harmony102.cjs","sources":["../src/components/Sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { IconLink } from '@components/Sidebar/Widgets/IconLink/IconLink'\nimport { ProfileMenu } from '@components/Sidebar/Widgets/ProfileMenu/ProfileMenu'\nimport { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarWidgetsConfig } from '@components/Sidebar/types'\nimport type { SidebarContextProps } from '@components/Sidebar/types'\nimport {\n\tChartLineIcon,\n\tProjectIcon,\n\tRectangle,\n\tShoppingBagIcon,\n\tSkeleton,\n\tStyleguideIcon,\n} from '@lokalise/louis'\nimport { canAccessReporting, canAccessStyleGuide } from '@utils/user/permissions'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { Avatar } from '../Widgets/Avatar/Avatar'\nimport { HelpMenu } from '../Widgets/HelpMenu/HelpMenu'\nimport styles from './SidebarContent.module.css'\n\nexport type SidebarContentProps = Omit<HTMLProps<HTMLElement>, 'children'> & {\n\twidgetsConfig: SidebarWidgetsConfig\n\tchildren?: ((props: SidebarContextProps) => ReactNode) | ReactNode\n}\n\nexport const SidebarContent = ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => {\n\tconst sidebarContextProps = useSidebar()\n\n\tconst { jwt } = sidebarContextProps\n\n\tconst { avatar, styleGuide } = widgetsConfig\n\n\treturn (\n\t\t<nav {...navProps} className={styles.sidebarContainer}>\n\t\t\t<div>\n\t\t\t\t<Avatar {...avatar} />\n\n\t\t\t\t{!jwt ? (\n\t\t\t\t\t<Skeleton description={'Top Section Loader'} animated className={styles.sidebarSkeleton}>\n\t\t\t\t\t\t{Array.from({ length: 3 }).map(() => (\n\t\t\t\t\t\t\t<Rectangle\n\t\t\t\t\t\t\t\tkey={`sidebar-top-widget-loader-${crypto.randomUUID()}`}\n\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Skeleton>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{jwt && !jwt.isEndOfTrialActive && !jwt.isTeamSuspended && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{/** TODO - All URLs should be pointing to Expert here. We need resolve URL function to deal with this */}\n\t\t\t\t\t\t\t\t<IconLink to=\"/projects\" label={'Projects'} icon={ProjectIcon} />\n\t\t\t\t\t\t\t\t<IconLink to=\"/order\" label=\"Order\" icon={ShoppingBagIcon} />\n\n\t\t\t\t\t\t\t\t{styleGuide?.enabled && canAccessStyleGuide(jwt) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/style-guide\" label=\"Style Guide\" icon={StyleguideIcon} />\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{canAccessReporting(jwt) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/analytics\" label=\"Analytics\" icon={ChartLineIcon} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<HelpMenu {...widgetsConfig.helpMenu} />\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{children && typeof children === 'function' ? children(sidebarContextProps) : children}\n\t\t\t\t<ProfileMenu config={widgetsConfig.profileMenu} />\n\t\t\t</div>\n\t\t</nav>\n\t)\n}\n"],"names":["useSidebar","styles","jsxs","jsx","Avatar","Skeleton","Rectangle","Fragment","IconLink","ProjectIcon","ShoppingBagIcon","canAccessStyleGuide","StyleguideIcon","canAccessReporting","ChartLineIcon","HelpMenu","ProfileMenu"],"mappings":";;;;;;;;;;;AAwBO,MAAM,iBAAiB,CAAC,EAAE,eAAe,UAAU,GAAG,eAAoC;AAChG,QAAM,sBAAsBA,WAAAA,WAAW;AAEjC,QAAA,EAAE,QAAQ;AAEV,QAAA,EAAE,QAAQ,WAAA,IAAe;AAE/B,yCACE,OAAK,EAAA,GAAG,UAAU,WAAWC,8BAAO,kBACpC,UAAA;AAAA,IAAAC,gCAAC,OACA,EAAA,UAAA;AAAA,MAACC,2BAAAA,IAAAC,OAAA,QAAA,EAAQ,GAAG,QAAQ;AAAA,MAEnB,CAAC,MACDD,2BAAA,IAACE,kBAAS,aAAa,sBAAsB,UAAQ,MAAC,WAAWJ,sBAAAA,QAAO,iBACtE,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAG,CAAA,EAAE,IAAI,MAC9BE,2BAAA;AAAA,QAACG,MAAA;AAAA,QAAA;AAAA,UAEA,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,QAFF,6BAA6B,OAAO,YAAY;AAAA,MAAA,CAItD,EACF,CAAA,IAGEH,2BAAA,IAAAI,WAAA,UAAA,EAAA,UAAA,OAAO,CAAC,IAAI,sBAAsB,CAAC,IAAI,mBAGtCL,2BAAAA,KAAAK,WAAAA,UAAA,EAAA,UAAA;AAAA,QAAAJ,+BAACK,SAAAA,YAAS,IAAG,aAAY,OAAO,YAAY,MAAMC,MAAAA,aAAa;AAAA,uCAC9DD,SAAAA,UAAS,EAAA,IAAG,UAAS,OAAM,SAAQ,MAAME,MAAAA,iBAAiB;AAAA,SAE1D,yCAAY,YAAWC,YAAAA,oBAAoB,GAAG,KAC9CR,2BAAA,IAACK,SAAS,UAAA,EAAA,IAAG,gBAAe,OAAM,eAAc,MAAMI,MAAgB,eAAA,CAAA;AAAA,QAGtEC,YAAAA,mBAAmB,GAAG,KACrBV,2BAAA,IAAAK,mBAAA,EAAS,IAAG,cAAa,OAAM,aAAY,MAAMM,MAAAA,cAAe,CAAA;AAAA,MAAA,EAAA,CAEnE,EAEF,CAAA;AAAA,MAEAX,2BAAAA,IAAAY,SAAA,UAAA,EAAU,GAAG,cAAc,SAAU,CAAA;AAAA,IAAA,GACvC;AAAA,oCACC,OACC,EAAA,UAAA;AAAA,MAAA,YAAY,OAAO,aAAa,aAAa,SAAS,mBAAmB,IAAI;AAAA,MAC7EZ,2BAAAA,IAAAa,YAAAA,aAAA,EAAY,QAAQ,cAAc,YAAa,CAAA;AAAA,IAAA,EACjD,CAAA;AAAA,EAAA,GACD;AAEF;;"}

package/dist/harmony102.mjs

@@ -1,46 +1,41 @@
-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;
-  }
-}
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { IconLink } from "./harmony109.mjs";
+import { ProfileMenu } from "./harmony110.mjs";
+import { useSidebar } from "./harmony111.mjs";
+import { Skeleton, Rectangle, ProjectIcon, ShoppingBagIcon, StyleguideIcon, ChartLineIcon } from "@lokalise/louis";
+import { canAccessStyleGuide, canAccessReporting } from "./harmony112.mjs";
+import { Avatar } from "./harmony113.mjs";
+import { HelpMenu } from "./harmony114.mjs";
+import styles from "./harmony115.mjs";
+const SidebarContent = ({ widgetsConfig, children, ...navProps }) => {
+  const sidebarContextProps = useSidebar();
+  const { jwt } = sidebarContextProps;
+  const { avatar, styleGuide } = widgetsConfig;
+  return /* @__PURE__ */ jsxs("nav", { ...navProps, className: styles.sidebarContainer, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Avatar, { ...avatar }),
+      !jwt ? /* @__PURE__ */ jsx(Skeleton, { description: "Top Section Loader", animated: true, className: styles.sidebarSkeleton, children: Array.from({ length: 3 }).map(() => /* @__PURE__ */ jsx(
+        Rectangle,
+        {
+          height: 40,
+          width: 40
+        },
+        `sidebar-top-widget-loader-${crypto.randomUUID()}`
+      )) }) : /* @__PURE__ */ jsx(Fragment, { children: jwt && !jwt.isEndOfTrialActive && !jwt.isTeamSuspended && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconLink, { to: "/projects", label: "Projects", icon: ProjectIcon }),
+        /* @__PURE__ */ jsx(IconLink, { to: "/order", label: "Order", icon: ShoppingBagIcon }),
+        (styleGuide == null ? void 0 : styleGuide.enabled) && canAccessStyleGuide(jwt) && /* @__PURE__ */ jsx(IconLink, { to: "/style-guide", label: "Style Guide", icon: StyleguideIcon }),
+        canAccessReporting(jwt) && /* @__PURE__ */ jsx(IconLink, { to: "/analytics", label: "Analytics", icon: ChartLineIcon })
+      ] }) }),
+      /* @__PURE__ */ jsx(HelpMenu, { ...widgetsConfig.helpMenu })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      children && typeof children === "function" ? children(sidebarContextProps) : children,
+      /* @__PURE__ */ jsx(ProfileMenu, { config: widgetsConfig.profileMenu })
+    ] })
+  ] });
+};
 export {
-  NavigationClient
+  SidebarContent
 };
 //# sourceMappingURL=harmony102.mjs.map

package/dist/harmony102.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony102.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":"harmony102.mjs","sources":["../src/components/Sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { IconLink } from '@components/Sidebar/Widgets/IconLink/IconLink'\nimport { ProfileMenu } from '@components/Sidebar/Widgets/ProfileMenu/ProfileMenu'\nimport { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarWidgetsConfig } from '@components/Sidebar/types'\nimport type { SidebarContextProps } from '@components/Sidebar/types'\nimport {\n\tChartLineIcon,\n\tProjectIcon,\n\tRectangle,\n\tShoppingBagIcon,\n\tSkeleton,\n\tStyleguideIcon,\n} from '@lokalise/louis'\nimport { canAccessReporting, canAccessStyleGuide } from '@utils/user/permissions'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { Avatar } from '../Widgets/Avatar/Avatar'\nimport { HelpMenu } from '../Widgets/HelpMenu/HelpMenu'\nimport styles from './SidebarContent.module.css'\n\nexport type SidebarContentProps = Omit<HTMLProps<HTMLElement>, 'children'> & {\n\twidgetsConfig: SidebarWidgetsConfig\n\tchildren?: ((props: SidebarContextProps) => ReactNode) | ReactNode\n}\n\nexport const SidebarContent = ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => {\n\tconst sidebarContextProps = useSidebar()\n\n\tconst { jwt } = sidebarContextProps\n\n\tconst { avatar, styleGuide } = widgetsConfig\n\n\treturn (\n\t\t<nav {...navProps} className={styles.sidebarContainer}>\n\t\t\t<div>\n\t\t\t\t<Avatar {...avatar} />\n\n\t\t\t\t{!jwt ? (\n\t\t\t\t\t<Skeleton description={'Top Section Loader'} animated className={styles.sidebarSkeleton}>\n\t\t\t\t\t\t{Array.from({ length: 3 }).map(() => (\n\t\t\t\t\t\t\t<Rectangle\n\t\t\t\t\t\t\t\tkey={`sidebar-top-widget-loader-${crypto.randomUUID()}`}\n\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Skeleton>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{jwt && !jwt.isEndOfTrialActive && !jwt.isTeamSuspended && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{/** TODO - All URLs should be pointing to Expert here. We need resolve URL function to deal with this */}\n\t\t\t\t\t\t\t\t<IconLink to=\"/projects\" label={'Projects'} icon={ProjectIcon} />\n\t\t\t\t\t\t\t\t<IconLink to=\"/order\" label=\"Order\" icon={ShoppingBagIcon} />\n\n\t\t\t\t\t\t\t\t{styleGuide?.enabled && canAccessStyleGuide(jwt) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/style-guide\" label=\"Style Guide\" icon={StyleguideIcon} />\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{canAccessReporting(jwt) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/analytics\" label=\"Analytics\" icon={ChartLineIcon} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<HelpMenu {...widgetsConfig.helpMenu} />\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{children && typeof children === 'function' ? children(sidebarContextProps) : children}\n\t\t\t\t<ProfileMenu config={widgetsConfig.profileMenu} />\n\t\t\t</div>\n\t\t</nav>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,iBAAiB,CAAC,EAAE,eAAe,UAAU,GAAG,eAAoC;AAChG,QAAM,sBAAsB,WAAW;AAEjC,QAAA,EAAE,QAAQ;AAEV,QAAA,EAAE,QAAQ,WAAA,IAAe;AAE/B,8BACE,OAAK,EAAA,GAAG,UAAU,WAAW,OAAO,kBACpC,UAAA;AAAA,IAAA,qBAAC,OACA,EAAA,UAAA;AAAA,MAAC,oBAAA,QAAA,EAAQ,GAAG,QAAQ;AAAA,MAEnB,CAAC,MACD,oBAAC,YAAS,aAAa,sBAAsB,UAAQ,MAAC,WAAW,OAAO,iBACtE,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAG,CAAA,EAAE,IAAI,MAC9B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,QAFF,6BAA6B,OAAO,YAAY;AAAA,MAAA,CAItD,EACF,CAAA,IAGE,oBAAA,UAAA,EAAA,UAAA,OAAO,CAAC,IAAI,sBAAsB,CAAC,IAAI,mBAGtC,qBAAA,UAAA,EAAA,UAAA;AAAA,QAAA,oBAAC,YAAS,IAAG,aAAY,OAAO,YAAY,MAAM,aAAa;AAAA,4BAC9D,UAAS,EAAA,IAAG,UAAS,OAAM,SAAQ,MAAM,iBAAiB;AAAA,SAE1D,yCAAY,YAAW,oBAAoB,GAAG,KAC9C,oBAAC,UAAS,EAAA,IAAG,gBAAe,OAAM,eAAc,MAAM,eAAgB,CAAA;AAAA,QAGtE,mBAAmB,GAAG,KACrB,oBAAA,UAAA,EAAS,IAAG,cAAa,OAAM,aAAY,MAAM,cAAe,CAAA;AAAA,MAAA,EAAA,CAEnE,EAEF,CAAA;AAAA,MAEA,oBAAA,UAAA,EAAU,GAAG,cAAc,SAAU,CAAA;AAAA,IAAA,GACvC;AAAA,yBACC,OACC,EAAA,UAAA;AAAA,MAAA,YAAY,OAAO,aAAa,aAAa,SAAS,mBAAmB,IAAI;AAAA,MAC7E,oBAAA,aAAA,EAAY,QAAQ,cAAc,YAAa,CAAA;AAAA,IAAA,EACjD,CAAA;AAAA,EAAA,GACD;AAEF;"}

package/dist/harmony103.cjs

@@ -1,42 +1,12 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const SidebarContext = require("./harmony112.cjs");
-const SidebarProvider = ({
-  data,
-  jwt,
-  children
-}) => {
-  const { userTeams, currentTeam } = data;
-  const otherTeams = React.useMemo(() => {
-    var _a;
-    if (((_a = currentTeam.result) == null ? void 0 : _a.id) && userTeams.result) {
-      const currentTeamId = currentTeam.result.id;
-      return {
-        result: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),
-        loading: false,
-        error: false
-      };
-    }
-    return {
-      result: null,
-      loading: true,
-      error: false
-    };
-  }, [currentTeam, userTeams]);
-  const providerValue = React.useMemo(
-    () => ({
-      jwt,
-      data: {
-        userTeams,
-        currentTeam,
-        otherTeams
-      }
-    }),
-    [jwt, userTeams, currentTeam, otherTeams]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.SidebarContext.Provider, { value: providerValue, children });
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
+const breadcrumbs = "_breadcrumbs_1hm6a_1";
+const classes = {
+  breadcrumbsItem,
+  breadcrumbs
 };
-exports.SidebarProvider = SidebarProvider;
+exports.breadcrumbs = breadcrumbs;
+exports.breadcrumbsItem = breadcrumbsItem;
+exports.default = classes;
 //# sourceMappingURL=harmony103.cjs.map

package/dist/harmony103.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony103.cjs","sources":["../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\nimport { SidebarContext } from './SidebarContext'\nimport type {\n\tSidebarContextProps,\n\tSidebarDataItem,\n\tSidebarProviderProps,\n\tSidebarTeam,\n} from './types'\n\nexport const SidebarProvider = ({\n\tdata,\n\tjwt,\n\tchildren,\n}: PropsWithChildren<SidebarProviderProps>) => {\n\tconst { userTeams, currentTeam } = data\n\n\tconst otherTeams: SidebarDataItem<SidebarTeam[]> = useMemo(() => {\n\t\tif (currentTeam.result?.id && userTeams.result) {\n\t\t\tconst currentTeamId = currentTeam.result.id\n\t\t\treturn {\n\t\t\t\tresult: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tresult: null,\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t}\n\t}, [currentTeam, userTeams])\n\n\tconst providerValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tjwt,\n\t\t\tdata: {\n\t\t\t\tuserTeams,\n\t\t\t\tcurrentTeam,\n\t\t\t\totherTeams,\n\t\t\t},\n\t\t}),\n\t\t[jwt, userTeams, currentTeam, otherTeams],\n\t)\n\n\treturn <SidebarContext.Provider value={providerValue}>{children}</SidebarContext.Provider>\n}\n"],"names":["useMemo","SidebarContext"],"mappings":";;;;;AASO,MAAM,kBAAkB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,MAA+C;AACxC,QAAA,EAAE,WAAW,YAAA,IAAgB;AAE7B,QAAA,aAA6CA,MAAAA,QAAQ,MAAM;;AAChE,UAAI,iBAAY,WAAZ,mBAAoB,OAAM,UAAU,QAAQ;AACzC,YAAA,gBAAgB,YAAY,OAAO;AAClC,aAAA;AAAA,QACN,QAAQ,UAAU,OAAO,OAAO,CAAC,aAAa,SAAS,OAAO,aAAa;AAAA,QAC3E,SAAS;AAAA,QACT,OAAO;AAAA,MACR;AAAA,IAAA;AAGM,WAAA;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,EAAA,GACE,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,gBAAgBA,MAAA;AAAA,IACrB,OAAO;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACD;AAAA,IAED,CAAC,KAAK,WAAW,aAAa,UAAU;AAAA,EACzC;AAEA,wCAAQC,eAAAA,eAAe,UAAf,EAAwB,OAAO,eAAgB,UAAS;AACjE;;"}
+{"version":3,"file":"harmony103.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/harmony103.mjs

@@ -1,42 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { SidebarContext } from "./harmony112.mjs";
-const SidebarProvider = ({
-  data,
-  jwt,
-  children
-}) => {
-  const { userTeams, currentTeam } = data;
-  const otherTeams = useMemo(() => {
-    var _a;
-    if (((_a = currentTeam.result) == null ? void 0 : _a.id) && userTeams.result) {
-      const currentTeamId = currentTeam.result.id;
-      return {
-        result: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),
-        loading: false,
-        error: false
-      };
-    }
-    return {
-      result: null,
-      loading: true,
-      error: false
-    };
-  }, [currentTeam, userTeams]);
-  const providerValue = useMemo(
-    () => ({
-      jwt,
-      data: {
-        userTeams,
-        currentTeam,
-        otherTeams
-      }
-    }),
-    [jwt, userTeams, currentTeam, otherTeams]
-  );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: providerValue, children });
+const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
+const breadcrumbs = "_breadcrumbs_1hm6a_1";
+const classes = {
+  breadcrumbsItem,
+  breadcrumbs
 };
 export {
-  SidebarProvider
+  breadcrumbs,
+  breadcrumbsItem,
+  classes as default
 };
 //# sourceMappingURL=harmony103.mjs.map

package/dist/harmony103.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony103.mjs","sources":["../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\nimport { SidebarContext } from './SidebarContext'\nimport type {\n\tSidebarContextProps,\n\tSidebarDataItem,\n\tSidebarProviderProps,\n\tSidebarTeam,\n} from './types'\n\nexport const SidebarProvider = ({\n\tdata,\n\tjwt,\n\tchildren,\n}: PropsWithChildren<SidebarProviderProps>) => {\n\tconst { userTeams, currentTeam } = data\n\n\tconst otherTeams: SidebarDataItem<SidebarTeam[]> = useMemo(() => {\n\t\tif (currentTeam.result?.id && userTeams.result) {\n\t\t\tconst currentTeamId = currentTeam.result.id\n\t\t\treturn {\n\t\t\t\tresult: userTeams.result.filter((userTeam) => userTeam.id !== currentTeamId),\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tresult: null,\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t}\n\t}, [currentTeam, userTeams])\n\n\tconst providerValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tjwt,\n\t\t\tdata: {\n\t\t\t\tuserTeams,\n\t\t\t\tcurrentTeam,\n\t\t\t\totherTeams,\n\t\t\t},\n\t\t}),\n\t\t[jwt, userTeams, currentTeam, otherTeams],\n\t)\n\n\treturn <SidebarContext.Provider value={providerValue}>{children}</SidebarContext.Provider>\n}\n"],"names":[],"mappings":";;;AASO,MAAM,kBAAkB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,MAA+C;AACxC,QAAA,EAAE,WAAW,YAAA,IAAgB;AAE7B,QAAA,aAA6C,QAAQ,MAAM;;AAChE,UAAI,iBAAY,WAAZ,mBAAoB,OAAM,UAAU,QAAQ;AACzC,YAAA,gBAAgB,YAAY,OAAO;AAClC,aAAA;AAAA,QACN,QAAQ,UAAU,OAAO,OAAO,CAAC,aAAa,SAAS,OAAO,aAAa;AAAA,QAC3E,SAAS;AAAA,QACT,OAAO;AAAA,MACR;AAAA,IAAA;AAGM,WAAA;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,EAAA,GACE,CAAC,aAAa,SAAS,CAAC;AAE3B,QAAM,gBAAgB;AAAA,IACrB,OAAO;AAAA,MACN;AAAA,MACA,MAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACD;AAAA,IAED,CAAC,KAAK,WAAW,aAAa,UAAU;AAAA,EACzC;AAEA,6BAAQ,eAAe,UAAf,EAAwB,OAAO,eAAgB,UAAS;AACjE;"}
+{"version":3,"file":"harmony103.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/harmony104.cjs

@@ -1,41 +1,36 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const IconLink = require("./harmony113.cjs");
-const ProfileMenu = require("./harmony114.cjs");
-const useSidebar = require("./harmony115.cjs");
 const louis = require("@lokalise/louis");
-const permissions = require("./harmony116.cjs");
-const Avatar = require("./harmony117.cjs");
-const HelpMenu = require("./harmony118.cjs");
-const SidebarContent_module = require("./harmony119.cjs");
-const SidebarContent = ({ widgetsConfig, children, ...navProps }) => {
-  const sidebarContextProps = useSidebar.useSidebar();
-  const { jwt } = sidebarContextProps;
-  const { avatar, styleGuide } = widgetsConfig;
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...navProps, className: SidebarContent_module.default.sidebarContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, { ...avatar }),
-      !jwt ? /* @__PURE__ */ jsxRuntime.jsx(louis.Skeleton, { description: "Top Section Loader", animated: true, className: SidebarContent_module.default.sidebarSkeleton, children: Array.from({ length: 3 }).map(() => /* @__PURE__ */ jsxRuntime.jsx(
-        louis.Rectangle,
+const reactTable = require("@tanstack/react-table");
+const clsx = require("./harmony91.cjs");
+const SortingIcon = require("./harmony116.cjs");
+const TableHeaderCell_module = require("./harmony117.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,
         {
-          height: 40,
-          width: 40
-        },
-        `sidebar-top-widget-loader-${crypto.randomUUID()}`
-      )) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jwt && !jwt.isEndOfTrialActive && !jwt.isTeamSuspended && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/projects", label: "Projects", icon: louis.ProjectIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/order", label: "Order", icon: louis.ShoppingBagIcon }),
-        (styleGuide == null ? void 0 : styleGuide.enabled) && permissions.canAccessStyleGuide(jwt) && /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/style-guide", label: "Style Guide", icon: louis.StyleguideIcon }),
-        permissions.canAccessReporting(jwt) && /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/analytics", label: "Analytics", icon: louis.ChartLineIcon })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(HelpMenu.HelpMenu, { ...widgetsConfig.helpMenu })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      children && typeof children === "function" ? children(sidebarContextProps) : children,
-      /* @__PURE__ */ jsxRuntime.jsx(ProfileMenu.ProfileMenu, { config: widgetsConfig.profileMenu })
-    ] })
-  ] });
-};
-exports.SidebarContent = SidebarContent;
+          direction: header.column.getIsSorted(),
+          onSortToggle: header.column.getToggleSortingHandler()
+        }
+      )
+    ]
+  }
+);
+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=harmony104.cjs.map

package/dist/harmony104.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony104.cjs","sources":["../src/components/Sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { IconLink } from '@components/Sidebar/Widgets/IconLink/IconLink'\nimport { ProfileMenu } from '@components/Sidebar/Widgets/ProfileMenu/ProfileMenu'\nimport { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarWidgetsConfig } from '@components/Sidebar/types'\nimport type { SidebarContextProps } from '@components/Sidebar/types'\nimport {\n\tChartLineIcon,\n\tProjectIcon,\n\tRectangle,\n\tShoppingBagIcon,\n\tSkeleton,\n\tStyleguideIcon,\n} from '@lokalise/louis'\nimport { canAccessReporting, canAccessStyleGuide } from '@utils/user/permissions'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { Avatar } from '../Widgets/Avatar/Avatar'\nimport { HelpMenu } from '../Widgets/HelpMenu/HelpMenu'\nimport styles from './SidebarContent.module.css'\n\nexport type SidebarContentProps = Omit<HTMLProps<HTMLElement>, 'children'> & {\n\twidgetsConfig: SidebarWidgetsConfig\n\tchildren?: ((props: SidebarContextProps) => ReactNode) | ReactNode\n}\n\nexport const SidebarContent = ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => {\n\tconst sidebarContextProps = useSidebar()\n\n\tconst { jwt } = sidebarContextProps\n\n\tconst { avatar, styleGuide } = widgetsConfig\n\n\treturn (\n\t\t<nav {...navProps} className={styles.sidebarContainer}>\n\t\t\t<div>\n\t\t\t\t<Avatar {...avatar} />\n\n\t\t\t\t{!jwt ? (\n\t\t\t\t\t<Skeleton description={'Top Section Loader'} animated className={styles.sidebarSkeleton}>\n\t\t\t\t\t\t{Array.from({ length: 3 }).map(() => (\n\t\t\t\t\t\t\t<Rectangle\n\t\t\t\t\t\t\t\tkey={`sidebar-top-widget-loader-${crypto.randomUUID()}`}\n\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Skeleton>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{jwt && !jwt.isEndOfTrialActive && !jwt.isTeamSuspended && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{/** TODO - All URLs should be pointing to Expert here. We need resolve URL function to deal with this */}\n\t\t\t\t\t\t\t\t<IconLink to=\"/projects\" label={'Projects'} icon={ProjectIcon} />\n\t\t\t\t\t\t\t\t<IconLink to=\"/order\" label=\"Order\" icon={ShoppingBagIcon} />\n\n\t\t\t\t\t\t\t\t{styleGuide?.enabled && canAccessStyleGuide(jwt) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/style-guide\" label=\"Style Guide\" icon={StyleguideIcon} />\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{canAccessReporting(jwt) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/analytics\" label=\"Analytics\" icon={ChartLineIcon} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<HelpMenu {...widgetsConfig.helpMenu} />\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{children && typeof children === 'function' ? children(sidebarContextProps) : children}\n\t\t\t\t<ProfileMenu config={widgetsConfig.profileMenu} />\n\t\t\t</div>\n\t\t</nav>\n\t)\n}\n"],"names":["useSidebar","styles","jsxs","jsx","Avatar","Skeleton","Rectangle","Fragment","IconLink","ProjectIcon","ShoppingBagIcon","canAccessStyleGuide","StyleguideIcon","canAccessReporting","ChartLineIcon","HelpMenu","ProfileMenu"],"mappings":";;;;;;;;;;;AAwBO,MAAM,iBAAiB,CAAC,EAAE,eAAe,UAAU,GAAG,eAAoC;AAChG,QAAM,sBAAsBA,WAAAA,WAAW;AAEjC,QAAA,EAAE,QAAQ;AAEV,QAAA,EAAE,QAAQ,WAAA,IAAe;AAE/B,yCACE,OAAK,EAAA,GAAG,UAAU,WAAWC,8BAAO,kBACpC,UAAA;AAAA,IAAAC,gCAAC,OACA,EAAA,UAAA;AAAA,MAACC,2BAAAA,IAAAC,OAAA,QAAA,EAAQ,GAAG,QAAQ;AAAA,MAEnB,CAAC,MACDD,2BAAA,IAACE,kBAAS,aAAa,sBAAsB,UAAQ,MAAC,WAAWJ,sBAAAA,QAAO,iBACtE,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAG,CAAA,EAAE,IAAI,MAC9BE,2BAAA;AAAA,QAACG,MAAA;AAAA,QAAA;AAAA,UAEA,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,QAFF,6BAA6B,OAAO,YAAY;AAAA,MAAA,CAItD,EACF,CAAA,IAGEH,2BAAA,IAAAI,WAAA,UAAA,EAAA,UAAA,OAAO,CAAC,IAAI,sBAAsB,CAAC,IAAI,mBAGtCL,2BAAAA,KAAAK,WAAAA,UAAA,EAAA,UAAA;AAAA,QAAAJ,+BAACK,SAAAA,YAAS,IAAG,aAAY,OAAO,YAAY,MAAMC,MAAAA,aAAa;AAAA,uCAC9DD,SAAAA,UAAS,EAAA,IAAG,UAAS,OAAM,SAAQ,MAAME,MAAAA,iBAAiB;AAAA,SAE1D,yCAAY,YAAWC,YAAAA,oBAAoB,GAAG,KAC9CR,2BAAA,IAACK,SAAS,UAAA,EAAA,IAAG,gBAAe,OAAM,eAAc,MAAMI,MAAgB,eAAA,CAAA;AAAA,QAGtEC,YAAAA,mBAAmB,GAAG,KACrBV,2BAAA,IAAAK,mBAAA,EAAS,IAAG,cAAa,OAAM,aAAY,MAAMM,MAAAA,cAAe,CAAA;AAAA,MAAA,EAAA,CAEnE,EAEF,CAAA;AAAA,MAEAX,2BAAAA,IAAAY,SAAA,UAAA,EAAU,GAAG,cAAc,SAAU,CAAA;AAAA,IAAA,GACvC;AAAA,oCACC,OACC,EAAA,UAAA;AAAA,MAAA,YAAY,OAAO,aAAa,aAAa,SAAS,mBAAmB,IAAI;AAAA,MAC7EZ,2BAAAA,IAAAa,YAAAA,aAAA,EAAY,QAAQ,cAAc,YAAa,CAAA;AAAA,IAAA,EACjD,CAAA;AAAA,EAAA,GACD;AAEF;;"}
+{"version":3,"file":"harmony104.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;;"}