@lokalise/harmony 1.31.0 → 1.32.0

package/dist/harmony97.mjs

@@ -1,17 +1,14 @@
-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 { parseJwtTokenPayload } from "./harmony15.mjs";
-const _NewJwtIssuedEvent = class _NewJwtIssuedEvent extends CustomEvent {
-  constructor(token) {
-    super(_NewJwtIssuedEvent.eventName, {
-      detail: { token, payload: parseJwtTokenPayload(token.accessToken) }
-    });
-  }
-};
-__publicField(_NewJwtIssuedEvent, "eventName", "new-jwt-issued");
-let NewJwtIssuedEvent = _NewJwtIssuedEvent;
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Tag } from "@lokalise/louis";
+import classes from "./harmony98.mjs";
+const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+  /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    !!badge && /* @__PURE__ */ jsx("div", { className: classes.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
+  ] }),
+  !!novel && /* @__PURE__ */ jsx(Tag, { className: classes.tag, children: novel })
+] });
 export {
-  NewJwtIssuedEvent
+  NavItemContents
 };
 //# sourceMappingURL=harmony97.mjs.map

package/dist/harmony97.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony97.mjs","sources":["../src/features/auth/frontend/events/NewJwtIssuedEvent.ts"],"sourcesContent":["import type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { parseJwtTokenPayload } from '@features/auth/core/utils/jwtTokenPayload'\nimport type { JwtToken } from '@features/publicApi/types/userTokenTypes'\n\ntype NewJwtIssuedEventDetail = {\n\ttoken: JwtToken\n\tpayload: JwtTokenPayload | undefined\n}\n\n/**\n * This event is emitted when a new JWT token is issued or refreshed.\n */\nexport class NewJwtIssuedEvent extends CustomEvent<NewJwtIssuedEventDetail> {\n\tstatic readonly eventName = 'new-jwt-issued' as const\n\n\tconstructor(token: JwtToken) {\n\t\tsuper(NewJwtIssuedEvent.eventName, {\n\t\t\tdetail: { token, payload: parseJwtTokenPayload(token.accessToken) },\n\t\t})\n\t}\n}\n\nexport const isNewJwtIssuedEvent = (event: Event): event is NewJwtIssuedEvent =>\n\tevent.type === NewJwtIssuedEvent.eventName\n\ndeclare global {\n\tinterface WindowEventMap {\n\t\t[NewJwtIssuedEvent.eventName]: NewJwtIssuedEvent\n\t}\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,qBAAN,MAAM,2BAA0B,YAAqC;AAAA,EAG3E,YAAY,OAAiB;AAC5B,UAAM,mBAAkB,WAAW;AAAA,MAClC,QAAQ,EAAE,OAAO,SAAS,qBAAqB,MAAM,WAAW,EAAE;AAAA,IAAA,CAClE;AAAA,EAAA;AAEH;AAPC,cADY,oBACI,aAAY;AADtB,IAAM,oBAAN;"}
+{"version":3,"file":"harmony97.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":[],"mappings":";;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/C,qBAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAA,qBAAC,OACA,EAAA,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACF,oBAAC,SAAI,WAAW,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAAS,oBAAC,OAAI,WAAW,QAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;"}

package/dist/harmony98.cjs

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const menuContainer = "_menuContainer_1phdw_10";
-const profileButton = "_profileButton_1phdw_20";
-const profileImage = "_profileImage_1phdw_33";
-const profileImageHighlight = "_profileImageHighlight_1phdw_41";
-const profileImageUpgradeIcon = "_profileImageUpgradeIcon_1phdw_45";
-const userIconWrapper = "_userIconWrapper_1phdw_51";
-const styles = {
-  menuContainer,
-  profileButton,
-  profileImage,
-  profileImageHighlight,
-  profileImageUpgradeIcon,
-  userIconWrapper
+const badge = "_badge_1pc1v_1";
+const tag = "_tag_1pc1v_15";
+const withNavLinkStyle = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21";
+const disabled = "_disabled_1pc1v_57";
+const projectNavigationItem = "_projectNavigationItem_1pc1v_61";
+const projectNavigationItemDisabled = "_projectNavigationItemDisabled_1pc1v_67";
+const classes = {
+  badge,
+  tag,
+  withNavLinkStyle,
+  disabled,
+  projectNavigationItem,
+  projectNavigationItemDisabled
 };
-exports.default = styles;
-exports.menuContainer = menuContainer;
-exports.profileButton = profileButton;
-exports.profileImage = profileImage;
-exports.profileImageHighlight = profileImageHighlight;
-exports.profileImageUpgradeIcon = profileImageUpgradeIcon;
-exports.userIconWrapper = userIconWrapper;
+exports.badge = badge;
+exports.default = classes;
+exports.disabled = disabled;
+exports.projectNavigationItem = projectNavigationItem;
+exports.projectNavigationItemDisabled = projectNavigationItemDisabled;
+exports.tag = tag;
+exports.withNavLinkStyle = withNavLinkStyle;
 //# sourceMappingURL=harmony98.cjs.map

package/dist/harmony98.mjs

@@ -1,24 +1,24 @@
-const menuContainer = "_menuContainer_1phdw_10";
-const profileButton = "_profileButton_1phdw_20";
-const profileImage = "_profileImage_1phdw_33";
-const profileImageHighlight = "_profileImageHighlight_1phdw_41";
-const profileImageUpgradeIcon = "_profileImageUpgradeIcon_1phdw_45";
-const userIconWrapper = "_userIconWrapper_1phdw_51";
-const styles = {
-  menuContainer,
-  profileButton,
-  profileImage,
-  profileImageHighlight,
-  profileImageUpgradeIcon,
-  userIconWrapper
+const badge = "_badge_1pc1v_1";
+const tag = "_tag_1pc1v_15";
+const withNavLinkStyle = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21";
+const disabled = "_disabled_1pc1v_57";
+const projectNavigationItem = "_projectNavigationItem_1pc1v_61";
+const projectNavigationItemDisabled = "_projectNavigationItemDisabled_1pc1v_67";
+const classes = {
+  badge,
+  tag,
+  withNavLinkStyle,
+  disabled,
+  projectNavigationItem,
+  projectNavigationItemDisabled
 };
 export {
-  styles as default,
-  menuContainer,
-  profileButton,
-  profileImage,
-  profileImageHighlight,
-  profileImageUpgradeIcon,
-  userIconWrapper
+  badge,
+  classes as default,
+  disabled,
+  projectNavigationItem,
+  projectNavigationItemDisabled,
+  tag,
+  withNavLinkStyle
 };
 //# sourceMappingURL=harmony98.mjs.map

package/dist/harmony99.cjs

@@ -1,9 +1,102 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SidebarTeamRoles = {
-  admin: "admin",
-  biller: "biller",
-  owner: "owner"
+const React = require("react");
+const debounce = require("./harmony111.cjs");
+const throttle = require("./harmony112.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {
+  switch (refreshMode) {
+    case "debounce":
+      return debounce.default(resizeCallback, refreshRate, refreshOptions);
+    case "throttle":
+      return throttle.default(resizeCallback, refreshRate, refreshOptions);
+    default:
+      return resizeCallback;
+  }
 };
-exports.SidebarTeamRoles = SidebarTeamRoles;
+const useCallbackRef = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (callback) => {
+    const callbackRef = React__namespace.useRef(callback);
+    React__namespace.useEffect(() => {
+      callbackRef.current = callback;
+    });
+    return React__namespace.useMemo(() => (...args) => {
+      var _a;
+      return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args);
+    }, []);
+  }
+);
+const useRefProxy = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (targetRef) => {
+    const [refElement, setRefElement] = React__namespace.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);
+    if (targetRef) {
+      setTimeout(() => {
+        if (targetRef.current !== refElement) {
+          setRefElement(targetRef.current);
+        }
+      }, 0);
+    }
+    const refProxy = React__namespace.useMemo(() => new Proxy((node) => {
+      if (node !== refElement) {
+        setRefElement(node);
+      }
+    }, {
+      get(target, prop) {
+        if (prop === "current") {
+          return refElement;
+        }
+        return target[prop];
+      },
+      set(target, prop, value) {
+        if (prop === "current") {
+          setRefElement(value);
+        } else {
+          target[prop] = value;
+        }
+        return true;
+      }
+    }), [refElement]);
+    return { refProxy, refElement, setRefElement };
+  }
+);
+const getDimensions = (entry, box) => {
+  if (box === "border-box") {
+    return {
+      width: entry.borderBoxSize[0].inlineSize,
+      height: entry.borderBoxSize[0].blockSize
+    };
+  }
+  if (box === "content-box") {
+    return {
+      width: entry.contentBoxSize[0].inlineSize,
+      height: entry.contentBoxSize[0].blockSize
+    };
+  }
+  return {
+    width: entry.contentRect.width,
+    height: entry.contentRect.height
+  };
+};
+exports.getDimensions = getDimensions;
+exports.patchResizeCallback = patchResizeCallback;
+exports.useCallbackRef = useCallbackRef;
+exports.useRefProxy = useRefProxy;
 //# sourceMappingURL=harmony99.cjs.map

