@ynput/ayon-frontend-shared 0.2.45 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"BaseViewsTags.cjs.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\nconst BaseViewsTagContainer: FC = () => {\n  const {\n    projectBaseView,\n    studioBaseView,\n    onCreateBaseView,\n    onDeleteBaseView,\n    onUpdateWorkingView,\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 view?`,\n          header: `Remove Default View`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // set the working view to the existing base view\n        // @ts-expect-error settings exists\n        onUpdateWorkingView({ settings: existingBase.settings }, { selectView: true })\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 views\"\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          <ScopeIcon\n            existingView={!!projectBaseView}\n            label={'Project'}\n            onClick={(r) => handleBaseViewAction(false, r)}\n            powerLicense={powerLicense}\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","projectBaseView","studioBaseView","onCreateBaseView","onDeleteBaseView","onUpdateWorkingView","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":"u8cAUMA,EAA4B,IAAM,CACtC,KAAM,CACJ,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,oBAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBC,eAAA,EACvC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,gBAAgB,yBAA0B,EAAK,EAE3EC,EAAuB,MAAOC,EAAwBC,IAAqB,CAC/E,MAAMC,EAAeF,EAAgBZ,EAAiBD,EAEhDgB,EAAW,CAACH,GAAiBP,IAAiB,GACpD,GAAIU,GAAY,CAACF,EAAQ,CACvBP,EAAmB,aAAa,EAChC,MACF,CAEIQ,EACED,GAAUE,EAEZC,gBAAc,CACZ,QAAS,qDACT,OAAQ,sBACR,YAAa,SACb,YAAa,SACb,OAAQ,SAAY,CAClB,MAAMd,EAAiBY,EAAa,GAAcF,CAAa,CACjE,CAAA,CACD,EAIDT,EAAoB,CAAE,SAAUW,EAAa,QAAA,EAAY,CAAE,WAAY,GAAM,EAI/E,MAAMb,EAAiBW,CAAa,CAExC,EAEA,OACEK,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAAS,IAAMX,EAAa,CAACD,CAAS,EACtC,UAAAA,EACA,GAAG,gBACH,MAAM,gBACN,MAAO,CAAE,aAAc,MAAA,CAAO,CAAA,EAE/B,CAACA,GACAS,EAAAA,kBAAAA,KAACI,EAAAA,mBAAA,CACC,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAA,CACC,aAAc,CAAC,CAACtB,EAChB,MAAO,SACP,QAAUuB,GAAMZ,EAAqB,GAAMY,CAAC,CAAA,CAAA,EAE9CJ,EAAAA,kBAAAA,IAACG,EAAA,CACC,aAAc,CAAC,CAACvB,EAChB,MAAO,UACP,QAAUwB,GAAMZ,EAAqB,GAAOY,CAAC,EAC7C,aAAAlB,CAAA,CAAA,CACF,CAAA,CACF,CAAA,EAEJ,CAEJ,EAUMiB,EAAgC,CAAC,CACrC,aAAAE,EACA,QAAAC,EACA,MAAAC,EACA,aAAArB,EAAe,MACjB,IAAM,CACJ,MAAMsB,EAAeC,GAAwB,CAC3CA,EAAE,gBAAA,EACFH,EAAA,CACF,EAEMI,EAAgBD,GAAwB,CAC5CA,EAAE,gBAAA,EACFH,EAAQ,EAAI,CACd,EAEA,OACER,EAAAA,kBAAAA,KAACa,EAAAA,WAAA,CACC,UAAWC,EAAK,CACb,mBAAqB1B,IAAiB,GACtC,OAAWmB,CAAA,CACb,EACD,QAASG,EAET,SAAA,CAAAR,EAAAA,kBAAAA,IAACa,EAAAA,KAAA,CACC,KAAM3B,IAAiB,GAAQ,OAASmB,EAAe,QAAU,MACjE,QAAUI,GAAMJ,GAAgBK,EAAaD,CAAC,CAAA,CAAA,EAE/CF,CAAA,CAAA,CAAA,CAGP"}
+{"version":3,"file":"BaseViewsTags.cjs.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    onUpdateWorkingView,\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 view?`,\n          header: `Remove Default View`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // set the working view to the existing base view\n        // @ts-expect-error settings exists\n        onUpdateWorkingView({ settings: existingBase.settings }, { selectView: true })\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 views\"\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","onUpdateWorkingView","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","collapsed","setCollapsed","useLocalStorage","handleBaseViewAction","isStudioScope","remove","existingBase","disabled","confirmDialog","jsxs","Fragment","jsx","SectionHeader","Styled.BaseViewsContainer","ScopeIcon","existingView","onClick","label","handleClick","handleRemove","Styled.ViewButton","clsx","Icon"],"mappings":"q0dAcMA,EAAwD,CAAC,CAAE,YAAAC,KAAkB,CACjF,KAAM,CACJ,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,oBAAAC,CAAA,EACEC,kBAAA,EAEE,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBC,eAAA,EACvC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,gBAAgB,yBAA0B,EAAK,EAE3EC,EAAuB,MAAOC,EAAwBC,IAAqB,CAC/E,MAAMC,EAAeF,EAAgBZ,EAAiBD,EAEhDgB,EAAW,CAACH,GAAiBP,IAAiB,GACpD,GAAIU,GAAY,CAACF,EAAQ,CACvBP,EAAmB,aAAa,EAChC,MACF,CAEIQ,EACED,GAAUE,EAEZC,gBAAc,CACZ,QAAS,qDACT,OAAQ,sBACR,YAAa,SACb,YAAa,SACb,OAAQ,SAAY,CAClB,MAAMd,EAAiBY,EAAa,GAAcF,CAAa,CACjE,CAAA,CACD,EAIDT,EAAoB,CAAE,SAAUW,EAAa,QAAA,EAAY,CAAE,WAAY,GAAM,EAI/E,MAAMb,EAAiBW,CAAa,CAExC,EAEA,OACEK,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAAS,IAAMX,EAAa,CAACD,CAAS,EACtC,UAAAA,EACA,GAAG,gBACH,MAAM,gBACN,MAAO,CAAE,aAAc,MAAA,CAAO,CAAA,EAE/B,CAACA,GACAS,EAAAA,kBAAAA,KAACI,EAAAA,mBAAA,CACC,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAA,CACC,aAAc,CAAC,CAACtB,EAChB,MAAO,SACP,QAAU,GAAMW,EAAqB,GAAM,CAAC,CAAA,CAAA,EAE7Cb,GACCqB,EAAAA,kBAAAA,IAACG,EAAA,CACC,aAAc,CAAC,CAACvB,EAChB,MAAO,UACP,QAAU,GAAMY,EAAqB,GAAO,CAAC,EAC7C,aAAAN,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,EAEJ,CAEJ,EAUMiB,EAAgC,CAAC,CACrC,aAAAC,EACA,QAAAC,EACA,MAAAC,EACA,aAAApB,EAAe,MACjB,IAAM,CACJ,MAAMqB,EAAe,GAAwB,CAC3C,EAAE,gBAAA,EACFF,EAAA,CACF,EAEMG,EAAgB,GAAwB,CAC5C,EAAE,gBAAA,EACFH,EAAQ,EAAI,CACd,EAEA,OACEP,EAAAA,kBAAAA,KAACW,EAAAA,WAAA,CACC,UAAWC,EAAK,CACb,mBAAqBxB,IAAiB,GACtC,OAAWkB,CAAA,CACb,EACD,QAASG,EAET,SAAA,CAAAP,EAAAA,kBAAAA,IAACW,EAAAA,KAAA,CACC,KAAMzB,IAAiB,GAAQ,OAASkB,EAAe,QAAU,MACjE,QAAU,GAAMA,GAAgBI,EAAa,CAAC,CAAA,CAAA,EAE/CF,CAAA,CAAA,CAAA,CAGP"}

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

