@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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

@@ -0,0 +1,86 @@
+import { j as S } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as j, useState as u, useLayoutEffect as p } from "react";
+import z from "styled-components";
+import { createPortal as D } from "react-dom";
+const $ = z.div`
+  position: fixed;
+  z-index: 310;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+`, Y = ({
+  isEditing: d,
+  anchorId: k,
+  onClose: n,
+  children: L
+}) => {
+  const l = j(null), [e, x] = u(null), [w, v] = u(void 0), [b, y] = u(void 0), i = document.getElementById(k), s = i == null ? void 0 : i.closest(".table-container"), R = () => {
+    if (!d) return;
+    if (!i || !s) {
+      x({
+        top: window.innerHeight / 2,
+        left: window.innerWidth / 2,
+        showAbove: !1
+      }), v(void 0), y(void 0);
+      return;
+    }
+    const t = i.getBoundingClientRect(), o = s.getBoundingClientRect(), P = o.right, A = window.innerWidth - o.right, r = 24, B = 250, c = 400, E = 600, H = window.innerWidth, O = window.innerHeight, W = P - t.left;
+    let a = {}, h = c;
+    W < c ? t.right - r >= c ? a.right = Math.max(
+      H - t.right,
+      r + A
+    ) : (a.left = r, h = H - 2 * r) : (a.left = t.left, h = Math.max(c, W)), v(h);
+    const f = O - t.bottom - r, M = t.top - r;
+    let g, T = !1, m;
+    f < B && M > f ? (T = !0, g = t.top - 4, m = M - 4) : (g = t.bottom + 4, m = f - 4), y(Math.min(Math.max(200, m), E)), x({
+      top: g,
+      ...a,
+      showAbove: T
+    });
+  };
+  return p(() => {
+    R();
+  }, [d, i]), p(() => {
+    if (s) {
+      const t = new ResizeObserver(() => {
+        R();
+      });
+      return t.observe(s), () => t.disconnect();
+    }
+  }, [s, i]), p(() => {
+    const t = (o) => {
+      l.current && !l.current.contains(o.target) && i && !i.contains(o.target) && // check we are not clicking inside the EntityPickerDialog
+      !o.target.closest(".entity-picker-dialog") && // check we are not clicking on the dialog backdrop
+      !o.target.querySelector(".entity-picker-dialog") && (n == null || n());
+    };
+    return document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
+    };
+  }, [n, i]), d ? D(
+    /* @__PURE__ */ S.jsx(
+      $,
+      {
+        ref: l,
+        style: {
+          top: e == null ? void 0 : e.top,
+          left: e == null ? void 0 : e.left,
+          right: e == null ? void 0 : e.right,
+          ...(e == null ? void 0 : e.showAbove) && { transform: "translateY(-100%)" },
+          visibility: e ? "visible" : "hidden",
+          maxWidth: w ? `${w}px` : "none",
+          maxHeight: b ? `${b}px` : "none"
+        },
+        className: "links-widget-popup",
+        onKeyDown: (t) => {
+          t.key === "Escape" && (n == null || n());
+        },
+        children: L
+      }
+    ),
+    document.body
+  ) : null;
+};
+export {
+  Y as CellEditingDialog
+};
+//# sourceMappingURL=CellEditingDialog.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellEditingDialog.es.js","sources":["../../../../../src/components/LinksManager/CellEditingDialog.tsx"],"sourcesContent":["import { FC, useRef, useLayoutEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { createPortal } from 'react-dom'\n\nconst StyledPopUp = styled.div`\n  position: fixed;\n  z-index: 310;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n`\n\ntype Position = {\n  top: number\n  left?: number\n  right?: number\n  showAbove?: boolean\n}\n\nexport interface LinksManagerDialogProps {\n  isEditing: boolean\n  anchorId: string\n  onClose?: () => void\n  children?: React.ReactNode\n}\n\nexport const CellEditingDialog: FC<LinksManagerDialogProps> = ({\n  isEditing,\n  anchorId,\n  onClose,\n  children,\n}) => {\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  const [position, setPosition] = useState<Position | null>(null)\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined)\n  const [maxHeight, setMaxHeight] = useState<number | undefined>(undefined)\n\n  // get the cell element based on the cellId\n  const anchorElement = document.getElementById(anchorId)\n  const tableContainer = anchorElement?.closest('.table-container')\n\n  const updatePosition = () => {\n    if (!isEditing) return\n\n    if (!anchorElement || !tableContainer) {\n      // if the anchor element is not found, position in the center of the screen\n      setPosition({\n        top: window.innerHeight / 2,\n        left: window.innerWidth / 2,\n        showAbove: false,\n      })\n      setMaxWidth(undefined)\n      setMaxHeight(undefined)\n      return\n    }\n\n    const cellRect = anchorElement.getBoundingClientRect()\n\n    const containerRect = tableContainer.getBoundingClientRect()\n    const containerRight = containerRect.right\n    const containerToRightOfScreen = window.innerWidth - containerRect.right\n\n    const screenPadding = 24\n    const minHeightThreshold = 250\n    const minWidthThreshold = 400\n    const maxMaxHeight = 600\n    const screenWidth = window.innerWidth\n    const screenHeight = window.innerHeight\n\n    // Check if we have enough space to the right of the cell\n    const spaceToRight = containerRight - cellRect.left\n    let position: { left?: number; right?: number } = {}\n    let dialogWidth = minWidthThreshold\n\n    if (spaceToRight < minWidthThreshold) {\n      // Not enough space to the right, anchor to the right side of the cell\n      const spaceToLeft = cellRect.right - screenPadding\n      if (spaceToLeft >= minWidthThreshold) {\n        // Anchor to the right side of the cell\n        position.right = Math.max(\n          screenWidth - cellRect.right,\n          screenPadding + containerToRightOfScreen,\n        )\n      } else {\n        // Not enough space on either side, center and use available width\n        position.left = screenPadding\n        dialogWidth = screenWidth - 2 * screenPadding\n      }\n    } else {\n      // Enough space to the right, position normally\n      position.left = cellRect.left\n      dialogWidth = Math.max(minWidthThreshold, spaceToRight)\n    }\n\n    setMaxWidth(dialogWidth)\n\n    const spaceBelow = screenHeight - cellRect.bottom - screenPadding\n    const spaceAbove = cellRect.top - screenPadding\n    let top: number\n    let showAbove = false\n    let availableHeight: number\n\n    if (spaceBelow < minHeightThreshold && spaceAbove > spaceBelow) {\n      showAbove = true\n      top = cellRect.top - 4\n      availableHeight = spaceAbove - 4\n    } else {\n      top = cellRect.bottom + 4\n      availableHeight = spaceBelow - 4\n    }\n\n    // Set max height to prevent dialog from going off screen\n    setMaxHeight(Math.min(Math.max(200, availableHeight), maxMaxHeight)) // Minimum 200px height\n\n    setPosition({\n      top,\n      ...position,\n      showAbove,\n    })\n  }\n\n  useLayoutEffect(() => {\n    updatePosition()\n  }, [isEditing, anchorElement])\n\n  // watch for when the tableContainer width changes\n  useLayoutEffect(() => {\n    if (tableContainer) {\n      const resizeObserver = new ResizeObserver(() => {\n        updatePosition()\n      })\n      resizeObserver.observe(tableContainer)\n      return () => resizeObserver.disconnect()\n    }\n  }, [tableContainer, anchorElement])\n\n  // close the dialog when clicking outside of it\n  useLayoutEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node) &&\n        anchorElement &&\n        !anchorElement.contains(event.target as Node) &&\n        // check we are not clicking inside the EntityPickerDialog\n        !(event.target as HTMLElement).closest('.entity-picker-dialog') &&\n        // check we are not clicking on the dialog backdrop\n        !(event.target as HTMLElement).querySelector('.entity-picker-dialog')\n      ) {\n        onClose?.()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [onClose, anchorElement])\n\n  if (!isEditing) return null\n  return createPortal(\n    <StyledPopUp\n      ref={popupRef}\n      style={{\n        top: position?.top,\n        left: position?.left,\n        right: position?.right,\n        ...(position?.showAbove && { transform: 'translateY(-100%)' }),\n        visibility: position ? 'visible' : 'hidden',\n        maxWidth: maxWidth ? `${maxWidth}px` : 'none',\n        maxHeight: maxHeight ? `${maxHeight}px` : 'none',\n      }}\n      className=\"links-widget-popup\"\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          onClose?.()\n        }\n      }}\n    >\n      {children}\n    </StyledPopUp>,\n    document.body,\n  )\n}\n"],"names":["StyledPopUp","styled","CellEditingDialog","isEditing","anchorId","onClose","children","popupRef","useRef","position","setPosition","useState","maxWidth","setMaxWidth","maxHeight","setMaxHeight","anchorElement","tableContainer","updatePosition","cellRect","containerRect","containerRight","containerToRightOfScreen","screenPadding","minHeightThreshold","minWidthThreshold","maxMaxHeight","screenWidth","screenHeight","spaceToRight","dialogWidth","spaceBelow","spaceAbove","top","showAbove","availableHeight","useLayoutEffect","resizeObserver","handleClickOutside","event","createPortal","jsx","e"],"mappings":";;;;AAIA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBdC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACE,QAAAC,IAAWC,EAAuB,IAAI,GAEtC,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxD,CAACC,GAAUC,CAAW,IAAIF,EAA6B,MAAS,GAChE,CAACG,GAAWC,CAAY,IAAIJ,EAA6B,MAAS,GAGlEK,IAAgB,SAAS,eAAeZ,CAAQ,GAChDa,IAAiBD,KAAA,gBAAAA,EAAe,QAAQ,qBAExCE,IAAiB,MAAM;AAC3B,QAAI,CAACf,EAAW;AAEZ,QAAA,CAACa,KAAiB,CAACC,GAAgB;AAEzB,MAAAP,EAAA;AAAA,QACV,KAAK,OAAO,cAAc;AAAA,QAC1B,MAAM,OAAO,aAAa;AAAA,QAC1B,WAAW;AAAA,MAAA,CACZ,GACDG,EAAY,MAAS,GACrBE,EAAa,MAAS;AACtB;AAAA,IAAA;AAGI,UAAAI,IAAWH,EAAc,sBAAsB,GAE/CI,IAAgBH,EAAe,sBAAsB,GACrDI,IAAiBD,EAAc,OAC/BE,IAA2B,OAAO,aAAaF,EAAc,OAE7DG,IAAgB,IAChBC,IAAqB,KACrBC,IAAoB,KACpBC,IAAe,KACfC,IAAc,OAAO,YACrBC,IAAe,OAAO,aAGtBC,IAAeR,IAAiBF,EAAS;AAC/C,QAAIV,IAA8C,CAAC,GAC/CqB,IAAcL;AAElB,IAAII,IAAeJ,IAEGN,EAAS,QAAQI,KAClBE,IAEjBhB,EAAS,QAAQ,KAAK;AAAA,MACpBkB,IAAcR,EAAS;AAAA,MACvBI,IAAgBD;AAAA,IAClB,KAGAb,EAAS,OAAOc,GAChBO,IAAcH,IAAc,IAAIJ,MAIlCd,EAAS,OAAOU,EAAS,MACXW,IAAA,KAAK,IAAIL,GAAmBI,CAAY,IAGxDhB,EAAYiB,CAAW;AAEjB,UAAAC,IAAaH,IAAeT,EAAS,SAASI,GAC9CS,IAAab,EAAS,MAAMI;AAC9B,QAAAU,GACAC,IAAY,IACZC;AAEA,IAAAJ,IAAaP,KAAsBQ,IAAaD,KACtCG,IAAA,IACZD,IAAMd,EAAS,MAAM,GACrBgB,IAAkBH,IAAa,MAE/BC,IAAMd,EAAS,SAAS,GACxBgB,IAAkBJ,IAAa,IAIpBhB,EAAA,KAAK,IAAI,KAAK,IAAI,KAAKoB,CAAe,GAAGT,CAAY,CAAC,GAEvDhB,EAAA;AAAA,MACV,KAAAuB;AAAA,MACA,GAAGxB;AAAAA,MACH,WAAAyB;AAAA,IAAA,CACD;AAAA,EACH;AAwCI,SAtCJE,EAAgB,MAAM;AACL,IAAAlB,EAAA;AAAA,EAAA,GACd,CAACf,GAAWa,CAAa,CAAC,GAG7BoB,EAAgB,MAAM;AACpB,QAAInB,GAAgB;AACZ,YAAAoB,IAAiB,IAAI,eAAe,MAAM;AAC/B,QAAAnB,EAAA;AAAA,MAAA,CAChB;AACD,aAAAmB,EAAe,QAAQpB,CAAc,GAC9B,MAAMoB,EAAe,WAAW;AAAA,IAAA;AAAA,EACzC,GACC,CAACpB,GAAgBD,CAAa,CAAC,GAGlCoB,EAAgB,MAAM;AACd,UAAAE,IAAqB,CAACC,MAAsB;AAChD,MACEhC,EAAS,WACT,CAACA,EAAS,QAAQ,SAASgC,EAAM,MAAc,KAC/CvB,KACA,CAACA,EAAc,SAASuB,EAAM,MAAc;AAAA,MAE5C,CAAEA,EAAM,OAAuB,QAAQ,uBAAuB;AAAA,MAE9D,CAAEA,EAAM,OAAuB,cAAc,uBAAuB,MAE1DlC,KAAA,QAAAA;AAAA,IAEd;AAES,oBAAA,iBAAiB,aAAaiC,CAAkB,GAClD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACjC,GAASW,CAAa,CAAC,GAEtBb,IACEqC;AAAA,IACLC,gBAAAA,EAAA;AAAA,MAACzC;AAAA,MAAA;AAAA,QACC,KAAKO;AAAA,QACL,OAAO;AAAA,UACL,KAAKE,KAAA,gBAAAA,EAAU;AAAA,UACf,MAAMA,KAAA,gBAAAA,EAAU;AAAA,UAChB,OAAOA,KAAA,gBAAAA,EAAU;AAAA,UACjB,IAAIA,KAAA,gBAAAA,EAAU,cAAa,EAAE,WAAW,oBAAoB;AAAA,UAC5D,YAAYA,IAAW,YAAY;AAAA,UACnC,UAAUG,IAAW,GAAGA,CAAQ,OAAO;AAAA,UACvC,WAAWE,IAAY,GAAGA,CAAS,OAAO;AAAA,QAC5C;AAAA,QACA,WAAU;AAAA,QACV,WAAW,CAAC4B,MAAM;AACZ,UAAAA,EAAE,QAAQ,aACFrC,KAAA,QAAAA;AAAA,QAEd;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IACH;AAAA,IACA,SAAS;AAAA,EACX,IAvBuB;AAwBzB;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),t=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const p=require("../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/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/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/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/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const x=require("../../api/queries/entities/transformDetailsPanelData.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.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");const m=require("./LinksManager.styled.cjs.js"),j=require("clsx"),l=({link:e,isSelected:a=!1,onEntityClick:i,onRemove:o})=>{var n;const s=x.detailsPanelEntityTypes.includes(e.entityType);return r.jsxRuntimeExports.jsxs(m.LinkItem,{onClick:()=>s&&(i==null?void 0:i(e.entityId,e.entityType)),"data-tooltip":e.parents.join("/")+"/"+e.label,className:j({clickable:s,selected:a}),children:[e.icon?r.jsxRuntimeExports.jsx(t.Icon,{icon:e.icon}):r.jsxRuntimeExports.jsx(t.Icon,{icon:p.getEntityTypeIcon(e.entityType)}),r.jsxRuntimeExports.jsxs("span",{className:"title",children:[(n=e.parents)==null?void 0:n.map((u,q)=>r.jsxRuntimeExports.jsxs(c.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:u},q+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]}),r.jsxRuntimeExports.jsx(t.Button,{icon:"close",variant:"text",className:"remove",onClick:u=>o(u,e)})]},e.linkId)};exports.LinkManagerItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),t=require("@ynput/ayon-react-components");require("lodash");require("react-toastify");const p=require("../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/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/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/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/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");const x=require("../../api/queries/entities/transformDetailsPanelData.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.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");const m=require("./LinksManager.styled.cjs.js"),l=require("clsx"),j=({link:e,isSelected:a=!1,onEntityClick:i,onRemove:o})=>{var n;const s=x.detailsPanelEntityTypes.includes(e.entityType);return r.jsxRuntimeExports.jsxs(m.LinkItem,{onClick:()=>s&&(i==null?void 0:i(e.entityId,e.entityType)),"data-tooltip":e.parents.join("/")+"/"+e.label,className:l({clickable:s,selected:a}),children:[e.icon?r.jsxRuntimeExports.jsx(t.Icon,{icon:e.icon}):r.jsxRuntimeExports.jsx(t.Icon,{icon:p.getEntityTypeIcon(e.entityType)}),r.jsxRuntimeExports.jsxs("span",{className:"title",children:[(n=e.parents)==null?void 0:n.map((u,q)=>r.jsxRuntimeExports.jsxs(c.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{children:u},q+"-path"),r.jsxRuntimeExports.jsx("span",{children:"/"},q+"-separator")]},q)),r.jsxRuntimeExports.jsx("span",{className:"label",children:e.label})]}),r.jsxRuntimeExports.jsx(t.Button,{icon:"link_off",variant:"text",className:"remove",onClick:u=>o(u,e),"data-tooltip":"Remove link"})]},e.linkId)};exports.LinkManagerItem=j;
 //# sourceMappingURL=LinkManagerItem.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.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        <span className=\"label\">{link.label}</span>\n      </span>\n      <Button icon={'close'} variant=\"text\" className=\"remove\" onClick={(e) => onRemove(e, link)} />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":"2+IAeaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,CACF,IAAM,OACJ,MAAMC,EAAsBC,EAAA,wBAAwB,SAASL,EAAK,UAAiB,EAGjF,OAAAM,EAAA,kBAAA,KAACC,EAAO,SAAP,CAEC,QAAS,IAAMH,IAAuBF,GAAA,YAAAA,EAAgBF,EAAK,SAAUA,EAAK,aAC1E,eAAcA,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAClD,UAAWQ,EAAK,CACd,UAAWJ,EACX,SAAUH,CAAA,CACX,EAEA,SAAA,CAAAD,EAAK,KAAOS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMV,EAAK,IAAA,CAAM,EAAKS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMC,EAAkB,kBAAAX,EAAK,UAAU,EAAG,EAEzFM,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,QACb,SAAA,EAAAM,EAAAZ,EAAK,UAAL,YAAAY,EAAc,IAAI,CAACC,EAAMC,6BACvBC,WACC,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAA,OAAA,CAA4B,SAAlBI,CAAA,EAAAC,EAAQ,OAAe,EACjCL,EAAA,kBAAA,IAAA,OAAA,CAAgC,SAAtB,GAAA,EAAAK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,GAEDL,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,WAAK,KAAM,CAAA,CAAA,EACtC,EACCA,EAAA,kBAAA,IAAAO,EAAA,OAAA,CAAO,KAAM,QAAS,QAAQ,OAAO,UAAU,SAAS,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,CAAG,CAAA,CAAA,CAAA,EAnBvFA,EAAK,MAoBZ,CAEJ"}