package/dist/harmony99.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.cjs","sources":["../src/components/Sidebar/types.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const SidebarTeamRoles = {\n\tmember: 'member',\n\tadmin: 'admin',\n\tbiller: 'biller',\n\towner: 'owner',\n} as const\n\nexport type SidebarTeamRole = TypesFromMap<typeof SidebarTeamRoles>\n\nexport type SidebarTeam = {\n\tid: number\n\tname: string\n\trole: SidebarTeamRole\n\tlogoUrl: string\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB;AAAA,EAE/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR;;"}
+{"version":3,"file":"harmony99.cjs","sources":["../node_modules/react-resize-detector/build/utils.js"],"sourcesContent":["import * as React from 'react';\nimport debounce from 'lodash/debounce.js';\nimport throttle from 'lodash/throttle.js';\n\n/**\n * Wraps the resize callback with a lodash debounce / throttle based on the refresh mode\n */\nconst patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {\n    switch (refreshMode) {\n        case 'debounce':\n            return debounce(resizeCallback, refreshRate, refreshOptions);\n        case 'throttle':\n            return throttle(resizeCallback, refreshRate, refreshOptions);\n        default:\n            return resizeCallback;\n    }\n};\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nconst useCallbackRef = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(callback) => {\n    const callbackRef = React.useRef(callback);\n    React.useEffect(() => {\n        callbackRef.current = callback;\n    });\n    return React.useMemo(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);\n};\n/** `useRef` hook doesn't handle conditional rendering or dynamic ref changes.\n * This hook creates a proxy that ensures that `refElement` is updated whenever the ref is changed. */\nconst useRefProxy = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(targetRef) => {\n    // we are going to use this ref to store the last element that was passed to the hook\n    const [refElement, setRefElement] = React.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);\n    // if targetRef is passed, we need to update the refElement\n    // we have to use setTimeout because ref get assigned after the hook is called\n    // in the future releases we are going to remove targetRef and force users to use ref returned by the hook\n    if (targetRef) {\n        setTimeout(() => {\n            if (targetRef.current !== refElement) {\n                setRefElement(targetRef.current);\n            }\n        }, 0);\n    }\n    // this is a memo that will be called every time the ref is changed\n    // This proxy will properly call setState either when the ref is called as a function or when `.current` is set\n    // we call setState inside to trigger rerender\n    const refProxy = React.useMemo(() => new Proxy((node) => {\n        if (node !== refElement) {\n            setRefElement(node);\n        }\n    }, {\n        get(target, prop) {\n            if (prop === 'current') {\n                return refElement;\n            }\n            return target[prop];\n        },\n        set(target, prop, value) {\n            if (prop === 'current') {\n                setRefElement(value);\n            }\n            else {\n                target[prop] = value;\n            }\n            return true;\n        },\n    }), [refElement]);\n    return { refProxy, refElement, setRefElement };\n};\n/** Calculates the dimensions of the element based on the current box model.\n * @see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model\n */\nconst getDimensions = (entry, box) => {\n    // Value\t          Border\t  Padding\t  Inner Content\n    // ---------------------------------------------------\n    // 'border-box'\t    Yes\t      Yes\t      Yes\n    // 'content-box'\t  No\t      No\t      Yes\n    //  undefined       No\t      No?\t      Yes\n    if (box === 'border-box') {\n        return {\n            width: entry.borderBoxSize[0].inlineSize,\n            height: entry.borderBoxSize[0].blockSize,\n        };\n    }\n    if (box === 'content-box') {\n        return {\n            width: entry.contentBoxSize[0].inlineSize,\n            height: entry.contentBoxSize[0].blockSize,\n        };\n    }\n    return {\n        width: entry.contentRect.width,\n        height: entry.contentRect.height,\n    };\n};\n\nexport { getDimensions, patchResizeCallback, useCallbackRef, useRefProxy };\n//# sourceMappingURL=utils.js.map\n"],"names":["debounce","throttle","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOK,MAAC,sBAAsB,CAAC,gBAAgB,aAAa,aAAa,mBAAmB;AACtF,UAAQ,aAAW;AAAA,IACf,KAAK;AACD,aAAOA,iBAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D,KAAK;AACD,aAAOC,iBAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D;AACI,aAAO;AAAA,EACnB;AACA;AAKK,MAAC;AAAA;AAAA,EAEN,CAAC,aAAa;AACV,UAAM,cAAcC,iBAAM,OAAO,QAAQ;AACzCA,qBAAM,UAAU,MAAM;AAClB,kBAAY,UAAU;AAAA,IAC9B,CAAK;AACD,WAAOA,iBAAM,QAAQ,MAAO,IAAI,SAAS;AAAE,UAAI;AAAI,cAAQ,KAAK,YAAY,aAAa,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,aAAa,GAAG,IAAI;AAAA,IAAI,GAAG,CAAA,CAAE;AAAA,EACnK;AAAA;AAGK,MAAC;AAAA;AAAA,EAEN,CAAC,cAAc;AAEX,UAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,UAAU,cAAc,QAAQ,cAAc,SAAS,SAAS,UAAU,YAAY,IAAI;AAIpI,QAAI,WAAW;AACX,iBAAW,MAAM;AACb,YAAI,UAAU,YAAY,YAAY;AAClC,wBAAc,UAAU,OAAO;AAAA,QAC/C;AAAA,MACS,GAAE,CAAC;AAAA,IACZ;AAII,UAAM,WAAWA,iBAAM,QAAQ,MAAM,IAAI,MAAM,CAAC,SAAS;AACrD,UAAI,SAAS,YAAY;AACrB,sBAAc,IAAI;AAAA,MAC9B;AAAA,IACA,GAAO;AAAA,MACC,IAAI,QAAQ,MAAM;AACd,YAAI,SAAS,WAAW;AACpB,iBAAO;AAAA,QACvB;AACY,eAAO,OAAO,IAAI;AAAA,MACrB;AAAA,MACD,IAAI,QAAQ,MAAM,OAAO;AACrB,YAAI,SAAS,WAAW;AACpB,wBAAc,KAAK;AAAA,QACnC,OACiB;AACD,iBAAO,IAAI,IAAI;AAAA,QAC/B;AACY,eAAO;AAAA,MACV;AAAA,IACT,CAAK,GAAG,CAAC,UAAU,CAAC;AAChB,WAAO,EAAE,UAAU,YAAY,cAAe;AAAA,EAClD;AAAA;AAIK,MAAC,gBAAgB,CAAC,OAAO,QAAQ;AAMlC,MAAI,QAAQ,cAAc;AACtB,WAAO;AAAA,MACH,OAAO,MAAM,cAAc,CAAC,EAAE;AAAA,MAC9B,QAAQ,MAAM,cAAc,CAAC,EAAE;AAAA,IAClC;AAAA,EACT;AACI,MAAI,QAAQ,eAAe;AACvB,WAAO;AAAA,MACH,OAAO,MAAM,eAAe,CAAC,EAAE;AAAA,MAC/B,QAAQ,MAAM,eAAe,CAAC,EAAE;AAAA,IACnC;AAAA,EACT;AACI,SAAO;AAAA,IACH,OAAO,MAAM,YAAY;AAAA,IACzB,QAAQ,MAAM,YAAY;AAAA,EAC7B;AACL;;;;;","x_google_ignoreList":[0]}

package/dist/harmony99.mjs

@@ -1,9 +1,85 @@
-const SidebarTeamRoles = {
-  admin: "admin",
-  biller: "biller",
-  owner: "owner"
+import * as React from "react";
+import debounce from "./harmony111.mjs";
+import throttle from "./harmony112.mjs";
+const patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {
+  switch (refreshMode) {
+    case "debounce":
+      return debounce(resizeCallback, refreshRate, refreshOptions);
+    case "throttle":
+      return throttle(resizeCallback, refreshRate, refreshOptions);
+    default:
+      return resizeCallback;
+  }
+};
+const useCallbackRef = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (callback) => {
+    const callbackRef = React.useRef(callback);
+    React.useEffect(() => {
+      callbackRef.current = callback;
+    });
+    return React.useMemo(() => (...args) => {
+      var _a;
+      return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args);
+    }, []);
+  }
+);
+const useRefProxy = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (targetRef) => {
+    const [refElement, setRefElement] = React.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);
+    if (targetRef) {
+      setTimeout(() => {
+        if (targetRef.current !== refElement) {
+          setRefElement(targetRef.current);
+        }
+      }, 0);
+    }
+    const refProxy = React.useMemo(() => new Proxy((node) => {
+      if (node !== refElement) {
+        setRefElement(node);
+      }
+    }, {
+      get(target, prop) {
+        if (prop === "current") {
+          return refElement;
+        }
+        return target[prop];
+      },
+      set(target, prop, value) {
+        if (prop === "current") {
+          setRefElement(value);
+        } else {
+          target[prop] = value;
+        }
+        return true;
+      }
+    }), [refElement]);
+    return { refProxy, refElement, setRefElement };
+  }
+);
+const getDimensions = (entry, box) => {
+  if (box === "border-box") {
+    return {
+      width: entry.borderBoxSize[0].inlineSize,
+      height: entry.borderBoxSize[0].blockSize
+    };
+  }
+  if (box === "content-box") {
+    return {
+      width: entry.contentBoxSize[0].inlineSize,
+      height: entry.contentBoxSize[0].blockSize
+    };
+  }
+  return {
+    width: entry.contentRect.width,
+    height: entry.contentRect.height
+  };
 };
 export {
-  SidebarTeamRoles
+  getDimensions,
+  patchResizeCallback,
+  useCallbackRef,
+  useRefProxy
 };
 //# sourceMappingURL=harmony99.mjs.map

