@ynput/ayon-frontend-shared 0.2.26 → 0.2.28

package/dist/src/components/Menu/MenuComponents/MenuItem.es.js

@@ -0,0 +1,59 @@
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import { Icon as c, ShortcutTag as N } from "@ynput/ayon-react-components";
+import { forwardRef as w } from "react";
+import { Item as A, Img as M } from "./Menu.styled.es.js";
+import { isArray as R } from "lodash";
+import { Link as $ } from "react-router-dom";
+import v from "clsx";
+const E = w(
+  ({
+    label: t,
+    icon: e,
+    img: m,
+    highlighted: f,
+    notification: l,
+    selected: x,
+    danger: j,
+    items: p = [],
+    className: d,
+    isLink: o,
+    isDev: g,
+    shortcut: s,
+    disabled: h,
+    ...a
+  }, u) => {
+    const i = R(t) ? t : [t], n = /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        ref: u,
+        className: v(
+          "menu-item",
+          {
+            highlighted: f,
+            selected: x,
+            notification: l,
+            danger: j,
+            dev: g,
+            disabled: h
+          },
+          d
+        ),
+        ...a,
+        label: i.join(", "),
+        children: [
+          e && /* @__PURE__ */ r.jsx(c, { icon: e }),
+          m && /* @__PURE__ */ r.jsx(M, { src: m, alt: `${t} icon` }),
+          i.map((I, y) => /* @__PURE__ */ r.jsx("span", { children: I }, y)),
+          s && /* @__PURE__ */ r.jsx(N, { align: "right", children: s }),
+          !!p.length && /* @__PURE__ */ r.jsx(c, { icon: "arrow_right", className: "more" })
+        ]
+      }
+    );
+    return o ? /* @__PURE__ */ r.jsx($, { to: o, target: a.target, children: n }) : n;
+  }
+);
+E.displayName = "MenuItem";
+export {
+  E as default
+};
+//# sourceMappingURL=MenuItem.es.js.map

package/dist/src/components/Menu/MenuComponents/MenuItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {icon && <Icon icon={icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && <ShortcutTag align={'right'}>{shortcut}</ShortcutTag>}\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","props","ref","labelsArray","isArray","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":";;;;;;;AAOA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAcC,EAAQhB,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAE7CiB,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,WAAWM;AAAA,UACT;AAAA,UACA;AAAA,YACE,aAAAjB;AAAA,YACA,UAAAE;AAAA,YACA,cAAAD;AAAA,YACA,QAAAE;AAAA,YACA,KAAKI;AAAA,YACL,UAAAE;AAAA,UACF;AAAA,UACAJ;AAAA,QACF;AAAA,QACC,GAAGK;AAAA,QACJ,OAAOE,EAAY,KAAK,IAAI;AAAA,QAE3B,UAAA;AAAA,UAAQd,KAAAoB,gBAAAA,EAAA,IAACC,KAAK,MAAArB,EAAY,CAAA;AAAA,UAC1BC,KAAQmB,gBAAAA,EAAA,IAAAE,GAAA,EAAW,KAAKrB,GAAK,KAAK,GAAGF,CAAK,SAAS;AAAA,UACnDe,EAAY,IAAI,CAACf,GAAOwB,4BACtB,QAAkB,EAAA,UAAAxB,EAAR,GAAAwB,CAAc,CAC1B;AAAA,UACAb,KAAYU,gBAAAA,EAAA,IAACI,GAAY,EAAA,OAAO,SAAU,UAASd,GAAA;AAAA,UACnD,CAAC,CAACJ,EAAM,gCAAWe,GAAK,EAAA,MAAK,eAAc,WAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAIb,0BAECiB,GAAK,EAAA,IAAIjB,GAAQ,QAAQI,EAAM,QAC7B,UACHI,GAAA,IAGKA;AAAAA,EACT;AAEJ;AAEAnB,EAAS,cAAc;"}

package/dist/src/components/Menu/MenuComponents/MenuList.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),P=require("./MenuItem.cjs.js"),S=require("@ynput/ayon-react-components"),w=require("./Menu.styled.cjs.js"),_=({items:q,handleClick:x,onSubMenu:l,subMenu:c,level:L,id:k="root-menu",parentRef:m,style:n,onClose:v,itemClassName:C,itemStyle:T,...$})=>{const d=f.useRef([]),i=f.useRef(null),[D,I]=f.useState((n==null?void 0:n.top)||0),p=(t,r,u)=>{!d.current[r]||!i.current||l&&l(t,{id:r,style:{top:d.current[r].offsetTop+((n==null?void 0:n.top)||0)-4,right:i.current.getBoundingClientRect().width+((n==null?void 0:n.right)||0)-12},items:u,level:L})},N=t=>{c&&l&&l(t,{id:parent,items:null})};return f.useEffect(()=>{if(c){const t=i.current.querySelectorAll("li, button")[0];t&&t.focus()}},[c]),f.useEffect(()=>{if(!i.current)return;const{top:t,height:r}=i.current.getBoundingClientRect(),u=window.innerHeight;if(t+r>u){const g=u-r-60;I(g)}},[i.current]),a.jsxRuntimeExports.jsx(w.MenuWrapper,{style:{paddingRight:c?16:0,...n,top:D},className:c?"sub-menu":"menu-list",id:k,onMouseLeave:N,...$,ref:i,children:a.jsxRuntimeExports.jsx(w.Menu,{children:q.filter(t=>!t.hidden).map((t,r)=>{if(t.node)return t.node;if((t==null?void 0:t.id)==="divider")return a.jsxRuntimeExports.jsx("hr",{},r);const{label:u,icon:g,img:b,highlighted:A,onClick:R,link:h,items:o=[],id:s,disableClose:B,selected:H,disabled:K,...j}=t;return a.jsxRuntimeExports.jsx(P,{tabIndex:0,label:u,icon:g,img:b,highlighted:A,items:o,selected:H,disabled:K,isLink:h,onClick:e=>o.length?p(e,s,o):x(e,R,h,B),onKeyDown:e=>{e.key==="Enter"&&(o.length?p(e,s,o):x(e,R,h));const M=!e.target.nextSibling;if(e.key==="Tab"&&M&&!e.shiftKey){e.preventDefault(),e.stopPropagation();const E=i.current.querySelectorAll("li, button")[0];E&&E.focus()}e.key==="Escape"&&c&&m&&(e.preventDefault(),e.stopPropagation(),m.focus(),v(s))},style:{paddingRight:o.length?"0":"16px",...T},ref:e=>d.current[s]=e,onMouseEnter:e=>p(e,s,o),onMouseLeave:e=>p(e,s,[]),className:`${C} ${j.className||""}`,...j,children:!!o.length&&a.jsxRuntimeExports.jsx(S.Icon,{icon:"arrow_right",style:{marginLeft:"auto"}})},`${s}-${r}`)})})})};module.exports=_;
+//# sourceMappingURL=MenuList.cjs.js.map

