@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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

@@ -106,22 +106,32 @@ import { confirmDialog as h } from "../../../../node_modules/primereact/confirmd
 import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
+import { usePowerpack as k } from "../../../context/PowerpackContext.es.js";
+import "../../../context/UriContext.es.js";
+import { useLocalStorage as v } from "../../../hooks/useLocalStorage.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.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 { usePowerpack as k } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.es.js";
 import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -135,37 +145,40 @@ 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 "lodash";
 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/components/MinMaxField.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/EnumEditor/EnumEditor.styled.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 "react-toastify";
 import "../../../../../_virtual/index.es.js";
 import "../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                 */
-import "uuid";
-import "../../../util/pubsub.es.js";
 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 "@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";
@@ -173,14 +186,14 @@ 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/FeedbackContext.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/PricingLink.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";
@@ -190,7 +203,6 @@ import "react-router-dom";
 import "../../Slicer/components/Slicer.es.js";
 import "../../Slicer/context/SlicerContext.es.js";
 import "../../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
@@ -209,12 +221,12 @@ 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/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -230,6 +242,7 @@ 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";
@@ -248,22 +261,17 @@ import "../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import { useLocalStorage as v } from "../../../hooks/useLocalStorage.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "custom-protocol-check";
-import "../../ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.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/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
@@ -272,8 +280,10 @@ import "../../Actions/ActionIcon.es.js";
 import { useViewsContext as b } from "../context/ViewsContext.es.js";
 import "./ViewsMenuContainer.es.js";
 import "../ViewsMenu/ViewsMenu.es.js";
+import "../../ListTable/ListTableRow.es.js";
+import "../../ListTable/ListTable.styled.es.js";
 import { SectionHeader as L } from "../ViewsMenu/SectionHeader.es.js";