package/dist/harmony99.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.mjs","sources":["../src/components/Sidebar/types.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const SidebarTeamRoles = {\n\tmember: 'member',\n\tadmin: 'admin',\n\tbiller: 'biller',\n\towner: 'owner',\n} as const\n\nexport type SidebarTeamRole = TypesFromMap<typeof SidebarTeamRoles>\n\nexport type SidebarTeam = {\n\tid: number\n\tname: string\n\trole: SidebarTeamRole\n\tlogoUrl: string\n}\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAE/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR;"}
+{"version":3,"file":"harmony99.mjs","sources":["../node_modules/react-resize-detector/build/utils.js"],"sourcesContent":["import * as React from 'react';\nimport debounce from 'lodash/debounce.js';\nimport throttle from 'lodash/throttle.js';\n\n/**\n * Wraps the resize callback with a lodash debounce / throttle based on the refresh mode\n */\nconst patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {\n    switch (refreshMode) {\n        case 'debounce':\n            return debounce(resizeCallback, refreshRate, refreshOptions);\n        case 'throttle':\n            return throttle(resizeCallback, refreshRate, refreshOptions);\n        default:\n            return resizeCallback;\n    }\n};\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nconst useCallbackRef = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(callback) => {\n    const callbackRef = React.useRef(callback);\n    React.useEffect(() => {\n        callbackRef.current = callback;\n    });\n    return React.useMemo(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);\n};\n/** `useRef` hook doesn't handle conditional rendering or dynamic ref changes.\n * This hook creates a proxy that ensures that `refElement` is updated whenever the ref is changed. */\nconst useRefProxy = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(targetRef) => {\n    // we are going to use this ref to store the last element that was passed to the hook\n    const [refElement, setRefElement] = React.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);\n    // if targetRef is passed, we need to update the refElement\n    // we have to use setTimeout because ref get assigned after the hook is called\n    // in the future releases we are going to remove targetRef and force users to use ref returned by the hook\n    if (targetRef) {\n        setTimeout(() => {\n            if (targetRef.current !== refElement) {\n                setRefElement(targetRef.current);\n            }\n        }, 0);\n    }\n    // this is a memo that will be called every time the ref is changed\n    // This proxy will properly call setState either when the ref is called as a function or when `.current` is set\n    // we call setState inside to trigger rerender\n    const refProxy = React.useMemo(() => new Proxy((node) => {\n        if (node !== refElement) {\n            setRefElement(node);\n        }\n    }, {\n        get(target, prop) {\n            if (prop === 'current') {\n                return refElement;\n            }\n            return target[prop];\n        },\n        set(target, prop, value) {\n            if (prop === 'current') {\n                setRefElement(value);\n            }\n            else {\n                target[prop] = value;\n            }\n            return true;\n        },\n    }), [refElement]);\n    return { refProxy, refElement, setRefElement };\n};\n/** Calculates the dimensions of the element based on the current box model.\n * @see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model\n */\nconst getDimensions = (entry, box) => {\n    // Value\t          Border\t  Padding\t  Inner Content\n    // ---------------------------------------------------\n    // 'border-box'\t    Yes\t      Yes\t      Yes\n    // 'content-box'\t  No\t      No\t      Yes\n    //  undefined       No\t      No?\t      Yes\n    if (box === 'border-box') {\n        return {\n            width: entry.borderBoxSize[0].inlineSize,\n            height: entry.borderBoxSize[0].blockSize,\n        };\n    }\n    if (box === 'content-box') {\n        return {\n            width: entry.contentBoxSize[0].inlineSize,\n            height: entry.contentBoxSize[0].blockSize,\n        };\n    }\n    return {\n        width: entry.contentRect.width,\n        height: entry.contentRect.height,\n    };\n};\n\nexport { getDimensions, patchResizeCallback, useCallbackRef, useRefProxy };\n//# sourceMappingURL=utils.js.map\n"],"names":[],"mappings":";;;AAOK,MAAC,sBAAsB,CAAC,gBAAgB,aAAa,aAAa,mBAAmB;AACtF,UAAQ,aAAW;AAAA,IACf,KAAK;AACD,aAAO,SAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D,KAAK;AACD,aAAO,SAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D;AACI,aAAO;AAAA,EACnB;AACA;AAKK,MAAC;AAAA;AAAA,EAEN,CAAC,aAAa;AACV,UAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,UAAM,UAAU,MAAM;AAClB,kBAAY,UAAU;AAAA,IAC9B,CAAK;AACD,WAAO,MAAM,QAAQ,MAAO,IAAI,SAAS;AAAE,UAAI;AAAI,cAAQ,KAAK,YAAY,aAAa,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,aAAa,GAAG,IAAI;AAAA,IAAI,GAAG,CAAA,CAAE;AAAA,EACnK;AAAA;AAGK,MAAC;AAAA;AAAA,EAEN,CAAC,cAAc;AAEX,UAAM,CAAC,YAAY,aAAa,IAAI,MAAM,UAAU,cAAc,QAAQ,cAAc,SAAS,SAAS,UAAU,YAAY,IAAI;AAIpI,QAAI,WAAW;AACX,iBAAW,MAAM;AACb,YAAI,UAAU,YAAY,YAAY;AAClC,wBAAc,UAAU,OAAO;AAAA,QAC/C;AAAA,MACS,GAAE,CAAC;AAAA,IACZ;AAII,UAAM,WAAW,MAAM,QAAQ,MAAM,IAAI,MAAM,CAAC,SAAS;AACrD,UAAI,SAAS,YAAY;AACrB,sBAAc,IAAI;AAAA,MAC9B;AAAA,IACA,GAAO;AAAA,MACC,IAAI,QAAQ,MAAM;AACd,YAAI,SAAS,WAAW;AACpB,iBAAO;AAAA,QACvB;AACY,eAAO,OAAO,IAAI;AAAA,MACrB;AAAA,MACD,IAAI,QAAQ,MAAM,OAAO;AACrB,YAAI,SAAS,WAAW;AACpB,wBAAc,KAAK;AAAA,QACnC,OACiB;AACD,iBAAO,IAAI,IAAI;AAAA,QAC/B;AACY,eAAO;AAAA,MACV;AAAA,IACT,CAAK,GAAG,CAAC,UAAU,CAAC;AAChB,WAAO,EAAE,UAAU,YAAY,cAAe;AAAA,EAClD;AAAA;AAIK,MAAC,gBAAgB,CAAC,OAAO,QAAQ;AAMlC,MAAI,QAAQ,cAAc;AACtB,WAAO;AAAA,MACH,OAAO,MAAM,cAAc,CAAC,EAAE;AAAA,MAC9B,QAAQ,MAAM,cAAc,CAAC,EAAE;AAAA,IAClC;AAAA,EACT;AACI,MAAI,QAAQ,eAAe;AACvB,WAAO;AAAA,MACH,OAAO,MAAM,eAAe,CAAC,EAAE;AAAA,MAC/B,QAAQ,MAAM,eAAe,CAAC,EAAE;AAAA,IACnC;AAAA,EACT;AACI,SAAO;AAAA,IACH,OAAO,MAAM,YAAY;AAAA,IACzB,QAAQ,MAAM,YAAY;AAAA,EAC7B;AACL;","x_google_ignoreList":[0]}