package/dist/src/components/Menu/MenuComponents/MenuList.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuList.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport MenuItem from './MenuItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './Menu.styled'\n\nconst MenuList = ({\n  items,\n  handleClick,\n  onSubMenu,\n  subMenu,\n  level,\n  id = 'root-menu',\n  parentRef,\n  style,\n  onClose,\n  itemClassName,\n  itemStyle,\n  ...props\n}) => {\n  const itemRefs = useRef([])\n  const menuRef = useRef(null)\n\n  const [top, setTop] = useState(style?.top || 0)\n\n  const handleSubMenu = (e, id, items) => {\n    if (!itemRefs.current[id] || !menuRef.current) return\n    onSubMenu &&\n      onSubMenu(e, {\n        id,\n        style: {\n          top: itemRefs.current[id].offsetTop + (style?.top || 0) - 4,\n          right: menuRef.current.getBoundingClientRect().width + (style?.right || 0) - 12,\n        },\n        items,\n        level: level,\n      })\n  }\n\n  const handleMouseLeave = (e) => {\n    if (subMenu) {\n      onSubMenu && onSubMenu(e, { id: parent, items: null })\n    }\n  }\n\n  //   when a subMenu open, set focus on the first item\n  useEffect(() => {\n    if (subMenu) {\n      const first = menuRef.current.querySelectorAll('li, button')[0]\n      first && first.focus()\n    }\n  }, [subMenu])\n\n  // check that the menu is not off the screen\n  useEffect(() => {\n    if (!menuRef.current) return\n    const { top, height } = menuRef.current.getBoundingClientRect()\n    const windowHeight = window.innerHeight\n    if (top + height > windowHeight) {\n      const newTop = windowHeight - height - 60\n      setTop(newTop)\n    }\n  }, [menuRef.current])\n\n  return (\n    <Styled.MenuWrapper\n      style={{ paddingRight: subMenu ? 16 : 0, ...style, top }}\n      className={subMenu ? 'sub-menu' : 'menu-list'}\n      id={id}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n      ref={menuRef}\n    >\n      <Styled.Menu>\n        {items\n          .filter((item) => !item.hidden)\n          .map((item, i) => {\n            // if item is a node, return it\n            if (item.node) {\n              return item.node\n            }\n\n            if (item?.id === 'divider') return <hr key={i} />\n\n            const {\n              label,\n              icon,\n              img,\n              highlighted,\n              onClick,\n              link,\n              items = [],\n              id,\n              disableClose,\n              selected,\n              disabled,\n              ...props\n            } = item\n\n            return (\n              <MenuItem\n                tabIndex={0}\n                key={`${id}-${i}`}\n                {...{ label, icon, img, highlighted, items, selected, disabled }}\n                isLink={link}\n                onClick={(e) =>\n                  items.length\n                    ? handleSubMenu(e, id, items)\n                    : handleClick(e, onClick, link, disableClose)\n                }\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    if (items.length) {\n                      handleSubMenu(e, id, items)\n                    } else {\n                      handleClick(e, onClick, link)\n                    }\n                  }\n                  const isLastChild = !e.target.nextSibling\n                  if (e.key === 'Tab' && isLastChild && !e.shiftKey) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    //   when at bottom of list, tab goes to top\n                    const first = menuRef.current.querySelectorAll('li, button')[0]\n                    first && first.focus()\n                  }\n                  //   when a submenu is open, esc closes it and sets focus on the parent\n                  if (e.key === 'Escape' && subMenu && parentRef) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    parentRef.focus()\n                    onClose(id)\n                  }\n                }}\n                style={{ paddingRight: items.length ? '0' : '16px', ...itemStyle }}\n                ref={(e) => (itemRefs.current[id] = e)}\n                onMouseEnter={(e) => handleSubMenu(e, id, items)}\n                onMouseLeave={(e) => handleSubMenu(e, id, [])}\n                className={`${itemClassName} ${props.className || ''}`}\n                {...props}\n              >\n                {!!items.length && <Icon icon=\"arrow_right\" style={{ marginLeft: 'auto' }} />}\n              </MenuItem>\n            )\n          })}\n      </Styled.Menu>\n    </Styled.MenuWrapper>\n  )\n}\n\nexport default MenuList\n"],"names":["MenuList","items","handleClick","onSubMenu","subMenu","level","id","parentRef","style","onClose","itemClassName","itemStyle","props","itemRefs","useRef","menuRef","top","setTop","useState","handleSubMenu","e","handleMouseLeave","useEffect","first","height","windowHeight","newTop","jsx","Styled.MenuWrapper","Styled.Menu","item","i","label","icon","img","highlighted","onClick","link","disableClose","selected","disabled","MenuItem","isLastChild","Icon"],"mappings":"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"}

package/dist/src/components/Menu/MenuComponents/MenuList.es.js

@@ -0,0 +1,112 @@
+import { j as f } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as L, useState as S, useEffect as R } from "react";
+import M from "./MenuItem.es.js";
+import { Icon as W } from "@ynput/ayon-react-components";
+import { MenuWrapper as _, Menu as z } from "./Menu.styled.es.js";
+const U = ({
+  items: k,
+  handleClick: h,
+  onSubMenu: u,
+  subMenu: c,
+  level: v,
+  id: C = "root-menu",
+  parentRef: m,
+  style: n,
+  onClose: E,
+  itemClassName: T,
+  itemStyle: $,
+  ...D
+}) => {
+  const p = L([]), o = L(null), [I, N] = S((n == null ? void 0 : n.top) || 0), l = (e, r, a) => {
+    !p.current[r] || !o.current || u && u(e, {
+      id: r,
+      style: {
+        top: p.current[r].offsetTop + ((n == null ? void 0 : n.top) || 0) - 4,
+        right: o.current.getBoundingClientRect().width + ((n == null ? void 0 : n.right) || 0) - 12
+      },
+      items: a,
+      level: v
+    });
+  }, b = (e) => {
+    c && u && u(e, { id: parent, items: null });
+  };
+  return R(() => {
+    if (c) {
+      const e = o.current.querySelectorAll("li, button")[0];
+      e && e.focus();
+    }
+  }, [c]), R(() => {
+    if (!o.current) return;
+    const { top: e, height: r } = o.current.getBoundingClientRect(), a = window.innerHeight;
+    if (e + r > a) {
+      const d = a - r - 60;
+      N(d);
+    }
+  }, [o.current]), /* @__PURE__ */ f.jsx(
+    _,
+    {
+      style: { paddingRight: c ? 16 : 0, ...n, top: I },
+      className: c ? "sub-menu" : "menu-list",
+      id: C,
+      onMouseLeave: b,
+      ...D,
+      ref: o,
+      children: /* @__PURE__ */ f.jsx(z, { children: k.filter((e) => !e.hidden).map((e, r) => {
+        if (e.node)
+          return e.node;
+        if ((e == null ? void 0 : e.id) === "divider") return /* @__PURE__ */ f.jsx("hr", {}, r);
+        const {
+          label: a,
+          icon: d,
+          img: q,
+          highlighted: A,
+          onClick: x,
+          link: g,
+          items: i = [],
+          id: s,
+          disableClose: B,
+          selected: H,
+          disabled: K,
+          ...w
+        } = e;
+        return /* @__PURE__ */ f.jsx(
+          M,
+          {
+            tabIndex: 0,
+            label: a,
+            icon: d,
+            img: q,
+            highlighted: A,
+            items: i,
+            selected: H,
+            disabled: K,
+            isLink: g,
+            onClick: (t) => i.length ? l(t, s, i) : h(t, x, g, B),
+            onKeyDown: (t) => {
+              t.key === "Enter" && (i.length ? l(t, s, i) : h(t, x, g));
+              const P = !t.target.nextSibling;
+              if (t.key === "Tab" && P && !t.shiftKey) {
+                t.preventDefault(), t.stopPropagation();
+                const j = o.current.querySelectorAll("li, button")[0];
+                j && j.focus();
+              }
+              t.key === "Escape" && c && m && (t.preventDefault(), t.stopPropagation(), m.focus(), E(s));
+            },
+            style: { paddingRight: i.length ? "0" : "16px", ...$ },
+            ref: (t) => p.current[s] = t,
+            onMouseEnter: (t) => l(t, s, i),
+            onMouseLeave: (t) => l(t, s, []),
+            className: `${T} ${w.className || ""}`,
+            ...w,
+            children: !!i.length && /* @__PURE__ */ f.jsx(W, { icon: "arrow_right", style: { marginLeft: "auto" } })
+          },
+          `${s}-${r}`
+        );
+      }) })
+    }
+  );
+};
+export {
+  U as default
+};
+//# sourceMappingURL=MenuList.es.js.map