@@ -1,9 +1,9 @@
-import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
-import { BaseViewsContainer as x, ViewButton as g } from "../Views.styled.es.js";
+import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
+import { BaseViewsContainer as g, ViewButton as V } from "../Views.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
-import { Icon as V } from "@ynput/ayon-react-components";
+import { Icon as j } from "@ynput/ayon-react-components";
 /* empty css                                    */
-import j from "clsx";
+import C from "clsx";
 import "react";
 import "react-dom";
 import "../../Feed/context/FeedContext.es.js";
@@ -17,7 +17,7 @@ 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 C } from "../../../context/PowerpackContext.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";
@@ -41,7 +41,7 @@ import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "lodash";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import { confirmDialog as k } from "../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
+import { confirmDialog as B } from "../../../../node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 import "react-toastify";
 import "uuid";
 import "../../../util/pubsub.es.js";
@@ -50,9 +50,15 @@ import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityDate.es.js";
 import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.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/Badge/Badge.es.js";
+import "../../../components/Chips/Chips.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/graphqlLinks.es.js";
@@ -138,56 +144,50 @@ 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 "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
-import "../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../components/Watchers/Watchers.es.js";
-import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.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/FeedbackContext.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 "date-fns";
 import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.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 "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../components/SearchFilter/filterDates.es.js";
