@ynput/ayon-frontend-shared 0.2.36 → 0.2.38

package/dist/shared/src/hooks/useUserProjectConfig.es.js

@@ -73,21 +73,36 @@ import "../api/queries/review/updateReview.es.js";
 import "../api/queries/share/share.es.js";
 import "../api/queries/system/getSystem.es.js";
 import "../api/queries/userDashboard/getUserDashboard.es.js";
-import { useGetCurrentUserQuery as U } from "../api/queries/users/getUsers.es.js";
-import { useSetFrontendPreferencesMutation as w } from "../api/queries/users/updateUsers.es.js";
+import "../api/queries/users/getUsers.es.js";
+import { useSetFrontendPreferencesMutation as h } from "../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 { toast as y } from "react-toastify";
-const $t = ({ selectors: f = [], init: u }) => {
-  const { data: i, isSuccess: l } = U(), { data: { frontendPreferences: m = {} } = {} } = i || {}, e = f.filter((t) => t != null).map((t) => t.replace(/\s/g, ""));
+import "../context/RemoteModulesContext.es.js";
+import "../context/DetailsPanelContext.es.js";
+import "../context/ThumbnailUploaderContext.es.js";
+import "../context/SettingsPanelContext.es.js";
+import "../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../context/pip/PiPWrapper.es.js";
+import "../context/AddonProjectContext.es.js";
+import "../context/AddonContext.es.js";
+import "../context/PowerpackContext.es.js";
+import "../context/MoveEntityContext.es.js";
+import "../context/MenuContext.es.js";
+import "../context/WebsocketContext.es.js";
+import { useGlobalContext as w } from "../context/GlobalContext.es.js";
+import "../context/ProjectContext.es.js";
+import { toast as C } from "react-toastify";
+const fr = ({ selectors: d = [], init: u }) => {
+  const { user: i } = w(), { data: { frontendPreferences: m = {} } = {} } = i || {}, e = d.filter((t) => t != null).map((t) => t.replace(/\s/g, ""));
   let r = m;
   for (const t of e)
     r = r == null ? void 0 : r[t];
   r = r || u || {};
-  const [P] = w();
+  const [l] = h();
   return [r, async (t) => {
     var n;
     try {
@@ -95,24 +110,24 @@ const $t = ({ selectors: f = [], init: u }) => {
       let o = { ...m };
       const s = (p, a, c) => {
         if (a.length === 0) return { ...p, ...c };
-        const [d, ...g] = a, h = (p == null ? void 0 : p[d]) || {};
+        const [f, ...P] = a, g = (p == null ? void 0 : p[f]) || {};
         return {
           ...p,
-          [d]: s(h, g, c)
+          [f]: s(g, P, c)
         };
       };
-      o = s(o, e, t), await P({
+      o = s(o, e, t), await l({
         userName: i.name,
         patchData: o,
         // @ts-expect-error - disableInvalidations is not in the api
         disableInvalidations: !0
       }).unwrap();
     } catch (o) {
-      console.error(o), y.error((n = o.data) == null ? void 0 : n.detail);
+      console.error(o), C.error((n = o.data) == null ? void 0 : n.detail);
     }
-  }, { isSuccess: l }];
+  }, { isSuccess: !0 }];
 };
 export {
-  $t as useUserProjectConfig
+  fr as useUserProjectConfig
 };
 //# sourceMappingURL=useUserProjectConfig.es.js.map

package/dist/shared/src/hooks/useUserProjectConfig.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUserProjectConfig.es.js","sources":["../../../../src/hooks/useUserProjectConfig.ts"],"sourcesContent":["import { useGetCurrentUserQuery, useSetFrontendPreferencesMutation } from '@shared/api'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  selectors?: (string | undefined | null)[]\n  init?: any\n}\n\ntype Result = [\n  Record<string, any>,\n  (config: Record<string, any>) => Promise<void>,\n  { isSuccess: boolean },\n]\n\nexport const useUserProjectConfig = ({ selectors = [], init }: Props): Result => {\n  // GET CURRENT USER\n  const { data: user, isSuccess } = useGetCurrentUserQuery()\n  // extract out columns config for project\n  const { data: { frontendPreferences: preferences = {} } = {} } = user || {}\n\n  const configPath = selectors\n    .filter((selector) => selector !== undefined && selector !== null)\n    .map((selector) => selector.replace(/\\s/g, ''))\n  // Start with the root preferences\n  let userConfig = preferences\n  for (const selector of configPath) {\n    userConfig = userConfig?.[selector]\n  }\n\n  userConfig = userConfig || init || {}\n\n  const [updateUserPreferences] = useSetFrontendPreferencesMutation()\n\n  // update the user preferences when the columns config changes\n  const updateProjectConfig = async (config: Record<string, any>) => {\n    try {\n      if (!user?.name) throw { data: { detail: 'User not found' } }\n\n      // Set the updated config at the correct nested path using only selectors\n      let updatedPreferences = { ...preferences }\n\n      // Helper function to set nested value\n      const setNestedValue = (obj: any, path: string[], value: any): any => {\n        if (path.length === 0) return { ...obj, ...value }\n\n        const [first, ...rest] = path\n        const nestedObj = obj?.[first] || {}\n\n        return {\n          ...obj,\n          [first]: setNestedValue(nestedObj, rest, value),\n        }\n      }\n\n      // Use the helper to set the value at the correct path\n      updatedPreferences = setNestedValue(updatedPreferences, configPath, config)\n\n      await updateUserPreferences({\n        userName: user.name,\n        patchData: updatedPreferences,\n        // @ts-expect-error - disableInvalidations is not in the api\n        disableInvalidations: true,\n      }).unwrap()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.data?.detail)\n    }\n  }\n\n  return [userConfig, updateProjectConfig, { isSuccess: isSuccess }]\n}\n"],"names":["useUserProjectConfig","selectors","init","user","isSuccess","useGetCurrentUserQuery","preferences","configPath","selector","userConfig","updateUserPreferences","useSetFrontendPreferencesMutation","config","updatedPreferences","setNestedValue","obj","path","value","first","rest","nestedObj","error","toast","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,KAAuB,CAAC,EAAE,WAAAC,IAAY,CAAC,GAAG,MAAAC,QAA0B;AAE/E,QAAM,EAAE,MAAMC,GAAM,WAAAC,EAAA,IAAcC,EAAuB,GAEnD,EAAE,MAAM,EAAE,qBAAqBC,IAAc,CAAA,MAAO,CAAA,MAAOH,KAAQ,CAAC,GAEpEI,IAAaN,EAChB,OAAO,CAACO,MAAuCA,KAAa,IAAI,EAChE,IAAI,CAACA,MAAaA,EAAS,QAAQ,OAAO,EAAE,CAAC;AAEhD,MAAIC,IAAaH;AACjB,aAAWE,KAAYD;AACrB,IAAAE,IAAaA,KAAA,gBAAAA,EAAaD;AAGf,EAAAC,IAAAA,KAAcP,KAAQ,CAAC;AAE9B,QAAA,CAACQ,CAAqB,IAAIC,EAAkC;AAsClE,SAAO,CAACF,GAnCoB,OAAOG,MAAgC;;AAC7D,QAAA;AACE,UAAA,EAACT,KAAA,QAAAA,EAAM,MAAM,OAAM,EAAE,MAAM,EAAE,QAAQ,mBAAmB;AAGxD,UAAAU,IAAqB,EAAE,GAAGP,EAAY;AAG1C,YAAMQ,IAAiB,CAACC,GAAUC,GAAgBC,MAAoB;AAChE,YAAAD,EAAK,WAAW,EAAG,QAAO,EAAE,GAAGD,GAAK,GAAGE,EAAM;AAEjD,cAAM,CAACC,GAAO,GAAGC,CAAI,IAAIH,GACnBI,KAAYL,KAAA,gBAAAA,EAAMG,OAAU,CAAC;AAE5B,eAAA;AAAA,UACL,GAAGH;AAAA,UACH,CAACG,CAAK,GAAGJ,EAAeM,GAAWD,GAAMF,CAAK;AAAA,QAChD;AAAA,MACF;AAGqB,MAAAJ,IAAAC,EAAeD,GAAoBN,GAAYK,CAAM,GAE1E,MAAMF,EAAsB;AAAA,QAC1B,UAAUP,EAAK;AAAA,QACf,WAAWU;AAAA;AAAA,QAEX,sBAAsB;AAAA,MACvB,CAAA,EAAE,OAAO;AAAA,aACHQ,GAAY;AACnB,cAAQ,MAAMA,CAAK,GACbC,EAAA,OAAMC,IAAAF,EAAM,SAAN,gBAAAE,EAAY,MAAM;AAAA,IAAA;AAAA,EAElC,GAEyC,EAAE,WAAAnB,GAAsB;AACnE;"}
+{"version":3,"file":"useUserProjectConfig.es.js","sources":["../../../../src/hooks/useUserProjectConfig.ts"],"sourcesContent":["import { useSetFrontendPreferencesMutation } from '@shared/api'\nimport { useGlobalContext } from '@shared/context'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  selectors?: (string | undefined | null)[]\n  init?: any\n}\n\ntype Result = [\n  Record<string, any>,\n  (config: Record<string, any>) => Promise<void>,\n  { isSuccess: boolean },\n]\n\nexport const useUserProjectConfig = ({ selectors = [], init }: Props): Result => {\n  // GET CURRENT USER\n  const { user } = useGlobalContext()\n  // extract out columns config for project\n  const { data: { frontendPreferences: preferences = {} } = {} } = user || {}\n\n  const configPath = selectors\n    .filter((selector) => selector !== undefined && selector !== null)\n    .map((selector) => selector.replace(/\\s/g, ''))\n  // Start with the root preferences\n  let userConfig = preferences\n  for (const selector of configPath) {\n    userConfig = userConfig?.[selector]\n  }\n\n  userConfig = userConfig || init || {}\n\n  const [updateUserPreferences] = useSetFrontendPreferencesMutation()\n\n  // update the user preferences when the columns config changes\n  const updateProjectConfig = async (config: Record<string, any>) => {\n    try {\n      if (!user?.name) throw { data: { detail: 'User not found' } }\n\n      // Set the updated config at the correct nested path using only selectors\n      let updatedPreferences = { ...preferences }\n\n      // Helper function to set nested value\n      const setNestedValue = (obj: any, path: string[], value: any): any => {\n        if (path.length === 0) return { ...obj, ...value }\n\n        const [first, ...rest] = path\n        const nestedObj = obj?.[first] || {}\n\n        return {\n          ...obj,\n          [first]: setNestedValue(nestedObj, rest, value),\n        }\n      }\n\n      // Use the helper to set the value at the correct path\n      updatedPreferences = setNestedValue(updatedPreferences, configPath, config)\n\n      await updateUserPreferences({\n        userName: user.name,\n        patchData: updatedPreferences,\n        // @ts-expect-error - disableInvalidations is not in the api\n        disableInvalidations: true,\n      }).unwrap()\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error.data?.detail)\n    }\n  }\n\n  return [userConfig, updateProjectConfig, { isSuccess: true }]\n}\n"],"names":["useUserProjectConfig","selectors","init","user","useGlobalContext","preferences","configPath","selector","userConfig","updateUserPreferences","useSetFrontendPreferencesMutation","config","updatedPreferences","setNestedValue","obj","path","value","first","rest","nestedObj","error","toast","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAAuB,CAAC,EAAE,WAAAC,IAAY,CAAC,GAAG,MAAAC,QAA0B;AAEzE,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAiB,GAE5B,EAAE,MAAM,EAAE,qBAAqBC,IAAc,CAAA,MAAO,CAAA,MAAOF,KAAQ,CAAC,GAEpEG,IAAaL,EAChB,OAAO,CAACM,MAAuCA,KAAa,IAAI,EAChE,IAAI,CAACA,MAAaA,EAAS,QAAQ,OAAO,EAAE,CAAC;AAEhD,MAAIC,IAAaH;AACjB,aAAWE,KAAYD;AACrB,IAAAE,IAAaA,KAAA,gBAAAA,EAAaD;AAGf,EAAAC,IAAAA,KAAcN,KAAQ,CAAC;AAE9B,QAAA,CAACO,CAAqB,IAAIC,EAAkC;AAsClE,SAAO,CAACF,GAnCoB,OAAOG,MAAgC;;AAC7D,QAAA;AACE,UAAA,EAACR,KAAA,QAAAA,EAAM,MAAM,OAAM,EAAE,MAAM,EAAE,QAAQ,mBAAmB;AAGxD,UAAAS,IAAqB,EAAE,GAAGP,EAAY;AAG1C,YAAMQ,IAAiB,CAACC,GAAUC,GAAgBC,MAAoB;AAChE,YAAAD,EAAK,WAAW,EAAG,QAAO,EAAE,GAAGD,GAAK,GAAGE,EAAM;AAEjD,cAAM,CAACC,GAAO,GAAGC,CAAI,IAAIH,GACnBI,KAAYL,KAAA,gBAAAA,EAAMG,OAAU,CAAC;AAE5B,eAAA;AAAA,UACL,GAAGH;AAAA,UACH,CAACG,CAAK,GAAGJ,EAAeM,GAAWD,GAAMF,CAAK;AAAA,QAChD;AAAA,MACF;AAGqB,MAAAJ,IAAAC,EAAeD,GAAoBN,GAAYK,CAAM,GAE1E,MAAMF,EAAsB;AAAA,QAC1B,UAAUN,EAAK;AAAA,QACf,WAAWS;AAAA;AAAA,QAEX,sBAAsB;AAAA,MACvB,CAAA,EAAE,OAAO;AAAA,aACHQ,GAAY;AACnB,cAAQ,MAAMA,CAAK,GACbC,EAAA,OAAMC,IAAAF,EAAM,SAAN,gBAAAE,EAAY,MAAM;AAAA,IAAA;AAAA,EAElC,GAEyC,EAAE,WAAW,IAAM;AAC9D;"}

package/dist/shared/src/util/versionUploadHelpers.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react-toastify"),V=require("./productTypes.cjs.js"),m=require("lodash");require("uuid");require("./pubsub.cjs.js");const v=e=>m.camelCase(e).replace(/[^a-zA-Z0-9_-]/g,""),n=e=>!e||e.trim()===""?{isValid:!1,error:"Name is required"}:/^[a-zA-Z0-9_]([a-zA-Z0-9_\\.\\-]*[a-zA-Z0-9_])?$/.test(e)?{isValid:!0}:{isValid:!1,error:"Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash"},i=e=>!e||!Object.keys(V).includes(e)?{isValid:!1,error:"Product type is required and must be a valid product type"}:{isValid:!0},d=(e,t)=>e<1?{isValid:!1,error:"Version must be greater than 0"}:t&&e<=t?{isValid:!1,error:`Version must be greater than ${t}`}:{isValid:!0},h=(e,t,a=!0)=>{const r=d(e.version,t);if(!r.isValid)return r;if(a){const s=n(e.name);if(!s.isValid)return s;const o=i(e.productType);if(!o.isValid)return o}return{isValid:!0}},c=async(e,t,a)=>{try{const r=await e({projectName:t,productPostModel:a}).unwrap();if(!r.id)throw new Error("Failed to create product - no ID returned");return r}catch(r){throw console.error("Error creating product:",r),new Error(r.message||"Failed to create product")}},u=async(e,t,a)=>{try{const r=await e({projectName:t,versionPostModel:a}).unwrap();if(!r.id)throw new Error("Failed to create version - no ID returned");return r}catch(r){throw console.error("Error creating version:",r),new Error(r.message||"Failed to create version")}},f=async(e,t,a,r,s)=>{const o=await c(e,a,r),l=await u(t,a,{...s,productId:o.id});return{product:o,version:l}},w=(e,t)=>{console.error(`Error ${t}:`,e);const a=(e==null?void 0:e.message)||`Failed to ${t}`;throw p.toast.error(a),e},y=e=>e?e.version+1:1;exports.createProductAndVersion=f;exports.createProductHelper=c;exports.createVersionHelper=u;exports.getNextVersionNumber=y;exports.handleUploadError=w;exports.sanitizeProductName=v;exports.validateFormData=h;exports.validateProductName=n;exports.validateProductType=i;exports.validateVersion=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react-toastify"),m=require("lodash"),p=r=>m.camelCase(r).replace(/[^a-zA-Z0-9_-]/g,""),s=r=>!r||r.trim()===""?{isValid:!1,error:"Name is required"}:/^[a-zA-Z0-9_]([a-zA-Z0-9_\\.\\-]*[a-zA-Z0-9_])?$/.test(r)?{isValid:!0}:{isValid:!1,error:"Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash"},i=(r,t)=>r<1?{isValid:!1,error:"Version must be greater than 0"}:t&&r<=t?{isValid:!1,error:`Version must be greater than ${t}`}:{isValid:!0},V=(r,t,a=!0)=>{const e=i(r.version,t);if(!e.isValid)return e;if(a){const o=s(r.name);if(!o.isValid)return o}return{isValid:!0}},c=async(r,t,a)=>{try{const e=await r({projectName:t,productPostModel:a}).unwrap();if(!e.id)throw new Error("Failed to create product - no ID returned");return e}catch(e){throw console.error("Error creating product:",e),new Error(e.message||"Failed to create product")}},d=async(r,t,a)=>{try{const e=await r({projectName:t,versionPostModel:a}).unwrap();if(!e.id)throw new Error("Failed to create version - no ID returned");return e}catch(e){throw console.error("Error creating version:",e),new Error(e.message||"Failed to create version")}},h=async(r,t,a,e,o)=>{const n=await c(r,a,e),u=await d(t,a,{...o,productId:n.id});return{product:n,version:u}},w=(r,t)=>{console.error(`Error ${t}:`,r);const a=(r==null?void 0:r.message)||`Failed to ${t}`;throw l.toast.error(a),r},v=r=>r?r.version+1:1;exports.createProductAndVersion=h;exports.createProductHelper=c;exports.createVersionHelper=d;exports.getNextVersionNumber=v;exports.handleUploadError=w;exports.sanitizeProductName=p;exports.validateFormData=V;exports.validateProductName=s;exports.validateVersion=i;
 //# sourceMappingURL=versionUploadHelpers.cjs.js.map

package/dist/shared/src/util/versionUploadHelpers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"versionUploadHelpers.cjs.js","sources":["../../../../src/util/versionUploadHelpers.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { productTypes } from '@shared/util'\nimport { camelCase } from 'lodash'\n\nexport interface ProductCreationData {\n  folderId: string\n  name: string\n  productType: string\n}\n\nexport interface VersionCreationData {\n  productId: string\n  version: number\n  taskId?: string\n}\n\nexport interface ValidationResult {\n  isValid: boolean\n  error?: string\n}\n\n/**\n * Sanitizes a product name by converting to camelCase and removing invalid characters\n */\nexport const sanitizeProductName = (name: string): string => {\n  return camelCase(name).replace(/[^a-zA-Z0-9_-]/g, '')\n}\n\n/**\n * Validates a product name according to the naming rules\n */\nexport const validateProductName = (name: string): ValidationResult => {\n  if (!name || name.trim() === '') {\n    return { isValid: false, error: 'Name is required' }\n  }\n\n  const nameRegex = /^[a-zA-Z0-9_]([a-zA-Z0-9_\\\\.\\\\-]*[a-zA-Z0-9_])?$/\n  if (!nameRegex.test(name)) {\n    return {\n      isValid: false,\n      error:\n        'Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash',\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates a product type\n */\nexport const validateProductType = (productType: string): ValidationResult => {\n  if (!productType || !Object.keys(productTypes).includes(productType)) {\n    return {\n      isValid: false,\n      error: 'Product type is required and must be a valid product type',\n    }\n  }\n  return { isValid: true }\n}\n\n/**\n * Validates a version number against an existing version\n */\nexport const validateVersion = (version: number, existingVersion?: number): ValidationResult => {\n  if (version < 1) {\n    return { isValid: false, error: 'Version must be greater than 0' }\n  }\n\n  if (existingVersion && version <= existingVersion) {\n    return {\n      isValid: false,\n      error: `Version must be greater than ${existingVersion}`,\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates complete form data for product and version creation\n */\nexport const validateFormData = (\n  formData: { name: string; productType: string; version: number },\n  existingVersion?: number,\n  isNewProduct = true,\n): ValidationResult => {\n  // Validate version\n  const versionValidation = validateVersion(formData.version, existingVersion)\n  if (!versionValidation.isValid) {\n    return versionValidation\n  }\n\n  // Only validate product details if creating a new product\n  if (isNewProduct) {\n    const nameValidation = validateProductName(formData.name)\n    if (!nameValidation.isValid) {\n      return nameValidation\n    }\n\n    const typeValidation = validateProductType(formData.productType)\n    if (!typeValidation.isValid) {\n      return typeValidation\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Creates a product using the provided mutation function\n */\nexport const createProductHelper = async (\n  createProductMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n) => {\n  try {\n    const response = await createProductMutation({\n      projectName,\n      productPostModel: productData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create product - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating product:', error)\n    throw new Error(error.message || 'Failed to create product')\n  }\n}\n\n/**\n * Creates a version using the provided mutation function\n */\nexport const createVersionHelper = async (\n  createVersionMutation: any,\n  projectName: string,\n  versionData: VersionCreationData,\n) => {\n  try {\n    const response = await createVersionMutation({\n      projectName,\n      versionPostModel: versionData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create version - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating version:', error)\n    throw new Error(error.message || 'Failed to create version')\n  }\n}\n\n/**\n * Creates a product and version together with proper error handling\n */\nexport const createProductAndVersion = async (\n  createProductMutation: any,\n  createVersionMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n  versionData: Omit<VersionCreationData, 'productId'>,\n) => {\n  // Create product first\n  const productRes = await createProductHelper(createProductMutation, projectName, productData)\n\n  // Create version for the new product\n  const versionRes = await createVersionHelper(createVersionMutation, projectName, {\n    ...versionData,\n    productId: productRes.id,\n  })\n\n  return {\n    product: productRes,\n    version: versionRes,\n  }\n}\n\n/**\n * Handles errors consistently across upload operations\n */\nexport const handleUploadError = (error: any, operation: string) => {\n  console.error(`Error ${operation}:`, error)\n  const message = error?.message || `Failed to ${operation}`\n  toast.error(message)\n  throw error\n}\n\n/**\n * Calculates the next version number based on existing version\n */\nexport const getNextVersionNumber = (existingVersion?: { version: number }): number => {\n  return existingVersion ? existingVersion.version + 1 : 1\n}\n"],"names":["sanitizeProductName","name","camelCase","validateProductName","validateProductType","productType","productTypes","validateVersion","version","existingVersion","validateFormData","formData","isNewProduct","versionValidation","nameValidation","typeValidation","createProductHelper","createProductMutation","projectName","productData","response","error","createVersionHelper","createVersionMutation","versionData","createProductAndVersion","productRes","versionRes","handleUploadError","operation","message","toast","getNextVersionNumber"],"mappings":"oNAwBa,MAAAA,EAAuBC,GAC3BC,EAAU,UAAAD,CAAI,EAAE,QAAQ,kBAAmB,EAAE,EAMzCE,EAAuBF,GAC9B,CAACA,GAAQA,EAAK,KAAA,IAAW,GACpB,CAAE,QAAS,GAAO,MAAO,kBAAmB,EAGnC,mDACH,KAAKA,CAAI,EAQjB,CAAE,QAAS,EAAK,EAPd,CACL,QAAS,GACT,MACE,oIACJ,EASSG,EAAuBC,GAC9B,CAACA,GAAe,CAAC,OAAO,KAAKC,CAAY,EAAE,SAASD,CAAW,EAC1D,CACL,QAAS,GACT,MAAO,2DACT,EAEK,CAAE,QAAS,EAAK,EAMZE,EAAkB,CAACC,EAAiBC,IAC3CD,EAAU,EACL,CAAE,QAAS,GAAO,MAAO,gCAAiC,EAG/DC,GAAmBD,GAAWC,EACzB,CACL,QAAS,GACT,MAAO,gCAAgCA,CAAe,EACxD,EAGK,CAAE,QAAS,EAAK,EAMZC,EAAmB,CAC9BC,EACAF,EACAG,EAAe,KACM,CAErB,MAAMC,EAAoBN,EAAgBI,EAAS,QAASF,CAAe,EACvE,GAAA,CAACI,EAAkB,QACd,OAAAA,EAIT,GAAID,EAAc,CACV,MAAAE,EAAiBX,EAAoBQ,EAAS,IAAI,EACpD,GAAA,CAACG,EAAe,QACX,OAAAA,EAGH,MAAAC,EAAiBX,EAAoBO,EAAS,WAAW,EAC3D,GAAA,CAACI,EAAe,QACX,OAAAA,CACT,CAGK,MAAA,CAAE,QAAS,EAAK,CACzB,EAKaC,EAAsB,MACjCC,EACAC,EACAC,IACG,CACC,GAAA,CACI,MAAAC,EAAW,MAAMH,EAAsB,CAC3C,YAAAC,EACA,iBAAkBC,CACnB,CAAA,EAAE,OAAO,EAEN,GAAA,CAACC,EAAS,GACN,MAAA,IAAI,MAAM,2CAA2C,EAGtD,OAAAA,QACAC,EAAY,CACX,cAAA,MAAM,0BAA2BA,CAAK,EACxC,IAAI,MAAMA,EAAM,SAAW,0BAA0B,CAAA,CAE/D,EAKaC,EAAsB,MACjCC,EACAL,EACAM,IACG,CACC,GAAA,CACI,MAAAJ,EAAW,MAAMG,EAAsB,CAC3C,YAAAL,EACA,iBAAkBM,CACnB,CAAA,EAAE,OAAO,EAEN,GAAA,CAACJ,EAAS,GACN,MAAA,IAAI,MAAM,2CAA2C,EAGtD,OAAAA,QACAC,EAAY,CACX,cAAA,MAAM,0BAA2BA,CAAK,EACxC,IAAI,MAAMA,EAAM,SAAW,0BAA0B,CAAA,CAE/D,EAKaI,EAA0B,MACrCR,EACAM,EACAL,EACAC,EACAK,IACG,CAEH,MAAME,EAAa,MAAMV,EAAoBC,EAAuBC,EAAaC,CAAW,EAGtFQ,EAAa,MAAML,EAAoBC,EAAuBL,EAAa,CAC/E,GAAGM,EACH,UAAWE,EAAW,EAAA,CACvB,EAEM,MAAA,CACL,QAASA,EACT,QAASC,CACX,CACF,EAKaC,EAAoB,CAACP,EAAYQ,IAAsB,CAClE,QAAQ,MAAM,SAASA,CAAS,IAAKR,CAAK,EAC1C,MAAMS,GAAUT,GAAA,YAAAA,EAAO,UAAW,aAAaQ,CAAS,GACxDE,MAAAA,EAAA,MAAM,MAAMD,CAAO,EACbT,CACR,EAKaW,EAAwBvB,GAC5BA,EAAkBA,EAAgB,QAAU,EAAI"}
+{"version":3,"file":"versionUploadHelpers.cjs.js","sources":["../../../../src/util/versionUploadHelpers.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { camelCase } from 'lodash'\n\nexport interface ProductCreationData {\n  folderId: string\n  name: string\n  productType: string\n}\n\nexport interface VersionCreationData {\n  productId: string\n  version: number\n  taskId?: string\n}\n\nexport interface ValidationResult {\n  isValid: boolean\n  error?: string\n}\n\n/**\n * Sanitizes a product name by converting to camelCase and removing invalid characters\n */\nexport const sanitizeProductName = (name: string): string => {\n  return camelCase(name).replace(/[^a-zA-Z0-9_-]/g, '')\n}\n\n/**\n * Validates a product name according to the naming rules\n */\nexport const validateProductName = (name: string): ValidationResult => {\n  if (!name || name.trim() === '') {\n    return { isValid: false, error: 'Name is required' }\n  }\n\n  const nameRegex = /^[a-zA-Z0-9_]([a-zA-Z0-9_\\\\.\\\\-]*[a-zA-Z0-9_])?$/\n  if (!nameRegex.test(name)) {\n    return {\n      isValid: false,\n      error:\n        'Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash',\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates a product type\n */\n// export const validateProductType = (productType: string): ValidationResult => {\n//   if (!productType || !Object.keys(productTypes).includes(productType)) {\n//     return {\n//       isValid: false,\n//       error: 'Product type is required and must be a valid product type',\n//     }\n//   }\n//   return { isValid: true }\n// }\n\n/**\n * Validates a version number against an existing version\n */\nexport const validateVersion = (version: number, existingVersion?: number): ValidationResult => {\n  if (version < 1) {\n    return { isValid: false, error: 'Version must be greater than 0' }\n  }\n\n  if (existingVersion && version <= existingVersion) {\n    return {\n      isValid: false,\n      error: `Version must be greater than ${existingVersion}`,\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates complete form data for product and version creation\n */\nexport const validateFormData = (\n  formData: { name: string; productType: string; version: number },\n  existingVersion?: number,\n  isNewProduct = true,\n): ValidationResult => {\n  // Validate version\n  const versionValidation = validateVersion(formData.version, existingVersion)\n  if (!versionValidation.isValid) {\n    return versionValidation\n  }\n\n  // Only validate product details if creating a new product\n  if (isNewProduct) {\n    const nameValidation = validateProductName(formData.name)\n    if (!nameValidation.isValid) {\n      return nameValidation\n    }\n\n    // We do not need this as productType is selected from a dropdown\n    // const typeValidation = validateProductType(formData.productType)\n    // if (!typeValidation.isValid) {\n    //   return typeValidation\n    // }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Creates a product using the provided mutation function\n */\nexport const createProductHelper = async (\n  createProductMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n) => {\n  try {\n    const response = await createProductMutation({\n      projectName,\n      productPostModel: productData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create product - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating product:', error)\n    throw new Error(error.message || 'Failed to create product')\n  }\n}\n\n/**\n * Creates a version using the provided mutation function\n */\nexport const createVersionHelper = async (\n  createVersionMutation: any,\n  projectName: string,\n  versionData: VersionCreationData,\n) => {\n  try {\n    const response = await createVersionMutation({\n      projectName,\n      versionPostModel: versionData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create version - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating version:', error)\n    throw new Error(error.message || 'Failed to create version')\n  }\n}\n\n/**\n * Creates a product and version together with proper error handling\n */\nexport const createProductAndVersion = async (\n  createProductMutation: any,\n  createVersionMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n  versionData: Omit<VersionCreationData, 'productId'>,\n) => {\n  // Create product first\n  const productRes = await createProductHelper(createProductMutation, projectName, productData)\n\n  // Create version for the new product\n  const versionRes = await createVersionHelper(createVersionMutation, projectName, {\n    ...versionData,\n    productId: productRes.id,\n  })\n\n  return {\n    product: productRes,\n    version: versionRes,\n  }\n}\n\n/**\n * Handles errors consistently across upload operations\n */\nexport const handleUploadError = (error: any, operation: string) => {\n  console.error(`Error ${operation}:`, error)\n  const message = error?.message || `Failed to ${operation}`\n  toast.error(message)\n  throw error\n}\n\n/**\n * Calculates the next version number based on existing version\n */\nexport const getNextVersionNumber = (existingVersion?: { version: number }): number => {\n  return existingVersion ? existingVersion.version + 1 : 1\n}\n"],"names":["sanitizeProductName","name","camelCase","validateProductName","validateVersion","version","existingVersion","validateFormData","formData","isNewProduct","versionValidation","nameValidation","createProductHelper","createProductMutation","projectName","productData","response","error","createVersionHelper","createVersionMutation","versionData","createProductAndVersion","productRes","versionRes","handleUploadError","operation","message","toast","getNextVersionNumber"],"mappings":"sIAuBaA,EAAuBC,GAC3BC,EAAU,UAAAD,CAAI,EAAE,QAAQ,kBAAmB,EAAE,EAMzCE,EAAuBF,GAC9B,CAACA,GAAQA,EAAK,KAAA,IAAW,GACpB,CAAE,QAAS,GAAO,MAAO,kBAAmB,EAGnC,mDACH,KAAKA,CAAI,EAQjB,CAAE,QAAS,EAAK,EAPd,CACL,QAAS,GACT,MACE,oIACJ,EAsBSG,EAAkB,CAACC,EAAiBC,IAC3CD,EAAU,EACL,CAAE,QAAS,GAAO,MAAO,gCAAiC,EAG/DC,GAAmBD,GAAWC,EACzB,CACL,QAAS,GACT,MAAO,gCAAgCA,CAAe,EACxD,EAGK,CAAE,QAAS,EAAK,EAMZC,EAAmB,CAC9BC,EACAF,EACAG,EAAe,KACM,CAErB,MAAMC,EAAoBN,EAAgBI,EAAS,QAASF,CAAe,EACvE,GAAA,CAACI,EAAkB,QACd,OAAAA,EAIT,GAAID,EAAc,CACV,MAAAE,EAAiBR,EAAoBK,EAAS,IAAI,EACpD,GAAA,CAACG,EAAe,QACX,OAAAA,CACT,CASK,MAAA,CAAE,QAAS,EAAK,CACzB,EAKaC,EAAsB,MACjCC,EACAC,EACAC,IACG,CACC,GAAA,CACI,MAAAC,EAAW,MAAMH,EAAsB,CAC3C,YAAAC,EACA,iBAAkBC,CACnB,CAAA,EAAE,OAAO,EAEN,GAAA,CAACC,EAAS,GACN,MAAA,IAAI,MAAM,2CAA2C,EAGtD,OAAAA,QACAC,EAAY,CACX,cAAA,MAAM,0BAA2BA,CAAK,EACxC,IAAI,MAAMA,EAAM,SAAW,0BAA0B,CAAA,CAE/D,EAKaC,EAAsB,MACjCC,EACAL,EACAM,IACG,CACC,GAAA,CACI,MAAAJ,EAAW,MAAMG,EAAsB,CAC3C,YAAAL,EACA,iBAAkBM,CACnB,CAAA,EAAE,OAAO,EAEN,GAAA,CAACJ,EAAS,GACN,MAAA,IAAI,MAAM,2CAA2C,EAGtD,OAAAA,QACAC,EAAY,CACX,cAAA,MAAM,0BAA2BA,CAAK,EACxC,IAAI,MAAMA,EAAM,SAAW,0BAA0B,CAAA,CAE/D,EAKaI,EAA0B,MACrCR,EACAM,EACAL,EACAC,EACAK,IACG,CAEH,MAAME,EAAa,MAAMV,EAAoBC,EAAuBC,EAAaC,CAAW,EAGtFQ,EAAa,MAAML,EAAoBC,EAAuBL,EAAa,CAC/E,GAAGM,EACH,UAAWE,EAAW,EAAA,CACvB,EAEM,MAAA,CACL,QAASA,EACT,QAASC,CACX,CACF,EAKaC,EAAoB,CAACP,EAAYQ,IAAsB,CAClE,QAAQ,MAAM,SAASA,CAAS,IAAKR,CAAK,EAC1C,MAAMS,GAAUT,GAAA,YAAAA,EAAO,UAAW,aAAaQ,CAAS,GACxDE,MAAAA,EAAA,MAAM,MAAMD,CAAO,EACbT,CACR,EAKaW,EAAwBtB,GAC5BA,EAAkBA,EAAgB,QAAU,EAAI"}

package/dist/shared/src/util/versionUploadHelpers.es.js

@@ -1,31 +1,22 @@
 import { toast as i } from "react-toastify";
-import d from "./productTypes.es.js";
 import { camelCase as c } from "lodash";
-import "uuid";
-import "./pubsub.es.js";
-const g = (r) => c(r).replace(/[^a-zA-Z0-9_-]/g, ""), u = (r) => !r || r.trim() === "" ? { isValid: !1, error: "Name is required" } : /^[a-zA-Z0-9_]([a-zA-Z0-9_\\.\\-]*[a-zA-Z0-9_])?$/.test(r) ? { isValid: !0 } : {
+const h = (r) => c(r).replace(/[^a-zA-Z0-9_-]/g, ""), d = (r) => !r || r.trim() === "" ? { isValid: !1, error: "Name is required" } : /^[a-zA-Z0-9_]([a-zA-Z0-9_\\.\\-]*[a-zA-Z0-9_])?$/.test(r) ? { isValid: !0 } : {
   isValid: !1,
   error: "Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash"
-}, l = (r) => !r || !Object.keys(d).includes(r) ? {
-  isValid: !1,
-  error: "Product type is required and must be a valid product type"
-} : { isValid: !0 }, p = (r, t) => r < 1 ? { isValid: !1, error: "Version must be greater than 0" } : t && r <= t ? {
+}, u = (r, t) => r < 1 ? { isValid: !1, error: "Version must be greater than 0" } : t && r <= t ? {
   isValid: !1,
   error: `Version must be greater than ${t}`
-} : { isValid: !0 }, P = (r, t, o = !0) => {
-  const e = p(r.version, t);
+} : { isValid: !0 }, f = (r, t, o = !0) => {
+  const e = u(r.version, t);
   if (!e.isValid)
     return e;
   if (o) {
-    const s = u(r.name);
-    if (!s.isValid)
-      return s;
-    const a = l(r.productType);
+    const a = d(r.name);
     if (!a.isValid)
       return a;
   }
   return { isValid: !0 };
-}, m = async (r, t, o) => {
+}, l = async (r, t, o) => {
   try {
     const e = await r({
       projectName: t,
@@ -37,7 +28,7 @@ const g = (r) => c(r).replace(/[^a-zA-Z0-9_-]/g, ""), u = (r) => !r || r.trim()
   } catch (e) {
     throw console.error("Error creating product:", e), new Error(e.message || "Failed to create product");
   }
-}, V = async (r, t, o) => {
+}, m = async (r, t, o) => {
   try {
     const e = await r({
       projectName: t,
@@ -49,30 +40,29 @@ const g = (r) => c(r).replace(/[^a-zA-Z0-9_-]/g, ""), u = (r) => !r || r.trim()
   } catch (e) {
     throw console.error("Error creating version:", e), new Error(e.message || "Failed to create version");
   }
-}, E = async (r, t, o, e, s) => {
-  const a = await m(r, o, e), n = await V(t, o, {
-    ...s,
-    productId: a.id
+}, V = async (r, t, o, e, a) => {
+  const n = await l(r, o, e), s = await m(t, o, {
+    ...a,
+    productId: n.id
   });
   return {
-    product: a,
-    version: n
+    product: n,
+    version: s
   };
-}, F = (r, t) => {
+}, v = (r, t) => {
   console.error(`Error ${t}:`, r);
   const o = (r == null ? void 0 : r.message) || `Failed to ${t}`;
   throw i.error(o), r;
-}, b = (r) => r ? r.version + 1 : 1;
+}, g = (r) => r ? r.version + 1 : 1;
 export {
-  E as createProductAndVersion,
-  m as createProductHelper,
-  V as createVersionHelper,
-  b as getNextVersionNumber,
-  F as handleUploadError,
-  g as sanitizeProductName,
-  P as validateFormData,
-  u as validateProductName,
-  l as validateProductType,
-  p as validateVersion
+  V as createProductAndVersion,
+  l as createProductHelper,
+  m as createVersionHelper,
+  g as getNextVersionNumber,
+  v as handleUploadError,
+  h as sanitizeProductName,
+  f as validateFormData,
+  d as validateProductName,
+  u as validateVersion
 };
 //# sourceMappingURL=versionUploadHelpers.es.js.map

package/dist/shared/src/util/versionUploadHelpers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"versionUploadHelpers.es.js","sources":["../../../../src/util/versionUploadHelpers.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { productTypes } from '@shared/util'\nimport { camelCase } from 'lodash'\n\nexport interface ProductCreationData {\n  folderId: string\n  name: string\n  productType: string\n}\n\nexport interface VersionCreationData {\n  productId: string\n  version: number\n  taskId?: string\n}\n\nexport interface ValidationResult {\n  isValid: boolean\n  error?: string\n}\n\n/**\n * Sanitizes a product name by converting to camelCase and removing invalid characters\n */\nexport const sanitizeProductName = (name: string): string => {\n  return camelCase(name).replace(/[^a-zA-Z0-9_-]/g, '')\n}\n\n/**\n * Validates a product name according to the naming rules\n */\nexport const validateProductName = (name: string): ValidationResult => {\n  if (!name || name.trim() === '') {\n    return { isValid: false, error: 'Name is required' }\n  }\n\n  const nameRegex = /^[a-zA-Z0-9_]([a-zA-Z0-9_\\\\.\\\\-]*[a-zA-Z0-9_])?$/\n  if (!nameRegex.test(name)) {\n    return {\n      isValid: false,\n      error:\n        'Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash',\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates a product type\n */\nexport const validateProductType = (productType: string): ValidationResult => {\n  if (!productType || !Object.keys(productTypes).includes(productType)) {\n    return {\n      isValid: false,\n      error: 'Product type is required and must be a valid product type',\n    }\n  }\n  return { isValid: true }\n}\n\n/**\n * Validates a version number against an existing version\n */\nexport const validateVersion = (version: number, existingVersion?: number): ValidationResult => {\n  if (version < 1) {\n    return { isValid: false, error: 'Version must be greater than 0' }\n  }\n\n  if (existingVersion && version <= existingVersion) {\n    return {\n      isValid: false,\n      error: `Version must be greater than ${existingVersion}`,\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates complete form data for product and version creation\n */\nexport const validateFormData = (\n  formData: { name: string; productType: string; version: number },\n  existingVersion?: number,\n  isNewProduct = true,\n): ValidationResult => {\n  // Validate version\n  const versionValidation = validateVersion(formData.version, existingVersion)\n  if (!versionValidation.isValid) {\n    return versionValidation\n  }\n\n  // Only validate product details if creating a new product\n  if (isNewProduct) {\n    const nameValidation = validateProductName(formData.name)\n    if (!nameValidation.isValid) {\n      return nameValidation\n    }\n\n    const typeValidation = validateProductType(formData.productType)\n    if (!typeValidation.isValid) {\n      return typeValidation\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Creates a product using the provided mutation function\n */\nexport const createProductHelper = async (\n  createProductMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n) => {\n  try {\n    const response = await createProductMutation({\n      projectName,\n      productPostModel: productData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create product - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating product:', error)\n    throw new Error(error.message || 'Failed to create product')\n  }\n}\n\n/**\n * Creates a version using the provided mutation function\n */\nexport const createVersionHelper = async (\n  createVersionMutation: any,\n  projectName: string,\n  versionData: VersionCreationData,\n) => {\n  try {\n    const response = await createVersionMutation({\n      projectName,\n      versionPostModel: versionData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create version - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating version:', error)\n    throw new Error(error.message || 'Failed to create version')\n  }\n}\n\n/**\n * Creates a product and version together with proper error handling\n */\nexport const createProductAndVersion = async (\n  createProductMutation: any,\n  createVersionMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n  versionData: Omit<VersionCreationData, 'productId'>,\n) => {\n  // Create product first\n  const productRes = await createProductHelper(createProductMutation, projectName, productData)\n\n  // Create version for the new product\n  const versionRes = await createVersionHelper(createVersionMutation, projectName, {\n    ...versionData,\n    productId: productRes.id,\n  })\n\n  return {\n    product: productRes,\n    version: versionRes,\n  }\n}\n\n/**\n * Handles errors consistently across upload operations\n */\nexport const handleUploadError = (error: any, operation: string) => {\n  console.error(`Error ${operation}:`, error)\n  const message = error?.message || `Failed to ${operation}`\n  toast.error(message)\n  throw error\n}\n\n/**\n * Calculates the next version number based on existing version\n */\nexport const getNextVersionNumber = (existingVersion?: { version: number }): number => {\n  return existingVersion ? existingVersion.version + 1 : 1\n}\n"],"names":["sanitizeProductName","name","camelCase","validateProductName","validateProductType","productType","productTypes","validateVersion","version","existingVersion","validateFormData","formData","isNewProduct","versionValidation","nameValidation","typeValidation","createProductHelper","createProductMutation","projectName","productData","response","error","createVersionHelper","createVersionMutation","versionData","createProductAndVersion","productRes","versionRes","handleUploadError","operation","message","toast","getNextVersionNumber"],"mappings":";;;;;AAwBa,MAAAA,IAAsB,CAACC,MAC3BC,EAAUD,CAAI,EAAE,QAAQ,mBAAmB,EAAE,GAMzCE,IAAsB,CAACF,MAC9B,CAACA,KAAQA,EAAK,KAAA,MAAW,KACpB,EAAE,SAAS,IAAO,OAAO,mBAAmB,IAGnC,mDACH,KAAKA,CAAI,IAQjB,EAAE,SAAS,GAAK,IAPd;AAAA,EACL,SAAS;AAAA,EACT,OACE;AACJ,GASSG,IAAsB,CAACC,MAC9B,CAACA,KAAe,CAAC,OAAO,KAAKC,CAAY,EAAE,SAASD,CAAW,IAC1D;AAAA,EACL,SAAS;AAAA,EACT,OAAO;AACT,IAEK,EAAE,SAAS,GAAK,GAMZE,IAAkB,CAACC,GAAiBC,MAC3CD,IAAU,IACL,EAAE,SAAS,IAAO,OAAO,iCAAiC,IAG/DC,KAAmBD,KAAWC,IACzB;AAAA,EACL,SAAS;AAAA,EACT,OAAO,gCAAgCA,CAAe;AACxD,IAGK,EAAE,SAAS,GAAK,GAMZC,IAAmB,CAC9BC,GACAF,GACAG,IAAe,OACM;AAErB,QAAMC,IAAoBN,EAAgBI,EAAS,SAASF,CAAe;AACvE,MAAA,CAACI,EAAkB;AACd,WAAAA;AAIT,MAAID,GAAc;AACV,UAAAE,IAAiBX,EAAoBQ,EAAS,IAAI;AACpD,QAAA,CAACG,EAAe;AACX,aAAAA;AAGH,UAAAC,IAAiBX,EAAoBO,EAAS,WAAW;AAC3D,QAAA,CAACI,EAAe;AACX,aAAAA;AAAA,EACT;AAGK,SAAA,EAAE,SAAS,GAAK;AACzB,GAKaC,IAAsB,OACjCC,GACAC,GACAC,MACG;AACC,MAAA;AACI,UAAAC,IAAW,MAAMH,EAAsB;AAAA,MAC3C,aAAAC;AAAA,MACA,kBAAkBC;AAAA,IACnB,CAAA,EAAE,OAAO;AAEN,QAAA,CAACC,EAAS;AACN,YAAA,IAAI,MAAM,2CAA2C;AAGtD,WAAAA;AAAA,WACAC,GAAY;AACX,kBAAA,MAAM,2BAA2BA,CAAK,GACxC,IAAI,MAAMA,EAAM,WAAW,0BAA0B;AAAA,EAAA;AAE/D,GAKaC,IAAsB,OACjCC,GACAL,GACAM,MACG;AACC,MAAA;AACI,UAAAJ,IAAW,MAAMG,EAAsB;AAAA,MAC3C,aAAAL;AAAA,MACA,kBAAkBM;AAAA,IACnB,CAAA,EAAE,OAAO;AAEN,QAAA,CAACJ,EAAS;AACN,YAAA,IAAI,MAAM,2CAA2C;AAGtD,WAAAA;AAAA,WACAC,GAAY;AACX,kBAAA,MAAM,2BAA2BA,CAAK,GACxC,IAAI,MAAMA,EAAM,WAAW,0BAA0B;AAAA,EAAA;AAE/D,GAKaI,IAA0B,OACrCR,GACAM,GACAL,GACAC,GACAK,MACG;AAEH,QAAME,IAAa,MAAMV,EAAoBC,GAAuBC,GAAaC,CAAW,GAGtFQ,IAAa,MAAML,EAAoBC,GAAuBL,GAAa;AAAA,IAC/E,GAAGM;AAAA,IACH,WAAWE,EAAW;AAAA,EAAA,CACvB;AAEM,SAAA;AAAA,IACL,SAASA;AAAA,IACT,SAASC;AAAA,EACX;AACF,GAKaC,IAAoB,CAACP,GAAYQ,MAAsB;AAClE,UAAQ,MAAM,SAASA,CAAS,KAAKR,CAAK;AAC1C,QAAMS,KAAUT,KAAA,gBAAAA,EAAO,YAAW,aAAaQ,CAAS;AACxD,QAAAE,EAAM,MAAMD,CAAO,GACbT;AACR,GAKaW,IAAuB,CAACvB,MAC5BA,IAAkBA,EAAgB,UAAU,IAAI;"}
+{"version":3,"file":"versionUploadHelpers.es.js","sources":["../../../../src/util/versionUploadHelpers.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { camelCase } from 'lodash'\n\nexport interface ProductCreationData {\n  folderId: string\n  name: string\n  productType: string\n}\n\nexport interface VersionCreationData {\n  productId: string\n  version: number\n  taskId?: string\n}\n\nexport interface ValidationResult {\n  isValid: boolean\n  error?: string\n}\n\n/**\n * Sanitizes a product name by converting to camelCase and removing invalid characters\n */\nexport const sanitizeProductName = (name: string): string => {\n  return camelCase(name).replace(/[^a-zA-Z0-9_-]/g, '')\n}\n\n/**\n * Validates a product name according to the naming rules\n */\nexport const validateProductName = (name: string): ValidationResult => {\n  if (!name || name.trim() === '') {\n    return { isValid: false, error: 'Name is required' }\n  }\n\n  const nameRegex = /^[a-zA-Z0-9_]([a-zA-Z0-9_\\\\.\\\\-]*[a-zA-Z0-9_])?$/\n  if (!nameRegex.test(name)) {\n    return {\n      isValid: false,\n      error:\n        'Product name can only contain alphanumeric characters, underscores, dots, and dashes, and must not start or end with a dot or dash',\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates a product type\n */\n// export const validateProductType = (productType: string): ValidationResult => {\n//   if (!productType || !Object.keys(productTypes).includes(productType)) {\n//     return {\n//       isValid: false,\n//       error: 'Product type is required and must be a valid product type',\n//     }\n//   }\n//   return { isValid: true }\n// }\n\n/**\n * Validates a version number against an existing version\n */\nexport const validateVersion = (version: number, existingVersion?: number): ValidationResult => {\n  if (version < 1) {\n    return { isValid: false, error: 'Version must be greater than 0' }\n  }\n\n  if (existingVersion && version <= existingVersion) {\n    return {\n      isValid: false,\n      error: `Version must be greater than ${existingVersion}`,\n    }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Validates complete form data for product and version creation\n */\nexport const validateFormData = (\n  formData: { name: string; productType: string; version: number },\n  existingVersion?: number,\n  isNewProduct = true,\n): ValidationResult => {\n  // Validate version\n  const versionValidation = validateVersion(formData.version, existingVersion)\n  if (!versionValidation.isValid) {\n    return versionValidation\n  }\n\n  // Only validate product details if creating a new product\n  if (isNewProduct) {\n    const nameValidation = validateProductName(formData.name)\n    if (!nameValidation.isValid) {\n      return nameValidation\n    }\n\n    // We do not need this as productType is selected from a dropdown\n    // const typeValidation = validateProductType(formData.productType)\n    // if (!typeValidation.isValid) {\n    //   return typeValidation\n    // }\n  }\n\n  return { isValid: true }\n}\n\n/**\n * Creates a product using the provided mutation function\n */\nexport const createProductHelper = async (\n  createProductMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n) => {\n  try {\n    const response = await createProductMutation({\n      projectName,\n      productPostModel: productData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create product - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating product:', error)\n    throw new Error(error.message || 'Failed to create product')\n  }\n}\n\n/**\n * Creates a version using the provided mutation function\n */\nexport const createVersionHelper = async (\n  createVersionMutation: any,\n  projectName: string,\n  versionData: VersionCreationData,\n) => {\n  try {\n    const response = await createVersionMutation({\n      projectName,\n      versionPostModel: versionData,\n    }).unwrap()\n\n    if (!response.id) {\n      throw new Error('Failed to create version - no ID returned')\n    }\n\n    return response\n  } catch (error: any) {\n    console.error('Error creating version:', error)\n    throw new Error(error.message || 'Failed to create version')\n  }\n}\n\n/**\n * Creates a product and version together with proper error handling\n */\nexport const createProductAndVersion = async (\n  createProductMutation: any,\n  createVersionMutation: any,\n  projectName: string,\n  productData: ProductCreationData,\n  versionData: Omit<VersionCreationData, 'productId'>,\n) => {\n  // Create product first\n  const productRes = await createProductHelper(createProductMutation, projectName, productData)\n\n  // Create version for the new product\n  const versionRes = await createVersionHelper(createVersionMutation, projectName, {\n    ...versionData,\n    productId: productRes.id,\n  })\n\n  return {\n    product: productRes,\n    version: versionRes,\n  }\n}\n\n/**\n * Handles errors consistently across upload operations\n */\nexport const handleUploadError = (error: any, operation: string) => {\n  console.error(`Error ${operation}:`, error)\n  const message = error?.message || `Failed to ${operation}`\n  toast.error(message)\n  throw error\n}\n\n/**\n * Calculates the next version number based on existing version\n */\nexport const getNextVersionNumber = (existingVersion?: { version: number }): number => {\n  return existingVersion ? existingVersion.version + 1 : 1\n}\n"],"names":["sanitizeProductName","name","camelCase","validateProductName","validateVersion","version","existingVersion","validateFormData","formData","isNewProduct","versionValidation","nameValidation","createProductHelper","createProductMutation","projectName","productData","response","error","createVersionHelper","createVersionMutation","versionData","createProductAndVersion","productRes","versionRes","handleUploadError","operation","message","toast","getNextVersionNumber"],"mappings":";;AAuBa,MAAAA,IAAsB,CAACC,MAC3BC,EAAUD,CAAI,EAAE,QAAQ,mBAAmB,EAAE,GAMzCE,IAAsB,CAACF,MAC9B,CAACA,KAAQA,EAAK,KAAA,MAAW,KACpB,EAAE,SAAS,IAAO,OAAO,mBAAmB,IAGnC,mDACH,KAAKA,CAAI,IAQjB,EAAE,SAAS,GAAK,IAPd;AAAA,EACL,SAAS;AAAA,EACT,OACE;AACJ,GAsBSG,IAAkB,CAACC,GAAiBC,MAC3CD,IAAU,IACL,EAAE,SAAS,IAAO,OAAO,iCAAiC,IAG/DC,KAAmBD,KAAWC,IACzB;AAAA,EACL,SAAS;AAAA,EACT,OAAO,gCAAgCA,CAAe;AACxD,IAGK,EAAE,SAAS,GAAK,GAMZC,IAAmB,CAC9BC,GACAF,GACAG,IAAe,OACM;AAErB,QAAMC,IAAoBN,EAAgBI,EAAS,SAASF,CAAe;AACvE,MAAA,CAACI,EAAkB;AACd,WAAAA;AAIT,MAAID,GAAc;AACV,UAAAE,IAAiBR,EAAoBK,EAAS,IAAI;AACpD,QAAA,CAACG,EAAe;AACX,aAAAA;AAAA,EACT;AASK,SAAA,EAAE,SAAS,GAAK;AACzB,GAKaC,IAAsB,OACjCC,GACAC,GACAC,MACG;AACC,MAAA;AACI,UAAAC,IAAW,MAAMH,EAAsB;AAAA,MAC3C,aAAAC;AAAA,MACA,kBAAkBC;AAAA,IACnB,CAAA,EAAE,OAAO;AAEN,QAAA,CAACC,EAAS;AACN,YAAA,IAAI,MAAM,2CAA2C;AAGtD,WAAAA;AAAA,WACAC,GAAY;AACX,kBAAA,MAAM,2BAA2BA,CAAK,GACxC,IAAI,MAAMA,EAAM,WAAW,0BAA0B;AAAA,EAAA;AAE/D,GAKaC,IAAsB,OACjCC,GACAL,GACAM,MACG;AACC,MAAA;AACI,UAAAJ,IAAW,MAAMG,EAAsB;AAAA,MAC3C,aAAAL;AAAA,MACA,kBAAkBM;AAAA,IACnB,CAAA,EAAE,OAAO;AAEN,QAAA,CAACJ,EAAS;AACN,YAAA,IAAI,MAAM,2CAA2C;AAGtD,WAAAA;AAAA,WACAC,GAAY;AACX,kBAAA,MAAM,2BAA2BA,CAAK,GACxC,IAAI,MAAMA,EAAM,WAAW,0BAA0B;AAAA,EAAA;AAE/D,GAKaI,IAA0B,OACrCR,GACAM,GACAL,GACAC,GACAK,MACG;AAEH,QAAME,IAAa,MAAMV,EAAoBC,GAAuBC,GAAaC,CAAW,GAGtFQ,IAAa,MAAML,EAAoBC,GAAuBL,GAAa;AAAA,IAC/E,GAAGM;AAAA,IACH,WAAWE,EAAW;AAAA,EAAA,CACvB;AAEM,SAAA;AAAA,IACL,SAASA;AAAA,IACT,SAASC;AAAA,EACX;AACF,GAKaC,IAAoB,CAACP,GAAYQ,MAAsB;AAClE,UAAQ,MAAM,SAASA,CAAS,KAAKR,CAAK;AAC1C,QAAMS,KAAUT,KAAA,gBAAAA,EAAO,YAAW,aAAaQ,CAAS;AACxD,QAAAE,EAAM,MAAMD,CAAO,GACbT;AACR,GAKaW,IAAuB,CAACtB,MAC5BA,IAAkBA,EAAgB,UAAU,IAAI;"}

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

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),v=require("./Menu.styled.cjs.js"),R=require("./MenuList.cjs.js");require("lodash");require("react-toastify");const y=require("../../../../shared/src/util/copyToClipboard.cjs.js");require("uuid");require("../../../../shared/src/util/pubsub.cjs.js");const C=require("@ynput/ayon-react-components");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const E=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");const S=require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");const h=({menu:g=[],onClose:u,header:a,footer:o=""})=>{const{setPowerpackDialog:x}=E.usePowerpack(),{setMenuOpen:d}=S.useMenuContext(),[n,i]=m.useState([]),p=(t,e,r,l)=>{if(r)return u();e&&e(t),!l&&u&&u()},q=(t,e={})=>{e.items.length?n.find(r=>r.id===e.id)||i([...n.filter(r=>r.level<e.level+1),{...e,id:e.id,level:e.level+1,parentRef:t.target}]):i(n.filter(r=>r.level<=e.level))},b=(t,e={})=>{var f,j;const r=(f=t.relatedTarget)==null?void 0:f.id,l=n.find(c=>c.id===r);if(((j=t.relatedTarget)==null?void 0:j.tagName)==="DIALOG")return i([]);l||i(n.filter(c=>c.level<=(e.level||0)+1))},M=(t,e={})=>{t.type==="mouseenter"||t.type==="keydown"?q(t,e):t.type==="mouseleave"&&b(t,e)};return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(v.Section,{children:[a&&a,s.jsxRuntimeExports.jsx(R,{items:g,handleClick:p,onSubMenu:M,level:0,setPowerpackDialog:x,onMenuClose:()=>d(!1)}),o&&s.jsxRuntimeExports.jsxs(v.Footer,{children:[o,s.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>y.copyToClipboard(o)})]})]}),n.map((t,e)=>s.jsxRuntimeExports.jsx(R,{items:t.items,handleClick:p,...t,subMenu:!0,onSubMenu:M,onClose:()=>i(n.filter(r=>r.id!==t.id)),onMenuClose:()=>d(!1),onChange:q,setPowerpackDialog:x},e))]})};module.exports=h;
+"use strict";const n=require("../../../../_virtual/jsx-runtime.cjs.js"),m=require("react"),v=require("./Menu.styled.cjs.js"),R=require("./MenuList.cjs.js");require("lodash");require("react-toastify");const y=require("../../../../shared/src/util/copyToClipboard.cjs.js");require("uuid");require("../../../../shared/src/util/pubsub.cjs.js");const C=require("@ynput/ayon-react-components");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const E=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");const S=require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");require("../../../../shared/src/context/GlobalContext.cjs.js");require("../../../../shared/src/context/ProjectContext.cjs.js");const h=({menu:g=[],onClose:u,header:a,footer:o=""})=>{const{setPowerpackDialog:x}=E.usePowerpack(),{setMenuOpen:q}=S.useMenuContext(),[i,s]=m.useState([]),d=(r,e,t,l)=>{if(t)return u();e&&e(r),!l&&u&&u()},p=(r,e={})=>{e.items.length?i.find(t=>t.id===e.id)||s([...i.filter(t=>t.level<e.level+1),{...e,id:e.id,level:e.level+1,parentRef:r.target}]):s(i.filter(t=>t.level<=e.level))},b=(r,e={})=>{var f,j;const t=(f=r.relatedTarget)==null?void 0:f.id,l=i.find(c=>c.id===t);if(((j=r.relatedTarget)==null?void 0:j.tagName)==="DIALOG")return s([]);l||s(i.filter(c=>c.level<=(e.level||0)+1))},M=(r,e={})=>{r.type==="mouseenter"||r.type==="keydown"?p(r,e):r.type==="mouseleave"&&b(r,e)};return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsxs(v.Section,{children:[a&&a,n.jsxRuntimeExports.jsx(R,{items:g,handleClick:d,onSubMenu:M,level:0,setPowerpackDialog:x,onMenuClose:()=>q(!1)}),o&&n.jsxRuntimeExports.jsxs(v.Footer,{children:[o,n.jsxRuntimeExports.jsx(C.Button,{icon:"content_copy",variant:"text",onClick:()=>y.copyToClipboard(o)})]})]}),i.map((r,e)=>n.jsxRuntimeExports.jsx(R,{items:r.items,handleClick:d,...r,subMenu:!0,onSubMenu:M,onClose:()=>s(i.filter(t=>t.id!==r.id)),onMenuClose:()=>q(!1),onChange:p,setPowerpackDialog:x},e))]})};module.exports=h;
 //# sourceMappingURL=Menu.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"2sCAOM,MAAAA,EAAO,CAAC,CAAE,KAAAC,EAAO,GAAI,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAS,MAAS,CACtD,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EACtC,CAAE,YAAAC,CAAY,EAAIC,iBAAe,EAEjC,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAErCC,EAAc,CAACC,EAAGC,EAASC,EAAKC,IAAiB,CAEjD,GAAAD,SAAYb,EAAQ,EAExBY,GAAWA,EAAQD,CAAC,EAEnB,CAAAG,GAAgBd,GAAWA,EAAQ,CACtC,EAEMe,EAAc,CAACJ,EAAGZ,EAAO,CAAA,IAAO,CAEhCA,EAAK,MAAM,OAGRQ,EAAS,KAAMS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,GAE5BS,EAAA,CACV,GAAGD,EAAS,OAAQS,GAAMA,EAAE,MAAQjB,EAAK,MAAQ,CAAC,EAClD,CAAE,GAAGA,EAAM,GAAIA,EAAK,GAAI,MAAOA,EAAK,MAAQ,EAAG,UAAWY,EAAE,MAAO,CAAA,CACpE,EAISH,EAAAD,EAAS,OAAQS,GAAMA,EAAE,OAASjB,EAAK,KAAK,CAAC,CAE7D,EAEMkB,EAAc,CAACN,EAAGZ,EAAO,CAAA,IAAO,SAE9B,MAAAmB,GAAkBC,EAAAR,EAAE,gBAAF,YAAAQ,EAAiB,GACnCC,EAAuBb,EAAS,KAAMS,GAAMA,EAAE,KAAOE,CAAe,EAE1E,KAAIG,EAAAV,EAAE,gBAAF,YAAAU,EAAiB,WAAY,SAAiB,OAAAb,EAAY,EAAE,EAE3DY,GACSZ,EAAAD,EAAS,OAAQS,GAAMA,EAAE,QAAUjB,EAAK,OAAS,GAAK,CAAC,CAAC,CAGxE,EAEMuB,EAAgB,CAACX,EAAGZ,EAAO,CAAA,IAAO,CAClCY,EAAE,OAAS,cAAgBA,EAAE,OAAS,UAAWI,EAAYJ,EAAGZ,CAAI,EAC/DY,EAAE,OAAS,cAAcM,EAAYN,EAAGZ,CAAI,CACvD,EAEA,OAEIwB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CACE,SAAA,CAAUxB,GAAAA,EACXyB,EAAA,kBAAA,IAACC,EAAA,CACC,MAAO5B,EACP,YAAAW,EACA,UAAWY,EACX,MAAO,EACP,mBAAAnB,EACA,YAAa,IAAME,EAAY,EAAK,CAAA,CACtC,EACCH,GACCqB,EAAA,kBAAA,KAACK,SAAA,CACE,SAAA,CAAA1B,EACDwB,EAAAA,kBAAAA,IAACG,EAAO,OAAA,CAAA,KAAK,eAAe,QAAQ,OAAO,QAAS,IAAMC,kBAAgB5B,CAAM,CAAG,CAAA,CAAA,CACrF,CAAA,CAAA,EAEJ,EACCK,EAAS,IAAI,CAACR,EAAMgC,IACnBL,EAAA,kBAAA,IAACC,EAAA,CAEC,MAAO5B,EAAK,MACZ,YAAAW,EACC,GAAGX,EACJ,QAAO,GACP,UAAWuB,EACX,QAAS,IAAMd,EAAYD,EAAS,OAAQS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,CAAC,EACnE,YAAa,IAAMM,EAAY,EAAK,EACpC,SAAUU,EACV,mBAAAZ,CAAA,EATK4B,CAWR,CAAA,CAAA,EACH,CAEJ"}