package/dist/src/components/Menu/MenuComponents/MenuList.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuList.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport MenuItem from './MenuItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './Menu.styled'\n\nconst MenuList = ({\n  items,\n  handleClick,\n  onSubMenu,\n  subMenu,\n  level,\n  id = 'root-menu',\n  parentRef,\n  style,\n  onClose,\n  itemClassName,\n  itemStyle,\n  ...props\n}) => {\n  const itemRefs = useRef([])\n  const menuRef = useRef(null)\n\n  const [top, setTop] = useState(style?.top || 0)\n\n  const handleSubMenu = (e, id, items) => {\n    if (!itemRefs.current[id] || !menuRef.current) return\n    onSubMenu &&\n      onSubMenu(e, {\n        id,\n        style: {\n          top: itemRefs.current[id].offsetTop + (style?.top || 0) - 4,\n          right: menuRef.current.getBoundingClientRect().width + (style?.right || 0) - 12,\n        },\n        items,\n        level: level,\n      })\n  }\n\n  const handleMouseLeave = (e) => {\n    if (subMenu) {\n      onSubMenu && onSubMenu(e, { id: parent, items: null })\n    }\n  }\n\n  //   when a subMenu open, set focus on the first item\n  useEffect(() => {\n    if (subMenu) {\n      const first = menuRef.current.querySelectorAll('li, button')[0]\n      first && first.focus()\n    }\n  }, [subMenu])\n\n  // check that the menu is not off the screen\n  useEffect(() => {\n    if (!menuRef.current) return\n    const { top, height } = menuRef.current.getBoundingClientRect()\n    const windowHeight = window.innerHeight\n    if (top + height > windowHeight) {\n      const newTop = windowHeight - height - 60\n      setTop(newTop)\n    }\n  }, [menuRef.current])\n\n  return (\n    <Styled.MenuWrapper\n      style={{ paddingRight: subMenu ? 16 : 0, ...style, top }}\n      className={subMenu ? 'sub-menu' : 'menu-list'}\n      id={id}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n      ref={menuRef}\n    >\n      <Styled.Menu>\n        {items\n          .filter((item) => !item.hidden)\n          .map((item, i) => {\n            // if item is a node, return it\n            if (item.node) {\n              return item.node\n            }\n\n            if (item?.id === 'divider') return <hr key={i} />\n\n            const {\n              label,\n              icon,\n              img,\n              highlighted,\n              onClick,\n              link,\n              items = [],\n              id,\n              disableClose,\n              selected,\n              disabled,\n              ...props\n            } = item\n\n            return (\n              <MenuItem\n                tabIndex={0}\n                key={`${id}-${i}`}\n                {...{ label, icon, img, highlighted, items, selected, disabled }}\n                isLink={link}\n                onClick={(e) =>\n                  items.length\n                    ? handleSubMenu(e, id, items)\n                    : handleClick(e, onClick, link, disableClose)\n                }\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') {\n                    if (items.length) {\n                      handleSubMenu(e, id, items)\n                    } else {\n                      handleClick(e, onClick, link)\n                    }\n                  }\n                  const isLastChild = !e.target.nextSibling\n                  if (e.key === 'Tab' && isLastChild && !e.shiftKey) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    //   when at bottom of list, tab goes to top\n                    const first = menuRef.current.querySelectorAll('li, button')[0]\n                    first && first.focus()\n                  }\n                  //   when a submenu is open, esc closes it and sets focus on the parent\n                  if (e.key === 'Escape' && subMenu && parentRef) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    parentRef.focus()\n                    onClose(id)\n                  }\n                }}\n                style={{ paddingRight: items.length ? '0' : '16px', ...itemStyle }}\n                ref={(e) => (itemRefs.current[id] = e)}\n                onMouseEnter={(e) => handleSubMenu(e, id, items)}\n                onMouseLeave={(e) => handleSubMenu(e, id, [])}\n                className={`${itemClassName} ${props.className || ''}`}\n                {...props}\n              >\n                {!!items.length && <Icon icon=\"arrow_right\" style={{ marginLeft: 'auto' }} />}\n              </MenuItem>\n            )\n          })}\n      </Styled.Menu>\n    </Styled.MenuWrapper>\n  )\n}\n\nexport default MenuList\n"],"names":["MenuList","items","handleClick","onSubMenu","subMenu","level","id","parentRef","style","onClose","itemClassName","itemStyle","props","itemRefs","useRef","menuRef","top","setTop","useState","handleSubMenu","handleMouseLeave","useEffect","first","height","windowHeight","newTop","jsx","Styled.MenuWrapper","Styled.Menu","item","i","label","icon","img","highlighted","onClick","link","disableClose","selected","disabled","MenuItem","e","isLastChild","Icon"],"mappings":";;;;;AAKA,MAAMA,IAAW,CAAC;AAAA,EAChB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAWC,EAAO,EAAE,GACpBC,IAAUD,EAAO,IAAI,GAErB,CAACE,GAAKC,CAAM,IAAIC,GAASV,KAAA,gBAAAA,EAAO,QAAO,CAAC,GAExCW,IAAgB,CAAC,GAAGb,GAAIL,MAAU;AACtC,IAAI,CAACY,EAAS,QAAQP,CAAE,KAAK,CAACS,EAAQ,WACtCZ,KACEA,EAAU,GAAG;AAAA,MACX,IAAAG;AAAAA,MACA,OAAO;AAAA,QACL,KAAKO,EAAS,QAAQP,CAAE,EAAE,cAAaE,KAAA,gBAAAA,EAAO,QAAO,KAAK;AAAA,QAC1D,OAAOO,EAAQ,QAAQ,sBAAA,EAAwB,UAASP,KAAA,gBAAAA,EAAO,UAAS,KAAK;AAAA,MAC/E;AAAA,MACA,OAAAP;AAAAA,MACA,OAAAI;AAAA,IAAA,CACD;AAAA,EACL,GAEMe,IAAmB,CAAC,MAAM;AAC9B,IAAIhB,KACFD,KAAaA,EAAU,GAAG,EAAE,IAAI,QAAQ,OAAO,MAAM;AAAA,EAEzD;AAGA,SAAAkB,EAAU,MAAM;AACd,QAAIjB,GAAS;AACX,YAAMkB,IAAQP,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC;AAC9D,MAAAO,KAASA,EAAM,MAAM;AAAA,IAAA;AAAA,EACvB,GACC,CAAClB,CAAO,CAAC,GAGZiB,EAAU,MAAM;AACV,QAAA,CAACN,EAAQ,QAAS;AACtB,UAAM,EAAE,KAAAC,GAAK,QAAAO,EAAW,IAAAR,EAAQ,QAAQ,sBAAsB,GACxDS,IAAe,OAAO;AACxBR,QAAAA,IAAMO,IAASC,GAAc;AACzB,YAAAC,IAASD,IAAeD,IAAS;AACvC,MAAAN,EAAOQ,CAAM;AAAA,IAAA;AAAA,EACf,GACC,CAACV,EAAQ,OAAO,CAAC,GAGlBW,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO,EAAE,cAAcvB,IAAU,KAAK,GAAG,GAAGI,GAAO,KAAAQ,EAAI;AAAA,MACvD,WAAWZ,IAAU,aAAa;AAAA,MAClC,IAAAE;AAAA,MACA,cAAcc;AAAA,MACb,GAAGR;AAAA,MACJ,KAAKG;AAAA,MAEL,UAACW,gBAAAA,EAAA,IAAAE,GAAA,EACE,YACE,OAAO,CAACC,MAAS,CAACA,EAAK,MAAM,EAC7B,IAAI,CAACA,GAAMC,MAAM;AAEhB,YAAID,EAAK;AACP,iBAAOA,EAAK;AAGd,aAAIA,KAAA,gBAAAA,EAAM,QAAO,UAAkB,QAAAH,gBAAAA,EAAAA,IAAC,UAAQI,CAAG;AAEzC,cAAA;AAAA,UACJ,OAAAC;AAAA,UACA,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,aAAAC;AAAA,UACA,SAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAAnC,IAAQ,CAAC;AAAA,UACT,IAAAK;AAAAA,UACA,cAAA+B;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,GAAG3B;AAAAA,QAAA,IACDiB;AAGF,eAAAH,gBAAAA,EAAA;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YAEJ,OAAAT;AAAA,YAAO,MAAAC;AAAA,YAAM,KAAAC;AAAA,YAAK,aAAAC;AAAA,YAAa,OAAAjC;AAAAA,YAAO,UAAAqC;AAAA,YAAU,UAAAC;AAAA,YACtD,QAAQH;AAAA,YACR,SAAS,CAACK,MACRxC,EAAM,SACFkB,EAAcsB,GAAGnC,GAAIL,CAAK,IAC1BC,EAAYuC,GAAGN,GAASC,GAAMC,CAAY;AAAA,YAEhD,WAAW,CAACI,MAAM;AACZ,cAAAA,EAAE,QAAQ,YACRxC,EAAM,SACMkB,EAAAsB,GAAGnC,GAAIL,CAAK,IAEdC,EAAAuC,GAAGN,GAASC,CAAI;AAG1B,oBAAAM,IAAc,CAACD,EAAE,OAAO;AAC9B,kBAAIA,EAAE,QAAQ,SAASC,KAAe,CAACD,EAAE,UAAU;AACjD,gBAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB;AAElB,sBAAMnB,IAAQP,EAAQ,QAAQ,iBAAiB,YAAY,EAAE,CAAC;AAC9D,gBAAAO,KAASA,EAAM,MAAM;AAAA,cAAA;AAGvB,cAAImB,EAAE,QAAQ,YAAYrC,KAAWG,MACnCkC,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GAClBlC,EAAU,MAAM,GAChBE,EAAQH,CAAE;AAAA,YAEd;AAAA,YACA,OAAO,EAAE,cAAcL,EAAM,SAAS,MAAM,QAAQ,GAAGU,EAAU;AAAA,YACjE,KAAK,CAAC8B,MAAO5B,EAAS,QAAQP,CAAE,IAAImC;AAAA,YACpC,cAAc,CAACA,MAAMtB,EAAcsB,GAAGnC,GAAIL,CAAK;AAAA,YAC/C,cAAc,CAACwC,MAAMtB,EAAcsB,GAAGnC,GAAI,CAAA,CAAE;AAAA,YAC5C,WAAW,GAAGI,CAAa,IAAIE,EAAM,aAAa,EAAE;AAAA,YACnD,GAAGA;AAAAA,YAEH,UAAC,CAAA,CAACX,EAAM,UAAWyB,gBAAAA,EAAA,IAAAiB,GAAA,EAAK,MAAK,eAAc,OAAO,EAAE,YAAY,OAAA,EAAU,CAAA;AAAA,UAAA;AAAA,UAvCtE,GAAGrC,CAAE,IAAIwB,CAAC;AAAA,QAwCjB;AAAA,MAAA,CAEH,EACL,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/src/components/Menu/MenuComponents/useMenuPosition.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function a(c){if(!c)return null;const t=c.getBoundingClientRect(),o=200,r=300,f=-8,s=window.innerWidth,i=window.innerHeight;let e,l,n;const d=s-t.right,w=t.left;return d>=o+24?(n=-24,e=t.right+n):w>=o+24?(n=-48,e=t.left-o-n):(n=24,e=t.left+(t.width-o)/2,e<n?e=n:e+o>s-n&&(e=s-o-n)),l=t.top,l+r>i-n&&(l=t.bottom-r,l<n&&(l=i-r-n)),{top:l+f,left:e}}function h(c,t){const[o,r]=u.useState(null),f=u.useRef(null),s=u.useCallback(()=>{let i=c;if(!i&&t&&(i=document.getElementById(t)),!i){console.warn("Target element not found");return}const e=a(i);e&&r(e)},[c,t]);return u.useEffect(()=>{s();const i=()=>s();window.addEventListener("resize",i);const e=()=>s();return window.addEventListener("scroll",e),()=>{window.removeEventListener("resize",i),window.removeEventListener("scroll",e)}},[s]),{position:o,menuRef:f}}exports.useMenuPosition=h;
+//# sourceMappingURL=useMenuPosition.cjs.js.map