-import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Badge/Badge.es.js";
-import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
-import "../../../components/Feedback/FeedbackContext.es.js";
-import "../../../components/Feedback/SupportBubble.es.js";
-import "../../../components/Chips/Chips.es.js";
-import "../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../components/StyledLink/StyledLink.es.js";
-import "date-fns";
 import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
-import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/SortingSetting/SortingSetting.styled.es.js";
-import "../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/StyledLink/StyledLink.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/VersionUploadContext.es.js";
+import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
@@ -222,7 +222,7 @@ import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import { useLocalStorage as B } from "../../../hooks/useLocalStorage.es.js";
+import { useLocalStorage as h } from "../../../hooks/useLocalStorage.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
@@ -234,6 +234,13 @@ 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 "../../SimpleTable/SimpleTable.styled.es.js";
+import "@tanstack/match-sorter-utils";
+import "../../SimpleTable/context/SimpleTableContext.es.js";
+import "../../SimpleTable/SimpleTableRowTemplate.es.js";
+import "../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../Slicer/components/SlicerSearch.es.js";
+import "../../Slicer/context/SlicerContext.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -244,60 +251,60 @@ import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.j
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import { useViewsContext as h } from "../context/ViewsContext.es.js";
+import { useViewsContext as v } from "../context/ViewsContext.es.js";
 import "./ViewsMenuContainer.es.js";
 import "../ViewsMenu/ViewsMenu.es.js";
