npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.1 → 0.3.3 - Mend

@ynput/ayon-frontend-shared 0.3.1 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (363) hide show

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

	@@ -1 +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 const isClickable = entityTypeSupported && !link.isRestricted\n\n return (\n <Styled.LinkItem\n key={link.linkId}\n onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n data-tooltip={\n link.isRestricted\n ? \"Access Restricted - Insufficient Permissions to Entity\"\n : link.parents.join('/') + '/' + link.label\n }\n className={clsx({\n clickable: isClickable,\n selected: isSelected,\n restricted: link.isRestricted,\n })}\n >\n {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n <span className=\"title\">\n {link.isRestricted ? (\n <span className=\"label\"~~>\n~~ Access Restricted\n </span>\n ) : (\n <>\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 </>\n )}\n </span>\n { !link.isRestricted ~~&&\~~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 }\n\n </Styled.LinkItem>\n )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":"~~o3JAeaA~~,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,~~CACF~~,IAAM,CAEJ,MAAMC,EADsBC,EAAAA,wBAAwB,~~SAASL~~,EAAK,UAAiB,GACxC,CAACA,EAAK,aAEjD,~~OACEM~~,EAAAA,kBAAAA,KAACC,EAAAA,SAAA,CAEC,QAAS,IAAMH,~~GAAeF~~,IAAgBF,EAAK,SAAUA,EAAK,UAAU,EAC5E,eACEA,EAAK,~~aACD~~,~~yDACAA~~,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAE1C,~~UAAWQ~~,EAAK,CACd,UAAWJ,EACX,~~SAAUH~~,EACV,WAAYD,EAAK,~~YAAA~~,~~CAClB~~,EAEA,SAAA,~~CAAAA~~,EAAK,~~KAAOS~~,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,~~KAAMV~~,EAAK,IAAA,CAAM,~~EAAKS~~,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMC,EAAAA,~~kBAAkBX~~,EAAK,UAAU,EAAG,~~EAEzFS~~,wBAAC,OAAA,CAAK,UAAU,QACb,~~SAAAT~~,~~EAAK~~,~~aACJS~~,~~wBAAC~~,OAAA,CAAK,UAAU,~~QAAQ~~,~~SAAA~~,mBAAA,~~CAExB~~,~~EAEAH~~,~~yBAAAM,~~EAAAA,kBAAAA,~~SAAA~~,CACG,SAAA,~~CAAAZ~~,EAAK,SAAS,IAAI,~~CAACa~~,EAAMC,IACxBR,EAAAA,kBAAAA,KAACM,WAAA,CACC,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAA4B,SAAAI,CAAA,EAAlBC,EAAQ,OAAe,EAClCL,EAAAA,kBAAAA,IAAC,OAAA,CAAgC,SAAA,GAAA,EAAtBK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,CACD,EACDL,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,KAAA,CAAM,CAAA,CAAA,CACtC,CAAA,CAEJ,~~EACE~~,~~CAACT~~,EAAK,~~cACNS~~,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,~~GAAMb~~,~~EAASa~~,~~EAAGhB~~,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,~~EAvCGA~~,EAAK,MAAA,CA4ChB"}
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 isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n link,\n isSelected = false,\n onEntityClick,\n onRemove,\n isManager = false,\n}) => {\n const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n const isClickable = entityTypeSupported && !link.isRestricted\n\n return (\n <Styled.LinkItem\n key={link.linkId}\n onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n data-tooltip={\n link.isRestricted\n ? isManager\n ? 'Unknown Link - Entity not found'\n : 'Access Restricted - Insufficient Permissions to Entity'\n : link.parents.join('/') + '/' + link.label\n }\n className={clsx({\n clickable: isClickable,\n selected: isSelected,\n restricted: link.isRestricted && !isManager,\n unknown: link.isRestricted && isManager,\n })}\n >\n {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n <span className=\"title\">\n {link.isRestricted ? (\n <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n ) : (\n <>\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 </>\n )}\n </span>\n {(!link.isRestricted \|\| isManager) && (\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 )}\n </Styled.LinkItem>\n )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":"o3JAgBaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,EACd,IAAM,CAEJ,MAAMC,EADsBC,EAAAA,wBAAwB,SAASN,EAAK,UAAiB,GACxC,CAACA,EAAK,aAEjD,OACEO,EAAAA,kBAAAA,KAACC,EAAAA,SAAA,CAEC,QAAS,IAAMH,GAAeH,IAAgBF,EAAK,SAAUA,EAAK,UAAU,EAC5E,eACEA,EAAK,aACDI,EACE,kCACA,yDACFJ,EAAK,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAK,MAE1C,UAAWS,EAAK,CACd,UAAWJ,EACX,SAAUJ,EACV,WAAYD,EAAK,cAAgB,CAACI,EAClC,QAASJ,EAAK,cAAgBI,CAAA,CAC/B,EAEA,SAAA,CAAAJ,EAAK,KAAOU,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMX,EAAK,IAAA,CAAM,EAAKU,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMC,EAAAA,kBAAkBZ,EAAK,UAAU,EAAG,EAEzFU,wBAAC,OAAA,CAAK,UAAU,QACb,WAAK,aACJA,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAN,EAAY,UAAY,mBAAA,CAAoB,EAErEG,EAAAA,kBAAAA,KAAAM,6BAAA,CACG,SAAA,CAAAb,EAAK,SAAS,IAAI,CAACc,EAAMC,IACxBR,EAAAA,kBAAAA,KAACM,WAAA,CACC,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,OAAA,CAA4B,SAAAI,CAAA,EAAlBC,EAAQ,OAAe,EAClCL,EAAAA,kBAAAA,IAAC,OAAA,CAAgC,SAAA,GAAA,EAAtBK,EAAQ,YAAe,CAAA,CAAA,EAFrBA,CAGf,CACD,EACDL,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,KAAA,CAAM,CAAA,CAAA,CACtC,CAAA,CAEJ,GACE,CAACV,EAAK,cAAgBI,IACtBM,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAM,WACN,QAAQ,OACR,UAAU,SACV,QAAUC,GAAMd,EAASc,EAAGjB,CAAI,EAChC,eAAc,aAAA,CAAA,CAChB,CAAA,EAxCGA,EAAK,MAAA,CA4ChB"}

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

@@ -1,9 +1,9 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
 import { Fragment as a } from "react";
-import { Icon as m, Button as n } from "@ynput/ayon-react-components";
+import { Icon as e, Button as d } from "@ynput/ayon-react-components";
 import "lodash";
 import "react-toastify";
-import { getEntityTypeIcon as d } from "../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as l } from "../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../../api/base/client.es.js";
@@ -60,7 +60,7 @@ 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 { detailsPanelEntityTypes as l } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { detailsPanelEntityTypes as y } 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";
@@ -92,41 +92,43 @@ 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 { LinkItem as y } from "./LinksManager.styled.es.js";
+import { LinkItem as f } from "./LinksManager.styled.es.js";
 import j from "clsx";
-const pr = ({
+const mo = ({
   link: t,
-  isSelected: e = !1,
-  onEntityClick: s,
-  onRemove: c
+  isSelected: s = !1,
+  onEntityClick: c,
+  onRemove: n,
+  isManager: i = !1
 }) => {
-  const p = l.includes(t.entityType) && !t.isRestricted;
-  return /* @__PURE__ */ r.jsxs(
-    y,
+  const m = y.includes(t.entityType) && !t.isRestricted;
+  return /* @__PURE__ */ o.jsxs(
+    f,
     {
-      onClick: () => p && s?.(t.entityId, t.entityType),
-      "data-tooltip": t.isRestricted ? "Access Restricted - Insufficient Permissions to Entity" : t.parents.join("/") + "/" + t.label,
+      onClick: () => m && c?.(t.entityId, t.entityType),
+      "data-tooltip": t.isRestricted ? i ? "Unknown Link - Entity not found" : "Access Restricted - Insufficient Permissions to Entity" : t.parents.join("/") + "/" + t.label,
       className: j({
-        clickable: p,
-        selected: e,
-        restricted: t.isRestricted
+        clickable: m,
+        selected: s,
+        restricted: t.isRestricted && !i,
+        unknown: t.isRestricted && i
       }),
       children: [
-        t.icon ? /* @__PURE__ */ r.jsx(m, { icon: t.icon }) : /* @__PURE__ */ r.jsx(m, { icon: d(t.entityType) }),
-        /* @__PURE__ */ r.jsx("span", { className: "title", children: t.isRestricted ? /* @__PURE__ */ r.jsx("span", { className: "label", children: "Access Restricted" }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-          t.parents?.map((i, o) => /* @__PURE__ */ r.jsxs(a, { children: [
-            /* @__PURE__ */ r.jsx("span", { children: i }, o + "-path"),
-            /* @__PURE__ */ r.jsx("span", { children: "/" }, o + "-separator")
-          ] }, o)),
-          /* @__PURE__ */ r.jsx("span", { className: "label", children: t.label })
+        t.icon ? /* @__PURE__ */ o.jsx(e, { icon: t.icon }) : /* @__PURE__ */ o.jsx(e, { icon: l(t.entityType) }),
+        /* @__PURE__ */ o.jsx("span", { className: "title", children: t.isRestricted ? /* @__PURE__ */ o.jsx("span", { className: "label", children: i ? "Unknown" : "Access Restricted" }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          t.parents?.map((r, p) => /* @__PURE__ */ o.jsxs(a, { children: [
+            /* @__PURE__ */ o.jsx("span", { children: r }, p + "-path"),
+            /* @__PURE__ */ o.jsx("span", { children: "/" }, p + "-separator")
+          ] }, p)),
+          /* @__PURE__ */ o.jsx("span", { className: "label", children: t.label })
         ] }) }),
-        !t.isRestricted && /* @__PURE__ */ r.jsx(
-          n,
+        (!t.isRestricted || i) && /* @__PURE__ */ o.jsx(
+          d,
           {
             icon: "link_off",
             variant: "text",
             className: "remove",
-            onClick: (i) => c(i, t),
+            onClick: (r) => n(r, t),
             "data-tooltip": "Remove link"
           }
         )
@@ -136,6 +138,6 @@ const pr = ({
   );
 };
 export {
-  pr as LinkManagerItem
+  mo as LinkManagerItem
 };
 //# sourceMappingURL=LinkManagerItem.es.js.map

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

	@@ -1 +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 const isClickable = entityTypeSupported && !link.isRestricted\n\n return (\n <Styled.LinkItem\n key={link.linkId}\n onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n data-tooltip={\n link.isRestricted\n ? \"Access Restricted - Insufficient Permissions to Entity\"\n : link.parents.join('/') + '/' + link.label\n }\n className={clsx({\n clickable: isClickable,\n selected: isSelected,\n restricted: link.isRestricted,\n })}\n >\n {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n <span className=\"title\">\n {link.isRestricted ? (\n <span className=\"label\"~~>\n~~ Access Restricted\n </span>\n ) : (\n <>\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 </>\n )}\n </span>\n { !link.isRestricted ~~&&\~~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 }\n\n </Styled.LinkItem>\n )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAeO~~,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;~~AACF~~,MAAM;AAEJ,QAAMC,IADsBC,EAAwB,~~SAASL~~,EAAK,UAAiB,KACxC,CAACA,EAAK;AAEjD,~~SACEM~~,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,~~KAAeF~~,IAAgBF,EAAK,UAAUA,EAAK,UAAU;AAAA,MAC5E,gBACEA,EAAK,~~eACD~~,~~2DACAA~~,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAE1C,~~WAAWQ~~,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,~~UAAUH~~;AAAA,QACV,YAAYD,EAAK;AAAA,MAAA,~~CAClB~~;AAAA,MAEA,UAAA;AAAA,~~QAAAA~~,EAAK,~~OAAOS~~,gBAAAA,EAAAA,IAACC,GAAA,EAAK,~~MAAMV~~,EAAK,KAAA,CAAM,~~IAAKS~~,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMC,~~EAAkBX~~,EAAK,UAAU,GAAG;AAAA,~~QAEzFS~~,gBAAAA,MAAC,QAAA,EAAK,WAAU,SACb,~~UAAAT~~,~~EAAK~~,~~eACJS,~~gBAAAA,~~MAAC~~,QAAA,EAAK,WAAU,~~SAAQ~~,~~UAAA~~,oBAAA,~~CAExB~~,~~IAEAH~~,gBAAAA,~~OAAAM,~~EAAAA,~~UAAA~~,EACG,UAAA;AAAA,~~UAAAZ~~,EAAK,SAAS,IAAI,~~CAACa~~,GAAMC,MACxBR,gBAAAA,EAAAA,KAACM,GAAA,EACC,UAAA;AAAA,YAAAH,gBAAAA,EAAAA,IAAC,QAAA,EAA4B,UAAAI,EAAA,GAAlBC,IAAQ,OAAe;AAAA,YAClCL,gBAAAA,EAAAA,IAAC,QAAA,EAAgC,UAAA,IAAA,GAAtBK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf,CACD;AAAA,UACDL,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,MAAA,CAAM;AAAA,QAAA,EAAA,CACtC,EAAA,CAEJ;AAAA,~~QACE~~,~~CAACT~~,EAAK,~~gBACNS~~,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,CAACC,~~MAAMb~~,~~EAASa~~,~~GAAGhB~~,CAAI;AAAA,YAChC,gBAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,~~IAvCGA~~,EAAK;AAAA,EAAA;AA4ChB;"}
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 isManager?: boolean\n}\n\nexport const LinkManagerItem: FC<LinkManagerItemProps> = ({\n link,\n isSelected = false,\n onEntityClick,\n onRemove,\n isManager = false,\n}) => {\n const entityTypeSupported = detailsPanelEntityTypes.includes(link.entityType as any)\n const isClickable = entityTypeSupported && !link.isRestricted\n\n return (\n <Styled.LinkItem\n key={link.linkId}\n onClick={() => isClickable && onEntityClick?.(link.entityId, link.entityType)}\n data-tooltip={\n link.isRestricted\n ? isManager\n ? 'Unknown Link - Entity not found'\n : 'Access Restricted - Insufficient Permissions to Entity'\n : link.parents.join('/') + '/' + link.label\n }\n className={clsx({\n clickable: isClickable,\n selected: isSelected,\n restricted: link.isRestricted && !isManager,\n unknown: link.isRestricted && isManager,\n })}\n >\n {link.icon ? <Icon icon={link.icon} /> : <Icon icon={getEntityTypeIcon(link.entityType)} />}\n\n <span className=\"title\">\n {link.isRestricted ? (\n <span className=\"label\">{isManager ? 'Unknown' : 'Access Restricted'}</span>\n ) : (\n <>\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 </>\n )}\n </span>\n {(!link.isRestricted \|\| isManager) && (\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 )}\n </Styled.LinkItem>\n )\n}\n"],"names":["LinkManagerItem","link","isSelected","onEntityClick","onRemove","isManager","isClickable","detailsPanelEntityTypes","jsxs","Styled.LinkItem","clsx","jsx","Icon","getEntityTypeIcon","Fragment","part","index","Button","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAMA,KAA4C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IADsBC,EAAwB,SAASN,EAAK,UAAiB,KACxC,CAACA,EAAK;AAEjD,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAAS,MAAMH,KAAeH,IAAgBF,EAAK,UAAUA,EAAK,UAAU;AAAA,MAC5E,gBACEA,EAAK,eACDI,IACE,oCACA,2DACFJ,EAAK,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAK;AAAA,MAE1C,WAAWS,EAAK;AAAA,QACd,WAAWJ;AAAA,QACX,UAAUJ;AAAA,QACV,YAAYD,EAAK,gBAAgB,CAACI;AAAA,QAClC,SAASJ,EAAK,gBAAgBI;AAAA,MAAA,CAC/B;AAAA,MAEA,UAAA;AAAA,QAAAJ,EAAK,OAAOU,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMX,EAAK,KAAA,CAAM,IAAKU,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMC,EAAkBZ,EAAK,UAAU,GAAG;AAAA,QAEzFU,gBAAAA,MAAC,QAAA,EAAK,WAAU,SACb,YAAK,eACJA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAN,IAAY,YAAY,oBAAA,CAAoB,IAErEG,gBAAAA,EAAAA,KAAAM,YAAA,EACG,UAAA;AAAA,UAAAb,EAAK,SAAS,IAAI,CAACc,GAAMC,MACxBR,gBAAAA,EAAAA,KAACM,GAAA,EACC,UAAA;AAAA,YAAAH,gBAAAA,EAAAA,IAAC,QAAA,EAA4B,UAAAI,EAAA,GAAlBC,IAAQ,OAAe;AAAA,YAClCL,gBAAAA,EAAAA,IAAC,QAAA,EAAgC,UAAA,IAAA,GAAtBK,IAAQ,YAAe;AAAA,UAAA,EAAA,GAFrBA,CAGf,CACD;AAAA,UACDL,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,MAAA,CAAM;AAAA,QAAA,EAAA,CACtC,EAAA,CAEJ;AAAA,SACE,CAACV,EAAK,gBAAgBI,MACtBM,gBAAAA,EAAAA;AAAAA,UAACM;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,IAxCGA,EAAK;AAAA,EAAA;AA4ChB;"}

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

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

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

	@@ -1 +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'\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 isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\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":"~~yjBAmCaA~~,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAA,EACpB,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,gBAAA,EAEFN,EAAa,OAAO,CAClB,CACE,GAAIO,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAA,CAAW,CACjE,CACD,CACH,EAEA,OACEC,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,yBAACE,EAAAA,UAAA,CACC,SAAA,CAAAF,yBAACG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,~~WAAWxB~~,CAAa,EAAE,WAASC,EAAU,~~IAC9CwB~~,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAM,QACN,QAAQ,OACR,UAAU,SACV,~~QAAShB~~,EACT,gBAAe,SACf,qBAAoB,GAAA,CAAA,CACtB,EACF,~~EACAU~~,yBAACO,EAAAA,UAAA,CACE,SAAA,~~CAAAzB~~,GAAO,~~IAAKiB~~,GACXM,EAAAA,kBAAAA,IAACG,EAAAA,gBAAA,CAEC,KAAAT,EACA,~~WAAYV~~,EAAkB,~~SAASU~~,EAAK,QAAQ,EACpD,~~cAAAR~~,EACA,~~SAAUM~~,CAAA,~~EAJLE~~,EAAK,MAAA,~~CAMb~~,~~EACAjB~~,EAAM,SAAW,~~2BAAM2B~~,EAAAA,UAAA,CAAiB,SAAA,cAAA,CAAY,CAAA,EACvD,EACAJ,EAAAA,kBAAAA,IAACK,EAAA,CACC,~~iBAAAvB~~,EACA,YAAAJ,EACA,QAAAO,EACA,~~MAAQqB~~,GAAOnB,EAAa,IAAI,CAAC,CAAE,eAAgBmB,EAAI,OAAQC,EAAAA,YAAA,CAAY,CAAG,CAAC,EAC/E,mBAAoBjB,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAAA,kBAAAA,IAACQ,EAAAA,mBAAA,CACC,QAAS,IAAMlB,EAAc,IAAI,EACjC,~~YAAAZ~~,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAA,CAAK,EAAM,OAChE,~~SAAW0B~~,GACTtB,EAAa,IAAIsB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAA,CAAY,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}
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'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useGlobalContext } from '@shared/context'\n\nexport type LinkEntity = {\n linkId: string\n entityId: string\n label: string\n parents: string[]\n entityType: string\n icon: string\n isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\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 { user } = useGlobalContext()\n const isManager = user?.data?.isAdmin \|\| user?.data?.isManager\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 isManager={isManager}\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","user","useGlobalContext","isManager","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":"22CAoCO,MAAMA,EAAsC,CAAC,CAClD,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,CAAA,EACpB,QAAAC,EACA,cAAAC,CACF,IAAM,CACJ,KAAM,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,EAAYF,GAAM,MAAM,SAAWA,GAAM,MAAM,UAE/CG,EAAeC,EAAe,CAClC,YAAAb,EACA,UAAAF,EACA,SAAAG,EACA,WAAAC,EACA,iBAAAE,EACA,SAAAD,CAAA,CACD,EAEK,CAACW,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,IAAI,EAE3DC,EAAe,CAACC,EAAwCC,IAAqB,CAEjFD,EAAE,gBAAA,EAEFN,EAAa,OAAO,CAClB,CACE,GAAIO,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,SAAU,WAAYA,EAAK,UAAA,CAAW,CACjE,CACD,CACH,EAEA,OACEC,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAD,yBAACE,EAAAA,UAAA,CACC,SAAA,CAAAF,yBAACG,EAAAA,OAAA,CACE,SAAA,CAAAC,EAAAA,WAAW3B,CAAa,EAAE,WAASC,EAAU,IAC9C2B,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,KAAM,QACN,QAAQ,OACR,UAAU,SACV,QAASnB,EACT,gBAAe,SACf,qBAAoB,GAAA,CAAA,CACtB,EACF,EACAa,yBAACO,EAAAA,UAAA,CACE,SAAA,CAAA5B,GAAO,IAAKoB,GACXM,EAAAA,kBAAAA,IAACG,EAAAA,gBAAA,CAEC,KAAAT,EACA,WAAYb,EAAkB,SAASa,EAAK,QAAQ,EACpD,cAAAX,EACA,SAAUS,EACV,UAAAN,CAAA,EALKQ,EAAK,MAAA,CAOb,EACApB,EAAM,SAAW,2BAAM8B,EAAAA,UAAA,CAAiB,SAAA,cAAA,CAAY,CAAA,EACvD,EACAJ,EAAAA,kBAAAA,IAACK,EAAA,CACC,iBAAA1B,EACA,YAAAJ,EACA,QAAAO,EACA,MAAQwB,GAAOnB,EAAa,IAAI,CAAC,CAAE,eAAgBmB,EAAI,OAAQC,EAAAA,YAAA,CAAY,CAAG,CAAC,EAC/E,mBAAoBjB,CAAA,CAAA,CACtB,EACF,EACCD,IAAe,UACdW,EAAAA,kBAAAA,IAACQ,EAAAA,mBAAA,CACC,QAAS,IAAMlB,EAAc,IAAI,EACjC,YAAAf,EACA,WAAYI,EACZ,iBAAkBC,EAAW,CAAE,OAAQ,CAAE,CAACA,CAAQ,EAAG,EAAA,CAAK,EAAM,OAChE,SAAW6B,GACTtB,EAAa,IAAIsB,EAAE,IAAKH,IAAQ,CAAE,eAAgBA,EAAI,OAAQC,EAAAA,YAAA,CAAY,EAAI,CAAC,EAEjF,cAAa,EAAA,CAAA,CACf,EAEJ,CAEJ"}

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

@@ -1,101 +1,119 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as g } from "react";
-import { Container as j, Header as S, LinksList as v, SubHeader as L } from "./LinksManager.styled.es.js";
+import { useState as S } from "react";
+import { Container as v, Header as L, LinksList as M, SubHeader as C } from "./LinksManager.styled.es.js";
 import { upperFirst as E } from "lodash";
 import "react-toastify";
-import { getEntityId as l } from "../../util/getEntityId.es.js";
+import { getEntityId as c } from "../../util/getEntityId.es.js";
 import "../../util/pubsub.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 b from "./AddNewLinks.es.js";
+import { EntityPickerDialog as A } from "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import { LinkManagerItem as R } from "./LinkManagerItem.es.js";
-import { Button as b } from "@ynput/ayon-react-components";
-const J = ({
-  linkTypeLabel: c,
-  direction: s,
-  links: a = [],
-  projectName: r,
-  entityId: u,
+import { Button as F } from "@ynput/ayon-react-components";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import { useGlobalContext as H } from "../../context/GlobalContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContext.es.js";
+import "../../context/UriContext.es.js";
+const at = ({
+  linkTypeLabel: u,
+  direction: m,
+  links: s = [],
+  projectName: o,
+  entityId: x,
   entityType: y,
-  linkType: x,
-  targetEntityType: o,
-  folderId: d,
-  selectedEntityIds: h = [],
-  onClose: m,
-  onEntityClick: f
+  linkType: h,
+  targetEntityType: e,
+  folderId: p,
+  selectedEntityIds: f = [],
+  onClose: a,
+  onEntityClick: g
 }) => {
-  const n = T({
-    projectName: r,
-    direction: s,
-    entityId: u,
+  const { user: d } = H(), k = d?.data?.isAdmin || d?.data?.isManager, n = T({
+    projectName: o,
+    direction: m,
+    entityId: x,
     entityType: y,
-    targetEntityType: o,
-    linkType: x
-  }), [k, p] = g(null), I = (e, i) => {
-    e.stopPropagation(), n.remove([
+    targetEntityType: e,
+    linkType: h
+  }), [I, l] = S(null), j = (i, r) => {
+    i.stopPropagation(), n.remove([
       {
-        id: i.linkId,
-        target: { entityId: i.entityId, entityType: i.entityType }
+        id: r.linkId,
+        target: { entityId: r.entityId, entityType: r.entityType }
       }
     ]);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs(j, { children: [
-      /* @__PURE__ */ t.jsxs(S, { children: [
-        E(c),
+    /* @__PURE__ */ t.jsxs(v, { children: [
+      /* @__PURE__ */ t.jsxs(L, { children: [
+        E(u),
         " links (",
-        s,
+        m,
         ")",
         /* @__PURE__ */ t.jsx(
-          b,
+          F,
           {
             icon: "close",
             variant: "text",
             className: "remove",
-            onClick: m,
+            onClick: a,
             "data-shortcut": "Escape",
             "data-tooltip-delay": 500
           }
         )
       ] }),
-      /* @__PURE__ */ t.jsxs(v, { children: [
-        a?.map((e) => /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsxs(M, { children: [
+        s?.map((i) => /* @__PURE__ */ t.jsx(
           R,
           {
-            link: e,
-            isSelected: h.includes(e.entityId),
-            onEntityClick: f,
-            onRemove: I
+            link: i,
+            isSelected: f.includes(i.entityId),
+            onEntityClick: g,
+            onRemove: j,
+            isManager: k
           },
-          e.linkId
+          i.linkId
         )),
-        a.length === 0 && /* @__PURE__ */ t.jsx(L, { children: "No links yet" })
+        s.length === 0 && /* @__PURE__ */ t.jsx(C, { children: "No links yet" })
       ] }),
       /* @__PURE__ */ t.jsx(
-        C,
+        b,
         {
-          targetEntityType: o,
-          projectName: r,
-          onClose: m,
-          onAdd: (e) => n.add([{ targetEntityId: e, linkId: l() }]),
-          onSearchTypeChange: p
+          targetEntityType: e,
+          projectName: o,
+          onClose: a,
+          onAdd: (i) => n.add([{ targetEntityId: i, linkId: c() }]),
+          onSearchTypeChange: l
         }
       )
     ] }),
-    k === "picker" && /* @__PURE__ */ t.jsx(
-      M,
+    I === "picker" && /* @__PURE__ */ t.jsx(
+      A,
       {
-        onClose: () => p(null),
-        projectName: r,
-        entityType: o,
-        initialSelection: d ? { folder: { [d]: !0 } } : void 0,
-        onSubmit: (e) => n.add(e.map((i) => ({ targetEntityId: i, linkId: l() }))),
+        onClose: () => l(null),
+        projectName: o,
+        entityType: e,
+        initialSelection: p ? { folder: { [p]: !0 } } : void 0,
+        onSubmit: (i) => n.add(i.map((r) => ({ targetEntityId: r, linkId: c() }))),
         isMultiSelect: !0
       }
     )
   ] });
 };
 export {
-  J as LinksManager
+  at as LinksManager
 };
 //# sourceMappingURL=LinksManager.es.js.map

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

	@@ -1 +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'\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 isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\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":"~~;;;;;;;;;;;;AAmCO~~,MAAMA,~~IAAsC~~,CAAC;AAAA,EAClD,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AAAA,EACpB,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~~,gBAAA,GAEFN,EAAa,OAAO;AAAA,MAClB;AAAA,QACE,~~IAAIM~~,EAAK;AAAA,QACT,QAAQ,EAAE,UAAUA,EAAK,UAAU,YAAYA,EAAK,WAAA;AAAA,MAAW;AAAA,IACjE,CACD;AAAA,EACH;AAEA,SACEC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,OAACG,GAAA,EACE,UAAA;AAAA,QAAAC,~~EAAWvB~~,CAAa;AAAA,QAAE;AAAA,QAASC;AAAA,QAAU;AAAA,~~QAC9CuB~~,gBAAAA,EAAAA;AAAAA,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,~~QAAAxB~~,GAAO,IAAI,~~CAACgB~~,MACXM,gBAAAA,EAAAA;AAAAA,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,~~CAMb~~;AAAA,~~QACAhB~~,EAAM,WAAW,~~2BAAM0B~~,GAAA,EAAiB,UAAA,eAAA,CAAY;AAAA,MAAA,GACvD;AAAA,MACAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,~~kBAAAtB~~;AAAA,UACA,aAAAJ;AAAA,UACA,SAAAO;AAAA,UACA,OAAO,~~CAACoB~~,~~MAAOlB~~,EAAa,IAAI,CAAC,EAAE,~~gBAAgBkB~~,GAAI,QAAQC,EAAA,EAAY,CAAG,CAAC;AAAA,UAC/E,~~oBAAoBhB~~;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACCD,MAAe,~~YACdU~~,gBAAAA,EAAAA;AAAAA,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,GAAA,EAAK,IAAM;AAAA,QAChE,UAAU,~~CAACyB~~,~~MACTrB~~,EAAa,~~IAAIqB~~,EAAE,IAAI,CAACH,OAAQ,EAAE,gBAAgBA,GAAI,QAAQC,EAAA,EAAY,EAAI,CAAC;AAAA,QAEjF,eAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GAEJ;AAEJ;"}
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'\nimport { Button } from '@ynput/ayon-react-components'\nimport { useGlobalContext } from '@shared/context'\n\nexport type LinkEntity = {\n linkId: string\n entityId: string\n label: string\n parents: string[]\n entityType: string\n icon: string\n isRestricted?: boolean // flag to indicate if this link is restricted (node is null from API)\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 { user } = useGlobalContext()\n const isManager = user?.data?.isAdmin \|\| user?.data?.isManager\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 isManager={isManager}\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","user","useGlobalContext","isManager","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAMA,KAAsC,CAAC;AAAA,EAClD,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AAAA,EACpB,SAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAYF,GAAM,MAAM,WAAWA,GAAM,MAAM,WAE/CG,IAAeC,EAAe;AAAA,IAClC,aAAAb;AAAA,IACA,WAAAF;AAAA,IACA,UAAAG;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAE;AAAA,IACA,UAAAD;AAAA,EAAA,CACD,GAEK,CAACW,GAAYC,CAAa,IAAIC,EAAyB,IAAI,GAE3DC,IAAe,CAACC,GAAwCC,MAAqB;AAEjF,IAAAD,EAAE,gBAAA,GAEFN,EAAa,OAAO;AAAA,MAClB;AAAA,QACE,IAAIO,EAAK;AAAA,QACT,QAAQ,EAAE,UAAUA,EAAK,UAAU,YAAYA,EAAK,WAAA;AAAA,MAAW;AAAA,IACjE,CACD;AAAA,EACH;AAEA,SACEC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,OAACG,GAAA,EACE,UAAA;AAAA,QAAAC,EAAW3B,CAAa;AAAA,QAAE;AAAA,QAASC;AAAA,QAAU;AAAA,QAC9C2B,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAASnB;AAAA,YACT,iBAAe;AAAA,YACf,sBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MACtB,GACF;AAAA,MACAa,gBAAAA,OAACO,GAAA,EACE,UAAA;AAAA,QAAA5B,GAAO,IAAI,CAACoB,MACXM,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YAEC,MAAAT;AAAA,YACA,YAAYb,EAAkB,SAASa,EAAK,QAAQ;AAAA,YACpD,eAAAX;AAAA,YACA,UAAUS;AAAA,YACV,WAAAN;AAAA,UAAA;AAAA,UALKQ,EAAK;AAAA,QAAA,CAOb;AAAA,QACApB,EAAM,WAAW,2BAAM8B,GAAA,EAAiB,UAAA,eAAA,CAAY;AAAA,MAAA,GACvD;AAAA,MACAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,kBAAA1B;AAAA,UACA,aAAAJ;AAAA,UACA,SAAAO;AAAA,UACA,OAAO,CAACwB,MAAOnB,EAAa,IAAI,CAAC,EAAE,gBAAgBmB,GAAI,QAAQC,EAAA,EAAY,CAAG,CAAC;AAAA,UAC/E,oBAAoBjB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACCD,MAAe,YACdW,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,SAAS,MAAMlB,EAAc,IAAI;AAAA,QACjC,aAAAf;AAAA,QACA,YAAYI;AAAA,QACZ,kBAAkBC,IAAW,EAAE,QAAQ,EAAE,CAACA,CAAQ,GAAG,GAAA,EAAK,IAAM;AAAA,QAChE,UAAU,CAAC6B,MACTtB,EAAa,IAAIsB,EAAE,IAAI,CAACH,OAAQ,EAAE,gBAAgBA,GAAI,QAAQC,EAAA,EAAY,EAAI,CAAC;AAAA,QAEjF,eAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GAEJ;AAEJ;"}

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

@@ -64,7 +64,8 @@
     }
   }
-  &.restricted {
+  &.restricted,
+  &.unknown {
     opacity: 0.5;
     font-style: italic;
   }

package/dist/shared/src/components/LinksManager/LinksManager.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinksManager.styled.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n padding: var(--padding-m);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-l);\n display: flex;\n flex-direction: column;\n height: 100%; /* Use height instead of max-height to enforce constraints /\n overflow: hidden;\n flex-grow: 1;\n min-height: 0; / Allow flex child to shrink below content size /\n`\n\nexport const Header = styled.h4`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n .remove {\n padding: 2px;\n background: none;\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest);\n }\n }\n`\n\nexport const SubHeader = styled.h5`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n\n color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n / card styling /\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 4px 4px;\n\n &.clickable {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n\n &.restricted {\n opacity: 0.5;\n font-style: italic;\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n\n &:hover {\n background-color: var(--md-sys-color-primary-container-hover);\n }\n\n .remove {\n / show remove icon when selected /\n visibility: visible;\n / use selected hover /\n &:hover {\n background-color: var(--md-sys-color-on-primary);\n color: var(--md-sys-color-primary);\n }\n }\n }\n\n .title {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--base-gap-small);\n flex: 1;\n }\n\n .path {\n color: var(--md-sys-color-outline);\n }\n\n .label {\n font-weight: bold;\n }\n\n / show remove icon when hovering item /\n &:hover {\n .remove {\n visibility: visible;\n }\n }\n\n .remove {\n padding: 2px;\n visibility: hidden;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n`\n\nexport const AddLinksContainer = styled.div`\n display: flex;\n flex-direction: column;\n / hack for search border cutoff /\n padding: 2px;\n margin: -2px;\n padding-top: var(--padding-m);\n flex-shrink: 0; / Don't shrink this section /\n min-height: 0; / Allow internal scrolling /\n overflow: hidden; / Prevent this section from expanding beyond bounds /\n\n / Set a reasonable max-height that allows for search functionality /\n max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding-top: var(--padding-s);\n\n .input-search {\n position: absolute;\n left: 4px;\n }\n`\n\nexport const PickerButton = styled(Button)`\n min-width: 110px;\n flex: 1;\n width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container);\n padding-left: 28px;\n width: 100%;\n min-width: 224px;\n`\n\nexport const Error = styled.div`\n color: var(--md-sys-color-error);\n margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n list-style: none;\n padding: 0;\n margin: 0;\n overflow-y: auto;\n padding: var(--padding-m) 0;\n flex: 1; / Take available space instead of height: 100% /\n min-height: 0; / Allow shrinking /\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n padding: var(--padding-s);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n min-height: min-content;\n\n &:hover,\n &:focus,\n &.selected {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &.loading {\n cursor: default;\n opacity: 0.6;\n\n .icon,\n .label,\n .type {\n background-color: var(--md-sys-color-outline);\n color: transparent;\n border-radius: var(--border-radius-s);\n animation: shimmer 1.5s infinite;\n }\n\n .icon {\n width: 16px;\n height: 16px;\n }\n\n .label {\n height: 16px;\n flex: 1;\n }\n\n .type {\n width: 60px;\n height: 14px;\n }\n }\n\n @keyframes shimmer {\n 0% {\n opacity: 0.6;\n }\n 50% {\n opacity: 0.3;\n }\n 100% {\n opacity: 0.6;\n }\n }\n\n .icon {\n flex-shrink: 0;\n }\n\n .label {\n flex: 1;\n display: flex;\n column-gap: var(--base-gap-small);\n flex-wrap: wrap;\n\n & > {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .type {\n margin-left: 8px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":"+JAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBC,EAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBE,EAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnBG,EAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBI,EAAWJ,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;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAkFlBK~~,EAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB3BM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvBO,EAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAchBQ,EAAeR,EAAOS,QAAM;AAAA;AAAA;AAAA;AAAA,EAM5BC,EAAcV,EAAOW,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BC,EAAQZ,EAAO;AAAA;AAAA;AAAA,EAKfa,EAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarBc,EAAad,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;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"LinksManager.styled.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n padding: var(--padding-m);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-l);\n display: flex;\n flex-direction: column;\n height: 100%; /* Use height instead of max-height to enforce constraints /\n overflow: hidden;\n flex-grow: 1;\n min-height: 0; / Allow flex child to shrink below content size /\n`\n\nexport const Header = styled.h4`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n .remove {\n padding: 2px;\n background: none;\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest);\n }\n }\n`\n\nexport const SubHeader = styled.h5`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n\n color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n / card styling /\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 4px 4px;\n\n &.clickable {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n\n &.restricted,\n &.unknown {\n opacity: 0.5;\n font-style: italic;\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n\n &:hover {\n background-color: var(--md-sys-color-primary-container-hover);\n }\n\n .remove {\n / show remove icon when selected /\n visibility: visible;\n / use selected hover /\n &:hover {\n background-color: var(--md-sys-color-on-primary);\n color: var(--md-sys-color-primary);\n }\n }\n }\n\n .title {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--base-gap-small);\n flex: 1;\n }\n\n .path {\n color: var(--md-sys-color-outline);\n }\n\n .label {\n font-weight: bold;\n }\n\n / show remove icon when hovering item /\n &:hover {\n .remove {\n visibility: visible;\n }\n }\n\n .remove {\n padding: 2px;\n visibility: hidden;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n`\n\nexport const AddLinksContainer = styled.div`\n display: flex;\n flex-direction: column;\n / hack for search border cutoff /\n padding: 2px;\n margin: -2px;\n padding-top: var(--padding-m);\n flex-shrink: 0; / Don't shrink this section /\n min-height: 0; / Allow internal scrolling /\n overflow: hidden; / Prevent this section from expanding beyond bounds /\n\n / Set a reasonable max-height that allows for search functionality /\n max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding-top: var(--padding-s);\n\n .input-search {\n position: absolute;\n left: 4px;\n }\n`\n\nexport const PickerButton = styled(Button)`\n min-width: 110px;\n flex: 1;\n width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container);\n padding-left: 28px;\n width: 100%;\n min-width: 224px;\n`\n\nexport const Error = styled.div`\n color: var(--md-sys-color-error);\n margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n list-style: none;\n padding: 0;\n margin: 0;\n overflow-y: auto;\n padding: var(--padding-m) 0;\n flex: 1; / Take available space instead of height: 100% /\n min-height: 0; / Allow shrinking /\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n padding: var(--padding-s);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n min-height: min-content;\n\n &:hover,\n &:focus,\n &.selected {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &.loading {\n cursor: default;\n opacity: 0.6;\n\n .icon,\n .label,\n .type {\n background-color: var(--md-sys-color-outline);\n color: transparent;\n border-radius: var(--border-radius-s);\n animation: shimmer 1.5s infinite;\n }\n\n .icon {\n width: 16px;\n height: 16px;\n }\n\n .label {\n height: 16px;\n flex: 1;\n }\n\n .type {\n width: 60px;\n height: 14px;\n }\n }\n\n @keyframes shimmer {\n 0% {\n opacity: 0.6;\n }\n 50% {\n opacity: 0.3;\n }\n 100% {\n opacity: 0.6;\n }\n }\n\n .icon {\n flex-shrink: 0;\n }\n\n .label {\n flex: 1;\n display: flex;\n column-gap: var(--base-gap-small);\n flex-wrap: wrap;\n\n & > {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .type {\n margin-left: 8px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":"+JAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBC,EAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBE,EAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnBG,EAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBI,EAAWJ,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmFlBK,EAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB3BM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvBO,EAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAchBQ,EAAeR,EAAOS,QAAM;AAAA;AAAA;AAAA;AAAA,EAM5BC,EAAcV,EAAOW,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BC,EAAQZ,EAAO;AAAA;AAAA;AAAA,EAKfa,EAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarBc,EAAad,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;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/LinksManager/LinksManager.styled.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Button as r, InputText as o } from "@ynput/ayon-react-components";
+import { Button as o, InputText as r } from "@ynput/ayon-react-components";
 import e from "styled-components";
 const n = e.div`
   padding: var(--padding-m);
@@ -66,7 +66,8 @@ const n = e.div`
     }
   }
-  &.restricted {
+  &.restricted,
+  &.unknown {
     opacity: 0.5;
     font-style: italic;
   }
@@ -154,11 +155,11 @@ const n = e.div`
     position: absolute;
     left: 4px;
   }
-`, g = e(r)`
+`, g = e(o)`
   min-width: 110px;
   flex: 1;
   width: 100%;
-`, m = e(o)`
+`, m = e(r)`
   flex: 1;
   border: none;
   background-color: var(--md-sys-color-surface-container);

package/dist/shared/src/components/LinksManager/LinksManager.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinksManager.styled.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n padding: var(--padding-m);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-l);\n display: flex;\n flex-direction: column;\n height: 100%; /* Use height instead of max-height to enforce constraints /\n overflow: hidden;\n flex-grow: 1;\n min-height: 0; / Allow flex child to shrink below content size /\n`\n\nexport const Header = styled.h4`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n .remove {\n padding: 2px;\n background: none;\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest);\n }\n }\n`\n\nexport const SubHeader = styled.h5`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n\n color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n / card styling /\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 4px 4px;\n\n &.clickable {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n\n &.restricted {\n opacity: 0.5;\n font-style: italic;\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n\n &:hover {\n background-color: var(--md-sys-color-primary-container-hover);\n }\n\n .remove {\n / show remove icon when selected /\n visibility: visible;\n / use selected hover /\n &:hover {\n background-color: var(--md-sys-color-on-primary);\n color: var(--md-sys-color-primary);\n }\n }\n }\n\n .title {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--base-gap-small);\n flex: 1;\n }\n\n .path {\n color: var(--md-sys-color-outline);\n }\n\n .label {\n font-weight: bold;\n }\n\n / show remove icon when hovering item /\n &:hover {\n .remove {\n visibility: visible;\n }\n }\n\n .remove {\n padding: 2px;\n visibility: hidden;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n`\n\nexport const AddLinksContainer = styled.div`\n display: flex;\n flex-direction: column;\n / hack for search border cutoff /\n padding: 2px;\n margin: -2px;\n padding-top: var(--padding-m);\n flex-shrink: 0; / Don't shrink this section /\n min-height: 0; / Allow internal scrolling /\n overflow: hidden; / Prevent this section from expanding beyond bounds /\n\n / Set a reasonable max-height that allows for search functionality /\n max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding-top: var(--padding-s);\n\n .input-search {\n position: absolute;\n left: 4px;\n }\n`\n\nexport const PickerButton = styled(Button)`\n min-width: 110px;\n flex: 1;\n width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container);\n padding-left: 28px;\n width: 100%;\n min-width: 224px;\n`\n\nexport const Error = styled.div`\n color: var(--md-sys-color-error);\n margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n list-style: none;\n padding: 0;\n margin: 0;\n overflow-y: auto;\n padding: var(--padding-m) 0;\n flex: 1; / Take available space instead of height: 100% /\n min-height: 0; / Allow shrinking /\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n padding: var(--padding-s);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n min-height: min-content;\n\n &:hover,\n &:focus,\n &.selected {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &.loading {\n cursor: default;\n opacity: 0.6;\n\n .icon,\n .label,\n .type {\n background-color: var(--md-sys-color-outline);\n color: transparent;\n border-radius: var(--border-radius-s);\n animation: shimmer 1.5s infinite;\n }\n\n .icon {\n width: 16px;\n height: 16px;\n }\n\n .label {\n height: 16px;\n flex: 1;\n }\n\n .type {\n width: 60px;\n height: 14px;\n }\n }\n\n @keyframes shimmer {\n 0% {\n opacity: 0.6;\n }\n 50% {\n opacity: 0.3;\n }\n 100% {\n opacity: 0.6;\n }\n }\n\n .icon {\n flex-shrink: 0;\n }\n\n .label {\n flex: 1;\n display: flex;\n column-gap: var(--base-gap-small);\n flex-wrap: wrap;\n\n & > {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .type {\n margin-left: 8px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBC,IAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBE,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBG,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBI,IAAWJ,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;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAkFlBK~~,IAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgB3BM,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBO,IAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBQ,IAAeR,EAAOS,CAAM;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAcV,EAAOW,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS9BC,IAAQZ,EAAO;AAAA;AAAA;AAAA,GAKfa,IAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAarBc,IAAad,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;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"LinksManager.styled.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n padding: var(--padding-m);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-l);\n display: flex;\n flex-direction: column;\n height: 100%; /* Use height instead of max-height to enforce constraints /\n overflow: hidden;\n flex-grow: 1;\n min-height: 0; / Allow flex child to shrink below content size /\n`\n\nexport const Header = styled.h4`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n .remove {\n padding: 2px;\n background: none;\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest);\n }\n }\n`\n\nexport const SubHeader = styled.h5`\n margin: 0;\n padding: 0;\n padding-bottom: var(--padding-s);\n flex-shrink: 0;\n\n color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow-y: auto;\n flex: 1;\n min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n / reset any defaults /\n list-style: none;\n padding: 0;\n margin: 0;\n\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n / card styling /\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 4px 4px;\n\n &.clickable {\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n\n &.restricted,\n &.unknown {\n opacity: 0.5;\n font-style: italic;\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n\n &:hover {\n background-color: var(--md-sys-color-primary-container-hover);\n }\n\n .remove {\n / show remove icon when selected /\n visibility: visible;\n / use selected hover /\n &:hover {\n background-color: var(--md-sys-color-on-primary);\n color: var(--md-sys-color-primary);\n }\n }\n }\n\n .title {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--base-gap-small);\n flex: 1;\n }\n\n .path {\n color: var(--md-sys-color-outline);\n }\n\n .label {\n font-weight: bold;\n }\n\n / show remove icon when hovering item /\n &:hover {\n .remove {\n visibility: visible;\n }\n }\n\n .remove {\n padding: 2px;\n visibility: hidden;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n`\n\nexport const AddLinksContainer = styled.div`\n display: flex;\n flex-direction: column;\n / hack for search border cutoff /\n padding: 2px;\n margin: -2px;\n padding-top: var(--padding-m);\n flex-shrink: 0; / Don't shrink this section /\n min-height: 0; / Allow internal scrolling /\n overflow: hidden; / Prevent this section from expanding beyond bounds /\n\n / Set a reasonable max-height that allows for search functionality /\n max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding-top: var(--padding-s);\n\n .input-search {\n position: absolute;\n left: 4px;\n }\n`\n\nexport const PickerButton = styled(Button)`\n min-width: 110px;\n flex: 1;\n width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container);\n padding-left: 28px;\n width: 100%;\n min-width: 224px;\n`\n\nexport const Error = styled.div`\n color: var(--md-sys-color-error);\n margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n list-style: none;\n padding: 0;\n margin: 0;\n overflow-y: auto;\n padding: var(--padding-m) 0;\n flex: 1; / Take available space instead of height: 100% /\n min-height: 0; / Allow shrinking /\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n padding: var(--padding-s);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n cursor: pointer;\n overflow: hidden;\n min-height: min-content;\n\n &:hover,\n &:focus,\n &.selected {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &.loading {\n cursor: default;\n opacity: 0.6;\n\n .icon,\n .label,\n .type {\n background-color: var(--md-sys-color-outline);\n color: transparent;\n border-radius: var(--border-radius-s);\n animation: shimmer 1.5s infinite;\n }\n\n .icon {\n width: 16px;\n height: 16px;\n }\n\n .label {\n height: 16px;\n flex: 1;\n }\n\n .type {\n width: 60px;\n height: 14px;\n }\n }\n\n @keyframes shimmer {\n 0% {\n opacity: 0.6;\n }\n 50% {\n opacity: 0.3;\n }\n 100% {\n opacity: 0.6;\n }\n }\n\n .icon {\n flex-shrink: 0;\n }\n\n .label {\n flex: 1;\n display: flex;\n column-gap: var(--base-gap-small);\n flex-wrap: wrap;\n\n & > {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n\n .type {\n margin-left: 8px;\n color: var(--md-sys-color-outline);\n }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBC,IAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBE,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBG,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBI,IAAWJ,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmFlBK,IAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgB3BM,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBO,IAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBQ,IAAeR,EAAOS,CAAM;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAcV,EAAOW,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS9BC,IAAQZ,EAAO;AAAA;AAAA;AAAA,GAKfa,IAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAarBc,IAAad,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;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/ProjectTableSettings/ColumnsSettings.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";const l=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),N=require("styled-components"),A=require("./TableSettings.styled.cjs.js"),fe=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),ge=require("./ColumnItem.cjs.js"),L=require("./SortableColumnItem.cjs.js"),p=require("@dnd-kit/core"),P=require("@dnd-kit/sortable"),ve=require("react-toastify"),xe=({columns:h,highlighted:v})=>{const{columnVisibility:r,updateColumnVisibility:z,columnPinning:c,updateColumnPinning:ee,columnOrder:f,setColumnsConfig:E,columnSizing:ne,groupBy:R}=fe.useColumnSettingsContext(),[F,_]=a.useState(null),[ie,$]=a.useState(!1),[se,G]=a.useState(!1),[J,K]=a.useState(!1),[te,D]=a.useState(!1),[le,H]=a.useState(!1),oe=p.useSensors(p.useSensor(p.PointerSensor,{activationConstraint:{distance:5}})),I=a.useRef(null);a.useEffect(()=>{if(I.current&&v){const e=I.current.querySelector(`#column-settings-${v}`);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}},[v]);const{visibleColumns:b,hiddenColumns:j,pinnedColumns:m}=a.useMemo(()=>{const e=h.filter(s=>r[s.value]!==!1),n=h.filter(s=>r[s.value]===!1),i=e.filter(s=>c.left?.includes(s.value));return{visibleColumns:e.filter(s=>!c.left?.includes(s.value)),hiddenColumns:n,pinnedColumns:i}},[h,r,c]),S=a.useMemo(()=>{const e=[...b];return f.length>0&&e.sort((n,i)=>{const d=f.indexOf(n.value),s=f.indexOf(i.value);return d===-1?1:s===-1?-1:d-s}),e},[b,f]),y=a.useMemo(()=>{const e=[...m];return f.length>0&&e.sort((n,i)=>{const d=f.indexOf(n.value),s=f.indexOf(i.value);return d===-1?1:s===-1?-1:d-s}),e},[m,f]),Q=a.useMemo(()=>S.map(e=>e.value),[S]),U=a.useMemo(()=>y.map(e=>e.value),[y]),w=e=>{const n={...r};n[e]!==!1?n[e]=!1:n[e]=!0,z(n)},q=e=>{const n={...c},i={...r};n.left?.includes(e)?n.left=n.left.filter(d=>d!==e):(n.left=[...n.left||[],e],i[e]===!1&&(i[e]=!0,z(i))),ee(n)},re=e=>{const n=e.active.id;_(n),K(c.left?.includes(n)||!1)},ae=e=>{const{active:n,over:i}=e;if(i&&n.id!==i.id){const d=r[n.id]===!1,s=r[i.id]!==!1,t=c.left?.includes(i.id)||!1,x=r[i.id]===!1;$(d&&s&&!t),G(s&&t),H(x),D(s&&!t)}else D(!1),H(!1)},de=e=>{$(!1),G(!1),K(!1),D(!1),H(!1);const{active:n,over:i}=e;if(i&&n.id!==i.id){const d=[...b,...j,...m].find(t=>t.value===n.id),s=[...b,...j,...m].find(t=>t.value===i.id);if(d&&s){const t=n.id,x=i.id,M=r[t]!==!1,W=r[x]!==!1,O=c.left?.includes(t)||!1,V=c.left?.includes(x)||!1,ue=r[x]===!1,o={columnVisibility:{...r},columnOrder:[...f],columnPinning:{...c},columnSizing:{...ne}};if(M&&W){let u=[...o.columnPinning.left||[]];O!==V&&(O&&!V?u=u.filter(T=>T!==t):!O&&V&&(u=[...u,t]));const g=[...U,...Q],X=g.indexOf(t),Y=g.indexOf(x);if(X===-1||Y===-1){console.error("Invalid column order state"),ve.toast.error("Invalid column order state");return}const Z=P.arrayMove(g,X,Y),ce=Z.filter(T=>u.includes(T));o.columnOrder=Z,o.columnPinning={...o.columnPinning,left:ce},E(o)}else if(!M&&W){if(o.columnVisibility[t]=!0,V){const g=[...o.columnPinning.left||[],t];o.columnPinning.left=g}const u=[...U,...Q];if(!u.includes(t)){const g=u.indexOf(x);u.splice(g,0,t)}o.columnOrder=u,E(o)}else if(M&&ue){if(o.columnVisibility[t]=!1,O){const u=(o.columnPinning.left||[]).filter(g=>g!==t);o.columnPinning.left=u}E(o)}}}_(null)},C=F?[...b,...j,...m].find(e=>e.value===F):null;return l.jsxRuntimeExports.jsx(p.DndContext,{sensors:oe,collisionDetection:p.closestCenter,onDragStart:re,onDragOver:ae,onDragEnd:de,children:l.jsxRuntimeExports.jsxs(me,{children:[m.length>0&&l.jsxRuntimeExports.jsxs(k,{className:se&&!J?"drop-target":"",children:[l.jsxRuntimeExports.jsx(B,{children:"Pinned Columns"}),l.jsxRuntimeExports.jsx(P.SortableContext,{items:y.map(e=>e.value),strategy:P.verticalListSortingStrategy,children:l.jsxRuntimeExports.jsx(A.Menu,{children:y.map(e=>l.jsxRuntimeExports.jsx(L,{id:e.value,column:e,isPinned:!0,isHidden:!1,isDisabled:!!R&&e.value==="name",isHighlighted:v===e.value,onTogglePinning:q,onToggleVisibility:w},e.value))})})]}),l.jsxRuntimeExports.jsxs(k,{className:ie||J&&te?"drop-target":"",children:[l.jsxRuntimeExports.jsx(B,{children:"Visible Columns"}),l.jsxRuntimeExports.jsx(P.SortableContext,{items:S.map(e=>e.value),strategy:P.verticalListSortingStrategy,children:l.jsxRuntimeExports.jsx(A.Menu,{children:S.map(e=>l.jsxRuntimeExports.jsx(L,{id:e.value,column:e,isPinned:!1,isHidden:!1,isHighlighted:v===e.value,isDisabled:!!R&&e.value==="name",onTogglePinning:q,onToggleVisibility:w},e.value))})})]}),j.length>0&&l.jsxRuntimeExports.jsxs(k,{className:le?"drop-target":"",children:[l.jsxRuntimeExports.jsx(B,{children:"Hidden Columns"}),l.jsxRuntimeExports.jsx(A.Menu,{ref:I,children:j.map(e=>l.jsxRuntimeExports.jsx(L,{id:e.value,column:e,isPinned:c.left?.includes(e.value)||!1,isHidden:!0,isHighlighted:v===e.value,isDisabled:!!R&&e.value==="name",onTogglePinning:q,onToggleVisibility:w},e.value))})]}),l.jsxRuntimeExports.jsx(p.DragOverlay,{children:C&&l.jsxRuntimeExports.jsx(ge,{column:C,isPinned:c.left?.includes(C.value)||!1,isHidden:r[C.value]===!1,isHighlighted:v===C.value,dragOverlay:!0})})]})})},me=N.div`
+"use strict";const l=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),N=require("styled-components"),A=require("./TableSettings.styled.cjs.js"),ve=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),xe=require("./ColumnItem.cjs.js"),L=require("./SortableColumnItem.cjs.js"),p=require("@dnd-kit/core"),P=require("@dnd-kit/sortable"),me=require("react-toastify"),pe=({columns:E,highlighted:v})=>{const{columnVisibility:r,updateColumnVisibility:z,columnPinning:c,updateColumnPinning:ee,columnOrder:f,setColumnsConfig:R,columnSizing:ne,groupBy:S,sorting:ie,rowHeight:se}=ve.useColumnSettingsContext(),[F,_]=a.useState(null),[te,$]=a.useState(!1),[le,G]=a.useState(!1),[J,K]=a.useState(!1),[oe,H]=a.useState(!1),[re,D]=a.useState(!1),ae=p.useSensors(p.useSensor(p.PointerSensor,{activationConstraint:{distance:5}})),w=a.useRef(null);a.useEffect(()=>{if(w.current&&v){const e=w.current.querySelector(`#column-settings-${v}`);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}},[v]);const{visibleColumns:b,hiddenColumns:j,pinnedColumns:m}=a.useMemo(()=>{const e=E.filter(s=>r[s.value]!==!1),n=E.filter(s=>r[s.value]===!1),i=e.filter(s=>c.left?.includes(s.value));return{visibleColumns:e.filter(s=>!c.left?.includes(s.value)),hiddenColumns:n,pinnedColumns:i}},[E,r,c]),y=a.useMemo(()=>{const e=[...b];return f.length>0&&e.sort((n,i)=>{const d=f.indexOf(n.value),s=f.indexOf(i.value);return d===-1?1:s===-1?-1:d-s}),e},[b,f]),O=a.useMemo(()=>{const e=[...m];return f.length>0&&e.sort((n,i)=>{const d=f.indexOf(n.value),s=f.indexOf(i.value);return d===-1?1:s===-1?-1:d-s}),e},[m,f]),Q=a.useMemo(()=>y.map(e=>e.value),[y]),U=a.useMemo(()=>O.map(e=>e.value),[O]),I=e=>{const n={...r};n[e]!==!1?n[e]=!1:n[e]=!0,z(n)},q=e=>{const n={...c},i={...r};n.left?.includes(e)?n.left=n.left.filter(d=>d!==e):(n.left=[...n.left||[],e],i[e]===!1&&(i[e]=!0,z(i))),ee(n)},de=e=>{const n=e.active.id;_(n),K(c.left?.includes(n)||!1)},ue=e=>{const{active:n,over:i}=e;if(i&&n.id!==i.id){const d=r[n.id]===!1,s=r[i.id]!==!1,t=c.left?.includes(i.id)||!1,x=r[i.id]===!1;$(d&&s&&!t),G(s&&t),D(x),H(s&&!t)}else H(!1),D(!1)},ce=e=>{$(!1),G(!1),K(!1),H(!1),D(!1);const{active:n,over:i}=e;if(i&&n.id!==i.id){const d=[...b,...j,...m].find(t=>t.value===n.id),s=[...b,...j,...m].find(t=>t.value===i.id);if(d&&s){const t=n.id,x=i.id,M=r[t]!==!1,W=r[x]!==!1,V=c.left?.includes(t)||!1,h=c.left?.includes(x)||!1,fe=r[x]===!1,o={columnVisibility:{...r},columnOrder:[...f],columnPinning:{...c},columnSizing:{...ne},groupBy:S,sorting:ie,rowHeight:se};if(M&&W){let u=[...o.columnPinning.left||[]];V!==h&&(V&&!h?u=u.filter(T=>T!==t):!V&&h&&(u=[...u,t]));const g=[...U,...Q],X=g.indexOf(t),Y=g.indexOf(x);if(X===-1||Y===-1){console.error("Invalid column order state"),me.toast.error("Invalid column order state");return}const Z=P.arrayMove(g,X,Y),ge=Z.filter(T=>u.includes(T));o.columnOrder=Z,o.columnPinning={...o.columnPinning,left:ge},R(o)}else if(!M&&W){if(o.columnVisibility[t]=!0,h){const g=[...o.columnPinning.left||[],t];o.columnPinning.left=g}const u=[...U,...Q];if(!u.includes(t)){const g=u.indexOf(x);u.splice(g,0,t)}o.columnOrder=u,R(o)}else if(M&&fe){if(o.columnVisibility[t]=!1,V){const u=(o.columnPinning.left||[]).filter(g=>g!==t);o.columnPinning.left=u}R(o)}}}_(null)},C=F?[...b,...j,...m].find(e=>e.value===F):null;return l.jsxRuntimeExports.jsx(p.DndContext,{sensors:ae,collisionDetection:p.closestCenter,onDragStart:de,onDragOver:ue,onDragEnd:ce,children:l.jsxRuntimeExports.jsxs(be,{children:[m.length>0&&l.jsxRuntimeExports.jsxs(k,{className:le&&!J?"drop-target":"",children:[l.jsxRuntimeExports.jsx(B,{children:"Pinned Columns"}),l.jsxRuntimeExports.jsx(P.SortableContext,{items:O.map(e=>e.value),strategy:P.verticalListSortingStrategy,children:l.jsxRuntimeExports.jsx(A.Menu,{children:O.map(e=>l.jsxRuntimeExports.jsx(L,{id:e.value,column:e,isPinned:!0,isHidden:!1,isDisabled:!!S&&e.value==="name",isHighlighted:v===e.value,onTogglePinning:q,onToggleVisibility:I},e.value))})})]}),l.jsxRuntimeExports.jsxs(k,{className:te||J&&oe?"drop-target":"",children:[l.jsxRuntimeExports.jsx(B,{children:"Visible Columns"}),l.jsxRuntimeExports.jsx(P.SortableContext,{items:y.map(e=>e.value),strategy:P.verticalListSortingStrategy,children:l.jsxRuntimeExports.jsx(A.Menu,{children:y.map(e=>l.jsxRuntimeExports.jsx(L,{id:e.value,column:e,isPinned:!1,isHidden:!1,isHighlighted:v===e.value,isDisabled:!!S&&e.value==="name",onTogglePinning:q,onToggleVisibility:I},e.value))})})]}),j.length>0&&l.jsxRuntimeExports.jsxs(k,{className:re?"drop-target":"",children:[l.jsxRuntimeExports.jsx(B,{children:"Hidden Columns"}),l.jsxRuntimeExports.jsx(A.Menu,{ref:w,children:j.map(e=>l.jsxRuntimeExports.jsx(L,{id:e.value,column:e,isPinned:c.left?.includes(e.value)||!1,isHidden:!0,isHighlighted:v===e.value,isDisabled:!!S&&e.value==="name",onTogglePinning:q,onToggleVisibility:I},e.value))})]}),l.jsxRuntimeExports.jsx(p.DragOverlay,{children:C&&l.jsxRuntimeExports.jsx(xe,{column:C,isPinned:c.left?.includes(C.value)||!1,isHidden:r[C.value]===!1,isHighlighted:v===C.value,dragOverlay:!0})})]})})},be=N.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -18,5 +18,5 @@
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`;module.exports=xe;
+`;module.exports=pe;
 //# sourceMappingURL=ColumnsSettings.cjs.js.map