package/dist/src/components/Menu/MenuComponents/useMenuPosition.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPosition.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/useMenuPosition.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react'\n\ninterface MenuPosition {\n  top: number\n  left: number\n}\n\nfunction calculateMenuPosition(\n  targetElement: HTMLElement | null,\n): MenuPosition | null {\n  if (!targetElement) return null\n  \n  const targetRect = targetElement.getBoundingClientRect()\n  const menuWidth = 200\n  const menuHeight = 300\n  const topOffset = -8;\n  const viewportWidth = window.innerWidth\n  const viewportHeight = window.innerHeight\n  \n  let left: number\n  let top: number\n  let padding: number\n  \n  // Check if there's enough space on the right side of the target\n  const spaceOnRight = viewportWidth - targetRect.right\n  const spaceOnLeft = targetRect.left\n  \n  if (spaceOnRight >= menuWidth + 24) {\n    // Position to the right of target\n    padding = -24\n    left = targetRect.right + padding\n  } else if (spaceOnLeft >= menuWidth + 24) {\n    // Position to the left of target\n    padding = -48\n    left = targetRect.left - menuWidth - padding\n  } else {\n    // Not enough space on either side, center it with bounds checking\n    padding = 24 // Default to positive padding for centering\n    left = targetRect.left + (targetRect.width - menuWidth) / 2\n    \n    // Ensure it doesn't go off screen\n    if (left < padding) {\n      left = padding\n    } else if (left + menuWidth > viewportWidth - padding) {\n      left = viewportWidth - menuWidth - padding\n    }\n  }\n  \n  // Vertical positioning - try to align with top of target\n  top = targetRect.top\n  \n  // Check if menu would go below viewport\n  if (top + menuHeight > viewportHeight - padding) {\n    // Position above the target instead\n    top = targetRect.bottom - menuHeight\n    \n    // If still not enough space, position at bottom of viewport\n    if (top < padding) {\n      top = viewportHeight - menuHeight - padding\n    }\n  }\n  \n  return {\n    top: top + topOffset,\n    left,\n  }\n}\n\ninterface UseMenuPositionReturn {\n  position: MenuPosition | null\n  menuRef: React.RefObject<HTMLDivElement>\n}\n\nexport function useMenuPosition(\n  target: HTMLElement | null,\n  targetId: string,\n): UseMenuPositionReturn {\n  const [position, setPosition] = useState<MenuPosition | null>(null)\n  const menuRef = useRef<HTMLDivElement>(null)\n  \n  const updatePosition = useCallback(() => {\n    let targetElement: HTMLElement | null = target\n    \n    if (!targetElement && targetId) {\n      targetElement = document.getElementById(targetId)\n    }\n    \n    if (!targetElement) {\n      console.warn('Target element not found')\n      return\n    }\n    \n    const newPosition = calculateMenuPosition(targetElement)\n    if (newPosition) {\n      setPosition(newPosition)\n    }\n  }, [target, targetId])\n  \n  useEffect(() => {\n    updatePosition()\n    \n    const handleResize = () => updatePosition()\n    window.addEventListener('resize', handleResize)\n    \n    const handleScroll = () => updatePosition()\n    window.addEventListener('scroll', handleScroll)\n    \n    return () => {\n      window.removeEventListener('resize', handleResize)\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [updatePosition])\n  \n  return { position, menuRef }\n}\n"],"names":["calculateMenuPosition","targetElement","targetRect","menuWidth","menuHeight","topOffset","viewportWidth","viewportHeight","left","top","padding","spaceOnRight","spaceOnLeft","useMenuPosition","target","targetId","position","setPosition","useState","menuRef","useRef","updatePosition","useCallback","newPosition","useEffect","handleResize","handleScroll"],"mappings":"yGAOA,SAASA,EACPC,EACqB,CACjB,GAAA,CAACA,EAAsB,OAAA,KAErB,MAAAC,EAAaD,EAAc,sBAAsB,EACjDE,EAAY,IACZC,EAAa,IACbC,EAAY,GACZC,EAAgB,OAAO,WACvBC,EAAiB,OAAO,YAE1B,IAAAC,EACAC,EACAC,EAGE,MAAAC,EAAeL,EAAgBJ,EAAW,MAC1CU,EAAcV,EAAW,KAE3B,OAAAS,GAAgBR,EAAY,IAEpBO,EAAA,IACVF,EAAON,EAAW,MAAQQ,GACjBE,GAAeT,EAAY,IAE1BO,EAAA,IACHF,EAAAN,EAAW,KAAOC,EAAYO,IAG3BA,EAAA,GACVF,EAAON,EAAW,MAAQA,EAAW,MAAQC,GAAa,EAGtDK,EAAOE,EACFF,EAAAE,EACEF,EAAOL,EAAYG,EAAgBI,IAC5CF,EAAOF,EAAgBH,EAAYO,IAKvCD,EAAMP,EAAW,IAGbO,EAAML,EAAaG,EAAiBG,IAEtCD,EAAMP,EAAW,OAASE,EAGtBK,EAAMC,IACRD,EAAMF,EAAiBH,EAAaM,IAIjC,CACL,IAAKD,EAAMJ,EACX,KAAAG,CACF,CACF,CAOgB,SAAAK,EACdC,EACAC,EACuB,CACvB,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA8B,IAAI,EAC5DC,EAAUC,SAAuB,IAAI,EAErCC,EAAiBC,EAAAA,YAAY,IAAM,CACvC,IAAIrB,EAAoCa,EAMxC,GAJI,CAACb,GAAiBc,IACJd,EAAA,SAAS,eAAec,CAAQ,GAG9C,CAACd,EAAe,CAClB,QAAQ,KAAK,0BAA0B,EACvC,MAAA,CAGI,MAAAsB,EAAcvB,EAAsBC,CAAa,EACnDsB,GACFN,EAAYM,CAAW,CACzB,EACC,CAACT,EAAQC,CAAQ,CAAC,EAErBS,OAAAA,EAAAA,UAAU,IAAM,CACCH,EAAA,EAET,MAAAI,EAAe,IAAMJ,EAAe,EACnC,OAAA,iBAAiB,SAAUI,CAAY,EAExC,MAAAC,EAAe,IAAML,EAAe,EACnC,cAAA,iBAAiB,SAAUK,CAAY,EAEvC,IAAM,CACJ,OAAA,oBAAoB,SAAUD,CAAY,EAC1C,OAAA,oBAAoB,SAAUC,CAAY,CACnD,CAAA,EACC,CAACL,CAAc,CAAC,EAEZ,CAAE,SAAAL,EAAU,QAAAG,CAAQ,CAC7B"}

package/dist/src/components/Menu/MenuComponents/useMenuPosition.es.js

@@ -0,0 +1,35 @@
+import { useState as w, useRef as a, useCallback as p, useEffect as h } from "react";
+function m(r) {
+  if (!r) return null;
+  const t = r.getBoundingClientRect(), i = 200, c = 300, f = -8, s = window.innerWidth, o = window.innerHeight;
+  let e, l, n;
+  const u = s - t.right, d = t.left;
+  return u >= i + 24 ? (n = -24, e = t.right + n) : d >= i + 24 ? (n = -48, e = t.left - i - n) : (n = 24, e = t.left + (t.width - i) / 2, e < n ? e = n : e + i > s - n && (e = s - i - n)), l = t.top, l + c > o - n && (l = t.bottom - c, l < n && (l = o - c - n)), {
+    top: l + f,
+    left: e
+  };
+}
+function v(r, t) {
+  const [i, c] = w(null), f = a(null), s = p(() => {
+    let o = r;
+    if (!o && t && (o = document.getElementById(t)), !o) {
+      console.warn("Target element not found");
+      return;
+    }
+    const e = m(o);
+    e && c(e);
+  }, [r, t]);
+  return h(() => {
+    s();
+    const o = () => s();
+    window.addEventListener("resize", o);
+    const e = () => s();
+    return window.addEventListener("scroll", e), () => {
+      window.removeEventListener("resize", o), window.removeEventListener("scroll", e);
+    };
+  }, [s]), { position: i, menuRef: f };
+}
+export {
+  v as useMenuPosition
+};
+//# sourceMappingURL=useMenuPosition.es.js.map

package/dist/src/components/Menu/MenuComponents/useMenuPosition.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuPosition.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/useMenuPosition.ts"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from 'react'\n\ninterface MenuPosition {\n  top: number\n  left: number\n}\n\nfunction calculateMenuPosition(\n  targetElement: HTMLElement | null,\n): MenuPosition | null {\n  if (!targetElement) return null\n  \n  const targetRect = targetElement.getBoundingClientRect()\n  const menuWidth = 200\n  const menuHeight = 300\n  const topOffset = -8;\n  const viewportWidth = window.innerWidth\n  const viewportHeight = window.innerHeight\n  \n  let left: number\n  let top: number\n  let padding: number\n  \n  // Check if there's enough space on the right side of the target\n  const spaceOnRight = viewportWidth - targetRect.right\n  const spaceOnLeft = targetRect.left\n  \n  if (spaceOnRight >= menuWidth + 24) {\n    // Position to the right of target\n    padding = -24\n    left = targetRect.right + padding\n  } else if (spaceOnLeft >= menuWidth + 24) {\n    // Position to the left of target\n    padding = -48\n    left = targetRect.left - menuWidth - padding\n  } else {\n    // Not enough space on either side, center it with bounds checking\n    padding = 24 // Default to positive padding for centering\n    left = targetRect.left + (targetRect.width - menuWidth) / 2\n    \n    // Ensure it doesn't go off screen\n    if (left < padding) {\n      left = padding\n    } else if (left + menuWidth > viewportWidth - padding) {\n      left = viewportWidth - menuWidth - padding\n    }\n  }\n  \n  // Vertical positioning - try to align with top of target\n  top = targetRect.top\n  \n  // Check if menu would go below viewport\n  if (top + menuHeight > viewportHeight - padding) {\n    // Position above the target instead\n    top = targetRect.bottom - menuHeight\n    \n    // If still not enough space, position at bottom of viewport\n    if (top < padding) {\n      top = viewportHeight - menuHeight - padding\n    }\n  }\n  \n  return {\n    top: top + topOffset,\n    left,\n  }\n}\n\ninterface UseMenuPositionReturn {\n  position: MenuPosition | null\n  menuRef: React.RefObject<HTMLDivElement>\n}\n\nexport function useMenuPosition(\n  target: HTMLElement | null,\n  targetId: string,\n): UseMenuPositionReturn {\n  const [position, setPosition] = useState<MenuPosition | null>(null)\n  const menuRef = useRef<HTMLDivElement>(null)\n  \n  const updatePosition = useCallback(() => {\n    let targetElement: HTMLElement | null = target\n    \n    if (!targetElement && targetId) {\n      targetElement = document.getElementById(targetId)\n    }\n    \n    if (!targetElement) {\n      console.warn('Target element not found')\n      return\n    }\n    \n    const newPosition = calculateMenuPosition(targetElement)\n    if (newPosition) {\n      setPosition(newPosition)\n    }\n  }, [target, targetId])\n  \n  useEffect(() => {\n    updatePosition()\n    \n    const handleResize = () => updatePosition()\n    window.addEventListener('resize', handleResize)\n    \n    const handleScroll = () => updatePosition()\n    window.addEventListener('scroll', handleScroll)\n    \n    return () => {\n      window.removeEventListener('resize', handleResize)\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [updatePosition])\n  \n  return { position, menuRef }\n}\n"],"names":["calculateMenuPosition","targetElement","targetRect","menuWidth","menuHeight","topOffset","viewportWidth","viewportHeight","left","top","padding","spaceOnRight","spaceOnLeft","useMenuPosition","target","targetId","position","setPosition","useState","menuRef","useRef","updatePosition","useCallback","newPosition","useEffect","handleResize","handleScroll"],"mappings":";AAOA,SAASA,EACPC,GACqB;AACjB,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAAC,IAAaD,EAAc,sBAAsB,GACjDE,IAAY,KACZC,IAAa,KACbC,IAAY,IACZC,IAAgB,OAAO,YACvBC,IAAiB,OAAO;AAE1B,MAAAC,GACAC,GACAC;AAGE,QAAAC,IAAeL,IAAgBJ,EAAW,OAC1CU,IAAcV,EAAW;AAE3B,SAAAS,KAAgBR,IAAY,MAEpBO,IAAA,KACVF,IAAON,EAAW,QAAQQ,KACjBE,KAAeT,IAAY,MAE1BO,IAAA,KACHF,IAAAN,EAAW,OAAOC,IAAYO,MAG3BA,IAAA,IACVF,IAAON,EAAW,QAAQA,EAAW,QAAQC,KAAa,GAGtDK,IAAOE,IACFF,IAAAE,IACEF,IAAOL,IAAYG,IAAgBI,MAC5CF,IAAOF,IAAgBH,IAAYO,KAKvCD,IAAMP,EAAW,KAGbO,IAAML,IAAaG,IAAiBG,MAEtCD,IAAMP,EAAW,SAASE,GAGtBK,IAAMC,MACRD,IAAMF,IAAiBH,IAAaM,KAIjC;AAAA,IACL,KAAKD,IAAMJ;AAAA,IACX,MAAAG;AAAA,EACF;AACF;AAOgB,SAAAK,EACdC,GACAC,GACuB;AACvB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAA8B,IAAI,GAC5DC,IAAUC,EAAuB,IAAI,GAErCC,IAAiBC,EAAY,MAAM;AACvC,QAAIrB,IAAoCa;AAMxC,QAJI,CAACb,KAAiBc,MACJd,IAAA,SAAS,eAAec,CAAQ,IAG9C,CAACd,GAAe;AAClB,cAAQ,KAAK,0BAA0B;AACvC;AAAA,IAAA;AAGI,UAAAsB,IAAcvB,EAAsBC,CAAa;AACvD,IAAIsB,KACFN,EAAYM,CAAW;AAAA,EACzB,GACC,CAACT,GAAQC,CAAQ,CAAC;AAErB,SAAAS,EAAU,MAAM;AACC,IAAAH,EAAA;AAET,UAAAI,IAAe,MAAMJ,EAAe;AACnC,WAAA,iBAAiB,UAAUI,CAAY;AAExC,UAAAC,IAAe,MAAML,EAAe;AACnC,kBAAA,iBAAiB,UAAUK,CAAY,GAEvC,MAAM;AACJ,aAAA,oBAAoB,UAAUD,CAAY,GAC1C,OAAA,oBAAoB,UAAUC,CAAY;AAAA,IACnD;AAAA,EAAA,GACC,CAACL,CAAc,CAAC,GAEZ,EAAE,UAAAL,GAAU,SAAAG,EAAQ;AAC7B;"}