+{"version":3,"file":"Menu.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"00CAOM,MAAAA,EAAO,CAAC,CAAE,KAAAC,EAAO,GAAI,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAS,MAAS,CACtD,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EACtC,CAAE,YAAAC,CAAY,EAAIC,iBAAe,EAEjC,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAA,CAAE,EAErCC,EAAc,CAACC,EAAGC,EAASC,EAAKC,IAAiB,CAEjD,GAAAD,SAAYb,EAAQ,EAExBY,GAAWA,EAAQD,CAAC,EAEnB,CAAAG,GAAgBd,GAAWA,EAAQ,CACtC,EAEMe,EAAc,CAACJ,EAAGZ,EAAO,CAAA,IAAO,CAEhCA,EAAK,MAAM,OAGRQ,EAAS,KAAMS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,GAE5BS,EAAA,CACV,GAAGD,EAAS,OAAQS,GAAMA,EAAE,MAAQjB,EAAK,MAAQ,CAAC,EAClD,CAAE,GAAGA,EAAM,GAAIA,EAAK,GAAI,MAAOA,EAAK,MAAQ,EAAG,UAAWY,EAAE,MAAO,CAAA,CACpE,EAISH,EAAAD,EAAS,OAAQS,GAAMA,EAAE,OAASjB,EAAK,KAAK,CAAC,CAE7D,EAEMkB,EAAc,CAACN,EAAGZ,EAAO,CAAA,IAAO,SAE9B,MAAAmB,GAAkBC,EAAAR,EAAE,gBAAF,YAAAQ,EAAiB,GACnCC,EAAuBb,EAAS,KAAMS,GAAMA,EAAE,KAAOE,CAAe,EAE1E,KAAIG,EAAAV,EAAE,gBAAF,YAAAU,EAAiB,WAAY,SAAiB,OAAAb,EAAY,EAAE,EAE3DY,GACSZ,EAAAD,EAAS,OAAQS,GAAMA,EAAE,QAAUjB,EAAK,OAAS,GAAK,CAAC,CAAC,CAGxE,EAEMuB,EAAgB,CAACX,EAAGZ,EAAO,CAAA,IAAO,CAClCY,EAAE,OAAS,cAAgBA,EAAE,OAAS,UAAWI,EAAYJ,EAAGZ,CAAI,EAC/DY,EAAE,OAAS,cAAcM,EAAYN,EAAGZ,CAAI,CACvD,EAEA,OAEIwB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,QAAA,CACE,SAAA,CAAUxB,GAAAA,EACXyB,EAAA,kBAAA,IAACC,EAAA,CACC,MAAO5B,EACP,YAAAW,EACA,UAAWY,EACX,MAAO,EACP,mBAAAnB,EACA,YAAa,IAAME,EAAY,EAAK,CAAA,CACtC,EACCH,GACCqB,EAAA,kBAAA,KAACK,SAAA,CACE,SAAA,CAAA1B,EACDwB,EAAAA,kBAAAA,IAACG,EAAO,OAAA,CAAA,KAAK,eAAe,QAAQ,OAAO,QAAS,IAAMC,kBAAgB5B,CAAM,CAAG,CAAA,CAAA,CACrF,CAAA,CAAA,EAEJ,EACCK,EAAS,IAAI,CAACR,EAAMgC,IACnBL,EAAA,kBAAA,IAACC,EAAA,CAEC,MAAO5B,EAAK,MACZ,YAAAW,EACC,GAAGX,EACJ,QAAO,GACP,UAAWuB,EACX,QAAS,IAAMd,EAAYD,EAAS,OAAQS,GAAMA,EAAE,KAAOjB,EAAK,EAAE,CAAC,EACnE,YAAa,IAAMM,EAAY,EAAK,EACpC,SAAUU,EACV,mBAAAZ,CAAA,EATK4B,CAWR,CAAA,CAAA,EACH,CAEJ"}

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

@@ -21,7 +21,9 @@ import { usePowerpack as k } from "../../../../shared/src/context/PowerpackConte
 import "../../../../shared/src/context/MoveEntityContext.es.js";
 import { useMenuContext as w } from "../../../../shared/src/context/MenuContext.es.js";
 import "../../../../shared/src/context/WebsocketContext.es.js";
-const Y = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
+import "../../../../shared/src/context/GlobalContext.es.js";
+import "../../../../shared/src/context/ProjectContext.es.js";
+const $ = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
   const { setPowerpackDialog: u } = k(), { setMenuOpen: f } = w(), [r, n] = S([]), d = (t, e, o, p) => {
     if (o) return s();
     e && e(t), !p && s && s();
@@ -75,6 +77,6 @@ const Y = ({ menu: b = [], onClose: s, header: a, footer: l = "" }) => {
   ] });
 };
 export {
-  Y as default
+  $ as default
 };
 //# sourceMappingURL=Menu.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}
