@ynput/ayon-frontend-shared 0.3.43 → 0.3.44

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.cjs.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const t=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const o=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");const n=({errorMessage:e})=>{const i=o.useFeedbackSafe();if(!e)return null;const q=()=>i?.openSupport("NewMessage",`I hit a filter error on ${window.location.pathname}
+
+Error: ${e}`);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(u.Button,{variant:"text",label:"Copy error message",icon:"content_copy","data-tooltip":e,onClick:()=>t.copyToClipboard(e)}),i?.messengerLoaded&&r.jsxRuntimeExports.jsx(u.Button,{variant:"text",label:"Report issue",icon:"report",onClick:q})]})};exports.FilterErrorActions=n;
+//# sourceMappingURL=FilterErrorActions.cjs.js.map

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterErrorActions.cjs.js","sources":["../../../../../src/components/FilterErrorActions/FilterErrorActions.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { copyToClipboard } from '@shared/util'\nimport { useFeedbackSafe } from '../Feedback'\n\nexport interface FilterErrorActionsProps {\n  errorMessage?: string\n}\n\nexport const FilterErrorActions: FC<FilterErrorActionsProps> = ({ errorMessage }) => {\n  const feedback = useFeedbackSafe()\n\n  if (!errorMessage) return null\n\n  const handleReport = () =>\n    feedback?.openSupport(\n      'NewMessage',\n      `I hit a filter error on ${window.location.pathname}\\n\\nError: ${errorMessage}`,\n    )\n\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        label=\"Copy error message\"\n        icon=\"content_copy\"\n        data-tooltip={errorMessage}\n        onClick={() => copyToClipboard(errorMessage)}\n      />\n      {feedback?.messengerLoaded && (\n        <Button variant=\"text\" label=\"Report issue\" icon=\"report\" onClick={handleReport} />\n      )}\n    </>\n  )\n}\n"],"names":["FilterErrorActions","errorMessage","feedback","useFeedbackSafe","handleReport","jsxs","Fragment","jsx","Button","copyToClipboard"],"mappings":"m+KASO,MAAMA,EAAkD,CAAC,CAAE,aAAAC,KAAmB,CACnF,MAAMC,EAAWC,EAAAA,gBAAA,EAEjB,GAAI,CAACF,EAAc,OAAO,KAE1B,MAAMG,EAAe,IACnBF,GAAU,YACR,aACA,2BAA2B,OAAO,SAAS,QAAQ;AAAA;AAAA,SAAcD,CAAY,EAAA,EAGjF,OACEI,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,OACR,MAAM,qBACN,KAAK,eACL,eAAcP,EACd,QAAS,IAAMQ,EAAAA,gBAAgBR,CAAY,CAAA,CAAA,EAE5CC,GAAU,iBACTK,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CAAO,QAAQ,OAAO,MAAM,eAAe,KAAK,SAAS,QAASJ,CAAA,CAAc,CAAA,EAErF,CAEJ"}

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.es.js

@@ -0,0 +1,133 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
+import { Button as i } from "@ynput/ayon-react-components";
+import "lodash";
+import "react-toastify";
+import { copyToClipboard as m } from "../../util/copyToClipboard.es.js";
+import "uuid";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
+import "../../util/pubsub.es.js";
+import { useFeedbackSafe as e } from "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+const et = ({ errorMessage: o }) => {
+  const r = e();
+  if (!o) return null;
+  const p = () => r?.openSupport(
+    "NewMessage",
+    `I hit a filter error on ${window.location.pathname}
+
+Error: ${o}`
+  );
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      i,
+      {
+        variant: "text",
+        label: "Copy error message",
+        icon: "content_copy",
+        "data-tooltip": o,
+        onClick: () => m(o)
+      }
+    ),
+    r?.messengerLoaded && /* @__PURE__ */ t.jsx(i, { variant: "text", label: "Report issue", icon: "report", onClick: p })
+  ] });
+};
+export {
+  et as FilterErrorActions
+};
+//# sourceMappingURL=FilterErrorActions.es.js.map

package/dist/shared/src/components/FilterErrorActions/FilterErrorActions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterErrorActions.es.js","sources":["../../../../../src/components/FilterErrorActions/FilterErrorActions.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport { copyToClipboard } from '@shared/util'\nimport { useFeedbackSafe } from '../Feedback'\n\nexport interface FilterErrorActionsProps {\n  errorMessage?: string\n}\n\nexport const FilterErrorActions: FC<FilterErrorActionsProps> = ({ errorMessage }) => {\n  const feedback = useFeedbackSafe()\n\n  if (!errorMessage) return null\n\n  const handleReport = () =>\n    feedback?.openSupport(\n      'NewMessage',\n      `I hit a filter error on ${window.location.pathname}\\n\\nError: ${errorMessage}`,\n    )\n\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        label=\"Copy error message\"\n        icon=\"content_copy\"\n        data-tooltip={errorMessage}\n        onClick={() => copyToClipboard(errorMessage)}\n      />\n      {feedback?.messengerLoaded && (\n        <Button variant=\"text\" label=\"Report issue\" icon=\"report\" onClick={handleReport} />\n      )}\n    </>\n  )\n}\n"],"names":["FilterErrorActions","errorMessage","feedback","useFeedbackSafe","handleReport","jsxs","Fragment","jsx","Button","copyToClipboard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,KAAkD,CAAC,EAAE,cAAAC,QAAmB;AACnF,QAAMC,IAAWC,EAAA;AAEjB,MAAI,CAACF,EAAc,QAAO;AAE1B,QAAMG,IAAe,MACnBF,GAAU;AAAA,IACR;AAAA,IACA,2BAA2B,OAAO,SAAS,QAAQ;AAAA;AAAA,SAAcD,CAAY;AAAA,EAAA;AAGjF,SACEI,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,MAAK;AAAA,QACL,gBAAcP;AAAA,QACd,SAAS,MAAMQ,EAAgBR,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CC,GAAU,mBACTK,gBAAAA,EAAAA,IAACC,GAAA,EAAO,SAAQ,QAAO,OAAM,gBAAe,MAAK,UAAS,SAASJ,EAAA,CAAc;AAAA,EAAA,GAErF;AAEJ;"}

package/dist/shared/src/components/InfoMessage/InfoMessage.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),l=require("./InfoMessage.styled.cjs.js"),x=require("clsx"),t=require("@ynput/ayon-react-components"),d=u.forwardRef(({variant:e="info",message:o,icon:c,action:s,...r},a)=>n.jsxRuntimeExports.jsxs(l.MessageCard,{className:x("message",r.className,e),...r,ref:a,children:[n.jsxRuntimeExports.jsxs("div",{className:"content",children:[n.jsxRuntimeExports.jsx(t.Icon,{icon:c||f(e)}),o]}),s&&n.jsxRuntimeExports.jsx(t.Button,{icon:s.icon,onClick:i=>{i.stopPropagation(),s.callback()},children:s.label})]})),f=e=>{switch(e){case"info":return"info";case"warning":return"warning";case"error":return"error";case"success":return"done_all";default:return"info"}};exports.InfoMessage=d;
+//# sourceMappingURL=InfoMessage.cjs.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.cjs.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './InfoMessage.styled'\nimport clsx from 'clsx'\nimport { Icon, IconProps, Button } from '@ynput/ayon-react-components'\n\ninterface InfoMessageAction {\n  label: string\n  icon: string\n  callback: () => void\n}\n\ninterface InfoMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: 'info' | 'warning' | 'error' | 'success'\n  message: string\n  icon?: IconProps['icon']\n  action?: InfoMessageAction\n}\n\nexport const InfoMessage = forwardRef<HTMLDivElement, InfoMessageProps>(\n  ({ variant = 'info', message, icon, action, ...props }, ref) => {\n    return (\n      <Styled.MessageCard\n        className={clsx('message', props.className, variant)}\n        {...props}\n        ref={ref}\n      >\n        <div className=\"content\">\n          <Icon icon={icon || getVariantIcon(variant)} />\n          {message}\n        </div>\n        {action && (\n          <Button\n            // @ts-expect-error\n            icon={action.icon}\n            onClick={(e) => {\n              e.stopPropagation()\n              action.callback()\n            }}\n          >\n            {action.label}\n          </Button>\n        )}\n      </Styled.MessageCard>\n    )\n  },\n)\n\nconst getVariantIcon = (variant: InfoMessageProps['variant']): IconProps['icon'] => {\n  switch (variant) {\n    case 'info':\n      return 'info'\n    case 'warning':\n      return 'warning'\n    case 'error':\n      return 'error'\n    case 'success':\n      return 'done_all'\n    default:\n      return 'info'\n  }\n}\n\nexport default InfoMessage\n"],"names":["InfoMessage","forwardRef","variant","message","icon","action","props","ref","jsxs","Styled.MessageCard","clsx","jsx","Icon","getVariantIcon","Button","e"],"mappings":"mQAkBaA,EAAcC,EAAAA,WACzB,CAAC,CAAE,QAAAC,EAAU,OAAQ,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAEpDC,EAAAA,kBAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAK,UAAWJ,EAAM,UAAWJ,CAAO,EAClD,GAAGI,EACJ,IAAAC,EAEA,SAAA,CAAAC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,UACb,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMR,GAAQS,EAAeX,CAAO,EAAG,EAC5CC,CAAA,EACH,EACCE,GACCM,EAAAA,kBAAAA,IAACG,EAAAA,OAAA,CAEC,KAAMT,EAAO,KACb,QAAUU,GAAM,CACdA,EAAE,gBAAA,EACFV,EAAO,SAAA,CACT,EAEC,SAAAA,EAAO,KAAA,CAAA,CACV,CAAA,CAAA,CAKV,EAEMQ,EAAkBX,GAA4D,CAClF,OAAQA,EAAA,CACN,IAAK,OACH,MAAO,OACT,IAAK,UACH,MAAO,UACT,IAAK,QACH,MAAO,QACT,IAAK,UACH,MAAO,WACT,QACE,MAAO,MAAA,CAEb"}

package/dist/shared/src/components/InfoMessage/InfoMessage.es.js

@@ -0,0 +1,48 @@
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as i } from "react";
+import { MessageCard as l } from "./InfoMessage.styled.es.js";
+import m from "clsx";
+import { Icon as f, Button as u } from "@ynput/ayon-react-components";
+const w = i(
+  ({ variant: r = "info", message: n, icon: a, action: e, ...o }, c) => /* @__PURE__ */ s.jsxs(
+    l,
+    {
+      className: m("message", o.className, r),
+      ...o,
+      ref: c,
+      children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "content", children: [
+          /* @__PURE__ */ s.jsx(f, { icon: a || d(r) }),
+          n
+        ] }),
+        e && /* @__PURE__ */ s.jsx(
+          u,
+          {
+            icon: e.icon,
+            onClick: (t) => {
+              t.stopPropagation(), e.callback();
+            },
+            children: e.label
+          }
+        )
+      ]
+    }
+  )
+), d = (r) => {
+  switch (r) {
+    case "info":
+      return "info";
+    case "warning":
+      return "warning";
+    case "error":
+      return "error";
+    case "success":
+      return "done_all";
+    default:
+      return "info";
+  }
+};
+export {
+  w as InfoMessage
+};
+//# sourceMappingURL=InfoMessage.es.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.es.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './InfoMessage.styled'\nimport clsx from 'clsx'\nimport { Icon, IconProps, Button } from '@ynput/ayon-react-components'\n\ninterface InfoMessageAction {\n  label: string\n  icon: string\n  callback: () => void\n}\n\ninterface InfoMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: 'info' | 'warning' | 'error' | 'success'\n  message: string\n  icon?: IconProps['icon']\n  action?: InfoMessageAction\n}\n\nexport const InfoMessage = forwardRef<HTMLDivElement, InfoMessageProps>(\n  ({ variant = 'info', message, icon, action, ...props }, ref) => {\n    return (\n      <Styled.MessageCard\n        className={clsx('message', props.className, variant)}\n        {...props}\n        ref={ref}\n      >\n        <div className=\"content\">\n          <Icon icon={icon || getVariantIcon(variant)} />\n          {message}\n        </div>\n        {action && (\n          <Button\n            // @ts-expect-error\n            icon={action.icon}\n            onClick={(e) => {\n              e.stopPropagation()\n              action.callback()\n            }}\n          >\n            {action.label}\n          </Button>\n        )}\n      </Styled.MessageCard>\n    )\n  },\n)\n\nconst getVariantIcon = (variant: InfoMessageProps['variant']): IconProps['icon'] => {\n  switch (variant) {\n    case 'info':\n      return 'info'\n    case 'warning':\n      return 'warning'\n    case 'error':\n      return 'error'\n    case 'success':\n      return 'done_all'\n    default:\n      return 'info'\n  }\n}\n\nexport default InfoMessage\n"],"names":["InfoMessage","forwardRef","variant","message","icon","action","props","ref","jsxs","Styled.MessageCard","clsx","jsx","Icon","getVariantIcon","Button","e"],"mappings":";;;;;AAkBO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,SAAAC,IAAU,QAAQ,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAEpDC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,WAAWJ,EAAM,WAAWJ,CAAO;AAAA,MAClD,GAAGI;AAAA,MACJ,KAAAC;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,UAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMR,KAAQS,EAAeX,CAAO,GAAG;AAAA,UAC5CC;AAAA,QAAA,GACH;AAAA,QACCE,KACCM,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YAEC,MAAMT,EAAO;AAAA,YACb,SAAS,CAACU,MAAM;AACd,cAAAA,EAAE,gBAAA,GACFV,EAAO,SAAA;AAAA,YACT;AAAA,YAEC,UAAAA,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAKV,GAEMQ,IAAiB,CAACX,MAA4D;AAClF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.cjs.js

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: var(--padding-m) var(--padding-l);
+  border-radius: var(--border-radius-m);
+  font-weight: 600;
+
+  .content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .icon {
+    font-size: 24px;
+  }
+
+  /* default background */
+  &.info {
+    --message-background-color: var(--md-sys-color-secondary-container);
+    --message-color: var(--md-sys-color-on-secondary-container);
+    --button-background-color: var(--md-sys-color-secondary);
+    --button-background-color-hover: var(--md-sys-color-secondary-hover);
+    --button-color: var(--md-sys-color-on-secondary);
+  }
+
+  /* warning background */
+  &.warning {
+    --message-background-color: var(--md-sys-color-warning-container);
+    --message-color: var(--md-sys-color-on-warning-container);
+    --button-background-color: var(--md-sys-color-warning);
+    --button-background-color-hover: hsl(25, 100%, 80%);
+    --button-color: var(--md-sys-color-on-warning);
+  }
+
+  /* error background */
+  &.error {
+    --message-background-color: var(--md-sys-color-error-container);
+    --message-color: var(--md-sys-color-on-error-container);
+    --button-background-color: var(--md-sys-color-error);
+    --button-background-color-hover: var(--md-sys-color-error-hover);
+    --button-color: var(--md-sys-color-on-error);
+  }
+
+  /* success background */
+  &.success {
+    --message-background-color: var(--md-sys-color-tertiary-container);
+    --message-color: var(--md-sys-color-on-tertiary-container);
+    --button-background-color: var(--md-sys-color-tertiary);
+    --button-background-color-hover: var(--md-sys-color-tertiary-hover);
+    --button-color: var(--md-sys-color-on-tertiary);
+  }
+
+  background-color: var(--message-background-color);
+  &,
+  .icon {
+    color: var(--message-color);
+  }
+
+  button {
+    &,
+    &.hasIcon {
+      padding: 4px;
+    }
+    background-color: var(--button-background-color);
+    &,
+    .icon {
+      color: var(--button-color);
+    }
+    &:hover {
+      background-color: var(--button-background-color-hover);
+    }
+  }
+`;exports.MessageCard=r;
+//# sourceMappingURL=InfoMessage.styled.cjs.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.styled.cjs.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const MessageCard = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: var(--padding-m) var(--padding-l);\n  border-radius: var(--border-radius-m);\n  font-weight: 600;\n\n  .content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n\n  /* default background */\n  &.info {\n    --message-background-color: var(--md-sys-color-secondary-container);\n    --message-color: var(--md-sys-color-on-secondary-container);\n    --button-background-color: var(--md-sys-color-secondary);\n    --button-background-color-hover: var(--md-sys-color-secondary-hover);\n    --button-color: var(--md-sys-color-on-secondary);\n  }\n\n  /* warning background */\n  &.warning {\n    --message-background-color: var(--md-sys-color-warning-container);\n    --message-color: var(--md-sys-color-on-warning-container);\n    --button-background-color: var(--md-sys-color-warning);\n    --button-background-color-hover: hsl(25, 100%, 80%);\n    --button-color: var(--md-sys-color-on-warning);\n  }\n\n  /* error background */\n  &.error {\n    --message-background-color: var(--md-sys-color-error-container);\n    --message-color: var(--md-sys-color-on-error-container);\n    --button-background-color: var(--md-sys-color-error);\n    --button-background-color-hover: var(--md-sys-color-error-hover);\n    --button-color: var(--md-sys-color-on-error);\n  }\n\n  /* success background */\n  &.success {\n    --message-background-color: var(--md-sys-color-tertiary-container);\n    --message-color: var(--md-sys-color-on-tertiary-container);\n    --button-background-color: var(--md-sys-color-tertiary);\n    --button-background-color-hover: var(--md-sys-color-tertiary-hover);\n    --button-color: var(--md-sys-color-on-tertiary);\n  }\n\n  background-color: var(--message-background-color);\n  &,\n  .icon {\n    color: var(--message-color);\n  }\n\n  button {\n    &,\n    &.hasIcon {\n      padding: 4px;\n    }\n    background-color: var(--button-background-color);\n    &,\n    .icon {\n      color: var(--button-color);\n    }\n    &:hover {\n      background-color: var(--button-background-color-hover);\n    }\n  }\n`\n"],"names":["MessageCard","styled"],"mappings":"qHAEaA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.es.js