+{"version":3,"file":"LinkManagerItem.cjs.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.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        <span className=\"label\">{link.label}</span>\n      </span>\n      <Button\n        icon={'link_off'}\n        variant=\"text\"\n        className=\"remove\"\n        onClick={(e) => onRemove(e, link)}\n        data-tooltip={'Remove link'}\n      />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":"2+IAeaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,CACF,IAAM,OACJ,MAAMC,EAAsBC,EAAA,wBAAwB,SAASL,EAAK,UAAiB,EAGjF,OAAAM,EAAA,kBAAA,KAACC,EAAO,SAAP,CAEC,QAAS,IAAMH,IAAuBF,GAAA,YAAAA,EAAgBF,EAAK,SAAUA,EAAK,aAC1E,eAAcA,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAClD,UAAWQ,EAAK,CACd,UAAWJ,EACX,SAAUH,CAAA,CACX,EAEA,SAAA,CAAAD,EAAK,KAAOS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMV,EAAK,IAAA,CAAM,EAAKS,EAAA,kBAAA,IAACC,EAAK,KAAA,CAAA,KAAMC,EAAkB,kBAAAX,EAAK,UAAU,EAAG,EAEzFM,EAAAA,kBAAAA,KAAC,OAAK,CAAA,UAAU,QACb,SAAA,EAAAM,EAAAZ,EAAK,UAAL,YAAAY,EAAc,IAAI,CAACC,EAAMC,6BACvBC,WACC,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAA,OAAA,CAA4B,SAAlBI,CAAA,EAAAC,EAAQ,OAAe,EACjCL,EAAA,kBAAA,IAAA,OAAA,CAAgC,SAAtB,GAAA,EAAAK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,GAEDL,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,WAAK,KAAM,CAAA,CAAA,EACtC,EACAA,EAAA,kBAAA,IAACO,EAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,EAzBKA,EAAK,MA0BZ,CAEJ"}

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