+{"version":3,"file":"Menu.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/Menu.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport * as Styled from './Menu.styled'\nimport MenuList from './MenuList'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useMenuContext, usePowerpack } from '@shared/context'\n\nconst Menu = ({ menu = [], onClose, header, footer = '' }) => {\n  const { setPowerpackDialog } = usePowerpack()\n  const { setMenuOpen } = useMenuContext()\n\n  const [subMenus, setSubMenus] = useState([])\n  //   When a menu item is clicked, the following happens:\n  const handleClick = (e, onClick, url, disableClose) => {\n    // this is handled by Link component inside the MenuItem\n    if (url) return onClose()\n\n    onClick && onClick(e)\n\n    !disableClose && onClose && onClose()\n  }\n\n  const onMenuEnter = (e, menu = {}) => {\n    // check to see if we need to open a submenu\n    if (menu.items.length) {\n      // yes, there is a submenu\n      // open it if it is not already open\n      if (!subMenus.find((m) => m.id === menu.id)) {\n        // also close any other submenus on the same level\n        setSubMenus([\n          ...subMenus.filter((m) => m.level < menu.level + 1),\n          { ...menu, id: menu.id, level: menu.level + 1, parentRef: e.target },\n        ])\n      }\n    } else {\n      // no items for this menu, so close all submenus on the higher levels\n      setSubMenus(subMenus.filter((m) => m.level <= menu.level))\n    }\n  }\n\n  const onMenuLeave = (e, menu = {}) => {\n    // target where we are going\n    const relatedTargetId = e.relatedTarget?.id\n    const relatedTargetSubMenu = subMenus.find((m) => m.id === relatedTargetId)\n\n    if (e.relatedTarget?.tagName === 'DIALOG') return setSubMenus([])\n\n    if (!relatedTargetSubMenu) {\n      setSubMenus(subMenus.filter((m) => m.level <= (menu.level || 0) + 1))\n    }\n    //   if (menu.items.length) {\n  }\n\n  const handleSubMenu = (e, menu = {}) => {\n    if (e.type === 'mouseenter' || e.type === 'keydown') onMenuEnter(e, menu)\n    else if (e.type === 'mouseleave') onMenuLeave(e, menu)\n  }\n\n  return (\n    <>\n      <Styled.Section>\n        {header && header}\n        <MenuList\n          items={menu}\n          handleClick={handleClick}\n          onSubMenu={handleSubMenu}\n          level={0}\n          setPowerpackDialog={setPowerpackDialog}\n          onMenuClose={() => setMenuOpen(false)}\n        />\n        {footer && (\n          <Styled.Footer>\n            {footer}\n            <Button icon=\"content_copy\" variant=\"text\" onClick={() => copyToClipboard(footer)} />\n          </Styled.Footer>\n        )}\n      </Styled.Section>\n      {subMenus.map((menu, i) => (\n        <MenuList\n          key={i}\n          items={menu.items}\n          handleClick={handleClick}\n          {...menu}\n          subMenu\n          onSubMenu={handleSubMenu}\n          onClose={() => setSubMenus(subMenus.filter((m) => m.id !== menu.id))}\n          onMenuClose={() => setMenuOpen(false)}\n          onChange={onMenuEnter}\n          setPowerpackDialog={setPowerpackDialog}\n        />\n      ))}\n    </>\n  )\n}\n\nexport default Menu\n"],"names":["Menu","menu","onClose","header","footer","setPowerpackDialog","usePowerpack","setMenuOpen","useMenuContext","subMenus","setSubMenus","useState","handleClick","e","onClick","url","disableClose","onMenuEnter","m","onMenuLeave","relatedTargetId","_a","relatedTargetSubMenu","_b","handleSubMenu","jsxs","Fragment","Styled.Section","jsx","MenuList","Styled.Footer","Button","copyToClipboard","i"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),M=require("react"),m=require("./Menu.styled.cjs.js"),N=require("lodash"),P=require("react-router-dom"),C=require("clsx");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const _=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");const q=M.forwardRef(({label:r,icon:i,img:n,highlighted:j,notification:l,selected:p,danger:d,items:R=[],className:g,isLink:o,isDev:h,shortcut:u,disabled:E,powerFeature:I,active:w,...c},y)=>{const x=N.isArray(r)?r:[r],{powerLicense:f,isLoading:k}=_.usePowerpack(),s=!f&&I,a=e.jsxRuntimeExports.jsxs(m.Item,{ref:y,className:C("menu-item",{highlighted:j,selected:p,notification:l,danger:d,dev:h,disabled:E||k,power:s},g),...c,label:x.join(", "),children:[(i||s)&&e.jsxRuntimeExports.jsx(t.Icon,{icon:s?"bolt":i}),n&&e.jsxRuntimeExports.jsx(m.Img,{src:n,alt:`${r} icon`}),x.map((A,L)=>e.jsxRuntimeExports.jsx("span",{children:A},L)),u&&e.jsxRuntimeExports.jsx(t.ShortcutTag,{style:{minWidth:22,textAlign:"center"},align:"right",children:u}),w&&e.jsxRuntimeExports.jsx(t.Icon,{icon:"check",style:{marginLeft:"auto"}}),!!R.length&&e.jsxRuntimeExports.jsx(t.Icon,{icon:"arrow_right",className:"more"})]});return o?e.jsxRuntimeExports.jsx(P.Link,{to:o,target:c.target,children:a}):a});q.displayName="MenuItem";module.exports=q;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),M=require("react"),m=require("./Menu.styled.cjs.js"),N=require("lodash"),P=require("react-router-dom"),C=require("clsx");require("../../../../shared/src/context/RemoteModulesContext.cjs.js");require("../../../../shared/src/context/DetailsPanelContext.cjs.js");require("../../../../shared/src/context/ThumbnailUploaderContext.cjs.js");require("../../../../shared/src/context/SettingsPanelContext.cjs.js");require("../../../../shared/src/context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../shared/src/context/pip/PiPWrapper.cjs.js");require("../../../../shared/src/context/AddonProjectContext.cjs.js");require("../../../../shared/src/context/AddonContext.cjs.js");const _=require("../../../../shared/src/context/PowerpackContext.cjs.js");require("../../../../shared/src/context/MoveEntityContext.cjs.js");require("../../../../shared/src/context/MenuContext.cjs.js");require("../../../../shared/src/context/WebsocketContext.cjs.js");require("../../../../shared/src/context/GlobalContext.cjs.js");require("../../../../shared/src/context/ProjectContext.cjs.js");const q=M.forwardRef(({label:r,icon:i,img:n,highlighted:j,notification:l,selected:p,danger:d,items:R=[],className:g,isLink:o,isDev:h,shortcut:u,disabled:E,powerFeature:I,active:w,...c},y)=>{const x=N.isArray(r)?r:[r],{powerLicense:f,isLoading:k}=_.usePowerpack(),s=!f&&I,a=e.jsxRuntimeExports.jsxs(m.Item,{ref:y,className:C("menu-item",{highlighted:j,selected:p,notification:l,danger:d,dev:h,disabled:E||k,power:s},g),...c,label:x.join(", "),children:[(i||s)&&e.jsxRuntimeExports.jsx(t.Icon,{icon:s?"bolt":i}),n&&e.jsxRuntimeExports.jsx(m.Img,{src:n,alt:`${r} icon`}),x.map((A,L)=>e.jsxRuntimeExports.jsx("span",{children:A},L)),u&&e.jsxRuntimeExports.jsx(t.ShortcutTag,{style:{minWidth:22,textAlign:"center"},align:"right",children:u}),w&&e.jsxRuntimeExports.jsx(t.Icon,{icon:"check",style:{marginLeft:"auto"}}),!!R.length&&e.jsxRuntimeExports.jsx(t.Icon,{icon:"arrow_right",className:"more"})]});return o?e.jsxRuntimeExports.jsx(P.Link,{to:o,target:c.target,children:a}):a});q.displayName="MenuItem";module.exports=q;
 //# sourceMappingURL=MenuItem.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      powerFeature,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n    const { powerLicense, isLoading } = usePowerpack()\n    const isPowerFeature = !powerLicense && powerFeature\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled || isLoading,\n            power: isPowerFeature,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && (\n          <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n            {shortcut}\n          </ShortcutTag>\n        )}\n        {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"2iCAQA,MAAMA,EAAWC,EAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,GAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,EAAc,UAAAC,CAAU,EAAIC,eAAa,EAC3CC,EAAiB,CAACH,GAAgBN,EAElCU,EACJC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACC,IAAAT,EACA,UAAWU,EACT,YACA,CACE,YAAAvB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAUE,GAAYQ,EACtB,MAAOE,CACT,EACAd,CACF,EACC,GAAGO,EACJ,MAAOE,EAAY,KAAK,IAAI,EAE1B,SAAA,EAAAhB,GAAQqB,IAAoBK,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAK,KAAMN,EAAiB,OAASrB,EAAM,EACxEC,GAAQyB,EAAA,kBAAA,IAAAE,MAAA,CAAW,IAAK3B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO8B,4BACtB,OAAkB,CAAA,SAAA9B,CAAR,EAAA8B,CAAc,CAC1B,EACAnB,GACCgB,EAAAA,kBAAAA,IAACI,EAAAA,YAAY,CAAA,MAAO,CAAE,SAAU,GAAI,UAAW,QAAS,EAAG,MAAO,QAC/D,SACHpB,CAAA,CAAA,EAEDG,2BAAWc,EAAK,KAAA,CAAA,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACrB,EAAM,gCAAWqB,EAAAA,KAAK,CAAA,KAAK,cAAc,UAAU,MAAO,CAAA,CAAA,CAAA,CAC/D,EAGF,OAAInB,0BAECuB,EAAAA,KAAK,CAAA,GAAIvB,EAAQ,OAAQM,EAAM,OAC7B,SACHQ,EAAA,EAGKA,CACT,CAEJ,EAEAzB,EAAS,YAAc"}