-const Im = ({ projectName: r }) => {
+const Km = ({ projectName: r }) => {
   const {
     projectBaseView: m,
     studioBaseView: p,
@@ -361,6 +371,6 @@ const Im = ({ projectName: r }) => {
   );
 };
 export {
-  Im as default
+  Km as default
 };
 //# sourceMappingURL=BaseViewsTags.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseViewsTags.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/BaseViewsTags.tsx"],"sourcesContent":["import { FC } from 'react'\nimport * as Styled from '@shared/containers/Views/Views.styled'\nimport { useViewsContext } from '@shared/containers'\nimport { confirmDialog } from 'primereact/confirmdialog'\nimport { usePowerpack } from '@shared/context'\nimport { SectionHeader } from '@shared/containers/Views/ViewsMenu/SectionHeader'\nimport { useLocalStorage } from '@shared/hooks'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\ntype BaseViewsTagContainerProps = {\n  projectName?: string | undefined\n}\n\nconst BaseViewsTagContainer: FC<BaseViewsTagContainerProps> = ({ projectName }) => {\n  const {\n    projectBaseView,\n    studioBaseView,\n    onCreateBaseView,\n    onDeleteBaseView,\n    onLoadBaseView,\n    viewAlias,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const [collapsed, setCollapsed] = useLocalStorage('collapsed-default-view', false)\n\n  const handleBaseViewAction = async (isStudioScope: boolean, remove?: boolean) => {\n    const existingBase = isStudioScope ? studioBaseView : projectBaseView\n\n    const disabled = !isStudioScope && powerLicense === false\n    if (disabled && !remove) {\n      setPowerpackDialog('sharedViews')\n      return\n    }\n\n    if (existingBase) {\n      if (remove || disabled) {\n        // remove button clicked, ask to remove the base view\n        confirmDialog({\n          message: `Are you sure you want to remove this default ${viewAlias.toLowerCase()}?`,\n          header: `Remove Default ${viewAlias}`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // load the base view settings into working view\n        await onLoadBaseView(isStudioScope)\n      }\n    } else {\n      // create new base view\n      await onCreateBaseView(isStudioScope)\n    }\n  }\n\n  return (\n    <>\n      <SectionHeader\n        onClick={() => setCollapsed(!collapsed)}\n        collapsed={collapsed}\n        id=\"default-views\"\n        title={`Default ${viewAlias.toLowerCase()}`}\n        style={{ marginBottom: '10px' }}\n      />\n      {!collapsed && (\n        <Styled.BaseViewsContainer>\n          <ScopeIcon\n            existingView={!!studioBaseView}\n            label={'Studio'}\n            onClick={(r) => handleBaseViewAction(true, r)}\n          />\n          {projectName && (\n            <ScopeIcon\n              existingView={!!projectBaseView}\n              label={'Project'}\n              onClick={(r) => handleBaseViewAction(false, r)}\n              powerLicense={powerLicense}\n            />\n          )}\n        </Styled.BaseViewsContainer>\n      )}\n    </>\n  )\n}\nexport default BaseViewsTagContainer\n\ntype ScopeIconProps = {\n  existingView: boolean\n  onClick: (remove?: boolean) => void\n  label: string\n  powerLicense?: boolean\n}\n\nconst ScopeIcon: FC<ScopeIconProps> = ({\n  existingView,\n  onClick,\n  label,\n  powerLicense = undefined,\n}) => {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick()\n  }\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick(true)\n  }\n\n  return (\n    <Styled.ViewButton\n      className={clsx({\n        ['powerpack-locked']: powerLicense === false,\n        ['active']: existingView,\n      })}\n      onClick={handleClick}\n    >\n      <Icon\n        icon={powerLicense === false ? 'bolt' : existingView ? 'close' : 'add'}\n        onClick={(e) => existingView && handleRemove(e)}\n      />\n      {label}\n    </Styled.ViewButton>\n  )\n}\n"],"names":["BaseViewsTagContainer","projectName","projectBaseView","studioBaseView","onCreateBaseView","onDeleteBaseView","onLoadBaseView","viewAlias","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","collapsed","setCollapsed","useLocalStorage","handleBaseViewAction","isStudioScope","remove","existingBase","disabled","confirmDialog","jsxs","Fragment","jsx","SectionHeader","Styled.BaseViewsContainer","ScopeIcon","r","existingView","onClick","label","handleClick","e","handleRemove","Styled.ViewButton","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"BaseViewsTags.es.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/BaseViewsTags.tsx"],"sourcesContent":["import { FC } from 'react'\nimport * as Styled from '@shared/containers/Views/Views.styled'\nimport { useViewsContext } from '@shared/containers'\nimport { confirmDialog } from 'primereact/confirmdialog'\nimport { usePowerpack } from '@shared/context'\nimport { SectionHeader } from '@shared/containers/Views/ViewsMenu/SectionHeader'\nimport { useLocalStorage } from '@shared/hooks'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\ntype BaseViewsTagContainerProps = {\n  projectName?: string | undefined\n}\n\nconst BaseViewsTagContainer: FC<BaseViewsTagContainerProps> = ({ projectName }) => {\n  const {\n    projectBaseView,\n    studioBaseView,\n    onCreateBaseView,\n    onDeleteBaseView,\n    onLoadBaseView,\n    viewAlias,\n  } = useViewsContext()\n\n  const { powerLicense, setPowerpackDialog } = usePowerpack()\n  const [collapsed, setCollapsed] = useLocalStorage('collapsed-default-view', false)\n\n  const handleBaseViewAction = async (isStudioScope: boolean, remove?: boolean) => {\n    const existingBase = isStudioScope ? studioBaseView : projectBaseView\n\n    const disabled = !isStudioScope && powerLicense === false\n    if (disabled && !remove) {\n      setPowerpackDialog('sharedViews')\n      return\n    }\n\n    if (existingBase) {\n      if (remove || disabled) {\n        // remove button clicked, ask to remove the base view\n        confirmDialog({\n          message: `Are you sure you want to remove this default ${viewAlias.toLowerCase()}?`,\n          header: `Remove Default ${viewAlias}`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // load the base view settings into working view\n        await onLoadBaseView(isStudioScope)\n      }\n    } else {\n      // create new base view\n      await onCreateBaseView(isStudioScope)\n    }\n  }\n\n  return (\n    <>\n      <SectionHeader\n        onClick={() => setCollapsed(!collapsed)}\n        collapsed={collapsed}\n        id=\"default-views\"\n        title={`Default ${viewAlias.toLowerCase()}`}\n        style={{ marginBottom: '10px' }}\n      />\n      {!collapsed && (\n        <Styled.BaseViewsContainer>\n          <ScopeIcon\n            existingView={!!studioBaseView}\n            label={'Studio'}\n            onClick={(r) => handleBaseViewAction(true, r)}\n          />\n          {projectName && (\n            <ScopeIcon\n              existingView={!!projectBaseView}\n              label={'Project'}\n              onClick={(r) => handleBaseViewAction(false, r)}\n              powerLicense={powerLicense}\n            />\n          )}\n        </Styled.BaseViewsContainer>\n      )}\n    </>\n  )\n}\nexport default BaseViewsTagContainer\n\ntype ScopeIconProps = {\n  existingView: boolean\n  onClick: (remove?: boolean) => void\n  label: string\n  powerLicense?: boolean\n}\n\nconst ScopeIcon: FC<ScopeIconProps> = ({\n  existingView,\n  onClick,\n  label,\n  powerLicense = undefined,\n}) => {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick()\n  }\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick(true)\n  }\n\n  return (\n    <Styled.ViewButton\n      className={clsx({\n        ['powerpack-locked']: powerLicense === false,\n        ['active']: existingView,\n      })}\n      onClick={handleClick}\n    >\n      <Icon\n        icon={powerLicense === false ? 'bolt' : existingView ? 'close' : 'add'}\n        onClick={(e) => existingView && handleRemove(e)}\n      />\n      {label}\n    </Styled.ViewButton>\n  )\n}\n"],"names":["BaseViewsTagContainer","projectName","projectBaseView","studioBaseView","onCreateBaseView","onDeleteBaseView","onLoadBaseView","viewAlias","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","collapsed","setCollapsed","useLocalStorage","handleBaseViewAction","isStudioScope","remove","existingBase","disabled","confirmDialog","jsxs","Fragment","jsx","SectionHeader","Styled.BaseViewsContainer","ScopeIcon","r","existingView","onClick","label","handleClick","e","handleRemove","Styled.ViewButton","clsx","Icon"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),M=require("react-dom"),L=require("../context/ViewsContext.cjs.js"),O=require("../utils/portalUtils.cjs.js"),h=require("../ViewsMenu/ViewsMenu.cjs.js"),P=require("../ViewItem/ViewItem.cjs.js"),E=require("@ynput/ayon-react-components"),S=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");const G=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const N=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const q=require("../Views.styled.cjs.js"),A=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),K=require("./BaseViewsTags.cjs.js"),c=require("../types.cjs.js"),F=S(E.Icon)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),M=require("react-dom"),L=require("../context/ViewsContext.cjs.js"),O=require("../utils/portalUtils.cjs.js"),h=require("../ViewsMenu/ViewsMenu.cjs.js"),P=require("../ViewItem/ViewItem.cjs.js"),E=require("@ynput/ayon-react-components"),S=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");const G=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.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/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/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/links/getEntityLinks.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/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");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");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.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("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const N=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");const p=require("../Views.styled.cjs.js"),A=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),K=require("./BaseViewsTags.cjs.js"),o=require("../types.cjs.js"),F=S(E.Icon)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`,T=()=>{const{viewType:I,viewAlias:V,isMenuOpen:t,setIsMenuOpen:s,setEditingView:m,selectedView:u,workingView:j,viewMenuItems:R,projectName:C}=L.useViewsContext(),{powerLicense:a,setPowerpackDialog:x}=G.usePowerpack(),o=i.useRef(null),{user:g}=N.useGlobalContext(),f=(g?.uiExposureLevel||0)>=900,l=O.getViewsPortalContainer(I),r=l?.getBoundingClientRect(),y={top:r?r.bottom+8:0,left:r?r.left:0};i.useEffect(()=>{const w=d=>{const n=d.target,k=o.current?.contains(n)||l?.contains(n),v=document.querySelector("."+A.VIEWS_DIALOG_CLASS)?.contains(n),W=document.querySelector(".options")?.contains(n),b=document.querySelector(".p-confirm-dialog")?.contains(n);!k&&!v&&!W&&!b&&t&&s(!1)},p=d=>{d.key==="Escape"&&t&&s(!1)};return document.addEventListener("mousedown",w),document.addEventListener("keydown",p),()=>{document.removeEventListener("mousedown",w),document.removeEventListener("keydown",p)}},[t,l,s]),i.useEffect(()=>{t&&o.current&&o.current.focus()},[t]);const D=i.useCallback(()=>{a?m(!0):x("sharedViews")},[a,x,m,s]),_=!u||j?.id===u.id?c.WORKING_VIEW_ID:u.id;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t&&M.createPortal(e.jsxRuntimeExports.jsxs(q.ViewsModal,{style:y,ref:o,tabIndex:0,children:[e.jsxRuntimeExports.jsx(h.ViewsMenu,{items:R,selected:_}),f&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(K,{projectName:C}),e.jsxRuntimeExports.jsx(q.ViewsMenuDivider,{})]}),e.jsxRuntimeExports.jsx(P.ViewItem,{label:`Create new ${V.toLowerCase()}`,id:c.NEW_VIEW_ID,startContent:e.jsxRuntimeExports.jsx(E.Icon,{icon:"add"}),endContent:!a&&e.jsxRuntimeExports.jsx(F,{icon:"bolt"}),onClick:D,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=c.NEW_VIEW_ID;exports.WORKING_VIEW_ID=c.WORKING_VIEW_ID;exports.ViewsMenuContainer=T;
+`,T=()=>{const{viewType:I,viewAlias:V,isMenuOpen:r,setIsMenuOpen:u,setEditingView:d,selectedView:q,workingView:j,viewMenuItems:R,projectName:C}=L.useViewsContext(),{powerLicense:c,setPowerpackDialog:m}=G.usePowerpack(),t=s.useRef(null),{user:g}=N.useGlobalContext(),f=(g?.uiExposureLevel||0)>=900,a=O.getViewsPortalContainer(I),n=a?.getBoundingClientRect(),y={top:n?n.bottom+8:0,left:n?n.left:0};s.useEffect(()=>{const x=l=>{const i=l.target,k=t.current?.contains(i)||a?.contains(i),v=document.querySelector("."+A.VIEWS_DIALOG_CLASS)?.contains(i),W=document.querySelector(".options")?.contains(i),b=document.querySelector(".p-confirm-dialog")?.contains(i);!k&&!v&&!W&&!b&&r&&u(!1)},w=l=>{l.key==="Escape"&&r&&u(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",w)}},[r,a,u]),s.useEffect(()=>{r&&t.current&&t.current.focus()},[r]);const D=s.useCallback(()=>{c?d(!0):m("sharedViews")},[c,m,d,u]),_=!q||j?.id===q.id?o.WORKING_VIEW_ID:q.id;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r&&M.createPortal(e.jsxRuntimeExports.jsxs(p.ViewsModal,{style:y,ref:t,tabIndex:0,children:[e.jsxRuntimeExports.jsx(h.ViewsMenu,{items:R,selected:_}),f&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(K,{projectName:C}),e.jsxRuntimeExports.jsx(p.ViewsMenuDivider,{})]}),e.jsxRuntimeExports.jsx(P.ViewItem,{label:`Create new ${V.toLowerCase()}`,id:o.NEW_VIEW_ID,startContent:e.jsxRuntimeExports.jsx(E.Icon,{icon:"add"}),endContent:!c&&e.jsxRuntimeExports.jsx(F,{icon:"bolt"}),onClick:D,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=o.NEW_VIEW_ID;exports.WORKING_VIEW_ID=o.WORKING_VIEW_ID;exports.ViewsMenuContainer=T;
 //# sourceMappingURL=ViewsMenuContainer.cjs.js.map

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":"q+CAaMA,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, 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":"25NAaMA,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 e } from "../../../../../_virtual/jsx-runtime.es.js";
+import { j as t } 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";
@@ -8,22 +8,124 @@ 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 "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.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/updateActivities.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/cloud/cloud.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/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/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/links/getEntityLinks.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/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 { usePowerpack as G } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.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/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.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";
@@ -31,51 +133,51 @@ 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;
-`, ye = () => {
+`, Ci = () => {
   const {
     viewType: I,
     viewAlias: g,
-    isMenuOpen: t,
-    setIsMenuOpen: n,
-    setEditingView: d,
-    selectedView: s,
+    isMenuOpen: o,
+    setIsMenuOpen: r,
+    setEditingView: a,
+    selectedView: p,
     workingView: x,
     viewMenuItems: C,
     projectName: V
-  } = S(), { powerLicense: c, setPowerpackDialog: p } = G(), i = M(null), { user: E } = q(), k = (E?.uiExposureLevel || 0) >= 900, m = _(I), r = m?.getBoundingClientRect(), v = {
-    top: r ? r.bottom + 8 : 0,
-    left: r ? r.left : 0
+  } = S(), { powerLicense: n, setPowerpackDialog: d } = G(), m = M(null), { user: E } = q(), k = (E?.uiExposureLevel || 0) >= 900, s = _(I), e = s?.getBoundingClientRect(), v = {
+    top: e ? e.bottom + 8 : 0,
+    left: e ? e.left : 0
   };
   f(() => {
-    const l = (a) => {
-      const o = a.target, L = i.current?.contains(o) || m?.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);
-    }, u = (a) => {
-      a.key === "Escape" && t && n(!1);
+    const l = (c) => {
+      const i = c.target, L = m.current?.contains(i) || s?.contains(i), b = document.querySelector("." + B)?.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);
     };
     return document.addEventListener("mousedown", l), document.addEventListener("keydown", u), () => {
       document.removeEventListener("mousedown", l), document.removeEventListener("keydown", u);
     };
-  }, [t, m, n]), f(() => {
-    t && i.current && i.current.focus();
-  }, [t]);
+  }, [o, s, r]), f(() => {
+    o && m.current && m.current.focus();
+  }, [o]);
   const y = R(() => {
-    c ? d(!0) : p("sharedViews");
-  }, [c, p, d, n]), j = !s || x?.id === s.id ? T : s.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, {})
+    n ? a(!0) : d("sharedViews");
+  }, [n, d, a, r]), j = !p || x?.id === p.id ? T : p.id;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: o && P(
+    /* @__PURE__ */ t.jsxs(F, { 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(K, { projectName: V }),
+        /* @__PURE__ */ t.jsx(N, {})
       ] }),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         O,
         {
           label: `Create new ${g.toLowerCase()}`,
           id: z,
-          startContent: /* @__PURE__ */ e.jsx(w, { icon: "add" }),
-          endContent: !c && /* @__PURE__ */ e.jsx($, { icon: "bolt" }),
+          startContent: /* @__PURE__ */ t.jsx(w, { icon: "add" }),
+          endContent: !n && /* @__PURE__ */ t.jsx($, { icon: "bolt" }),
           onClick: y,
           tabIndex: 0
         }
@@ -86,7 +188,7 @@ const $ = W(w)`
 };
 export {
   z as NEW_VIEW_ID,
-  ye as ViewsMenuContainer,
+  Ci 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, 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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"}