-import { SectionHeader as v } from "../ViewsMenu/SectionHeader.es.js";
-const em = () => {
+import { SectionHeader as b } from "../ViewsMenu/SectionHeader.es.js";
+const wm = ({ projectName: r }) => {
   const {
-    projectBaseView: r,
-    studioBaseView: m,
-    onCreateBaseView: s,
-    onDeleteBaseView: p,
+    projectBaseView: m,
+    studioBaseView: p,
+    onCreateBaseView: e,
+    onDeleteBaseView: s,
     onUpdateWorkingView: a
-  } = h(), { powerLicense: e, setPowerpackDialog: i } = C(), [n, u] = B("collapsed-default-view", !1), c = async (o, d) => {
-    const l = o ? m : r, f = !o && e === !1;
+  } = v(), { powerLicense: o, setPowerpackDialog: u } = k(), [n, x] = h("collapsed-default-view", !1), c = async (t, d) => {
+    const l = t ? p : m, f = !t && o === !1;
     if (f && !d) {
-      i("sharedViews");
+      u("sharedViews");
       return;
     }
-    l ? d || f ? k({
+    l ? d || f ? B({
       message: "Are you sure you want to remove this default view?",
       header: "Remove Default View",
       acceptLabel: "Remove",
       rejectLabel: "Cancel",
       accept: async () => {
-        await p(l.id, o);
+        await s(l.id, t);
       }
-    }) : a({ settings: l.settings }, { selectView: !0 }) : await s(o);
+    }) : a({ settings: l.settings }, { selectView: !0 }) : await e(t);
   };
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      v,
+  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsx(
+      b,
       {
-        onClick: () => u(!n),
+        onClick: () => x(!n),
         collapsed: n,
         id: "default-views",
         title: "Default views",
         style: { marginBottom: "10px" }
       }
     ),
-    !n && /* @__PURE__ */ t.jsxs(x, { children: [
-      /* @__PURE__ */ t.jsx(
+    !n && /* @__PURE__ */ i.jsxs(g, { children: [
+      /* @__PURE__ */ i.jsx(
         w,
         {
-          existingView: !!m,
+          existingView: !!p,
           label: "Studio",
-          onClick: (o) => c(!0, o)
+          onClick: (t) => c(!0, t)
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      r && /* @__PURE__ */ i.jsx(
         w,
         {
-          existingView: !!r,
+          existingView: !!m,
           label: "Project",
-          onClick: (o) => c(!1, o),
-          powerLicense: e
+          onClick: (t) => c(!1, t),
+          powerLicense: o
         }
       )
     ] })
@@ -305,36 +312,36 @@ const em = () => {
 }, w = ({
   existingView: r,
   onClick: m,
-  label: s,
-  powerLicense: p = void 0
+  label: p,
+  powerLicense: e = void 0
 }) => {
-  const a = (i) => {
-    i.stopPropagation(), m();
-  }, e = (i) => {
-    i.stopPropagation(), m(!0);
+  const s = (o) => {
+    o.stopPropagation(), m();
+  }, a = (o) => {
+    o.stopPropagation(), m(!0);
   };
-  return /* @__PURE__ */ t.jsxs(
-    g,
+  return /* @__PURE__ */ i.jsxs(
+    V,
     {
-      className: j({
-        "powerpack-locked": p === !1,
+      className: C({
+        "powerpack-locked": e === !1,
         active: r
       }),
-      onClick: a,
+      onClick: s,
       children: [
-        /* @__PURE__ */ t.jsx(
-          V,
+        /* @__PURE__ */ i.jsx(
+          j,
           {
-            icon: p === !1 ? "bolt" : r ? "close" : "add",
-            onClick: (i) => r && e(i)
+            icon: e === !1 ? "bolt" : r ? "close" : "add",
+            onClick: (o) => r && a(o)
           }
         ),
-        s
+        p
       ]
     }
   );
 };
 export {
-  em as default
+  wm 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\nconst BaseViewsTagContainer: FC = () => {\n  const {\n    projectBaseView,\n    studioBaseView,\n    onCreateBaseView,\n    onDeleteBaseView,\n    onUpdateWorkingView,\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 view?`,\n          header: `Remove Default View`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // set the working view to the existing base view\n        // @ts-expect-error settings exists\n        onUpdateWorkingView({ settings: existingBase.settings }, { selectView: true })\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 views\"\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          <ScopeIcon\n            existingView={!!projectBaseView}\n            label={'Project'}\n            onClick={(r) => handleBaseViewAction(false, r)}\n            powerLicense={powerLicense}\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","projectBaseView","studioBaseView","onCreateBaseView","onDeleteBaseView","onUpdateWorkingView","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    onUpdateWorkingView,\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 view?`,\n          header: `Remove Default View`,\n          acceptLabel: 'Remove',\n          rejectLabel: 'Cancel',\n          accept: async () => {\n            await onDeleteBaseView(existingBase.id as string, isStudioScope)\n          },\n        })\n      } else {\n        // set the working view to the existing base view\n        // @ts-expect-error settings exists\n        onUpdateWorkingView({ settings: existingBase.settings }, { selectView: true })\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 views\"\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","onUpdateWorkingView","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,KAAwD,CAAC,EAAE,aAAAC,QAAkB;AACjF,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAA,GACvC,CAACC,GAAWC,CAAY,IAAIC,EAAgB,0BAA0B,EAAK,GAE3EC,IAAuB,OAAOC,GAAwBC,MAAqB;AAC/E,UAAMC,IAAeF,IAAgBZ,IAAiBD,GAEhDgB,IAAW,CAACH,KAAiBP,MAAiB;AACpD,QAAIU,KAAY,CAACF,GAAQ;AACvB,MAAAP,EAAmB,aAAa;AAChC;AAAA,IACF;AAEA,IAAIQ,IACED,KAAUE,IAEZC,EAAc;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,aAAa;AAAA,MACb,QAAQ,YAAY;AAClB,cAAMd,EAAiBY,EAAa,IAAcF,CAAa;AAAA,MACjE;AAAA,IAAA,CACD,IAIDT,EAAoB,EAAE,UAAUW,EAAa,SAAA,GAAY,EAAE,YAAY,IAAM,IAI/E,MAAMb,EAAiBW,CAAa;AAAA,EAExC;AAEA,SACEK,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMX,EAAa,CAACD,CAAS;AAAA,QACtC,WAAAA;AAAA,QACA,IAAG;AAAA,QACH,OAAM;AAAA,QACN,OAAO,EAAE,cAAc,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,IAE/B,CAACA,KACAS,gBAAAA,EAAAA,KAACI,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,cAAc,CAAC,CAACtB;AAAA,UAChB,OAAO;AAAA,UACP,SAAS,CAACuB,MAAMZ,EAAqB,IAAMY,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7CzB,KACCqB,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,cAAc,CAAC,CAACvB;AAAA,UAChB,OAAO;AAAA,UACP,SAAS,CAACwB,MAAMZ,EAAqB,IAAOY,CAAC;AAAA,UAC7C,cAAAlB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ,GAUMiB,IAAgC,CAAC;AAAA,EACrC,cAAAE;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAArB,IAAe;AACjB,MAAM;AACJ,QAAMsB,IAAc,CAACC,MAAwB;AAC3C,IAAAA,EAAE,gBAAA,GACFH,EAAA;AAAA,EACF,GAEMI,IAAe,CAACD,MAAwB;AAC5C,IAAAA,EAAE,gBAAA,GACFH,EAAQ,EAAI;AAAA,EACd;AAEA,SACER,gBAAAA,EAAAA;AAAAA,IAACa;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK;AAAA,QACb,oBAAqB1B,MAAiB;AAAA,QACtC,QAAWmB;AAAA,MAAA,CACb;AAAA,MACD,SAASG;AAAA,MAET,UAAA;AAAA,QAAAR,gBAAAA,EAAAA;AAAAA,UAACa;AAAA,UAAA;AAAA,YACC,MAAM3B,MAAiB,KAAQ,SAASmB,IAAe,UAAU;AAAA,YACjE,SAAS,CAACI,MAAMJ,KAAgBK,EAAaD,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/CF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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"),r=require("react"),M=require("react-dom"),L=require("../context/ViewsContext.cjs.js"),W=require("../utils/portalUtils.cjs.js"),h=require("../ViewsMenu/ViewsMenu.cjs.js"),O=require("../ViewItem/ViewItem.cjs.js"),q=require("@ynput/ayon-react-components"),P=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.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 S=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const G=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const p=require("../Views.styled.cjs.js"),A=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),N=require("./BaseViewsTags.cjs.js"),F=P(q.Icon)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),L=require("react-dom"),W=require("../context/ViewsContext.cjs.js"),h=require("../utils/portalUtils.cjs.js"),O=require("../ViewsMenu/ViewsMenu.cjs.js"),P=require("../ViewItem/ViewItem.cjs.js"),q=require("@ynput/ayon-react-components"),S=require("styled-components");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.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 p=require("../Views.styled.cjs.js"),A=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),F=require("./BaseViewsTags.cjs.js"),K=S(q.Icon)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`,E="_working_",I="_new_view_",K=()=>{const{viewType:V,isMenuOpen:t,setIsMenuOpen:s,setEditingView:l,selectedView:c,workingView:g,viewMenuItems:j}=L.useViewsContext(),{powerLicense:u,setPowerpackDialog:x}=S.usePowerpack(),o=r.useRef(null),{user:R}=G.useGlobalContext(),C=(R?.uiExposureLevel||0)>=900,a=W.getViewsPortalContainer(V),i=a?.getBoundingClientRect(),f={top:i?i.bottom+8:0,left:i?i.left:0};r.useEffect(()=>{const m=d=>{const n=d.target,k=o.current?.contains(n)||a?.contains(n),v=document.querySelector("."+A.VIEWS_DIALOG_CLASS)?.contains(n),D=document.querySelector(".options")?.contains(n),b=document.querySelector(".p-confirm-dialog")?.contains(n);!k&&!v&&!D&&!b&&t&&s(!1)},w=d=>{d.key==="Escape"&&t&&s(!1)};return document.addEventListener("mousedown",m),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",w)}},[t,a,s]),r.useEffect(()=>{t&&o.current&&o.current.focus()},[t]);const y=r.useCallback(()=>{u?l(!0):x("sharedViews")},[u,x,l,s]),_=!c||g?.id===c.id?E:c.id;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t&&M.createPortal(e.jsxRuntimeExports.jsxs(p.ViewsModal,{style:f,ref:o,tabIndex:0,children:[e.jsxRuntimeExports.jsx(h.ViewsMenu,{items:j,selected:_}),C&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(N,{}),e.jsxRuntimeExports.jsx(p.ViewsMenuDivider,{})]}),e.jsxRuntimeExports.jsx(O.ViewItem,{label:"Create new view",id:I,startContent:e.jsxRuntimeExports.jsx(q.Icon,{icon:"add"}),endContent:!u&&e.jsxRuntimeExports.jsx(F,{icon:"bolt"}),onClick:y,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=I;exports.ViewsMenuContainer=K;exports.WORKING_VIEW_ID=E;
+`,E="_working_",I="_new_view_",T=()=>{const{viewType:V,isMenuOpen:t,setIsMenuOpen:s,setEditingView:l,selectedView:c,workingView:j,viewMenuItems:g,projectName:R}=W.useViewsContext(),{powerLicense:u,setPowerpackDialog:m}=G.usePowerpack(),o=i.useRef(null),{user:C}=N.useGlobalContext(),f=(C?.uiExposureLevel||0)>=900,a=h.getViewsPortalContainer(V),r=a?.getBoundingClientRect(),y={top:r?r.bottom+8:0,left:r?r.left:0};i.useEffect(()=>{const x=d=>{const n=d.target,v=o.current?.contains(n)||a?.contains(n),D=document.querySelector("."+A.VIEWS_DIALOG_CLASS)?.contains(n),b=document.querySelector(".options")?.contains(n),M=document.querySelector(".p-confirm-dialog")?.contains(n);!v&&!D&&!b&&!M&&t&&s(!1)},w=d=>{d.key==="Escape"&&t&&s(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",w)}},[t,a,s]),i.useEffect(()=>{t&&o.current&&o.current.focus()},[t]);const _=i.useCallback(()=>{u?l(!0):m("sharedViews")},[u,m,l,s]),k=!c||j?.id===c.id?E:c.id;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t&&L.createPortal(e.jsxRuntimeExports.jsxs(p.ViewsModal,{style:y,ref:o,tabIndex:0,children:[e.jsxRuntimeExports.jsx(O.ViewsMenu,{items:g,selected:k}),f&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(F,{projectName:R}),e.jsxRuntimeExports.jsx(p.ViewsMenuDivider,{})]}),e.jsxRuntimeExports.jsx(P.ViewItem,{label:"Create new view",id:I,startContent:e.jsxRuntimeExports.jsx(q.Icon,{icon:"add"}),endContent:!u&&e.jsxRuntimeExports.jsx(K,{icon:"bolt"}),onClick:_,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=I;exports.ViewsMenuContainer=T;exports.WORKING_VIEW_ID=E;
 //# 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\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\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 />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label=\"Create new view\"\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","WORKING_VIEW_ID","NEW_VIEW_ID","ViewsMenuContainer","viewType","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","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","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem"],"mappings":"84CAaMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAMhBC,EAAkB,YAClBC,EAAc,aAEdC,EAAyB,IAAM,CAC1C,KAAM,CACJ,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,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,wBAAwBjB,CAAQ,EAClDkB,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,GACD3B,GAEAC,EAAc,EAAK,CAEvB,EAEM2B,EAAmBP,GAAqB,CACxCA,EAAE,MAAQ,UAAYrB,GACxBC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,YAAamB,CAAkB,EACzD,SAAS,iBAAiB,UAAWQ,CAAe,EAE7C,IAAM,CACX,SAAS,oBAAoB,YAAaR,CAAkB,EAC5D,SAAS,oBAAoB,UAAWQ,CAAe,CACzD,CACF,EAAG,CAAC5B,EAAYe,EAAiBd,CAAa,CAAC,EAG/CkB,EAAAA,UAAU,IAAM,CACVnB,GAAcU,EAAS,SACzBA,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACV,CAAU,CAAC,EAEf,MAAM6B,EAAmBC,EAAAA,YAAY,IAAM,CACpCvB,EAGHL,EAAe,EAAI,EAFnBM,EAAmB,aAAa,CAIpC,EAAG,CAACD,EAAcC,EAAoBN,EAAgBD,CAAa,CAAC,EAE9D8B,EACJ,CAAC5B,GAAgBC,GAAa,KAAOD,EAAa,GAC9CP,EACCO,EAAa,GAEpB,6DAEK,SAAAH,GACCgC,EAAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOhB,EAAe,IAAKR,EAAU,SAAU,EAChE,SAAA,CAAAyB,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,MAAO/B,EAAe,SAAU0B,EAAgB,EAC1DjB,GACCmB,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAA,EAAsB,EACvBH,EAAAA,kBAAAA,IAACI,EAAAA,iBAAA,CAAA,CAAwB,CAAA,EAC3B,EAEFJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAM,kBACN,GAAI3C,EACJ,aAAcsC,EAAAA,kBAAAA,IAACxC,EAAAA,KAAA,CAAK,KAAK,KAAA,CAAM,EAC/B,WAAY,CAACY,GAAgB4B,EAAAA,kBAAAA,IAAC1C,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\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\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 view\"\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","WORKING_VIEW_ID","NEW_VIEW_ID","ViewsMenuContainer","viewType","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","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem"],"mappings":"84CAaMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAMhBC,EAAkB,YAClBC,EAAc,aAEdC,EAAyB,IAAM,CAC1C,KAAM,CACJ,SAAAC,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,wBAAwBlB,CAAQ,EAClDmB,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,GAC9CP,EACCO,EAAa,GAEpB,6DAEK,SAAAH,GACCiC,EAAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOhB,EAAe,IAAKR,EAAU,SAAU,EAChE,SAAA,CAAAyB,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,MAAOhC,EAAe,SAAU2B,EAAgB,EAC1DjB,GACCmB,EAAAA,kBAAAA,KAAAI,6BAAA,CACE,SAAA,CAAAF,wBAACG,GAAsB,YAAAjC,EAA0B,EACjD8B,EAAAA,kBAAAA,IAACI,EAAAA,iBAAA,CAAA,CAAwB,CAAA,EAC3B,EAEFJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,MAAM,kBACN,GAAI5C,EACJ,aAAcuC,EAAAA,kBAAAA,IAACzC,EAAAA,KAAA,CAAK,KAAK,KAAA,CAAM,EAC/B,WAAY,CAACa,GAAgB4B,EAAAA,kBAAAA,IAAC3C,EAAA,CAAU,KAAK,OAAO,EACpD,QAASqC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}

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

@@ -1,12 +1,12 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as b, useEffect as w, useCallback as D } from "react";
-import { createPortal as h } from "react-dom";
-import { useViewsContext as M } from "../context/ViewsContext.es.js";
-import { getViewsPortalContainer as R } from "../utils/portalUtils.es.js";
-import { ViewsMenu as P } from "../ViewsMenu/ViewsMenu.es.js";
-import { ViewItem as S } from "../ViewItem/ViewItem.es.js";
+import { useRef as D, useEffect as w, useCallback as h } from "react";
+import { createPortal as M } from "react-dom";
+import { useViewsContext as R } from "../context/ViewsContext.es.js";
+import { getViewsPortalContainer as P } from "../utils/portalUtils.es.js";
+import { ViewsMenu as S } from "../ViewsMenu/ViewsMenu.es.js";
+import { ViewItem as O } from "../ViewItem/ViewItem.es.js";
 import { Icon as f } from "@ynput/ayon-react-components";
-import O from "styled-components";
+import W from "styled-components";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
@@ -15,21 +15,21 @@ 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 W } from "../../../context/PowerpackContext.es.js";
+import { usePowerpack as A } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
-import { useGlobalContext as A } from "../../../context/GlobalContext.es.js";
+import { useGlobalContext as G } from "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
-import { ViewsModal as G, ViewsMenuDivider as q } from "../Views.styled.es.js";
-import { VIEWS_DIALOG_CLASS as F } from "../ViewsDialogContainer/ViewsDialogContainer.es.js";
+import { ViewsModal as q, ViewsMenuDivider as F } from "../Views.styled.es.js";
+import { VIEWS_DIALOG_CLASS as N } from "../ViewsDialogContainer/ViewsDialogContainer.es.js";
 import B from "./BaseViewsTags.es.js";
-const K = O(f)`
+const K = W(f)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`, N = "_working_", T = "_new_view_", Ce = () => {
+`, T = "_working_", z = "_new_view_", Ee = () => {
   const {
     viewType: I,
     isMenuOpen: t,
@@ -37,15 +37,16 @@ const K = O(f)`
     setEditingView: d,
     selectedView: s,
     workingView: g,
-    viewMenuItems: x
-  } = M(), { powerLicense: c, setPowerpackDialog: l } = W(), i = b(null), { user: V } = A(), C = (V?.uiExposureLevel || 0) >= 900, m = R(I), r = m?.getBoundingClientRect(), E = {
+    viewMenuItems: x,
+    projectName: V
+  } = R(), { powerLicense: c, setPowerpackDialog: l } = A(), i = D(null), { user: C } = G(), E = (C?.uiExposureLevel || 0) >= 900, m = P(I), r = m?.getBoundingClientRect(), k = {
     top: r ? r.bottom + 8 : 0,
     left: r ? r.left : 0
   };
   w(() => {
     const p = (a) => {
-      const o = a.target, y = i.current?.contains(o) || m?.contains(o), j = document.querySelector("." + F)?.contains(o), _ = document.querySelector(".options")?.contains(o), L = document.querySelector(".p-confirm-dialog")?.contains(o);
-      !y && !j && !_ && !L && t && n(!1);
+      const o = a.target, j = i.current?.contains(o) || m?.contains(o), _ = document.querySelector("." + N)?.contains(o), L = document.querySelector(".options")?.contains(o), b = document.querySelector(".p-confirm-dialog")?.contains(o);
+      !j && !_ && !L && !b && t && n(!1);
     }, u = (a) => {
       a.key === "Escape" && t && n(!1);
     };
@@ -55,24 +56,24 @@ const K = O(f)`
   }, [t, m, n]), w(() => {
     t && i.current && i.current.focus();
   }, [t]);
-  const k = D(() => {
+  const v = h(() => {
     c ? d(!0) : l("sharedViews");
-  }, [c, l, d, n]), v = !s || g?.id === s.id ? N : s.id;
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && h(
-    /* @__PURE__ */ e.jsxs(G, { style: E, ref: i, tabIndex: 0, children: [
-      /* @__PURE__ */ e.jsx(P, { items: x, selected: v }),
-      C && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(B, {}),
-        /* @__PURE__ */ e.jsx(q, {})
+  }, [c, l, d, n]), y = !s || g?.id === s.id ? T : s.id;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && M(
+    /* @__PURE__ */ e.jsxs(q, { style: k, ref: i, tabIndex: 0, children: [
+      /* @__PURE__ */ e.jsx(S, { items: x, selected: y }),
+      E && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(B, { projectName: V }),
+        /* @__PURE__ */ e.jsx(F, {})
       ] }),
       /* @__PURE__ */ e.jsx(
-        S,
+        O,
         {
           label: "Create new view",
-          id: T,
+          id: z,
           startContent: /* @__PURE__ */ e.jsx(f, { icon: "add" }),
           endContent: !c && /* @__PURE__ */ e.jsx(K, { icon: "bolt" }),
-          onClick: k,
+          onClick: v,
           tabIndex: 0
         }
       )
@@ -81,8 +82,8 @@ const K = O(f)`
   ) });
 };
 export {
-  T as NEW_VIEW_ID,
-  Ce as ViewsMenuContainer,
-  N as WORKING_VIEW_ID
+  z as NEW_VIEW_ID,
+  Ee 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\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\n    isMenuOpen,\n    setIsMenuOpen,\n    setEditingView,\n    selectedView,\n    workingView,\n    viewMenuItems,\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 />\n                <Styled.ViewsMenuDivider />\n              </>\n            )}\n            <ViewItem\n              label=\"Create new view\"\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","WORKING_VIEW_ID","NEW_VIEW_ID","ViewsMenuContainer","viewType","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","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","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem"],"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\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n  const {\n    viewType,\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 view\"\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","WORKING_VIEW_ID","NEW_VIEW_ID","ViewsMenuContainer","viewType","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","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","Fragment","BaseViewsTagContainer","Styled.ViewsMenuDivider","ViewItem"],"mappings":"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"}