+{"version":3,"file":"MenuItem.cjs.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      powerFeature,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n    const { powerLicense, isLoading } = usePowerpack()\n    const isPowerFeature = !powerLicense && powerFeature\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled || isLoading,\n            power: isPowerFeature,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && (\n          <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n            {shortcut}\n          </ShortcutTag>\n        )}\n        {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":"0qCAQA,MAAMA,EAAWC,EAAA,WACf,CACE,CACE,MAAAC,EACA,KAAAC,EACA,IAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,GAAGC,GAELC,IACG,CACH,MAAMC,EAAcC,EAAAA,QAAQlB,CAAK,EAAIA,EAAQ,CAACA,CAAK,EAC7C,CAAE,aAAAmB,EAAc,UAAAC,CAAU,EAAIC,eAAa,EAC3CC,EAAiB,CAACH,GAAgBN,EAElCU,EACJC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACC,IAAAT,EACA,UAAWU,EACT,YACA,CACE,YAAAvB,EACA,SAAAE,EACA,aAAAD,EACA,OAAAE,EACA,IAAKI,EACL,SAAUE,GAAYQ,EACtB,MAAOE,CACT,EACAd,CACF,EACC,GAAGO,EACJ,MAAOE,EAAY,KAAK,IAAI,EAE1B,SAAA,EAAAhB,GAAQqB,IAAoBK,EAAAA,kBAAAA,IAAAC,EAAA,KAAA,CAAK,KAAMN,EAAiB,OAASrB,EAAM,EACxEC,GAAQyB,EAAA,kBAAA,IAAAE,MAAA,CAAW,IAAK3B,EAAK,IAAK,GAAGF,CAAK,QAAS,EACnDiB,EAAY,IAAI,CAACjB,EAAO8B,4BACtB,OAAkB,CAAA,SAAA9B,CAAR,EAAA8B,CAAc,CAC1B,EACAnB,GACCgB,EAAAA,kBAAAA,IAACI,EAAAA,YAAY,CAAA,MAAO,CAAE,SAAU,GAAI,UAAW,QAAS,EAAG,MAAO,QAC/D,SACHpB,CAAA,CAAA,EAEDG,2BAAWc,EAAK,KAAA,CAAA,KAAK,QAAQ,MAAO,CAAE,WAAY,MAAA,EAAU,EAE5D,CAAC,CAACrB,EAAM,gCAAWqB,EAAAA,KAAK,CAAA,KAAK,cAAc,UAAU,MAAO,CAAA,CAAA,CAAA,CAC/D,EAGF,OAAInB,0BAECuB,EAAAA,KAAK,CAAA,GAAIvB,EAAQ,OAAQM,EAAM,OAC7B,SACHQ,EAAA,EAGKA,CACT,CAEJ,EAEAzB,EAAS,YAAc"}

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

