@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\n\nconst PowerIcon = styled(Icon)`\n  color: var(--md-sys-color-tertiary);\n  font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    viewAlias,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label={`Create new ${viewAlias.toLowerCase()}`}\n              id={NEW_VIEW_ID}\n              startContent={<Icon icon=\"add\" />}\n              endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n              onClick={handleCreateView}\n              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","viewAlias","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"2qkBAaMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAQhBC,EAAyB,IAAM,CAC1C,KAAM,CACJ,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBC,eAAA,EACvCC,EAAWC,EAAAA,OAAuB,IAAI,EAEtC,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,GAAWF,GAAM,iBAAmB,IAAM,IAE1CG,EAAkBC,EAAAA,wBAAwBnB,CAAQ,EAClDoB,EAAaF,GAAiB,sBAAA,EAE9BG,EAAgB,CACpB,IAAKD,EAAaA,EAAW,OAFnB,EAEkC,EAC5C,KAAMA,EAAaA,EAAW,KAAO,CAAA,EAIvCE,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAsBC,GAAkB,CAC5C,MAAMC,EAASD,EAAE,OAEXE,EACJb,EAAS,SAAS,SAASY,CAAM,GAAKP,GAAiB,SAASO,CAAM,EAClEE,EAAwB,SAC3B,cAAc,IAAMC,oBAAkB,GACrC,SAASH,CAAM,EACbI,EAAsB,SAAS,cAAc,UAAU,GAAG,SAASJ,CAAM,EACzEK,EAA2B,SAAS,cAAc,mBAAmB,GAAG,SAASL,CAAM,EAG3F,CAACC,GACD,CAACC,GACD,CAACE,GACD,CAACC,GACD5B,GAEAC,EAAc,EAAK,CAEvB,EAEM4B,EAAmBP,GAAqB,CACxCA,EAAE,MAAQ,UAAYtB,GACxBC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,YAAaoB,CAAkB,EACzD,SAAS,iBAAiB,UAAWQ,CAAe,EAE7C,IAAM,CACX,SAAS,oBAAoB,YAAaR,CAAkB,EAC5D,SAAS,oBAAoB,UAAWQ,CAAe,CACzD,CACF,EAAG,CAAC7B,EAAYgB,EAAiBf,CAAa,CAAC,EAG/CmB,EAAAA,UAAU,IAAM,CACVpB,GAAcW,EAAS,SACzBA,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACX,CAAU,CAAC,EAEf,MAAM8B,EAAmBC,EAAAA,YAAY,IAAM,CACpCvB,EAGHN,EAAe,EAAI,EAFnBO,EAAmB,aAAa,CAIpC,EAAG,CAACD,EAAcC,EAAoBP,EAAgBD,CAAa,CAAC,EAE9D+B,EACJ,CAAC7B,GAAgBC,GAAa,KAAOD,EAAa,GAC9C8B,kBACC9B,EAAa,GAEpB,6DAEK,SAAAH,GACCkC,EAAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOjB,EAAe,IAAKR,EAAU,SAAU,EAChE,SAAA,CAAA0B,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,MAAOjC,EAAe,SAAU2B,EAAgB,EAC1DjB,GACCoB,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAF,wBAACG,GAAsB,YAAAlC,EAA0B,EACjD+B,EAAAA,kBAAAA,IAACI,EAAAA,iBAAA,CAAA,CAAwB,CAAA,EAC3B,EAEFJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAO,cAAc3C,EAAU,YAAA,CAAa,GAC5C,GAAI4C,EAAAA,YACJ,aAAcN,EAAAA,kBAAAA,IAACzC,EAAAA,KAAA,CAAK,KAAK,KAAA,CAAM,EAC/B,WAAY,CAACY,GAAgB6B,EAAAA,kBAAAA,IAAC3C,EAAA,CAAU,KAAK,OAAO,EACpD,QAASoC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}
+{"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\nimport { usePowerpack } from '@shared/context/PowerpackContext'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\n\nconst PowerIcon = styled(Icon)`\n  color: var(--md-sys-color-tertiary);\n  font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    viewAlias,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label={`Create new ${viewAlias.toLowerCase()}`}\n              id={NEW_VIEW_ID}\n              startContent={<Icon icon=\"add\" />}\n              endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n              onClick={handleCreateView}\n              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","viewAlias","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"yrBAcMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAQhBC,EAAyB,IAAM,CAC1C,KAAM,CACJ,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBC,eAAA,EACvCC,EAAWC,EAAAA,OAAuB,IAAI,EAEtC,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,GAAWF,GAAM,iBAAmB,IAAM,IAE1CG,EAAkBC,EAAAA,wBAAwBnB,CAAQ,EAClDoB,EAAaF,GAAiB,sBAAA,EAE9BG,EAAgB,CACpB,IAAKD,EAAaA,EAAW,OAFnB,EAEkC,EAC5C,KAAMA,EAAaA,EAAW,KAAO,CAAA,EAIvCE,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAsBC,GAAkB,CAC5C,MAAMC,EAASD,EAAE,OAEXE,EACJb,EAAS,SAAS,SAASY,CAAM,GAAKP,GAAiB,SAASO,CAAM,EAClEE,EAAwB,SAC3B,cAAc,IAAMC,oBAAkB,GACrC,SAASH,CAAM,EACbI,EAAsB,SAAS,cAAc,UAAU,GAAG,SAASJ,CAAM,EACzEK,EAA2B,SAAS,cAAc,mBAAmB,GAAG,SAASL,CAAM,EAG3F,CAACC,GACD,CAACC,GACD,CAACE,GACD,CAACC,GACD5B,GAEAC,EAAc,EAAK,CAEvB,EAEM4B,EAAmBP,GAAqB,CACxCA,EAAE,MAAQ,UAAYtB,GACxBC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,YAAaoB,CAAkB,EACzD,SAAS,iBAAiB,UAAWQ,CAAe,EAE7C,IAAM,CACX,SAAS,oBAAoB,YAAaR,CAAkB,EAC5D,SAAS,oBAAoB,UAAWQ,CAAe,CACzD,CACF,EAAG,CAAC7B,EAAYgB,EAAiBf,CAAa,CAAC,EAG/CmB,EAAAA,UAAU,IAAM,CACVpB,GAAcW,EAAS,SACzBA,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACX,CAAU,CAAC,EAEf,MAAM8B,EAAmBC,EAAAA,YAAY,IAAM,CACpCvB,EAGHN,EAAe,EAAI,EAFnBO,EAAmB,aAAa,CAIpC,EAAG,CAACD,EAAcC,EAAoBP,EAAgBD,CAAa,CAAC,EAE9D+B,EACJ,CAAC7B,GAAgBC,GAAa,KAAOD,EAAa,GAC9C8B,kBACC9B,EAAa,GAEpB,6DAEK,SAAAH,GACCkC,EAAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOjB,EAAe,IAAKR,EAAU,SAAU,EAChE,SAAA,CAAA0B,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,MAAOjC,EAAe,SAAU2B,EAAgB,EAC1DjB,GACCoB,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAF,wBAACG,GAAsB,YAAAlC,EAA0B,EACjD+B,EAAAA,kBAAAA,IAACI,EAAAA,iBAAA,CAAA,CAAwB,CAAA,EAC3B,EAEFJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAO,cAAc3C,EAAU,YAAA,CAAa,GAC5C,GAAI4C,EAAAA,YACJ,aAAcN,EAAAA,kBAAAA,IAACzC,EAAAA,KAAA,CAAK,KAAK,KAAA,CAAM,EAC/B,WAAY,CAACY,GAAgB6B,EAAAA,kBAAAA,IAAC3C,EAAA,CAAU,KAAK,OAAO,EACpD,QAASoC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
+import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
 import { useRef as M, useEffect as f, useCallback as R } from "react";
 import { createPortal as P } from "react-dom";
 import { useViewsContext as S } from "../context/ViewsContext.es.js";
@@ -7,352 +7,60 @@ import { ViewsMenu as A } from "../ViewsMenu/ViewsMenu.es.js";
 import { ViewItem as O } from "../ViewItem/ViewItem.es.js";
 import { Icon as w } from "@ynput/ayon-react-components";
 import W from "styled-components";
-import "../../../context/RemoteModulesContext.es.js";
-import { usePowerpack as G } from "../../../context/PowerpackContext.es.js";
-import "../../../context/UriContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "../../../api/base/client.es.js";
-import "../../../api/generated/graphql.es.js";
-import "../../../api/generated/graphqlLinks.es.js";
-import "../../../api/generated/access.es.js";
-import "../../../api/generated/actions.es.js";
-import "../../../api/generated/activityFeed.es.js";
-import "../../../api/generated/addons.es.js";
-import "../../../api/generated/anatomy.es.js";
-import "../../../api/generated/attributes.es.js";
-import "../../../api/generated/authentication.es.js";
-import "../../../api/generated/bundles.es.js";
-import "../../../api/generated/configuration.es.js";
-import "../../../api/generated/dataImport.es.js";
-import "../../../api/generated/desktop.es.js";
-import "../../../api/generated/entityLists.es.js";
-import "../../../api/generated/events.es.js";
-import "../../../api/generated/files.es.js";
-import "../../../api/generated/folders.es.js";
-import "../../../api/generated/inbox.es.js";
-import "../../../api/generated/links.es.js";
-import "../../../api/generated/market.es.js";
-import "../../../api/generated/onboarding.es.js";
-import "../../../api/generated/operations.es.js";
-import "../../../api/generated/products.es.js";
-import "../../../api/generated/projectDashboard.es.js";
-import "../../../api/generated/projects.es.js";
-import "../../../api/generated/projectFolders.es.js";
-import "../../../api/generated/reviewables.es.js";
-import "../../../api/generated/services.es.js";
-import "../../../api/generated/system.es.js";
-import "../../../api/generated/tasks.es.js";
-import "../../../api/generated/teams.es.js";
-import "../../../api/generated/thumbnails.es.js";
-import "../../../api/generated/uRIs.es.js";
-import "../../../api/generated/users.es.js";
-import "../../../api/generated/versions.es.js";
-import "../../../api/generated/workfiles.es.js";
-import "../../../api/generated/ynputCloud.es.js";
-import "../../../api/generated/grouping.es.js";
-import "../../../api/generated/views.es.js";
-import "../../../api/queries/actions/getActions.es.js";
-import "../../../api/queries/activities/getActivities.es.js";
-import "../../../api/queries/activities/updateReaction.es.js";
-import "../../../api/queries/activities/getMentions.es.js";
-import "../../../api/queries/activities/getCategories.es.js";
-import "../../../api/queries/addons/getAddons.es.js";
-import "../../../api/queries/addons/updateAddons.es.js";
-import "../../../api/queries/attributes/getAttributes.es.js";
-import "../../../api/queries/attributes/updateAttributes.es.js";
-import "../../../api/queries/authentication/getAuthentication.es.js";
-import "../../../api/queries/bundles/getBundles.es.js";
-import "../../../api/queries/bundles/updateBundles.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
-import "../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../api/queries/columnStats/groupCounts.es.js";
-import "../../../api/queries/config/getConfig.es.js";
-import "../../../api/queries/config/updateConfig.es.js";
-import "../../../api/queries/entities/getEntity.es.js";
-import "../../../api/queries/entities/getEntityPanel.es.js";
-import "../../../api/queries/overview/getOverview.es.js";
-import "../../../api/queries/overview/updateOverview.es.js";
-import "../../../api/queries/versions/getVersionsProducts.es.js";
-import "../../../api/queries/links/getEntityLinks.es.js";
-import "../../../api/queries/entities/updateEntity.es.js";
-import "../../../api/queries/entityLists/getLists.es.js";
-import "../../../api/queries/entityLists/updateLists.es.js";
-import "../../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../../api/queries/entityLists/listFolders.es.js";
-import "../../../api/queries/folders/getFolders.es.js";
-import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../../api/queries/grouping/getGrouping.es.js";
-import "../../../api/queries/links/updateLinks.es.js";
-import "../../../api/queries/links/getLinks.es.js";
-import "../../../api/queries/permissions/getPermissions.es.js";
-import "../../../api/queries/products/createProduct.es.js";
-import "../../../api/queries/products/getFolderProducts.es.js";
-import "../../../api/queries/project/getProject.es.js";
-import "../../../api/queries/project/updateProject.es.js";
-import "../../../api/queries/projectFolders/projectFolders.es.js";
-import "../../../api/queries/review/getReview.es.js";
-import "../../../api/queries/review/updateReview.es.js";
-import "../../../api/queries/share/share.es.js";
-import "../../../api/queries/system/getSystem.es.js";
-import "../../../api/queries/tasks/getTasks.es.js";
-import "../../../api/queries/tasks/updateTasks.es.js";
-import "../../../api/queries/teams/getTeams.es.js";
-import "../../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../../api/queries/users/getUsers.es.js";
-import "../../../api/queries/users/updateUsers.es.js";
-import "../../../api/queries/users/guests.es.js";
-import "../../../api/queries/versions/updateVersions.es.js";
-import "../../../api/queries/views/getViews.es.js";
-import "../../../api/queries/views/updateViews.es.js";
-import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../api/queries/uris/getUris.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../../util/pubsub.es.js";
-import "../../../context/DetailsPanelContextInstance.es.js";
-import "../../../context/SubtasksModulesContextInstance.es.js";
-import "../../../context/ThumbnailUploaderContext.es.js";
-import "../../../context/SettingsPanelContext.es.js";
-import "../../../context/pip/PiPProvider.es.js";
-import "../../../context/pip/PiPWrapper.es.js";
-import "../../../context/AddonProjectContext.es.js";
-import "../../../context/AddonContext.es.js";
-import "../../../context/MenuContext.es.js";
-import "../../../context/WebsocketContext.es.js";
-import { useGlobalContext as q } from "../../../context/GlobalContext.es.js";
-import "../../../context/ProjectContext.es.js";
-import "../../../context/ProjectFoldersContextInstance.es.js";
-import "../../../context/EntityUpdatesContextInstance.es.js";
-import "../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                    */
-import "clsx";
-import "../../Feed/context/FeedContext.es.js";
-import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../Feed/components/CommentInput/CommentInput.es.js";
-import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
-import "../../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../../components/Badge/Badge.es.js";
-import "../../../components/Chips/Chips.es.js";
-import "date-fns";
-import "../../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../../components/LinksManager/CellEditingDialog.es.js";
-import "../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../../_virtual/index.es.js";
-import "../../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                                 */
-import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../Feed/components/CommentInput/modules/index.es.js";
-import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../../components/Feedback/SupportBubble.es.js";
-import "../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../components/Powerpack/FreeTrialLink.es.js";
-import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../components/Powerpack/CTAButton.es.js";
-import "../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../Slicer/components/Slicer.es.js";
-import "../../Slicer/context/SlicerContextInstance.es.js";
-import "../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "short-uuid";
-import "../../../components/SearchFilter/filterDates.es.js";
-import "../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../ProjectTreeTable/components/SelectionCell.es.js";
-import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../NewEntity/context/NewEntityContextInstance.es.js";
-import "../../NewEntity/components/NewEntityForm.es.js";
-import "../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../components/StyledLink/StyledLink.es.js";
-import "../../../components/SyncButton/SyncButton.es.js";
-import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../../components/Watchers/Watchers.es.js";
-import "../../../components/Menu/Menu.styled.es.js";
-import "../../../components/Menu/MenuItem.es.js";
-import "../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../../components/ColumnHeaderMenuUI.es.js";
-import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../Feed/components/ActivityDate.es.js";
-import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../Feed/Feed.styled.es.js";
-import "../../Feed/components/FeedSearchFilter.es.js";
-import "../../DetailsPanel/DetailsPanel.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../../components/PlayableIcon/PlayableIcon.es.js";
-import "../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../Actions/Actions.styled.es.js";
-import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../Actions/ActionIcon.es.js";
-import { WORKING_VIEW_ID as F, NEW_VIEW_ID as N } from "../types.es.js";
-import { ViewsModal as B, ViewsMenuDivider as K } from "../Views.styled.es.js";
-import { VIEWS_DIALOG_CLASS as T } from "../ViewsDialogContainer/ViewsDialogContainer.es.js";
-import "../../ListTable/ListTableRow.es.js";
-import "../../ListTable/ListTable.styled.es.js";
-import "../../../context/DeleteEntitiesContext.es.js";
-import z from "./BaseViewsTags.es.js";
+import { useGlobalContext as G } from "../../../context/GlobalContext.es.js";
+import { usePowerpack as q } from "../../../context/PowerpackContext.es.js";
+import { ViewsModal as F, ViewsMenuDivider as N } from "../Views.styled.es.js";
+import { VIEWS_DIALOG_CLASS as B } from "../ViewsDialogContainer/ViewsDialogContainer.es.js";
+import K from "./BaseViewsTags.es.js";
+import { WORKING_VIEW_ID as T, NEW_VIEW_ID as z } from "../types.es.js";
 const $ = W(w)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`, Pp = () => {
+`, me = () => {
   const {
     viewType: I,
     viewAlias: g,
-    isMenuOpen: o,
-    setIsMenuOpen: r,
-    setEditingView: a,
-    selectedView: e,
+    isMenuOpen: t,
+    setIsMenuOpen: n,
+    setEditingView: d,
+    selectedView: r,
     workingView: x,
     viewMenuItems: C,
     projectName: V
-  } = S(), { powerLicense: n, setPowerpackDialog: d } = G(), m = M(null), { user: E } = q(), k = (E?.uiExposureLevel || 0) >= 900, s = _(I), p = s?.getBoundingClientRect(), v = {
-    top: p ? p.bottom + 8 : 0,
-    left: p ? p.left : 0
+  } = S(), { powerLicense: c, setPowerpackDialog: l } = q(), i = M(null), { user: E } = G(), k = (E?.uiExposureLevel || 0) >= 900, a = _(I), s = a?.getBoundingClientRect(), v = {
+    top: s ? s.bottom + 8 : 0,
+    left: s ? s.left : 0
   };
   f(() => {
-    const l = (c) => {
-      const i = c.target, L = m.current?.contains(i) || s?.contains(i), b = document.querySelector("." + T)?.contains(i), D = document.querySelector(".options")?.contains(i), h = document.querySelector(".p-confirm-dialog")?.contains(i);
-      !L && !b && !D && !h && o && r(!1);
-    }, u = (c) => {
-      c.key === "Escape" && o && r(!1);
+    const u = (m) => {
+      const o = m.target, L = i.current?.contains(o) || a?.contains(o), b = document.querySelector("." + B)?.contains(o), D = document.querySelector(".options")?.contains(o), h = document.querySelector(".p-confirm-dialog")?.contains(o);
+      !L && !b && !D && !h && t && n(!1);
+    }, p = (m) => {
+      m.key === "Escape" && t && n(!1);
     };
-    return document.addEventListener("mousedown", l), document.addEventListener("keydown", u), () => {
-      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", u);
+    return document.addEventListener("mousedown", u), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", p);
     };
-  }, [o, s, r]), f(() => {
-    o && m.current && m.current.focus();
-  }, [o]);
+  }, [t, a, n]), f(() => {
+    t && i.current && i.current.focus();
+  }, [t]);
   const y = R(() => {
-    n ? a(!0) : d("sharedViews");
-  }, [n, d, a, r]), j = !e || x?.id === e.id ? F : e.id;
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: o && P(
-    /* @__PURE__ */ t.jsxs(B, { style: v, ref: m, tabIndex: 0, children: [
-      /* @__PURE__ */ t.jsx(A, { items: C, selected: j }),
-      k && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(z, { projectName: V }),
-        /* @__PURE__ */ t.jsx(K, {})
+    c ? d(!0) : l("sharedViews");
+  }, [c, l, d, n]), j = !r || x?.id === r.id ? T : r.id;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && P(
+    /* @__PURE__ */ e.jsxs(F, { style: v, ref: i, tabIndex: 0, children: [
+      /* @__PURE__ */ e.jsx(A, { items: C, selected: j }),
+      k && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(K, { projectName: V }),
+        /* @__PURE__ */ e.jsx(N, {})
       ] }),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsx(
         O,
         {
           label: `Create new ${g.toLowerCase()}`,
-          id: N,
-          startContent: /* @__PURE__ */ t.jsx(w, { icon: "add" }),
-          endContent: !n && /* @__PURE__ */ t.jsx($, { icon: "bolt" }),
+          id: z,
+          startContent: /* @__PURE__ */ e.jsx(w, { icon: "add" }),
+          endContent: !c && /* @__PURE__ */ e.jsx($, { icon: "bolt" }),
           onClick: y,
           tabIndex: 0
         }
@@ -362,8 +70,8 @@ const $ = W(w)`
   ) });
 };
 export {
-  N as NEW_VIEW_ID,
-  Pp as ViewsMenuContainer,
-  F as WORKING_VIEW_ID
+  z as NEW_VIEW_ID,
+  me as ViewsMenuContainer,
+  T as WORKING_VIEW_ID
 };
 //# sourceMappingURL=ViewsMenuContainer.es.js.map

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenuContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext, usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\n\nconst PowerIcon = styled(Icon)`\n  color: var(--md-sys-color-tertiary);\n  font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    viewAlias,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label={`Create new ${viewAlias.toLowerCase()}`}\n              id={NEW_VIEW_ID}\n              startContent={<Icon icon=\"add\" />}\n              endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n              onClick={handleCreateView}\n              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","viewAlias","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"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"}
+{"version":3,"file":"ViewsMenuContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\nimport { usePowerpack } from '@shared/context/PowerpackContext'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\nimport BaseViewsTagContainer from '@shared/containers/Views/ViewsMenuContainer/BaseViewsTags'\n\nconst PowerIcon = styled(Icon)`\n  color: var(--md-sys-color-tertiary);\n  font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\nimport { WORKING_VIEW_ID, NEW_VIEW_ID } from '../types'\nexport { WORKING_VIEW_ID, NEW_VIEW_ID }\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    viewAlias,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\n    projectName,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const { user } = useGlobalContext()\n  const isAdmin = (user?.uiExposureLevel || 0) >= 900\n  // Modal position calculation\n  const portalContainer = getViewsPortalContainer(viewType)\n  const buttonRect = portalContainer?.getBoundingClientRect()\n  const gap = 8\n  const modalPosition = {\n    top: buttonRect ? buttonRect.bottom + gap : 0,\n    left: buttonRect ? buttonRect.left : 0,\n  }\n\n  // Close menu when clicking outside or pressing Escape\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as HTMLElement\n\n      const clickInsideMenu =\n        modalRef.current?.contains(target) || portalContainer?.contains(target)\n      const clickInsideEditDialog = document\n        .querySelector('.' + VIEWS_DIALOG_CLASS)\n        ?.contains(target)\n      const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n      const clickInsideConfirmDialog = document.querySelector('.p-confirm-dialog')?.contains(target)\n\n      if (\n        !clickInsideMenu &&\n        !clickInsideEditDialog &&\n        !clickInsideDropdown &&\n        !clickInsideConfirmDialog &&\n        isMenuOpen\n      ) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    const handleEscapeKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && isMenuOpen) {\n        setIsMenuOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscapeKey)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscapeKey)\n    }\n  }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n  // when the view is open, focus the modal\n  useEffect(() => {\n    if (isMenuOpen && modalRef.current) {\n      modalRef.current.focus()\n    }\n  }, [isMenuOpen])\n\n  const handleCreateView = useCallback(() => {\n    if (!powerLicense) {\n      setPowerpackDialog('sharedViews')\n    } else {\n      setEditingView(true)\n    }\n  }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n  const selectedViewId =\n    !selectedView || workingView?.id === selectedView.id\n      ? WORKING_VIEW_ID\n      : (selectedView.id as string)\n\n  return (\n    <>\n      {isMenuOpen &&\n        createPortal(\n          <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n            <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n            {isAdmin && (\n              <>\n                <BaseViewsTagContainer projectName={projectName} />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label={`Create new ${viewAlias.toLowerCase()}`}\n              id={NEW_VIEW_ID}\n              startContent={<Icon icon=\"add\" />}\n              endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n              onClick={handleCreateView}\n              tabIndex={0}\n            />\n          </Styled.ViewsModal>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["PowerIcon","styled","Icon","ViewsMenuContainer","viewType","viewAlias","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","projectName","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","user","useGlobalContext","isAdmin","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","clickInsideEditDialog","VIEWS_DIALOG_CLASS","clickInsideDropdown","clickInsideConfirmDialog","handleEscapeKey","handleCreateView","useCallback","selectedViewId","WORKING_VIEW_ID","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem","NEW_VIEW_ID"],"mappings":"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"}

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ne=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),P=require("../types.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");const oe=require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");const a=require("../../../api/queries/views/getViews.cjs.js"),ae=require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const ce=require("../hooks/useBuildViewMenuItems.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const de=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");const we=require("../../../hooks/useLocalStorage.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const Ve=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                      */require("clsx");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");const ge=require("../hooks/useSelectedView.cjs.js"),le=require("../hooks/useViewsMutations.cjs.js"),Se=require("../hooks/useBaseViewMutations.cjs.js"),Ce=require("../hooks/useSaveViewFromCurrent.cjs.js"),ke=require("../hooks/useViewSettingsChanged.cjs.js"),O=require("../utils/isViewStudioScope.cjs.js"),Q=require("./ViewsContextInstance.cjs.js");require("../Views.styled.cjs.js");require("../ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../ViewsMenu/ViewsMenu.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");const Le="view",Ie=({children:c,viewType:e,viewAlias:I=Le,projectName:i,dispatch:x,debug:l})=>{let{powerLicense:d}=de.usePowerpack();l?.powerLicense!==void 0&&(console.warn("Using debug power license:",l.powerLicense),d=l.powerLicense);const{user:f}=Ve.useGlobalContext(),[R,p]=t.useState(!1),[q,D]=t.useState(null),F="viewsMenuCollapsed",[S,h]=we.useLocalStorage(F,{}),U=r=>{const g=r.visibility==="private"?"myViews":"sharedViews";if(S[g]){const G={...S};G[g]=!1,h(G)}},{data:_}=oe.useGetShareOptionsQuery({projectName:i},{skip:!d||!q}),[s,n,C,y]=ge.useSelectedView({viewType:e,projectName:i}),[A,w]=ke.useViewSettingsChanged({viewType:e}),{currentData:B=[],isLoading:m}=a.useListViewsQuery({projectName:i,viewType:e},{skip:!e}),o=t.useMemo(()=>B.filter(r=>r.label!==P.BASE_VIEW_ID&&!(i&&r.working&&r.scope==="studio")),[B]),{onCreateView:K,onDeleteView:z,onUpdateView:V,onResetWorkingView:W}=le.useViewsMutations({viewType:e,projectName:i,viewsList:o,onCreate:U}),{currentData:u,isLoading:H}=a.useGetWorkingViewQuery({projectName:i,viewType:e},{skip:!e}),{currentData:J,isLoading:X}=a.useGetBaseViewQuery({projectName:i,viewType:e},{skip:!e}),{currentData:Y,isLoading:Z}=a.useGetBaseViewQuery({projectName:void 0,viewType:e},{skip:!e}),$=m||y||H||X||Z,M=u?.settings,k=s?.id===P.WORKING_VIEW_ID?M:s?.settings,v=s?.id===u?.id,E=A&&v&&C&&C!==u?.id?C:void 0,{currentData:L,isFetching:j}=a.useGetViewQuery({viewId:q,projectName:O.isViewStudioScope(q,o)?void 0:i,viewType:e},{skip:typeof q!="string"||!d}),N=t.useMemo(()=>q===L?.id?L:void 0,[q,L]),{onSaveViewFromCurrent:T}=Ce.useSaveViewFromCurrent({viewType:e,projectName:i,viewsList:o,sourceSettings:k,onUpdateView:V}),{onCreateBaseView:ee,onUpdateBaseView:re,onDeleteBaseView:ie,onLoadBaseView:ue}=Se.useBaseViewMutations({viewType:e,projectName:i,viewSettings:k,workingView:u,dispatch:x}),qe=t.useCallback(async(r,{selectView:g}={})=>{if(!u?.id){console.error("No working view to update");return}await V(u.id,r,!i),g&&n(u.id)},[V,u]),b=t.useCallback(async()=>{try{await W({existingWorkingViewId:u?.id,selectedViewId:s?.id,setSelectedView:n,setSettingsChanged:w,notify:!0})}catch(r){console.error("Failed to reset view:",r)}},[u,W,s,n,w]),se=ce.default({viewsList:o,workingView:u,viewType:e,viewAlias:I,projectName:i,currentUser:f,useWorkingView:!d,editingViewId:E,selectedId:s?.id,collapsed:S,setCollapsed:h,onResetWorkingView:b,onSelect:r=>{n(r),w(!1),p(!1)},onEdit:r=>D(r),onSave:async r=>T(r)}),te={viewType:e,viewAlias:I,projectName:i,isMenuOpen:R,editingView:q,currentUser:f,selectedView:s,viewSettings:k,editingViewData:N,isLoadingEditingViewData:j,viewsList:o,workingSettings:M,workingView:u,isViewWorking:v,onUpdateWorkingView:qe,projectBaseView:J,studioBaseView:Y,onCreateBaseView:ee,onUpdateBaseView:re,onDeleteBaseView:ie,onLoadBaseView:ue,editingViewId:E,viewMenuItems:se,isLoadingViews:$,shareOptions:_,setIsMenuOpen:p,setEditingView:D,setSelectedView:n,onSettingsChanged:w,onCreateView:K,onUpdateView:V,onDeleteView:z,resetWorkingView:b,api:ae.viewsQueries,dispatch:x};return ne.jsxRuntimeExports.jsx(Q.ViewsContext.Provider,{value:te,children:c})},xe=()=>{const c=t.useContext(Q.ViewsContext);if(!c)throw new Error("useViewsContext must be used within a ViewsProvider");return c};exports.isViewStudioScope=O.isViewStudioScope;exports.ViewsProvider=Ie;exports.useViewsContext=xe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const oe=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),P=require("../types.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");const qe=require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");const a=require("../../../api/queries/views/getViews.cjs.js"),ae=require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");const ce=require("../hooks/useBuildViewMenuItems.cjs.js"),de=require("../../../context/GlobalContext.cjs.js"),we=require("../../../context/PowerpackContext.cjs.js"),Ve=require("../hooks/useSelectedView.cjs.js"),ge=require("../hooks/useViewsMutations.cjs.js"),le=require("../hooks/useBaseViewMutations.cjs.js"),Se=require("../hooks/useSaveViewFromCurrent.cjs.js"),Ce=require("../hooks/useViewSettingsChanged.cjs.js"),ke=require("../../../hooks/useLocalStorage.cjs.js"),O=require("../utils/isViewStudioScope.cjs.js"),Q=require("./ViewsContextInstance.cjs.js"),Le="view",Ie=({children:c,viewType:e,viewAlias:I=Le,projectName:r,dispatch:x,debug:l})=>{let{powerLicense:d}=we.usePowerpack();l?.powerLicense!==void 0&&(console.warn("Using debug power license:",l.powerLicense),d=l.powerLicense);const{user:f}=de.useGlobalContext(),[R,p]=n.useState(!1),[t,D]=n.useState(null),F="viewsMenuCollapsed",[S,h]=ke.useLocalStorage(F,{}),U=i=>{const g=i.visibility==="private"?"myViews":"sharedViews";if(S[g]){const G={...S};G[g]=!1,h(G)}},{data:_}=qe.useGetShareOptionsQuery({projectName:r},{skip:!d||!t}),[u,o,C,y]=Ve.useSelectedView({viewType:e,projectName:r}),[A,w]=Ce.useViewSettingsChanged({viewType:e}),{currentData:B=[],isLoading:m}=a.useListViewsQuery({projectName:r,viewType:e},{skip:!e}),q=n.useMemo(()=>B.filter(i=>i.label!==P.BASE_VIEW_ID&&!(r&&i.working&&i.scope==="studio")),[B]),{onCreateView:K,onDeleteView:z,onUpdateView:V,onResetWorkingView:W}=ge.useViewsMutations({viewType:e,projectName:r,viewsList:q,onCreate:U}),{currentData:s,isLoading:H}=a.useGetWorkingViewQuery({projectName:r,viewType:e},{skip:!e}),{currentData:J,isLoading:X}=a.useGetBaseViewQuery({projectName:r,viewType:e},{skip:!e}),{currentData:Y,isLoading:Z}=a.useGetBaseViewQuery({projectName:void 0,viewType:e},{skip:!e}),$=m||y||H||X||Z,M=s?.settings,k=u?.id===P.WORKING_VIEW_ID?M:u?.settings,v=u?.id===s?.id,E=A&&v&&C&&C!==s?.id?C:void 0,{currentData:L,isFetching:j}=a.useGetViewQuery({viewId:t,projectName:O.isViewStudioScope(t,q)?void 0:r,viewType:e},{skip:typeof t!="string"||!d}),N=n.useMemo(()=>t===L?.id?L:void 0,[t,L]),{onSaveViewFromCurrent:T}=Se.useSaveViewFromCurrent({viewType:e,projectName:r,viewsList:q,sourceSettings:k,onUpdateView:V}),{onCreateBaseView:ee,onUpdateBaseView:ie,onDeleteBaseView:re,onLoadBaseView:se}=le.useBaseViewMutations({viewType:e,projectName:r,viewSettings:k,workingView:s,dispatch:x}),te=n.useCallback(async(i,{selectView:g}={})=>{if(!s?.id){console.error("No working view to update");return}await V(s.id,i,!r),g&&o(s.id)},[V,s]),b=n.useCallback(async()=>{try{await W({existingWorkingViewId:s?.id,selectedViewId:u?.id,setSelectedView:o,setSettingsChanged:w,notify:!0})}catch(i){console.error("Failed to reset view:",i)}},[s,W,u,o,w]),ue=ce.default({viewsList:q,workingView:s,viewType:e,viewAlias:I,projectName:r,currentUser:f,useWorkingView:!d,editingViewId:E,selectedId:u?.id,collapsed:S,setCollapsed:h,onResetWorkingView:b,onSelect:i=>{o(i),w(!1),p(!1)},onEdit:i=>D(i),onSave:async i=>T(i)}),ne={viewType:e,viewAlias:I,projectName:r,isMenuOpen:R,editingView:t,currentUser:f,selectedView:u,viewSettings:k,editingViewData:N,isLoadingEditingViewData:j,viewsList:q,workingSettings:M,workingView:s,isViewWorking:v,onUpdateWorkingView:te,projectBaseView:J,studioBaseView:Y,onCreateBaseView:ee,onUpdateBaseView:ie,onDeleteBaseView:re,onLoadBaseView:se,editingViewId:E,viewMenuItems:ue,isLoadingViews:$,shareOptions:_,setIsMenuOpen:p,setEditingView:D,setSelectedView:o,onSettingsChanged:w,onCreateView:K,onUpdateView:V,onDeleteView:z,resetWorkingView:b,api:ae.viewsQueries,dispatch:x};return oe.jsxRuntimeExports.jsx(Q.ViewsContext.Provider,{value:ne,children:c})},xe=()=>{const c=n.useContext(Q.ViewsContext);if(!c)throw new Error("useViewsContext must be used within a ViewsProvider");return c};exports.isViewStudioScope=O.isViewStudioScope;exports.ViewsProvider=Ie;exports.useViewsContext=xe;
 //# sourceMappingURL=ViewsContext.cjs.js.map