@@ -0,0 +1,81 @@
+import o from "styled-components";
+const a = o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: var(--padding-m) var(--padding-l);
+  border-radius: var(--border-radius-m);
+  font-weight: 600;
+
+  .content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .icon {
+    font-size: 24px;
+  }
+
+  /* default background */
+  &.info {
+    --message-background-color: var(--md-sys-color-secondary-container);
+    --message-color: var(--md-sys-color-on-secondary-container);
+    --button-background-color: var(--md-sys-color-secondary);
+    --button-background-color-hover: var(--md-sys-color-secondary-hover);
+    --button-color: var(--md-sys-color-on-secondary);
+  }
+
+  /* warning background */
+  &.warning {
+    --message-background-color: var(--md-sys-color-warning-container);
+    --message-color: var(--md-sys-color-on-warning-container);
+    --button-background-color: var(--md-sys-color-warning);
+    --button-background-color-hover: hsl(25, 100%, 80%);
+    --button-color: var(--md-sys-color-on-warning);
+  }
+
+  /* error background */
+  &.error {
+    --message-background-color: var(--md-sys-color-error-container);
+    --message-color: var(--md-sys-color-on-error-container);
+    --button-background-color: var(--md-sys-color-error);
+    --button-background-color-hover: var(--md-sys-color-error-hover);
+    --button-color: var(--md-sys-color-on-error);
+  }
+
+  /* success background */
+  &.success {
+    --message-background-color: var(--md-sys-color-tertiary-container);
+    --message-color: var(--md-sys-color-on-tertiary-container);
+    --button-background-color: var(--md-sys-color-tertiary);
+    --button-background-color-hover: var(--md-sys-color-tertiary-hover);
+    --button-color: var(--md-sys-color-on-tertiary);
+  }
+
+  background-color: var(--message-background-color);
+  &,
+  .icon {
+    color: var(--message-color);
+  }
+
+  button {
+    &,
+    &.hasIcon {
+      padding: 4px;
+    }
+    background-color: var(--button-background-color);
+    &,
+    .icon {
+      color: var(--button-color);
+    }
+    &:hover {
+      background-color: var(--button-background-color-hover);
+    }
+  }
+`;
+export {
+  a as MessageCard
+};
+//# sourceMappingURL=InfoMessage.styled.es.js.map

package/dist/shared/src/components/InfoMessage/InfoMessage.styled.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMessage.styled.es.js","sources":["../../../../../src/components/InfoMessage/InfoMessage.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const MessageCard = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: var(--padding-m) var(--padding-l);\n  border-radius: var(--border-radius-m);\n  font-weight: 600;\n\n  .content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n\n  /* default background */\n  &.info {\n    --message-background-color: var(--md-sys-color-secondary-container);\n    --message-color: var(--md-sys-color-on-secondary-container);\n    --button-background-color: var(--md-sys-color-secondary);\n    --button-background-color-hover: var(--md-sys-color-secondary-hover);\n    --button-color: var(--md-sys-color-on-secondary);\n  }\n\n  /* warning background */\n  &.warning {\n    --message-background-color: var(--md-sys-color-warning-container);\n    --message-color: var(--md-sys-color-on-warning-container);\n    --button-background-color: var(--md-sys-color-warning);\n    --button-background-color-hover: hsl(25, 100%, 80%);\n    --button-color: var(--md-sys-color-on-warning);\n  }\n\n  /* error background */\n  &.error {\n    --message-background-color: var(--md-sys-color-error-container);\n    --message-color: var(--md-sys-color-on-error-container);\n    --button-background-color: var(--md-sys-color-error);\n    --button-background-color-hover: var(--md-sys-color-error-hover);\n    --button-color: var(--md-sys-color-on-error);\n  }\n\n  /* success background */\n  &.success {\n    --message-background-color: var(--md-sys-color-tertiary-container);\n    --message-color: var(--md-sys-color-on-tertiary-container);\n    --button-background-color: var(--md-sys-color-tertiary);\n    --button-background-color-hover: var(--md-sys-color-tertiary-hover);\n    --button-color: var(--md-sys-color-on-tertiary);\n  }\n\n  background-color: var(--message-background-color);\n  &,\n  .icon {\n    color: var(--message-color);\n  }\n\n  button {\n    &,\n    &.hasIcon {\n      padding: 4px;\n    }\n    background-color: var(--button-background-color);\n    &,\n    .icon {\n      color: var(--button-color);\n    }\n    &:hover {\n      background-color: var(--button-background-color-hover);\n    }\n  }\n`\n"],"names":["MessageCard","styled"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=require("@ynput/ayon-react-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:t,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>t?.pages.flatMap(r=>r.entities)||[],[t]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[t,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&t&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[t?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=t.pages.slice(0,N).reduce((x,q)=>x+q.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,q)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},q+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),i=require("./LinksManager.styled.cjs.js"),L=require("@ynput/ayon-react-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");const y=require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const v=require("./hooks/useKeyboardNavigation.cjs.js"),A=require("./SearchingLoadingItems.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const w=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");const B=require("../EntityIcon/EntityIcon.cjs.js"),F=({projectName:E,targetEntityType:o,onClose:g,onSearchTypeChange:f,onAdd:k})=>{const[s,p]=n.useState(""),c=n.useRef(null),a=w.useProjectContext();a?.folderTypes,a?.taskTypes,a?.productTypes;const{data:q,error:l,isLoading:j,hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S}=y.useGetSearchedEntitiesLinksInfiniteQuery({projectName:E,entityType:o,search:s},{skip:!s}),d=n.useMemo(()=>q?.pages.flatMap(r=>r.entities)||[],[q]),R=r=>{k?.(r.id),p("")},I=()=>{g?.()},{containerRef:C,getItemProps:b}=v({entities:d,onSelect:R,onClose:I,isActive:!!(s&&d.length>0),hasNextPage:h,isFetchingNextPage:m,fetchNextPage:S});return n.useEffect(()=>{const r=setTimeout(()=>{c.current&&c.current.focus()},0);return()=>clearTimeout(r)},[q,s]),e.jsxRuntimeExports.jsxs(i.AddLinksContainer,{children:[e.jsxRuntimeExports.jsx(i.SubHeader,{children:"Add new link"}),e.jsxRuntimeExports.jsxs(i.SearchButtons,{children:[e.jsxRuntimeExports.jsxs(i.Search,{children:[e.jsxRuntimeExports.jsx(L.Icon,{icon:"search",className:"input-search"}),e.jsxRuntimeExports.jsx(i.SearchInput,{ref:c,value:s,onChange:r=>p(r.target.value),placeholder:`Search ${o}s...`,id:`search-${o}`,autoFocus:!0,autoComplete:"off"})]}),!s&&e.jsxRuntimeExports.jsx(i.PickerButton,{label:`Pick ${o}s`,icon:"table_rows",onClick:()=>f("picker")})]}),s&&q&&e.jsxRuntimeExports.jsxs(i.SearchItems,{ref:C,children:[q?.pages.map((r,N)=>r.entities.map((u,P)=>{const T=q.pages.slice(0,N).reduce((x,t)=>x+t.entities.length,0)+P;return e.jsxRuntimeExports.jsxs(i.SearchItem,{onClick:()=>R(u),tabIndex:0,...b(T),children:[e.jsxRuntimeExports.jsx(B.EntityIcon,{entity:u}),e.jsxRuntimeExports.jsxs("span",{className:"label",children:[u.parents?.map((x,t)=>e.jsxRuntimeExports.jsxs(n.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:x},t+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},t+"-separator")]},t)),e.jsxRuntimeExports.jsx("strong",{children:u.label||u.name})]}),e.jsxRuntimeExports.jsx("span",{className:"type",children:u.subType||u.entityType})]},u.id)})),(j||m||h)&&e.jsxRuntimeExports.jsx(A,{})]}),!j&&l&&e.jsxRuntimeExports.jsx(i.Error,{children:l.message})]})};module.exports=F;
 //# sourceMappingURL=AddNewLinks.cjs.js.map