@@ -1,9 +1,9 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { Fragment as n } from "react";
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+import { Fragment as c } from "react";
 import { Icon as s, Button as l } from "@ynput/ayon-react-components";
 import "lodash";
 import "react-toastify";
-import { getEntityTypeIcon as j } from "../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as d } from "../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../../api/base/client.es.js";
@@ -57,7 +57,7 @@ import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as x } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { detailsPanelEntityTypes as j } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
@@ -85,35 +85,44 @@ 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 { LinkItem as d } from "./LinksManager.styled.es.js";
-import y from "clsx";
+import { LinkItem as x } from "./LinksManager.styled.es.js";
+import f from "clsx";
 const Et = ({
   link: t,
   isSelected: a = !1,
-  onEntityClick: o,
-  onRemove: c
+  onEntityClick: r,
+  onRemove: n
 }) => {
   var e;
-  const i = x.includes(t.entityType);
-  return /* @__PURE__ */ r.jsxs(
-    d,
+  const i = j.includes(t.entityType);
+  return /* @__PURE__ */ o.jsxs(
+    x,
     {
-      onClick: () => i && (o == null ? void 0 : o(t.entityId, t.entityType)),
+      onClick: () => i && (r == null ? void 0 : r(t.entityId, t.entityType)),
       "data-tooltip": t.parents.join("/") + "/" + t.label,
-      className: y({
+      className: f({
         clickable: i,
         selected: a
       }),
       children: [
-        t.icon ? /* @__PURE__ */ r.jsx(s, { icon: t.icon }) : /* @__PURE__ */ r.jsx(s, { icon: j(t.entityType) }),
-        /* @__PURE__ */ r.jsxs("span", { className: "title", children: [
-          (e = t.parents) == null ? void 0 : e.map((p, m) => /* @__PURE__ */ r.jsxs(n, { children: [
-            /* @__PURE__ */ r.jsx("span", { children: p }, m + "-path"),
-            /* @__PURE__ */ r.jsx("span", { children: "/" }, m + "-separator")
+        t.icon ? /* @__PURE__ */ o.jsx(s, { icon: t.icon }) : /* @__PURE__ */ o.jsx(s, { icon: d(t.entityType) }),
+        /* @__PURE__ */ o.jsxs("span", { className: "title", children: [
+          (e = t.parents) == null ? void 0 : e.map((p, m) => /* @__PURE__ */ o.jsxs(c, { children: [
+            /* @__PURE__ */ o.jsx("span", { children: p }, m + "-path"),
+            /* @__PURE__ */ o.jsx("span", { children: "/" }, m + "-separator")
           ] }, m)),
-          /* @__PURE__ */ r.jsx("span", { className: "label", children: t.label })
+          /* @__PURE__ */ o.jsx("span", { className: "label", children: t.label })
         ] }),
-        /* @__PURE__ */ r.jsx(l, { icon: "close", variant: "text", className: "remove", onClick: (p) => c(p, t) })
+        /* @__PURE__ */ o.jsx(
+          l,
+          {
+            icon: "link_off",
+            variant: "text",
+            className: "remove",
+            onClick: (p) => n(p, t),
+            "data-tooltip": "Remove link"
+          }
+        )
       ]
     },
     t.linkId

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

@@ -1 +1 @@
-{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.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        <span className=\"label\">{link.label}</span>\n      </span>\n      <Button icon={'close'} variant=\"text\" className=\"remove\" onClick={(e) => onRemove(e, link)} />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AACF,MAAM;;AACJ,QAAMC,IAAsBC,EAAwB,SAASL,EAAK,UAAiB;AAGjF,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,MAAuBF,KAAA,gBAAAA,EAAgBF,EAAK,UAAUA,EAAK;AAAA,MAC1E,gBAAcA,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAClD,WAAWQ,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUH;AAAA,MAAA,CACX;AAAA,MAEA,UAAA;AAAA,QAAAD,EAAK,OAAOS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMV,EAAK,KAAA,CAAM,IAAKS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMC,EAAkBX,EAAK,UAAU,GAAG;AAAA,QAEzFM,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,WAAAM,IAAAZ,EAAK,YAAL,gBAAAY,EAAc,IAAI,CAACC,GAAMC,6BACvBC,GACC,EAAA,UAAA;AAAA,YAACN,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBI,EAAA,GAAAC,IAAQ,OAAe;AAAA,YACjCL,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf;AAAA,UAEDL,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,YAAK,MAAM,CAAA;AAAA,QAAA,GACtC;AAAA,QACCA,gBAAAA,EAAA,IAAAO,GAAA,EAAO,MAAM,SAAS,SAAQ,QAAO,WAAU,UAAS,SAAS,CAACC,MAAMd,EAASc,GAAGjB,CAAI,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBvFA,EAAK;AAAA,EAoBZ;AAEJ;"}
+{"version":3,"file":"LinkManagerItem.es.js","sources":["../../../../../src/components/LinksManager/LinkManagerItem.tsx"],"sourcesContent":["import { FC, Fragment } from 'react'\nimport { Button, Icon } from '@ynput/ayon-react-components'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { detailsPanelEntityTypes } from '@shared/api'\nimport * as Styled from './LinksManager.styled'\nimport { LinkEntity } from './LinksManager'\nimport clsx from 'clsx'\n\nexport interface LinkManagerItemProps {\n  link: LinkEntity\n  isSelected?: boolean\n  onEntityClick?: (entityId: string, entityType: string) => void\n  onRemove: (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => void\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n  link,\n  isSelected = false,\n  onEntityClick,\n  onRemove,\n}) => {\n  const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n\n  return (\n    <Styled.LinkItem\n      key={link.linkId}\n      onClick={() => entityTypeSupported && onEntityClick?.(link.entityId, link.entityType)}\n      data-tooltip={link.parents.join('/') + '/' + link.label}\n      className={clsx({\n        clickable: entityTypeSupported,\n        selected: isSelected,\n      })}\n    >\n      {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n      <span className=\"title\">\n        {link.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        <span className=\"label\">{link.label}</span>\n      </span>\n      <Button\n        icon={'link_off'}\n        variant=\"text\"\n        className=\"remove\"\n        onClick={(e) => onRemove(e, link)}\n        data-tooltip={'Remove link'}\n      />\n    </Styled.LinkItem>\n  )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","entityTypeSupported","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","_a","part","index","Fragment","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AACF,MAAM;;AACJ,QAAMC,IAAsBC,EAAwB,SAASL,EAAK,UAAiB;AAGjF,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,MAAuBF,KAAA,gBAAAA,EAAgBF,EAAK,UAAUA,EAAK;AAAA,MAC1E,gBAAcA,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAClD,WAAWQ,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUH;AAAA,MAAA,CACX;AAAA,MAEA,UAAA;AAAA,QAAAD,EAAK,OAAOS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMV,EAAK,KAAA,CAAM,IAAKS,gBAAAA,EAAA,IAACC,GAAK,EAAA,MAAMC,EAAkBX,EAAK,UAAU,GAAG;AAAA,QAEzFM,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,SACb,UAAA;AAAA,WAAAM,IAAAZ,EAAK,YAAL,gBAAAY,EAAc,IAAI,CAACC,GAAMC,6BACvBC,GACC,EAAA,UAAA;AAAA,YAACN,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBI,EAAA,GAAAC,IAAQ,OAAe;AAAA,YACjCL,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf;AAAA,UAEDL,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,YAAK,MAAM,CAAA;AAAA,QAAA,GACtC;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,CAACC,MAAMd,EAASc,GAAGjB,CAAI;AAAA,YAChC,gBAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,IAzBKA,EAAK;AAAA,EA0BZ;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),h=require("react"),s=require("./LinksManager.styled.cjs.js"),q=require("lodash");require("react-toastify");const x=require("../../util/getEntityId.cjs.js");require("../../util/pubsub.cjs.js");const S=require("./hooks/useUpdateLinks.cjs.js"),k=require("./AddNewLinks.cjs.js"),L=require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js"),M=require("./LinkManagerItem.cjs.js"),v=({linkTypeLabel:l,direction:u,links:i=[],projectName:r,entityId:p,entityType:y,linkType:m,targetEntityType:o,folderId:a,selectedEntityIds:g=[],onClose:j,onEntityClick:E})=>{const d=S({projectName:r,direction:u,entityId:p,entityType:y,targetEntityType:o,linkType:m}),[I,c]=h.useState(null),R=(e,n)=>{e.stopPropagation(),d.remove([{id:n.linkId,target:{entityId:n.entityId,entityType:n.entityType}}])};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(s.Container,{children:[t.jsxRuntimeExports.jsxs(s.Header,{children:[q.upperFirst(l)," links (",u,")"]}),t.jsxRuntimeExports.jsxs(s.LinksList,{children:[i==null?void 0:i.map(e=>t.jsxRuntimeExports.jsx(M.LinkManagerItem,{link:e,isSelected:g.includes(e.entityId),onEntityClick:E,onRemove:R},e.linkId)),i.length===0&&t.jsxRuntimeExports.jsx(s.SubHeader,{children:"No links yet"})]}),t.jsxRuntimeExports.jsx(k,{targetEntityType:o,projectName:r,onClose:j,onAdd:e=>d.add([{targetEntityId:e,linkId:x.getEntityId()}]),onSearchTypeChange:c})]}),I==="picker"&&t.jsxRuntimeExports.jsx(L.EntityPickerDialog,{onClose:()=>c(null),projectName:r,entityType:o,initialSelection:a?{folder:{[a]:!0}}:void 0,onSubmit:e=>d.add(e.map(n=>({targetEntityId:n,linkId:x.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),I=require("react"),i=require("./LinksManager.styled.cjs.js"),q=require("lodash");require("react-toastify");const l=require("../../util/getEntityId.cjs.js");require("../../util/pubsub.cjs.js");const k=require("./hooks/useUpdateLinks.cjs.js"),S=require("./AddNewLinks.cjs.js"),L=require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js"),v=require("./LinkManagerItem.cjs.js"),M=require("@ynput/ayon-react-components"),T=({linkTypeLabel:p,direction:u,links:s=[],projectName:r,entityId:m,entityType:y,linkType:j,targetEntityType:o,folderId:d,selectedEntityIds:g=[],onClose:c,onEntityClick:E})=>{const a=k({projectName:r,direction:u,entityId:m,entityType:y,targetEntityType:o,linkType:j}),[R,x]=I.useState(null),h=(t,n)=>{t.stopPropagation(),a.remove([{id:n.linkId,target:{entityId:n.entityId,entityType:n.entityType}}])};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(i.Container,{children:[e.jsxRuntimeExports.jsxs(i.Header,{children:[q.upperFirst(p)," links (",u,")",e.jsxRuntimeExports.jsx(M.Button,{icon:"close",variant:"text",className:"remove",onClick:c,"data-shortcut":"Escape","data-tooltip-delay":500})]}),e.jsxRuntimeExports.jsxs(i.LinksList,{children:[s==null?void 0:s.map(t=>e.jsxRuntimeExports.jsx(v.LinkManagerItem,{link:t,isSelected:g.includes(t.entityId),onEntityClick:E,onRemove:h},t.linkId)),s.length===0&&e.jsxRuntimeExports.jsx(i.SubHeader,{children:"No links yet"})]}),e.jsxRuntimeExports.jsx(S,{targetEntityType:o,projectName:r,onClose:c,onAdd:t=>a.add([{targetEntityId:t,linkId:l.getEntityId()}]),onSearchTypeChange:x})]}),R==="picker"&&e.jsxRuntimeExports.jsx(L.EntityPickerDialog,{onClose:()=>x(null),projectName:r,entityType:o,initialSelection:d?{folder:{[d]:!0}}:void 0,onSubmit:t=>a.add(t.map(n=>({targetEntityId:n,linkId:l.getEntityId()}))),isMultiSelect:!0})]})};exports.LinksManager=T;
 //# sourceMappingURL=LinksManager.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","Styled.LinksList","jsx","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":"+gBAiCaA,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAC,EACrB,QAAAC,EACA,cAAAC,CACF,IAAM,CACJ,MAAMC,EAAeC,EAAe,CAClC,YAAAV,EACA,UAAAF,EACA,SAAAG,EACA,WAAAC,EACA,iBAAAE,EACA,SAAAD,CAAA,CACD,EAEK,CAACQ,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAe,CAAC,EAAwCC,IAAqB,CAEjF,EAAE,gBAAgB,EAElBN,EAAa,OAAO,CAClB,CACE,GAAIM,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAW,CAAA,CACjE,CACD,CACH,EAEA,OAEIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,UAAA,CACC,SAAA,CAACF,yBAAAG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,WAAWvB,CAAa,EAAE,WAASC,EAAU,GAAA,EAChD,EACAkB,yBAACK,EAAAA,UAAA,CACE,SAAA,CAAOtB,GAAA,YAAAA,EAAA,IAAKgB,GACXO,EAAA,kBAAA,IAACC,EAAA,gBAAA,CAEC,KAAAR,EACA,WAAYT,EAAkB,SAASS,EAAK,QAAQ,EACpD,cAAAP,EACA,SAAUM,CAAA,EAJLC,EAAK,MAAA,GAObhB,EAAM,SAAW,2BAAMyB,EAAAA,UAAA,CAAiB,SAAY,cAAA,CAAA,CAAA,EACvD,EACAF,EAAA,kBAAA,IAACG,EAAA,CACC,iBAAArB,EACA,YAAAJ,EACA,QAAAO,EACA,MAAQmB,GAAOjB,EAAa,IAAI,CAAC,CAAE,eAAgBiB,EAAI,OAAQC,EAAY,YAAA,CAAG,CAAA,CAAC,EAC/E,mBAAoBf,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAA,kBAAA,IAACM,EAAA,mBAAA,CACC,QAAS,IAAMhB,EAAc,IAAI,EACjC,YAAAZ,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAK,CAAA,EAAM,OAChE,SAAWwB,GACTpB,EAAa,IAAIoB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAY,CAAA,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}
+{"version":3,"file":"LinksManager.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","e","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":"yjBAkCaA,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAC,EACrB,QAAAC,EACA,cAAAC,CACF,IAAM,CACJ,MAAMC,EAAeC,EAAe,CAClC,YAAAV,EACA,UAAAF,EACA,SAAAG,EACA,WAAAC,EACA,iBAAAE,EACA,SAAAD,CAAA,CACD,EAEK,CAACQ,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAe,CAACC,EAAwCC,IAAqB,CAEjFD,EAAE,gBAAgB,EAElBN,EAAa,OAAO,CAClB,CACE,GAAIO,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAW,CAAA,CACjE,CACD,CACH,EAEA,OAEIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACD,yBAAAE,EAAAA,UAAA,CACC,SAAA,CAACF,yBAAAG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,WAAWxB,CAAa,EAAE,WAASC,EAAU,IAC9CwB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAM,QACN,QAAQ,OACR,UAAU,SACV,QAAShB,EACT,gBAAe,SACf,qBAAoB,GAAA,CAAA,CACtB,EACF,EACAU,yBAACO,EAAAA,UAAA,CACE,SAAA,CAAOzB,GAAA,YAAAA,EAAA,IAAKiB,GACXM,EAAA,kBAAA,IAACG,EAAA,gBAAA,CAEC,KAAAT,EACA,WAAYV,EAAkB,SAASU,EAAK,QAAQ,EACpD,cAAAR,EACA,SAAUM,CAAA,EAJLE,EAAK,MAAA,GAObjB,EAAM,SAAW,2BAAM2B,EAAAA,UAAA,CAAiB,SAAY,cAAA,CAAA,CAAA,EACvD,EACAJ,EAAA,kBAAA,IAACK,EAAA,CACC,iBAAAvB,EACA,YAAAJ,EACA,QAAAO,EACA,MAAQqB,GAAOnB,EAAa,IAAI,CAAC,CAAE,eAAgBmB,EAAI,OAAQC,EAAY,YAAA,CAAG,CAAA,CAAC,EAC/E,mBAAoBjB,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAA,kBAAA,IAACQ,EAAA,mBAAA,CACC,QAAS,IAAMlB,EAAc,IAAI,EACjC,YAAAZ,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAK,CAAA,EAAM,OAChE,SAAW0B,GACTtB,EAAa,IAAIsB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAY,CAAA,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}

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

@@ -1,36 +1,37 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
 import { useState as j } from "react";
-import { Container as S, Header as L, LinksList as k, SubHeader as v } from "./LinksManager.styled.es.js";
-import { upperFirst as T } from "lodash";
+import { Container as S, Header as k, LinksList as v, SubHeader as L } from "./LinksManager.styled.es.js";
+import { upperFirst as E } from "lodash";
 import "react-toastify";
-import { getEntityId as p } from "../../util/getEntityId.es.js";
+import { getEntityId as c } from "../../util/getEntityId.es.js";
 import "../../util/pubsub.es.js";
-import C from "./hooks/useUpdateLinks.es.js";
-import E from "./AddNewLinks.es.js";
+import T from "./hooks/useUpdateLinks.es.js";
+import C from "./AddNewLinks.es.js";
 import { EntityPickerDialog as M } from "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import { LinkManagerItem as R } from "./LinkManagerItem.es.js";
-const G = ({
+import { Button as b } from "@ynput/ayon-react-components";
+const J = ({
   linkTypeLabel: l,
-  direction: d,
+  direction: a,
   links: i = [],
-  projectName: n,
-  entityId: c,
-  entityType: u,
-  linkType: y,
-  targetEntityType: o,
-  folderId: m,
+  projectName: o,
+  entityId: u,
+  entityType: y,
+  linkType: x,
+  targetEntityType: n,
+  folderId: d,
   selectedEntityIds: h = [],
-  onClose: x,
-  onEntityClick: I
+  onClose: m,
+  onEntityClick: f
 }) => {
-  const s = C({
-    projectName: n,
-    direction: d,
-    entityId: c,
-    entityType: u,
-    targetEntityType: o,
-    linkType: y
-  }), [f, a] = j(null), g = (e, r) => {
+  const s = T({
+    projectName: o,
+    direction: a,
+    entityId: u,
+    entityType: y,
+    targetEntityType: n,
+    linkType: x
+  }), [I, p] = j(null), g = (e, r) => {
     e.stopPropagation(), s.remove([
       {
         id: r.linkId,
@@ -40,50 +41,61 @@ const G = ({
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(S, { children: [
-      /* @__PURE__ */ t.jsxs(L, { children: [
-        T(l),
+      /* @__PURE__ */ t.jsxs(k, { children: [
+        E(l),
         " links (",
-        d,
-        ")"
+        a,
+        ")",
+        /* @__PURE__ */ t.jsx(
+          b,
+          {
+            icon: "close",
+            variant: "text",
+            className: "remove",
+            onClick: m,
+            "data-shortcut": "Escape",
+            "data-tooltip-delay": 500
+          }
+        )
       ] }),
-      /* @__PURE__ */ t.jsxs(k, { children: [
+      /* @__PURE__ */ t.jsxs(v, { children: [
         i == null ? void 0 : i.map((e) => /* @__PURE__ */ t.jsx(
           R,
           {
             link: e,
             isSelected: h.includes(e.entityId),
-            onEntityClick: I,
+            onEntityClick: f,
             onRemove: g
           },
           e.linkId
         )),
-        i.length === 0 && /* @__PURE__ */ t.jsx(v, { children: "No links yet" })
+        i.length === 0 && /* @__PURE__ */ t.jsx(L, { children: "No links yet" })
       ] }),
       /* @__PURE__ */ t.jsx(
-        E,
+        C,
         {
-          targetEntityType: o,
-          projectName: n,
-          onClose: x,
-          onAdd: (e) => s.add([{ targetEntityId: e, linkId: p() }]),
-          onSearchTypeChange: a
+          targetEntityType: n,
+          projectName: o,
+          onClose: m,
+          onAdd: (e) => s.add([{ targetEntityId: e, linkId: c() }]),
+          onSearchTypeChange: p
         }
       )
     ] }),
-    f === "picker" && /* @__PURE__ */ t.jsx(
+    I === "picker" && /* @__PURE__ */ t.jsx(
       M,
       {
-        onClose: () => a(null),
-        projectName: n,
-        entityType: o,
-        initialSelection: m ? { folder: { [m]: !0 } } : void 0,
-        onSubmit: (e) => s.add(e.map((r) => ({ targetEntityId: r, linkId: p() }))),
+        onClose: () => p(null),
+        projectName: o,
+        entityType: n,
+        initialSelection: d ? { folder: { [d]: !0 } } : void 0,
+        onSubmit: (e) => s.add(e.map((r) => ({ targetEntityId: r, linkId: c() }))),
         isMultiSelect: !0
       }
     )
   ] });
 };
 export {
-  G as LinksManager
+  J as LinksManager
 };
 //# sourceMappingURL=LinksManager.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","Styled.LinksList","jsx","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":";;;;;;;;;;;AAiCO,MAAMA,IAAsC,CAAC;AAAA,EAClD,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAeC,EAAe;AAAA,IAClC,aAAAV;AAAA,IACA,WAAAF;AAAA,IACA,UAAAG;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAE;AAAA,IACA,UAAAD;AAAA,EAAA,CACD,GAEK,CAACQ,GAAYC,CAAa,IAAIC,EAAyB,IAAI,GAE3DC,IAAe,CAAC,GAAwCC,MAAqB;AAEjF,MAAE,gBAAgB,GAElBN,EAAa,OAAO;AAAA,MAClB;AAAA,QACE,IAAIM,EAAK;AAAA,QACT,QAAQ,EAAE,UAAUA,EAAK,UAAU,YAAYA,EAAK,WAAW;AAAA,MAAA;AAAA,IACjE,CACD;AAAA,EACH;AAEA,SAEIC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACC,UAAA;AAAA,MAACF,gBAAAA,OAAAG,GAAA,EACE,UAAA;AAAA,QAAAC,EAAWvB,CAAa;AAAA,QAAE;AAAA,QAASC;AAAA,QAAU;AAAA,MAAA,GAChD;AAAA,MACAkB,gBAAAA,OAACK,GAAA,EACE,UAAA;AAAA,QAAOtB,KAAA,gBAAAA,EAAA,IAAI,CAACgB,MACXO,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,MAAAR;AAAA,YACA,YAAYT,EAAkB,SAASS,EAAK,QAAQ;AAAA,YACpD,eAAAP;AAAA,YACA,UAAUM;AAAA,UAAA;AAAA,UAJLC,EAAK;AAAA,QAAA;AAAA,QAObhB,EAAM,WAAW,2BAAMyB,GAAA,EAAiB,UAAY,eAAA,CAAA;AAAA,MAAA,GACvD;AAAA,MACAF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,kBAAArB;AAAA,UACA,aAAAJ;AAAA,UACA,SAAAO;AAAA,UACA,OAAO,CAACmB,MAAOjB,EAAa,IAAI,CAAC,EAAE,gBAAgBiB,GAAI,QAAQC,EAAY,EAAG,CAAA,CAAC;AAAA,UAC/E,oBAAoBf;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACCD,MAAe,YACdW,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,SAAS,MAAMhB,EAAc,IAAI;AAAA,QACjC,aAAAZ;AAAA,QACA,YAAYI;AAAA,QACZ,kBAAkBC,IAAW,EAAE,QAAQ,EAAE,CAACA,CAAQ,GAAG,GAAK,EAAA,IAAM;AAAA,QAChE,UAAU,CAACwB,MACTpB,EAAa,IAAIoB,EAAE,IAAI,CAACH,OAAQ,EAAE,gBAAgBA,GAAI,QAAQC,EAAY,EAAA,EAAI,CAAC;AAAA,QAEjF,eAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GAEJ;AAEJ;"}
+{"version":3,"file":"LinksManager.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.tsx"],"sourcesContent":["import { FC, useState } from 'react'\nimport * as Styled from './LinksManager.styled'\nimport { getEntityId } from '@shared/util'\nimport useUpdateLinks from './hooks/useUpdateLinks'\nimport AddNewLinks, { LinkSearchType } from './AddNewLinks'\nimport { EntityPickerDialog, PickerEntityType } from '@shared/containers/EntityPickerDialog'\nimport { upperFirst } from 'lodash'\nimport { LinkManagerItem } from './LinkManagerItem'\nimport { Button } from '@ynput/ayon-react-components'\n\nexport type LinkEntity = {\n  linkId: string\n  entityId: string\n  label: string\n  parents: string[]\n  entityType: string\n  icon: string\n}\n\nexport interface LinksManagerProps {\n  linkTypeLabel: string\n  direction?: 'in' | 'out'\n  links: LinkEntity[] // used to display basic info about the links entity\n  projectName: string\n  entityId: string // the entity id of the entity that has these links\n  linkType: string // full link type e.g. workflow|task|task\n  entityType: string // the entity type of the entity that has these links\n  targetEntityType: string // the entity type of the out links\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n  selectedEntityIds?: string[] // list of selected entity IDs to highlight\n  onClose?: () => void\n  onEntityClick?: (entityId: string, entityType: string) => void // a click on an linked entity\n}\n\nexport const LinksManager: FC<LinksManagerProps> = ({\n  linkTypeLabel,\n  direction,\n  links = [],\n  projectName,\n  entityId,\n  entityType,\n  linkType,\n  targetEntityType,\n  folderId,\n  selectedEntityIds = [],\n  onClose,\n  onEntityClick,\n}) => {\n  const linksUpdater = useUpdateLinks({\n    projectName,\n    direction,\n    entityId,\n    entityType,\n    targetEntityType,\n    linkType,\n  })\n\n  const [searchType, setSearchType] = useState<LinkSearchType>(null)\n\n  const handleRemove = (e: React.MouseEvent<HTMLButtonElement>, link: LinkEntity) => {\n    // prevent clicks higher up\n    e.stopPropagation()\n\n    linksUpdater.remove([\n      {\n        id: link.linkId,\n        target: { entityId: link.entityId, entityType: link.entityType },\n      },\n    ])\n  }\n\n  return (\n    <>\n      <Styled.Container>\n        <Styled.Header>\n          {upperFirst(linkTypeLabel)} links ({direction})\n          <Button\n            icon={'close'}\n            variant=\"text\"\n            className=\"remove\"\n            onClick={onClose}\n            data-shortcut={'Escape'}\n            data-tooltip-delay={500}\n          />\n        </Styled.Header>\n        <Styled.LinksList>\n          {links?.map((link) => (\n            <LinkManagerItem\n              key={link.linkId}\n              link={link}\n              isSelected={selectedEntityIds.includes(link.entityId)}\n              onEntityClick={onEntityClick}\n              onRemove={handleRemove}\n            />\n          ))}\n          {links.length === 0 && <Styled.SubHeader>No links yet</Styled.SubHeader>}\n        </Styled.LinksList>\n        <AddNewLinks\n          targetEntityType={targetEntityType}\n          projectName={projectName}\n          onClose={onClose}\n          onAdd={(id) => linksUpdater.add([{ targetEntityId: id, linkId: getEntityId() }])}\n          onSearchTypeChange={setSearchType}\n        />\n      </Styled.Container>\n      {searchType === 'picker' && (\n        <EntityPickerDialog\n          onClose={() => setSearchType(null)}\n          projectName={projectName}\n          entityType={targetEntityType as PickerEntityType} // the type of entity to pick\n          initialSelection={folderId ? { folder: { [folderId]: true } } : undefined} // preselect current folder\n          onSubmit={(s) =>\n            linksUpdater.add(s.map((id) => ({ targetEntityId: id, linkId: getEntityId() })))\n          }\n          isMultiSelect\n        />\n      )}\n    </>\n  )\n}\n"],"names":["LinksManager","linkTypeLabel","direction","links","projectName","entityId","entityType","linkType","targetEntityType","folderId","selectedEntityIds","onClose","onEntityClick","linksUpdater","useUpdateLinks","searchType","setSearchType","useState","handleRemove","link","jsxs","Fragment","Styled.Container","Styled.Header","upperFirst","jsx","Button","Styled.LinksList","LinkManagerItem","Styled.SubHeader","AddNewLinks","id","getEntityId","EntityPickerDialog","s"],"mappings":";;;;;;;;;;;;AAkCO,MAAMA,IAAsC,CAAC;AAAA,EAClD,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAeC,EAAe;AAAA,IAClC,aAAAV;AAAA,IACA,WAAAF;AAAA,IACA,UAAAG;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAE;AAAA,IACA,UAAAD;AAAA,EAAA,CACD,GAEK,CAACQ,GAAYC,CAAa,IAAIC,EAAyB,IAAI,GAE3DC,IAAe,CAAC,GAAwCC,MAAqB;AAEjF,MAAE,gBAAgB,GAElBN,EAAa,OAAO;AAAA,MAClB;AAAA,QACE,IAAIM,EAAK;AAAA,QACT,QAAQ,EAAE,UAAUA,EAAK,UAAU,YAAYA,EAAK,WAAW;AAAA,MAAA;AAAA,IACjE,CACD;AAAA,EACH;AAEA,SAEIC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACC,UAAA;AAAA,MAACF,gBAAAA,OAAAG,GAAA,EACE,UAAA;AAAA,QAAAC,EAAWvB,CAAa;AAAA,QAAE;AAAA,QAASC;AAAA,QAAU;AAAA,QAC9CuB,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAASf;AAAA,YACT,iBAAe;AAAA,YACf,sBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MACtB,GACF;AAAA,MACAS,gBAAAA,OAACO,GAAA,EACE,UAAA;AAAA,QAAOxB,KAAA,gBAAAA,EAAA,IAAI,CAACgB,MACXM,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YAEC,MAAAT;AAAA,YACA,YAAYT,EAAkB,SAASS,EAAK,QAAQ;AAAA,YACpD,eAAAP;AAAA,YACA,UAAUM;AAAA,UAAA;AAAA,UAJLC,EAAK;AAAA,QAAA;AAAA,QAObhB,EAAM,WAAW,2BAAM0B,GAAA,EAAiB,UAAY,eAAA,CAAA;AAAA,MAAA,GACvD;AAAA,MACAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,kBAAAtB;AAAA,UACA,aAAAJ;AAAA,UACA,SAAAO;AAAA,UACA,OAAO,CAACoB,MAAOlB,EAAa,IAAI,CAAC,EAAE,gBAAgBkB,GAAI,QAAQC,EAAY,EAAG,CAAA,CAAC;AAAA,UAC/E,oBAAoBhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACCD,MAAe,YACdU,gBAAAA,EAAA;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,SAAS,MAAMjB,EAAc,IAAI;AAAA,QACjC,aAAAZ;AAAA,QACA,YAAYI;AAAA,QACZ,kBAAkBC,IAAW,EAAE,QAAQ,EAAE,CAACA,CAAQ,GAAG,GAAK,EAAA,IAAM;AAAA,QAChE,UAAU,CAACyB,MACTrB,EAAa,IAAIqB,EAAE,IAAI,CAACH,OAAQ,EAAE,gBAAgBA,GAAI,QAAQC,EAAY,EAAA,EAAI,CAAC;AAAA,QAEjF,eAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GAEJ;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ynput/ayon-react-components"),e=require("styled-components"),a=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ynput/ayon-react-components"),e=require("styled-components"),o=e.div`
   padding: var(--padding-m);
   background-color: var(--md-sys-color-surface-container-high);
   border-radius: var(--border-radius-l);
@@ -8,11 +8,21 @@
   overflow: hidden;
   flex-grow: 1;
   min-height: 0; /* Allow flex child to shrink below content size */
-`,o=e.h4`
+`,a=e.h4`
   margin: 0;
   padding: 0;
   padding-bottom: var(--padding-s);
   flex-shrink: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .remove {
+    padding: 2px;
+    background: none;
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-highest);
+    }
+  }
 `,i=e.h5`
   margin: 0;
   padding: 0;
@@ -56,9 +66,24 @@
 
   &.selected {
     background-color: var(--md-sys-color-primary-container);
+    &,
+    .icon {
+      color: var(--md-sys-color-on-primary-container);
+    }
+
     &:hover {
       background-color: var(--md-sys-color-primary-container-hover);
     }
+
+    .remove {
+      /* show remove icon when selected */
+      visibility: visible;
+      /* use selected hover */
+      &:hover {
+        background-color: var(--md-sys-color-on-primary);
+        color: var(--md-sys-color-primary);
+      }
+    }
   }
 
   .title {
@@ -77,14 +102,22 @@
     font-weight: bold;
   }
 
+  /* show remove icon when hovering item */
+  &:hover {
+    .remove {
+      visibility: visible;
+    }
+  }
+
   .remove {
     padding: 2px;
+    visibility: hidden;
 
-    .icon:not(:hover) {
-      color: var(--md-sys-color-outline);
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-highest-hover);
     }
   }
-`,l=e.div`
+`,s=e.div`
   display: flex;
   flex-direction: column;
   /* hack for search border cutoff */
@@ -97,7 +130,7 @@
 
   /* Set a reasonable max-height that allows for search functionality */
   max-height: 250px;
-`,s=e.div`
+`,l=e.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -125,10 +158,10 @@
   padding-left: 28px;
   width: 100%;
   min-width: 224px;
-`,g=e.div`
+`,h=e.div`
   color: var(--md-sys-color-error);
   margin-top: var(--base-gap-small);
-`,h=e.ul`
+`,g=e.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -217,5 +250,5 @@
     margin-left: 8px;
     color: var(--md-sys-color-outline);
   }
-`;exports.AddLinksContainer=l;exports.Container=a;exports.Error=g;exports.Header=o;exports.LinkItem=t;exports.LinksList=n;exports.PickerButton=c;exports.Search=d;exports.SearchButtons=s;exports.SearchInput=p;exports.SearchItem=m;exports.SearchItems=h;exports.SubHeader=i;
+`;exports.AddLinksContainer=s;exports.Container=o;exports.Error=h;exports.Header=a;exports.LinkItem=t;exports.LinksList=n;exports.PickerButton=c;exports.Search=d;exports.SearchButtons=l;exports.SearchInput=p;exports.SearchItem=m;exports.SearchItems=g;exports.SubHeader=i;
 //# sourceMappingURL=LinksManager.styled.cjs.js.map