package/dist/types/src/features/publicApi/hooks/useGetProjectPermissionMetaQuery.d.ts

@@ -24,9 +24,10 @@ export declare function useGetProjectPermissionMetaQuery<T>(wretchClient: Wretch
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }[];
     roles: {
         role: string;

package/dist/types/src/features/publicApi/projects.d.ts

@@ -1722,27 +1722,30 @@ export declare const getProjectPermissionMeta: import('@lokalise/api-contracts')
         title: import('zod').ZodString;
         group: import('zod').ZodString;
         description: import('zod').ZodNullable<import('zod').ZodString>;
-        new_permission: import('zod').ZodBoolean;
-        does_set_all_read_only_languages: import('zod').ZodBoolean;
-        is_hidden: import('zod').ZodBoolean;
+        dependentPermissions: import('zod').ZodOptional<import('zod').ZodArray<import('zod').ZodUnion<[import('zod').ZodLiteral<"activity">, import('zod').ZodLiteral<"branches_create">, import('zod').ZodLiteral<"branches_main_modify">, import('zod').ZodLiteral<"branches_merge">, import('zod').ZodLiteral<"contributors">, import('zod').ZodLiteral<"custom_status_modify">, import('zod').ZodLiteral<"download">, import('zod').ZodLiteral<"glossary_delete">, import('zod').ZodLiteral<"glossary_edit">, import('zod').ZodLiteral<"manage_keys">, import('zod').ZodLiteral<"manage_languages">, import('zod').ZodLiteral<"review">, import('zod').ZodLiteral<"screenshots">, import('zod').ZodLiteral<"settings">, import('zod').ZodLiteral<"statistics">, import('zod').ZodLiteral<"upload">]>, "many">>;
+        newPermission: import('zod').ZodBoolean;
+        doesSetAllReadOnlyLanguages: import('zod').ZodBoolean;
+        isHidden: import('zod').ZodBoolean;
     }, "strip", import('zod').ZodTypeAny, {
         title: string;
         id: "review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload";
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }, {
         title: string;
         id: "review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload";
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }>, "many">;
     roles: import('zod').ZodArray<import('zod').ZodObject<{
         id: import('zod').ZodString;
@@ -1784,9 +1787,10 @@ export declare const getProjectPermissionMeta: import('@lokalise/api-contracts')
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }[];
     roles: {
         role: string;
@@ -1808,9 +1812,10 @@ export declare const getProjectPermissionMeta: import('@lokalise/api-contracts')
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }[];
     roles: {
         role: string;

package/dist/types/src/features/publicApi/types/projectTypes.d.ts

@@ -1152,27 +1152,30 @@ export declare const GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA: z.ZodObje
         title: z.ZodString;
         group: z.ZodString;
         description: z.ZodNullable<z.ZodString>;
-        new_permission: z.ZodBoolean;
-        does_set_all_read_only_languages: z.ZodBoolean;
-        is_hidden: z.ZodBoolean;
+        dependentPermissions: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodLiteral<"activity">, z.ZodLiteral<"branches_create">, z.ZodLiteral<"branches_main_modify">, z.ZodLiteral<"branches_merge">, z.ZodLiteral<"contributors">, z.ZodLiteral<"custom_status_modify">, z.ZodLiteral<"download">, z.ZodLiteral<"glossary_delete">, z.ZodLiteral<"glossary_edit">, z.ZodLiteral<"manage_keys">, z.ZodLiteral<"manage_languages">, z.ZodLiteral<"review">, z.ZodLiteral<"screenshots">, z.ZodLiteral<"settings">, z.ZodLiteral<"statistics">, z.ZodLiteral<"upload">]>, "many">>;
+        newPermission: z.ZodBoolean;
+        doesSetAllReadOnlyLanguages: z.ZodBoolean;
+        isHidden: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
         title: string;
         id: "review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload";
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }, {
         title: string;
         id: "review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload";
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }>, "many">;
     roles: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