package/dist/shared/src/components/LinksManager/AddNewLinks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const project = useProjectContext()\n\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: project?.productTypes || [],\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <EntityIcon\n                   entity={entity}\n                  />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}
+{"version":3,"file":"AddNewLinks.cjs.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const project = useProjectContext()\n\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: project?.productTypes || [],\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <EntityIcon\n                   entity={entity}\n                  />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}

package/dist/shared/src/components/LinksManager/AddNewLinks.es.js

@@ -52,8 +52,11 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -124,9 +127,9 @@ import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import { useProjectContext as J } from "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContext.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
 import { EntityIcon as O } from "../EntityIcon/EntityIcon.es.js";
-const fo = ({
+const go = ({
   projectName: j,
   targetEntityType: e,
   onClose: g,
@@ -231,6 +234,6 @@ const fo = ({
   ] });
 };
 export {
-  fo as default
+  go as default
 };
 //# sourceMappingURL=AddNewLinks.es.js.map

package/dist/shared/src/components/LinksManager/AddNewLinks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const project = useProjectContext()\n\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: project?.productTypes || [],\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <EntityIcon\n                   entity={entity}\n                  />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":"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"}
+{"version":3,"file":"AddNewLinks.es.js","sources":["../../../../../src/components/LinksManager/AddNewLinks.tsx"],"sourcesContent":["import { FC, useState, useMemo, useRef, useEffect, Fragment } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useGetSearchedEntitiesLinksInfiniteQuery } from '@shared/api'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\nimport SearchingLoadingItems from './SearchingLoadingItems'\nimport { useProjectContext } from '@shared/context'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\n\nexport type LinkSearchType = 'search' | 'picker' | null\n\ninterface AddNewLinksProps {\n  targetEntityType: string\n  projectName: string\n  onClose?: () => void\n  onSearchTypeChange: (type: LinkSearchType) => void //  used to handle search type changes\n  onAdd?: (targetEntityId: string, linkType?: string) => void\n}\n\nconst AddNewLinks: FC<AddNewLinksProps> = ({\n  projectName,\n  targetEntityType,\n  onClose,\n  onSearchTypeChange,\n  onAdd,\n}) => {\n  const [search, setSearch] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n  const project = useProjectContext()\n\n  const anatomyForIcons = {\n    folderTypes: project?.folderTypes || [],\n    taskTypes: project?.taskTypes || [],\n    productTypes: project?.productTypes || [],\n  }\n\n  const {\n    data: searchData,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetSearchedEntitiesLinksInfiniteQuery(\n    {\n      projectName,\n      entityType: targetEntityType,\n      search,\n    },\n    { skip: !search },\n  )\n\n  // Flatten all entities from all pages\n  const entities = useMemo(() => {\n    return searchData?.pages.flatMap((page) => page.entities) || []\n  }, [searchData])\n\n  const handleSelectEntity = (entity: any) => {\n    onAdd?.(entity.id)\n    // Clear search after adding\n    setSearch('')\n  }\n\n  const handleClose = () => {\n    onClose?.()\n  }\n\n  const { containerRef, getItemProps } = useKeyboardNavigation({\n    entities,\n    onSelect: handleSelectEntity,\n    onClose: handleClose,\n    isActive: Boolean(search && entities.length > 0),\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  })\n\n  // Force focus the search input on mount and when searchData or search changes\n  useEffect(() => {\n    // Use setTimeout to ensure focus after render\n    const timeout = setTimeout(() => {\n      if (searchInputRef.current) {\n        searchInputRef.current.focus()\n      }\n    }, 0)\n    return () => clearTimeout(timeout)\n  }, [searchData, search])\n\n  return (\n    <Styled.AddLinksContainer>\n      <Styled.SubHeader>Add new link</Styled.SubHeader>\n      <Styled.SearchButtons>\n        <Styled.Search>\n          <Icon icon={'search'} className=\"input-search\" />\n          <Styled.SearchInput\n            ref={searchInputRef}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder={`Search ${targetEntityType}s...`}\n            id={`search-${targetEntityType}`}\n            autoFocus\n            autoComplete=\"off\"\n          />\n        </Styled.Search>\n\n        {!search && (\n          <Styled.PickerButton\n            label={`Pick ${targetEntityType}s`}\n            icon=\"table_rows\"\n            onClick={() => onSearchTypeChange('picker')}\n          />\n        )}\n      </Styled.SearchButtons>\n\n      {search && searchData && (\n        <Styled.SearchItems ref={containerRef}>\n          {searchData?.pages.map((page, pageIndex) =>\n            page.entities.map((entity, entityIndex) => {\n              const flatIndex =\n                searchData.pages\n                  .slice(0, pageIndex)\n                  .reduce((acc, p) => acc + p.entities.length, 0) + entityIndex\n              return (\n                <Styled.SearchItem\n                  key={entity.id}\n                  onClick={() => handleSelectEntity(entity)}\n                  tabIndex={0}\n                  {...getItemProps(flatIndex)}\n                >\n                  <EntityIcon\n                   entity={entity}\n                  />\n                  <span className=\"label\">\n                    {entity.parents?.map((part, index) => (\n                      <Fragment key={index}>\n                        <span key={index + '-path'}>{part}</span>\n                        <span key={index + '-separator'}>/</span>\n                      </Fragment>\n                    ))}\n                    <strong>{entity.label || entity.name}</strong>\n                  </span>\n                  <span className=\"type\">{entity.subType || entity.entityType}</span>\n                </Styled.SearchItem>\n              )\n            }),\n          )}\n          {(isLoading || isFetchingNextPage || hasNextPage) && <SearchingLoadingItems />}\n        </Styled.SearchItems>\n      )}\n      {!isLoading && error && <Styled.Error>{error.message}</Styled.Error>}\n    </Styled.AddLinksContainer>\n  )\n}\n\nexport default AddNewLinks\n"],"names":["AddNewLinks","projectName","targetEntityType","onClose","onSearchTypeChange","onAdd","search","setSearch","useState","searchInputRef","useRef","project","useProjectContext","searchData","error","isLoading","hasNextPage","isFetchingNextPage","fetchNextPage","useGetSearchedEntitiesLinksInfiniteQuery","entities","useMemo","page","handleSelectEntity","entity","handleClose","containerRef","getItemProps","useKeyboardNavigation","useEffect","timeout","jsxs","Styled.AddLinksContainer","jsx","Styled.SubHeader","Styled.SearchButtons","Styled.Search","Icon","Styled.SearchInput","e","Styled.PickerButton","Styled.SearchItems","pageIndex","entityIndex","flatIndex","acc","p","Styled.SearchItem","EntityIcon","part","index","Fragment","SearchingLoadingItems","Styled.Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,KAAoC,CAAC;AAAA,EACzC,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAE,GACjCC,IAAiBC,EAAyB,IAAI,GAC9CC,IAAUC,EAAA;AAEhB,EACeD,GAAS,aACXA,GAAS,WACNA,GAAS;AAGzB,QAAM;AAAA,IACJ,MAAME;AAAA,IACN,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC;AAAA,IACF;AAAA,MACE,aAAAlB;AAAA,MACA,YAAYC;AAAA,MACZ,QAAAI;AAAA,IAAA;AAAA,IAEF,EAAE,MAAM,CAACA,EAAA;AAAA,EAAO,GAIZc,IAAWC,EAAQ,MAChBR,GAAY,MAAM,QAAQ,CAACS,MAASA,EAAK,QAAQ,KAAK,CAAA,GAC5D,CAACT,CAAU,CAAC,GAETU,IAAqB,CAACC,MAAgB;AAC1C,IAAAnB,IAAQmB,EAAO,EAAE,GAEjBjB,EAAU,EAAE;AAAA,EACd,GAEMkB,IAAc,MAAM;AACxB,IAAAtB,IAAA;AAAA,EACF,GAEM,EAAE,cAAAuB,GAAc,cAAAC,EAAA,IAAiBC,EAAsB;AAAA,IAC3D,UAAAR;AAAA,IACA,UAAUG;AAAA,IACV,SAASE;AAAA,IACT,UAAU,GAAQnB,KAAUc,EAAS,SAAS;AAAA,IAC9C,aAAAJ;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACD;AAGD,SAAAW,EAAU,MAAM;AAEd,UAAMC,IAAU,WAAW,MAAM;AAC/B,MAAIrB,EAAe,WACjBA,EAAe,QAAQ,MAAA;AAAA,IAE3B,GAAG,CAAC;AACJ,WAAO,MAAM,aAAaqB,CAAO;AAAA,EACnC,GAAG,CAACjB,GAAYP,CAAM,CAAC,GAGrByB,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAiB,UAAA,eAAA,CAAY;AAAA,IAC9BH,gBAAAA,OAACI,GAAA,EACC,UAAA;AAAA,MAAAJ,gBAAAA,OAACK,GAAA,EACC,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAK,MAAM,UAAU,WAAU,gBAAe;AAAA,QAC/CJ,gBAAAA,EAAAA;AAAAA,UAACK;AAAAA,UAAA;AAAA,YACC,KAAK7B;AAAA,YACL,OAAOH;AAAA,YACP,UAAU,CAACiC,MAAMhC,EAAUgC,EAAE,OAAO,KAAK;AAAA,YACzC,aAAa,UAAUrC,CAAgB;AAAA,YACvC,IAAI,UAAUA,CAAgB;AAAA,YAC9B,WAAS;AAAA,YACT,cAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACF;AAAA,MAEC,CAACI,KACA2B,gBAAAA,EAAAA;AAAAA,QAACO;AAAAA,QAAA;AAAA,UACC,OAAO,QAAQtC,CAAgB;AAAA,UAC/B,MAAK;AAAA,UACL,SAAS,MAAME,EAAmB,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C,GAEJ;AAAA,IAECE,KAAUO,KACTkB,gBAAAA,OAACU,GAAA,EAAmB,KAAKf,GACtB,UAAA;AAAA,MAAAb,GAAY,MAAM;AAAA,QAAI,CAACS,GAAMoB,MAC5BpB,EAAK,SAAS,IAAI,CAACE,GAAQmB,MAAgB;AACzC,gBAAMC,IACJ/B,EAAW,MACR,MAAM,GAAG6B,CAAS,EAClB,OAAO,CAACG,GAAKC,MAAMD,IAAMC,EAAE,SAAS,QAAQ,CAAC,IAAIH;AACtD,iBACEZ,gBAAAA,EAAAA;AAAAA,YAACgB;AAAAA,YAAA;AAAA,cAEC,SAAS,MAAMxB,EAAmBC,CAAM;AAAA,cACxC,UAAU;AAAA,cACT,GAAGG,EAAaiB,CAAS;AAAA,cAE1B,UAAA;AAAA,gBAAAX,gBAAAA,EAAAA;AAAAA,kBAACe;AAAA,kBAAA;AAAA,oBACA,QAAAxB;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEDO,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,SACb,UAAA;AAAA,kBAAAP,EAAO,SAAS,IAAI,CAACyB,GAAMC,6BACzBC,GAAA,EACC,UAAA;AAAA,oBAAAlB,gBAAAA,EAAAA,IAAC,QAAA,EAA4B,UAAAgB,EAAA,GAAlBC,IAAQ,OAAe;AAAA,oBAClCjB,gBAAAA,EAAAA,IAAC,QAAA,EAAgC,UAAA,IAAA,GAAtBiB,IAAQ,YAAe;AAAA,kBAAA,EAAA,GAFrBA,CAGf,CACD;AAAA,kBACDjB,gBAAAA,EAAAA,IAAC,UAAA,EAAQ,UAAAT,EAAO,SAASA,EAAO,KAAA,CAAK;AAAA,gBAAA,GACvC;AAAA,sCACC,QAAA,EAAK,WAAU,QAAQ,UAAAA,EAAO,WAAWA,EAAO,WAAA,CAAW;AAAA,cAAA;AAAA,YAAA;AAAA,YAjBvDA,EAAO;AAAA,UAAA;AAAA,QAoBlB,CAAC;AAAA,MAAA;AAAA,OAEDT,KAAaE,KAAsBD,MAAgBiB,gBAAAA,EAAAA,IAACmB,GAAA,CAAA,CAAsB;AAAA,IAAA,GAC9E;AAAA,IAED,CAACrC,KAAaD,KAASmB,gBAAAA,EAAAA,IAACoB,GAAA,EAAc,YAAM,QAAA,CAAQ;AAAA,EAAA,GACvD;AAEJ;"}