@@ -1,5 +1,5 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Icon as e, ShortcutTag as M } from "@ynput/ayon-react-components";
+import { Icon as i, ShortcutTag as M } from "@ynput/ayon-react-components";
 import { forwardRef as P } from "react";
 import { Item as R, Img as $ } from "./Menu.styled.es.js";
 import { isArray as b } from "lodash";
@@ -18,10 +18,12 @@ import { usePowerpack as F } from "../../../../shared/src/context/PowerpackConte
 import "../../../../shared/src/context/MoveEntityContext.es.js";
 import "../../../../shared/src/context/MenuContext.es.js";
 import "../../../../shared/src/context/WebsocketContext.es.js";
+import "../../../../shared/src/context/GlobalContext.es.js";
+import "../../../../shared/src/context/ProjectContext.es.js";
 const S = P(
   ({
     label: t,
-    icon: i,
+    icon: e,
     img: m,
     highlighted: l,
     notification: f,
@@ -57,12 +59,12 @@ const S = P(
         ...p,
         label: a.join(", "),
         children: [
-          (i || o) && /* @__PURE__ */ r.jsx(e, { icon: o ? "bolt" : i }),
+          (e || o) && /* @__PURE__ */ r.jsx(i, { icon: o ? "bolt" : e }),
           m && /* @__PURE__ */ r.jsx($, { src: m, alt: `${t} icon` }),
           a.map((N, k) => /* @__PURE__ */ r.jsx("span", { children: N }, k)),
           n && /* @__PURE__ */ r.jsx(M, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: n }),
-          I && /* @__PURE__ */ r.jsx(e, { icon: "check", style: { marginLeft: "auto" } }),
-          !!j.length && /* @__PURE__ */ r.jsx(e, { icon: "arrow_right", className: "more" })
+          I && /* @__PURE__ */ r.jsx(i, { icon: "check", style: { marginLeft: "auto" } }),
+          !!j.length && /* @__PURE__ */ r.jsx(i, { icon: "arrow_right", className: "more" })
         ]
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      powerFeature,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n    const { powerLicense, isLoading } = usePowerpack()\n    const isPowerFeature = !powerLicense && powerFeature\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled || isLoading,\n            power: isPowerFeature,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && (\n          <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n            {shortcut}\n          </ShortcutTag>\n        )}\n        {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAcC,EAAQlB,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAC7C,EAAE,cAAAmB,GAAc,WAAAC,EAAU,IAAIC,EAAa,GAC3CC,IAAiB,CAACH,KAAgBN,GAElCU,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACA;AAAA,YACE,aAAAvB;AAAA,YACA,UAAAE;AAAA,YACA,cAAAD;AAAA,YACA,QAAAE;AAAA,YACA,KAAKI;AAAA,YACL,UAAUE,KAAYQ;AAAA,YACtB,OAAOE;AAAA,UACT;AAAA,UACAd;AAAA,QACF;AAAA,QACC,GAAGO;AAAA,QACJ,OAAOE,EAAY,KAAK,IAAI;AAAA,QAE1B,UAAA;AAAA,WAAAhB,KAAQqB,MAAoBK,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,MAAMN,IAAiB,SAASrB,GAAM;AAAA,UACxEC,KAAQyB,gBAAAA,EAAA,IAAAE,GAAA,EAAW,KAAK3B,GAAK,KAAK,GAAGF,CAAK,SAAS;AAAA,UACnDiB,EAAY,IAAI,CAACjB,GAAO8B,4BACtB,QAAkB,EAAA,UAAA9B,EAAR,GAAA8B,CAAc,CAC1B;AAAA,UACAnB,KACCgB,gBAAAA,EAAAA,IAACI,GAAY,EAAA,OAAO,EAAE,UAAU,IAAI,WAAW,SAAS,GAAG,OAAO,SAC/D,UACHpB,EAAA,CAAA;AAAA,UAEDG,2BAAWc,GAAK,EAAA,MAAK,SAAQ,OAAO,EAAE,YAAY,OAAA,GAAU;AAAA,UAE5D,CAAC,CAACrB,EAAM,gCAAWqB,GAAK,EAAA,MAAK,eAAc,WAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAInB,0BAECuB,GAAK,EAAA,IAAIvB,GAAQ,QAAQM,EAAM,QAC7B,UACHQ,GAAA,IAGKA;AAAAA,EACT;AAEJ;AAEAzB,EAAS,cAAc;"}
+{"version":3,"file":"MenuItem.es.js","sources":["../../../../../../src/components/Menu/MenuComponents/MenuItem.jsx"],"sourcesContent":["import { Icon, ShortcutTag } from '@ynput/ayon-react-components'\nimport React, { forwardRef } from 'react'\nimport * as Styled from './Menu.styled'\nimport { isArray } from 'lodash'\nimport { Link } from 'react-router-dom'\nimport clsx from 'clsx'\nimport { usePowerpack } from '@shared/context'\n\nconst MenuItem = forwardRef(\n  (\n    {\n      label,\n      icon,\n      img,\n      highlighted,\n      notification,\n      selected,\n      danger,\n      items = [],\n      className,\n      isLink,\n      isDev,\n      shortcut,\n      disabled,\n      powerFeature,\n      active,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelsArray = isArray(label) ? label : [label]\n    const { powerLicense, isLoading } = usePowerpack()\n    const isPowerFeature = !powerLicense && powerFeature\n\n    const Item = (\n      <Styled.Item\n        ref={ref}\n        className={clsx(\n          'menu-item',\n          {\n            highlighted: highlighted,\n            selected: selected,\n            notification: notification,\n            danger: danger,\n            dev: isDev,\n            disabled: disabled || isLoading,\n            power: isPowerFeature,\n          },\n          className,\n        )}\n        {...props}\n        label={labelsArray.join(', ')}\n      >\n        {(icon || isPowerFeature) && <Icon icon={isPowerFeature ? 'bolt' : icon} />}\n        {img && <Styled.Img src={img} alt={`${label} icon`} />}\n        {labelsArray.map((label, index) => (\n          <span key={index}>{label}</span>\n        ))}\n        {shortcut && (\n          <ShortcutTag style={{ minWidth: 22, textAlign: 'center' }} align={'right'}>\n            {shortcut}\n          </ShortcutTag>\n        )}\n        {active && <Icon icon=\"check\" style={{ marginLeft: 'auto' }} />}\n\n        {!!items.length && <Icon icon=\"arrow_right\" className=\"more\" />}\n      </Styled.Item>\n    )\n\n    if (isLink) {\n      return (\n        <Link to={isLink} target={props.target}>\n          {Item}\n        </Link>\n      )\n    } else {\n      return Item\n    }\n  },\n)\n\nMenuItem.displayName = 'MenuItem'\n\nexport default MenuItem\n"],"names":["MenuItem","forwardRef","label","icon","img","highlighted","notification","selected","danger","items","className","isLink","isDev","shortcut","disabled","powerFeature","active","props","ref","labelsArray","isArray","powerLicense","isLoading","usePowerpack","isPowerFeature","Item","jsxs","Styled.Item","clsx","jsx","Icon","Styled.Img","index","ShortcutTag","Link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAC;AAAA,IACT,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAcC,EAAQlB,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAC7C,EAAE,cAAAmB,GAAc,WAAAC,EAAU,IAAIC,EAAa,GAC3CC,IAAiB,CAACH,KAAgBN,GAElCU,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACA;AAAA,YACE,aAAAvB;AAAA,YACA,UAAAE;AAAA,YACA,cAAAD;AAAA,YACA,QAAAE;AAAA,YACA,KAAKI;AAAA,YACL,UAAUE,KAAYQ;AAAA,YACtB,OAAOE;AAAA,UACT;AAAA,UACAd;AAAA,QACF;AAAA,QACC,GAAGO;AAAA,QACJ,OAAOE,EAAY,KAAK,IAAI;AAAA,QAE1B,UAAA;AAAA,WAAAhB,KAAQqB,MAAoBK,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,MAAMN,IAAiB,SAASrB,GAAM;AAAA,UACxEC,KAAQyB,gBAAAA,EAAA,IAAAE,GAAA,EAAW,KAAK3B,GAAK,KAAK,GAAGF,CAAK,SAAS;AAAA,UACnDiB,EAAY,IAAI,CAACjB,GAAO8B,4BACtB,QAAkB,EAAA,UAAA9B,EAAR,GAAA8B,CAAc,CAC1B;AAAA,UACAnB,KACCgB,gBAAAA,EAAAA,IAACI,GAAY,EAAA,OAAO,EAAE,UAAU,IAAI,WAAW,SAAS,GAAG,OAAO,SAC/D,UACHpB,EAAA,CAAA;AAAA,UAEDG,2BAAWc,GAAK,EAAA,MAAK,SAAQ,OAAO,EAAE,YAAY,OAAA,GAAU;AAAA,UAE5D,CAAC,CAACrB,EAAM,gCAAWqB,GAAK,EAAA,MAAK,eAAc,WAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D;AAGF,WAAInB,0BAECuB,GAAK,EAAA,IAAIvB,GAAQ,QAAQM,EAAM,QAC7B,UACHQ,GAAA,IAGKA;AAAAA,EACT;AAEJ;AAEAzB,EAAS,cAAc;"}

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

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

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

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