@@ -1214,9 +1217,10 @@ export declare const GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA: z.ZodObje
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }[];
     roles: {
         role: string;
@@ -1238,9 +1242,10 @@ export declare const GET_PROJECT_PERMISSION_META_RESPONSE_BODY_SCHEMA: z.ZodObje
         group: string;
         scope: "team" | "project" | "user";
         description: string | null;
-        new_permission: boolean;
-        does_set_all_read_only_languages: boolean;
-        is_hidden: boolean;
+        newPermission: boolean;
+        doesSetAllReadOnlyLanguages: boolean;
+        isHidden: boolean;
+        dependentPermissions?: ("review" | "download" | "contributors" | "activity" | "branches_create" | "branches_main_modify" | "branches_merge" | "custom_status_modify" | "glossary_delete" | "glossary_edit" | "manage_keys" | "manage_languages" | "screenshots" | "settings" | "statistics" | "upload")[] | undefined;
     }[];
     roles: {
         role: string;

package/dist/types/src/node.d.ts

@@ -7,5 +7,6 @@ export { NavigationPanel } from './components/NavigationPanel/NavigationPanel';
 export { Sidebar } from './components/Sidebar/Sidebar';
 export { Breadcrumbs } from './components/NavigationPanel/components/Breadcrumbs/Breadcrumbs';
 export { NavigationTabs } from './components/NavigationPanel/components/NavigationTabs/NavigationTabs';
+export { Table } from './components/Table/Table';
 export * from './features/node';
 export * from './utils/node.ts';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lokalise/harmony",
-    "version": "1.31.0",
+    "version": "1.32.0",
     "author": {
         "name": "Lokalise",
         "url": "https://lokalise.com/"