package/dist/types/api/generated/entityLists.d.ts

@@ -158,7 +158,7 @@ export type EntityListItemPostModel = {
     /** Overrides of the listed entity attributes */
     attrib?: object;
     /** Additional data associated with the item */
-    data?: Record<string, any>;
+    data?: object;
     /** Tags associated with the item */
     tags?: string[];
 };
@@ -173,7 +173,7 @@ export type EntityListMultiPatchItemModel = {
     /** Overrides of the listed entity attributes */
     attrib?: object;
     /** Additional data associated with the item */
-    data?: Record<string, any>;
+    data?: object;
     /** Tags associated with the item */
     tags?: string[];
 };
@@ -192,7 +192,7 @@ export type EntityListItemPatchModel = {
     /** Overrides of the listed entity attributes */
     attrib?: object;
     /** Additional data associated with the item */
-    data?: Record<string, any>;
+    data?: object;
     /** Tags associated with the item */
     tags?: string[];
 };
@@ -205,7 +205,7 @@ export type EntityListSummary = {
     label: string;
     count?: number;
 };
-export type ListAccessLevel = 10 | 20 | 30 | 40;
+export type ListAccessLevel = 0 | 10 | 20 | 30;
 export type EntityListPostModel = {
     id?: string;
     /** Type of the list */
@@ -220,7 +220,7 @@ export type EntityListPostModel = {
     /** List attributes */
     attrib?: object;
     /** Additional data associated with the list */
-    data?: Record<string, any>;
+    data?: object;
     template?: object;
     /** List tags */
     tags?: string[];
@@ -241,7 +241,7 @@ export type EntityListItemModel = {
     /** Overrides of the listed entity attributes */
     attrib?: object;
     /** Additional data associated with the item */
-    data?: Record<string, any>;
+    data?: object;
     /** Tags associated with the item */
     tags?: string[];
     /** Path to the folder where the item is located */
@@ -265,7 +265,7 @@ export type EntityListModel = {
     /** List attributes */
     attrib?: object;
     /** Additional data associated with the list */
-    data?: Record<string, any>;
+    data?: object;
     template?: object;
     /** List tags */
     tags?: string[];
@@ -288,7 +288,7 @@ export type EntityListPatchModel = {
     /** List attributes */
     attrib?: object;
     /** Additional data associated with the list */
-    data?: Record<string, any>;
+    data?: object;
     /** List tags */
     tags?: string[];
     /** Name of the user who created the list */

package/dist/types/api/generated/users.d.ts

@@ -10,9 +10,9 @@ declare const injectedRtkApi: import('@reduxjs/toolkit/query').Api<import('@redu
     passwordResetRequest: import('@reduxjs/toolkit/query').MutationDefinition<PasswordResetRequestApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, any, "restApi", unknown>;
     passwordReset: import('@reduxjs/toolkit/query').MutationDefinition<PasswordResetApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, LoginResponseModel, "restApi", unknown>;
     getMyPermissions: import('@reduxjs/toolkit/query').QueryDefinition<void, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, UserPermissionsModel, "restApi", unknown>;
-    getMyProjectPermissions: import('@reduxjs/toolkit/query').QueryDefinition<GetMyProjectPermissionsApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, ProjectPermissions, "restApi", unknown>;
-    getUserStudioPermissions: import('@reduxjs/toolkit/query').QueryDefinition<GetUserStudioPermissionsApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, StudioPermissions, "restApi", unknown>;
-    getUserProjectPermissions: import('@reduxjs/toolkit/query').QueryDefinition<GetUserProjectPermissionsApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, ProjectPermissions, "restApi", unknown>;
+    getMyProjectPermissions: import('@reduxjs/toolkit/query').QueryDefinition<GetMyProjectPermissionsApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, Permissions, "restApi", unknown>;
+    getUserStudioPermissions: import('@reduxjs/toolkit/query').QueryDefinition<GetUserStudioPermissionsApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, Permissions, "restApi", unknown>;
+    getUserProjectPermissions: import('@reduxjs/toolkit/query').QueryDefinition<GetUserProjectPermissionsApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, Permissions, "restApi", unknown>;
     getCurrentUser: import('@reduxjs/toolkit/query').QueryDefinition<void, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, UserModel, "restApi", unknown>;
     getUser: import('@reduxjs/toolkit/query').QueryDefinition<GetUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, GetUserApiResponse, "restApi", unknown>;
     createUser: import('@reduxjs/toolkit/query').MutationDefinition<CreateUserApiArg, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError>, string, any, "restApi", unknown>;
@@ -71,18 +71,15 @@ export type PasswordResetApiArg = {
 };
 export type GetMyPermissionsApiResponse = UserPermissionsModel;
 export type GetMyPermissionsApiArg = void;
-export type GetMyProjectPermissionsApiResponse = 
-/** status 200 Successful Response */ ProjectPermissions;
+export type GetMyProjectPermissionsApiResponse = Permissions;
 export type GetMyProjectPermissionsApiArg = {
     projectName: string;
 };
-export type GetUserStudioPermissionsApiResponse = 
-/** status 200 Successful Response */ StudioPermissions;
+export type GetUserStudioPermissionsApiResponse = Permissions;
 export type GetUserStudioPermissionsApiArg = {
     userName: string;
 };
-export type GetUserProjectPermissionsApiResponse = 
-/** status 200 Successful Response */ ProjectPermissions;
+export type GetUserProjectPermissionsApiResponse = Permissions;
 export type GetUserProjectPermissionsApiArg = {
     projectName: string;
     userName: string;
@@ -208,10 +205,13 @@ export type UserModel = {
     updatedAt?: string;
 };
 export type LoginResponseModel = {
+    /** Text message, which may be displayed to the user */
     detail?: string;
     error?: string;
     token?: string;
     user?: UserModel;
+    /** URL to redirect the user after login */
+    redirectUrl?: string;
 };
 export type PasswordResetModel = {
     token: string;
@@ -246,13 +246,19 @@ export type AttributeReadAccessList = {
 };
 export type AttributeWriteAccessList = {
     enabled?: boolean;
+    fields?: string[];
     attributes?: string[];
 };
 export type EndpointsAccessList = {
     enabled?: boolean;
     endpoints?: string[];
 };
-export type ProjectPermissions = {
+export type ProjectAdvancedPermissions = {
+    /** If a user can access a task through the 'Assigned' permission, enabling this will also show all sibling tasks in the same folder. When disabled, only the assigned task is visible. */
+    show_sibling_tasks?: boolean;
+};
+export type Permissions = {
+    studio?: StudioManagementPermissions;
     project?: ProjectManagementPermissions;
     /** Whitelist folders a user can create */
     create?: FolderAccessList;
@@ -270,6 +276,7 @@ export type ProjectPermissions = {
     attrib_write?: AttributeWriteAccessList;
     /** Whitelist REST endpoints a user can access */
     endpoints?: EndpointsAccessList;
+    advanced?: ProjectAdvancedPermissions;
 };
 export type UserPermissionsModel = {
     user_level?: 'admin' | 'manager' | 'user';
@@ -277,12 +284,9 @@ export type UserPermissionsModel = {
     studio?: StudioManagementPermissions;
     /** Permissions for individual projects */
     projects?: {
-        [key: string]: ProjectPermissions;
+        [key: string]: Permissions;
     };
 };
-export type StudioPermissions = {
-    studio?: StudioManagementPermissions;
-};
 export type NewUserModel = {
     attrib?: UserAttribModel;
     data?: Record<string, any>;

package/dist/types/api/generated/views.d.ts

@@ -18,14 +18,14 @@ export type CreateViewApiResponse = EntityIdResponse;
 export type CreateViewApiArg = {
     viewType: string;
     projectName?: string;
-    payload: OverviewViewPostModel | TaskProgressViewPostModel | ListsViewPostModel;
+    payload: OverviewViewPostModel | TaskProgressViewPostModel | ListsViewPostModel | ReviewsViewPostModel;
 };
-export type GetWorkingViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel;
+export type GetWorkingViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
 export type GetWorkingViewApiArg = {
     viewType: string;
     projectName?: string;
 };
-export type GetDefaultViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel;
+export type GetDefaultViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
 export type GetDefaultViewApiArg = {
     viewType: string;
     projectName?: string;
@@ -36,7 +36,7 @@ export type SetDefaultViewApiArg = {
     projectName?: string;
     setDefaultViewRequestModel: SetDefaultViewRequestModel;
 };
-export type GetViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel;
+export type GetViewApiResponse = OverviewViewModel | TaskProgressViewModel | ListsViewModel | ReviewsViewModel;
 export type GetViewApiArg = {
     viewType: string;
     viewId: string;
@@ -53,7 +53,7 @@ export type UpdateViewApiArg = {
     viewType: string;
     viewId: string;
     projectName?: string;
-    payload: OverviewViewPatchModel | TaskProgressViewPatchModel | ListsViewPatchModel;
+    payload: OverviewViewPatchModel | TaskProgressViewPatchModel | ListsViewPatchModel | ReviewsViewPatchModel;
 };
 export type ViewListItemModel = {
     /** Unique identifier for the view within the given scope. */
@@ -66,7 +66,6 @@ export type ViewListItemModel = {
     owner: string;
     /** Visibility of the view. Public views are visible to all users, private views are only visible to the owner. */
     visibility: 'public' | 'private';
-    access: object;
     /** Working view is a special type of the view that automatically stores the current view settings without explicitly saving them. Working views are always private and scoped to the project  */
     working: boolean;
     position: number;
@@ -153,6 +152,21 @@ export type ListsViewPostModel = {
     working?: boolean;
     settings: ListsSettings;
 };
+export type ReviewsSettings = {
+    sortBy?: string;
+    sortDesc?: boolean;
+    filter?: QueryFilter;
+    columns?: ColumnItemModel[];
+};
+export type ReviewsViewPostModel = {
+    /** Unique identifier for the view within the given scope. */
+    id?: string;
+    /** Human-readable name of the view. */
+    label: string;
+    /** Working view is a special type of the view that automatically stores the current view settings without explicitly saving them. Working views are always private and scoped to the project  */
+    working?: boolean;
+    settings: ReviewsSettings;
+};
 export type OverviewViewModel = {
     /** Unique identifier for the view within the given scope. */
     id?: string;
@@ -164,12 +178,12 @@ export type OverviewViewModel = {
     owner: string;
     /** Visibility of the view. Public views are visible to all users, private views are only visible to the owner. */
     visibility: 'public' | 'private';
-    access: object;
     /** Working view is a special type of the view that automatically stores the current view settings without explicitly saving them. Working views are always private and scoped to the project  */
     working: boolean;
     position: number;
     accessLevel: number;
     settings: OverviewSettings;
+    access: object;
     viewType?: 'overview';
 };
 export type TaskProgressViewModel = {
@@ -183,12 +197,12 @@ export type TaskProgressViewModel = {
     owner: string;
     /** Visibility of the view. Public views are visible to all users, private views are only visible to the owner. */
     visibility: 'public' | 'private';
-    access: object;
     /** Working view is a special type of the view that automatically stores the current view settings without explicitly saving them. Working views are always private and scoped to the project  */
     working: boolean;
     position: number;
     accessLevel: number;
     settings: TaskProgressSettings;
+    access: object;
     viewType?: 'taskProgress';
 };
 export type ListsViewModel = {
@@ -202,14 +216,33 @@ export type ListsViewModel = {
     owner: string;
     /** Visibility of the view. Public views are visible to all users, private views are only visible to the owner. */
     visibility: 'public' | 'private';
-    access: object;
     /** Working view is a special type of the view that automatically stores the current view settings without explicitly saving them. Working views are always private and scoped to the project  */
     working: boolean;
     position: number;
     accessLevel: number;
     settings: ListsSettings;
+    access: object;
     viewType?: 'lists';
 };
+export type ReviewsViewModel = {
+    /** Unique identifier for the view within the given scope. */
+    id?: string;
+    /** Human-readable name of the view. */
+    label: string;
+    /** Determines whether the view is only available for the given project or for all projects (studio). */
+    scope: 'project' | 'studio';
+    /** Name of the user who created the view. Owners have full control over the view,  */
+    owner: string;
+    /** Visibility of the view. Public views are visible to all users, private views are only visible to the owner. */
+    visibility: 'public' | 'private';
+    /** Working view is a special type of the view that automatically stores the current view settings without explicitly saving them. Working views are always private and scoped to the project  */
+    working: boolean;
+    position: number;
+    accessLevel: number;
+    settings: ReviewsSettings;
+    access: object;
+    viewType?: 'reviews';
+};
 export type SetDefaultViewRequestModel = {
     viewId: string;
 };
@@ -228,3 +261,8 @@ export type ListsViewPatchModel = {
     owner?: string;
     settings?: ListsSettings;
 };
+export type ReviewsViewPatchModel = {
+    label?: string;
+    owner?: string;
+    settings?: ReviewsSettings;
+};