@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.es.js

@@ -1,10 +1,10 @@
 import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Icon as o } from "@ynput/ayon-react-components";
-import l from "clsx";
+import { Icon as o, getTextColor as H } from "@ynput/ayon-react-components";
+import t from "clsx";
 import s from "styled-components";
-const H = "edit-trigger", J = s.div`
+const P = "edit-trigger", q = s.div`
   display: flex;
-  gap: var(--base-gap-small);
+  gap: 1px;
   align-items: center;
   width: 100%;
   height: 100%;
@@ -29,39 +29,48 @@ const H = "edit-trigger", J = s.div`
       background-color: var(--md-sys-color-primary-container-hover);
     }
   }
-`, K = s.div`
+
+  /* when value container is higher than 55px, wrap the contents */
+  &:not(.item) {
+    container-type: size;
+
+    @container (min-height: 55px) {
+      .values {
+        flex-wrap: wrap;
+        align-items: flex-start;
+        max-height: 100%;
+      }
+    }
+  }
+`, J = s.div`
   flex: 1;
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
+  align-content: flex-start;
   overflow: hidden;
   border-radius: var(--border-radius-m);
   padding: 0px 2px;
   flex-wrap: nowrap;
-
-  &.wrap {
-    flex-wrap: wrap;
-  }
-`, Q = s.div`
+`, K = s.div`
   display: flex;
-  gap: var(--base-gap-small);
+  gap: 2px;
   align-items: center;
 
   max-width: 100%;
   min-width: 20px;
-`, U = s.span`
+`, Q = s.span`
   text-align: left;
   border-radius: var(--border-radius-m);
   padding: 0px 2px;
   white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;
   max-width: 100%;
 
   &.placeholder {
     color: var(--md-sys-color-outline);
   }
-`, X = s.img`
+`, U = s.img`
   width: 20px;
   height: 20px;
   object-fit: cover;
@@ -69,11 +78,7 @@ const H = "edit-trigger", J = s.div`
   &.avatar {
     border-radius: 50%;
   }
-`, Y = s.div`
-  width: 32px;
-  height: fit-content;
-  min-height: 32px;
-  aspect-ratio: 1;
+`, X = s.div`
   border-radius: var(--border-radius-m);
   display: flex;
   justify-content: center;
@@ -88,99 +93,97 @@ const H = "edit-trigger", J = s.div`
   &.open {
     background-color: transparent;
   }
-`, Z = s(o)`
+`, Y = s(o)`
   transition: rotate 0.2s;
-`, sa = ({
-  selectedOptions: e,
+  padding: 2px;
+`, re = ({
+  selectedOptions: a,
   placeholder: c,
-  hasMultipleValues: g,
+  hasMultipleValues: h,
   isMultiSelect: n,
   isOpen: i,
-  isItem: t,
+  isItem: l,
   isSelected: d,
-  isReadOnly: v,
-  rowHeight: m,
+  isReadOnly: g,
   className: u,
-  pt: y,
-  ...b
+  pt: v,
+  ...y
 }) => {
   const {
-    icon: f = {},
-    img: w = {},
-    value: N = {},
-    expand: S = {},
-    close: j = {}
-  } = y || {}, { style: C, className: k, ...R } = f, { style: E, className: W, ...I } = w, { style: V, className: L, ..._ } = N, { style: A, className: D, ...G } = S, { style: T, className: B, ...F } = j, p = e.every((a) => a.icon), P = !g || !p, x = !p && n && !t, h = !e.length && c;
-  h && (e = [
+    icon: b = {},
+    img: f = {},
+    value: w = {},
+    expand: N = {},
+    close: S = {}
+  } = v || {}, { style: j, className: C, ...k } = b, { style: R, className: E, ...I } = f, { style: W, className: V, ...L } = w, { style: T, className: _, ...A } = N, { style: D, className: G, ...z } = S, m = a.every((e) => e.icon), B = !h || !m, p = !m && n && !l, x = !a.length && c;
+  return x && (a = [
     {
       label: c,
       value: ""
     }
-  ]);
-  const q = m !== void 0 && m > 100;
-  return /* @__PURE__ */ r.jsxs(J, { className: l(u, { selected: d, item: t }), ...b, children: [
-    /* @__PURE__ */ r.jsx(K, { className: l({ wrap: q }), children: e.map((a, z) => /* @__PURE__ */ r.jsxs(Q, { children: [
-      a.icon && $(a.icon) ? /* @__PURE__ */ r.jsx(
-        X,
+  ]), /* @__PURE__ */ r.jsxs(q, { className: t(u, { selected: d, item: l }), ...y, children: [
+    /* @__PURE__ */ r.jsx(J, { className: "values", children: a.map((e, F) => /* @__PURE__ */ r.jsxs(K, { children: [
+      e.icon && Z(e.icon) ? /* @__PURE__ */ r.jsx(
+        U,
         {
-          src: a.icon,
-          className: l({ avatar: M(a.icon) }, W),
-          style: E,
-          "data-tooltip": a.label,
+          src: e.icon,
+          className: t({ avatar: $(e.icon) }, E),
+          style: R,
+          "data-tooltip": e.label,
           ...I
         }
-      ) : a.icon ? /* @__PURE__ */ r.jsx(
+      ) : e.icon ? /* @__PURE__ */ r.jsx(
         o,
         {
-          icon: a.icon,
-          style: { color: a.color, ...C },
-          className: k,
-          ...R
+          icon: e.icon,
+          style: { color: e.color, ...j },
+          className: C,
+          ...k
         }
       ) : null,
-      (P || !a.icon) && /* @__PURE__ */ r.jsx(
-        U,
+      (B || !e.icon) && /* @__PURE__ */ r.jsx(
+        Q,
         {
           style: {
-            color: x ? "inherit" : a.color,
-            backgroundColor: x ? a.color || "var(--md-sys-color-surface-container)" : "transparent",
-            ...V
+            color: p && e.color ? H(e.color) : e.color,
+            backgroundColor: p ? e.color || "var(--md-sys-color-surface-container)" : "transparent",
+            ...W
           },
-          className: l({ placeholder: h }, L),
-          "aria-label": a.label,
-          ..._,
-          children: a.label
+          className: t({ placeholder: x }, V),
+          "aria-label": e.label,
+          ...L,
+          children: e.label
         }
       )
-    ] }, a.value.toString() + z)) }),
-    !t && !v && /* @__PURE__ */ r.jsx(
-      Y,
+    ] }, e.value.toString() + F)) }),
+    !l && !g && /* @__PURE__ */ r.jsx(
+      X,
       {
-        className: l("expand", H, { open: i }, D),
+        className: t("expand", P, { open: i }, _),
         children: /* @__PURE__ */ r.jsx(
-          Z,
+          Y,
           {
             icon: "expand_more",
-            style: { rotate: i ? "180deg" : "0", ...A },
+            style: { rotate: i ? "180deg" : "0", ...T },
             "aria-label": "Expand options",
-            ...G
+            ...A
           }
         )
       }
     ),
-    t && d && n && /* @__PURE__ */ r.jsx(
+    l && d && n && /* @__PURE__ */ r.jsx(
       o,
       {
         icon: "close",
-        style: { marginLeft: "auto", marginRight: 4, ...T },
+        style: { marginLeft: "auto", marginRight: 4, ...D },
         "aria-label": "Deselect item",
-        className: l("close", B),
-        ...F
+        className: t("close", G),
+        ...z
       }
     )
   ] });
-}, $ = (e = "") => e.startsWith("/") || e.startsWith("./") || e.startsWith("../") || e.startsWith("http://") || e.startsWith("https://"), M = (e) => e.includes("avatar");
+}, Z = (a = "") => a.startsWith("/") || a.startsWith("./") || a.startsWith("../") || a.startsWith("http://") || a.startsWith("https://"), $ = (a) => a.includes("avatar");
 export {
-  sa as EnumCellValue
+  re as EnumCellValue
 };
 //# sourceMappingURL=EnumCellValue.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumCellValue.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumCellValue.tsx"],"sourcesContent":["import { AttributeEnumItem } from '@shared/api'\nimport { Icon, IconProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\n// Inline the edit trigger class to avoid runtime import and circular dependency with CellWidget\nconst EDIT_TRIGGER_CLASS = 'edit-trigger'\n\nconst StyledWidget = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  border-radius: var(--border-radius-m);\n  padding: 0 1px;\n\n  &.item {\n    padding: 4px 2px;\n    border-radius: 0;\n    overflow: hidden;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n  }\n`\n\nconst StyledValuesContainer = styled.div`\n  flex: 1;\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  overflow: hidden;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  flex-wrap: nowrap;\n\n  &.wrap {\n    flex-wrap: wrap;\n  }\n`\n\nconst StyledValueWrapper = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n\n  max-width: 100%;\n  min-width: 20px;\n`\n\nconst StyledValue = styled.span`\n  text-align: left;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n\n  &.placeholder {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 20px;\n  height: 20px;\n  object-fit: cover;\n\n  &.avatar {\n    border-radius: 50%;\n  }\n`\n\nconst StyledExpandButton = styled.div`\n  width: 32px;\n  height: fit-content;\n  min-height: 32px;\n  aspect-ratio: 1;\n  border-radius: var(--border-radius-m);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n\n  &.open {\n    background-color: transparent;\n  }\n`\n\nconst StyledExpandIcon = styled(Icon)`\n  transition: rotate 0.2s;\n`\n\nexport interface EnumTemplateProps extends React.HTMLAttributes<HTMLSpanElement> {\n  selectedOptions: AttributeEnumItem[]\n  placeholder?: string\n  hasMultipleValues?: boolean\n  isMultiSelect?: boolean\n  isOpen?: boolean\n  isItem?: boolean\n  isSelected?: boolean\n  isReadOnly?: boolean\n  rowHeight?: number\n  pt?: {\n    icon?: Partial<IconProps>\n    img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n    value?: Partial<React.ImgHTMLAttributes<HTMLSpanElement>>\n    expand?: Partial<IconProps>\n    close?: Partial<IconProps>\n  }\n}\n\nexport const EnumCellValue = ({\n  selectedOptions,\n  placeholder,\n  hasMultipleValues,\n  isMultiSelect,\n  isOpen,\n  isItem,\n  isSelected,\n  isReadOnly,\n  rowHeight,\n  className,\n  pt,\n  ...props\n}: EnumTemplateProps) => {\n  // Destructure pt subprops and their relevant props at the top\n  const {\n    icon: ptIcon = {},\n    img: ptImg = {},\n    value: ptValue = {},\n    expand: ptExpand = {},\n    close: ptClose = {},\n  } = pt || {}\n\n  const { style: iconStyle, className: iconClassName, ...iconRest } = ptIcon\n  const { style: imgStyle, className: imgClassName, ...imgRest } = ptImg\n  const { style: valueStyle, className: valueClassName, ...valueRest } = ptValue\n  const { style: expandStyle, className: expandClassName, ...expandRest } = ptExpand\n  const { style: closeStyle, className: closeClassName, ...closeRest } = ptClose\n\n  // Check if all options have icons\n  const allOptionsHaveIcon = selectedOptions.every((option) => option.icon)\n\n  // Determine if we should show labels based on the requirements\n  const showLabels = !hasMultipleValues || !allOptionsHaveIcon\n  // Show the colors be backgrounds instead of the text\n  const backgroundColor = !allOptionsHaveIcon && isMultiSelect && !isItem\n\n  const isPlaceholder = !selectedOptions.length && placeholder\n  if (isPlaceholder) {\n    selectedOptions = [\n      {\n        label: placeholder,\n        value: '',\n      },\n    ]\n  }\n\n  // Allow wrapping when row height is above 100px\n  const allowWrap = rowHeight !== undefined && rowHeight > 100\n\n  return (\n    <StyledWidget className={clsx(className, { selected: isSelected, item: isItem })} {...props}>\n      <StyledValuesContainer className={clsx({ wrap: allowWrap })}>\n        {selectedOptions.map((option, i) => (\n          <StyledValueWrapper key={option.value.toString() + i}>\n            {option.icon && checkForImgSrc(option.icon) ? (\n              <StyledImg\n                src={option.icon}\n                className={clsx({ avatar: checkAvatarImg(option.icon) }, imgClassName)}\n                style={imgStyle}\n                data-tooltip={option.label}\n                {...imgRest}\n              />\n            ) : option.icon ? (\n              <Icon\n                icon={option.icon}\n                style={{ color: option.color, ...iconStyle }}\n                className={iconClassName}\n                {...iconRest}\n              />\n            ) : null}\n\n            {(showLabels || !option.icon) && (\n              <StyledValue\n                style={{\n                  color: backgroundColor ? 'inherit' : option.color,\n                  backgroundColor: backgroundColor\n                    ? option.color || 'var(--md-sys-color-surface-container)'\n                    : 'transparent',\n                  ...valueStyle,\n                }}\n                className={clsx({ placeholder: isPlaceholder }, valueClassName)}\n                aria-label={option.label}\n                {...valueRest}\n              >\n                {option.label}\n              </StyledValue>\n            )}\n          </StyledValueWrapper>\n        ))}\n      </StyledValuesContainer>\n      {!isItem && !isReadOnly && (\n        <StyledExpandButton\n          className={clsx('expand', EDIT_TRIGGER_CLASS, { open: isOpen }, expandClassName)}\n        >\n          <StyledExpandIcon\n            icon=\"expand_more\"\n            style={{ rotate: isOpen ? '180deg' : '0', ...expandStyle }}\n            aria-label=\"Expand options\"\n            {...expandRest}\n          />\n        </StyledExpandButton>\n      )}\n      {isItem && isSelected && isMultiSelect && (\n        <Icon\n          icon=\"close\"\n          style={{ marginLeft: 'auto', marginRight: 4, ...closeStyle }}\n          aria-label=\"Deselect item\"\n          className={clsx('close', closeClassName)}\n          {...closeRest}\n        />\n      )}\n    </StyledWidget>\n  )\n}\n\n// Helper functions to check if the icon is a valid image source\nconst checkForImgSrc = (icon: string | undefined = ''): boolean => {\n  return (\n    icon.startsWith('/') ||\n    icon.startsWith('./') ||\n    icon.startsWith('../') ||\n    icon.startsWith('http://') ||\n    icon.startsWith('https://')\n  )\n}\n\nconst checkAvatarImg = (src: string): boolean => src.includes('avatar')\n"],"names":["EDIT_TRIGGER_CLASS","StyledWidget","styled","StyledValuesContainer","StyledValueWrapper","StyledValue","StyledImg","StyledExpandButton","StyledExpandIcon","Icon","EnumCellValue","selectedOptions","placeholder","hasMultipleValues","isMultiSelect","isOpen","isItem","isSelected","isReadOnly","rowHeight","className","pt","props","ptIcon","ptImg","ptValue","ptExpand","ptClose","iconStyle","iconClassName","iconRest","imgStyle","imgClassName","imgRest","valueStyle","valueClassName","valueRest","expandStyle","expandClassName","expandRest","closeStyle","closeClassName","closeRest","allOptionsHaveIcon","option","showLabels","backgroundColor","isPlaceholder","allowWrap","jsxs","clsx","jsx","i","checkForImgSrc","checkAvatarImg","icon","src"],"mappings":"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"}
+{"version":3,"file":"EnumCellValue.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumCellValue.tsx"],"sourcesContent":["import { AttributeEnumItem } from '@shared/api'\nimport { getTextColor, Icon, IconProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\n// Inline the edit trigger class to avoid runtime import and circular dependency with CellWidget\nconst EDIT_TRIGGER_CLASS = 'edit-trigger'\n\nconst StyledWidget = styled.div`\n  display: flex;\n  gap: 1px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  border-radius: var(--border-radius-m);\n  padding: 0 1px;\n\n  &.item {\n    padding: 4px 2px;\n    border-radius: 0;\n    overflow: hidden;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n  }\n\n  /* when value container is higher than 55px, wrap the contents */\n  &:not(.item) {\n    container-type: size;\n\n    @container (min-height: 55px) {\n      .values {\n        flex-wrap: wrap;\n        align-items: flex-start;\n        max-height: 100%;\n      }\n    }\n  }\n`\n\nconst StyledValuesContainer = styled.div`\n  flex: 1;\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  align-content: flex-start;\n  overflow: hidden;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  flex-wrap: nowrap;\n`\n\nconst StyledValueWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  align-items: center;\n\n  max-width: 100%;\n  min-width: 20px;\n`\n\nconst StyledValue = styled.span`\n  text-align: left;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n\n  &.placeholder {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 20px;\n  height: 20px;\n  object-fit: cover;\n\n  &.avatar {\n    border-radius: 50%;\n  }\n`\n\nconst StyledExpandButton = styled.div`\n  border-radius: var(--border-radius-m);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n\n  &.open {\n    background-color: transparent;\n  }\n`\n\nconst StyledExpandIcon = styled(Icon)`\n  transition: rotate 0.2s;\n  padding: 2px;\n`\n\nexport interface EnumTemplateProps extends React.HTMLAttributes<HTMLSpanElement> {\n  selectedOptions: AttributeEnumItem[]\n  placeholder?: string\n  hasMultipleValues?: boolean\n  isMultiSelect?: boolean\n  isOpen?: boolean\n  isItem?: boolean\n  isSelected?: boolean\n  isReadOnly?: boolean\n  pt?: {\n    icon?: Partial<IconProps>\n    img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n    value?: Partial<React.ImgHTMLAttributes<HTMLSpanElement>>\n    expand?: Partial<IconProps>\n    close?: Partial<IconProps>\n  }\n}\n\nexport const EnumCellValue = ({\n  selectedOptions,\n  placeholder,\n  hasMultipleValues,\n  isMultiSelect,\n  isOpen,\n  isItem,\n  isSelected,\n  isReadOnly,\n  className,\n  pt,\n  ...props\n}: EnumTemplateProps) => {\n  // Destructure pt subprops and their relevant props at the top\n  const {\n    icon: ptIcon = {},\n    img: ptImg = {},\n    value: ptValue = {},\n    expand: ptExpand = {},\n    close: ptClose = {},\n  } = pt || {}\n\n  const { style: iconStyle, className: iconClassName, ...iconRest } = ptIcon\n  const { style: imgStyle, className: imgClassName, ...imgRest } = ptImg\n  const { style: valueStyle, className: valueClassName, ...valueRest } = ptValue\n  const { style: expandStyle, className: expandClassName, ...expandRest } = ptExpand\n  const { style: closeStyle, className: closeClassName, ...closeRest } = ptClose\n\n  // Check if all options have icons\n  const allOptionsHaveIcon = selectedOptions.every((option) => option.icon)\n\n  // Determine if we should show labels based on the requirements\n  const showLabels = !hasMultipleValues || !allOptionsHaveIcon\n  // Show the colors be backgrounds instead of the text\n  const backgroundColor = !allOptionsHaveIcon && isMultiSelect && !isItem\n\n  const isPlaceholder = !selectedOptions.length && placeholder\n  if (isPlaceholder) {\n    selectedOptions = [\n      {\n        label: placeholder,\n        value: '',\n      },\n    ]\n  }\n\n  return (\n    <StyledWidget className={clsx(className, { selected: isSelected, item: isItem })} {...props}>\n      <StyledValuesContainer className=\"values\">\n        {selectedOptions.map((option, i) => (\n          <StyledValueWrapper key={option.value.toString() + i}>\n            {option.icon && checkForImgSrc(option.icon) ? (\n              <StyledImg\n                src={option.icon}\n                className={clsx({ avatar: checkAvatarImg(option.icon) }, imgClassName)}\n                style={imgStyle}\n                data-tooltip={option.label}\n                {...imgRest}\n              />\n            ) : option.icon ? (\n              <Icon\n                icon={option.icon}\n                style={{ color: option.color, ...iconStyle }}\n                className={iconClassName}\n                {...iconRest}\n              />\n            ) : null}\n\n            {(showLabels || !option.icon) && (\n              <StyledValue\n                style={{\n                  color:\n                    backgroundColor && option.color ? getTextColor(option.color) : option.color,\n                  backgroundColor: backgroundColor\n                    ? option.color || 'var(--md-sys-color-surface-container)'\n                    : 'transparent',\n                  ...valueStyle,\n                }}\n                className={clsx({ placeholder: isPlaceholder }, valueClassName)}\n                aria-label={option.label}\n                {...valueRest}\n              >\n                {option.label}\n              </StyledValue>\n            )}\n          </StyledValueWrapper>\n        ))}\n      </StyledValuesContainer>\n      {!isItem && !isReadOnly && (\n        <StyledExpandButton\n          className={clsx('expand', EDIT_TRIGGER_CLASS, { open: isOpen }, expandClassName)}\n        >\n          <StyledExpandIcon\n            icon=\"expand_more\"\n            style={{ rotate: isOpen ? '180deg' : '0', ...expandStyle }}\n            aria-label=\"Expand options\"\n            {...expandRest}\n          />\n        </StyledExpandButton>\n      )}\n      {isItem && isSelected && isMultiSelect && (\n        <Icon\n          icon=\"close\"\n          style={{ marginLeft: 'auto', marginRight: 4, ...closeStyle }}\n          aria-label=\"Deselect item\"\n          className={clsx('close', closeClassName)}\n          {...closeRest}\n        />\n      )}\n    </StyledWidget>\n  )\n}\n\n// Helper functions to check if the icon is a valid image source\nconst checkForImgSrc = (icon: string | undefined = ''): boolean => {\n  return (\n    icon.startsWith('/') ||\n    icon.startsWith('./') ||\n    icon.startsWith('../') ||\n    icon.startsWith('http://') ||\n    icon.startsWith('https://')\n  )\n}\n\nconst checkAvatarImg = (src: string): boolean => src.includes('avatar')\n"],"names":["EDIT_TRIGGER_CLASS","StyledWidget","styled","StyledValuesContainer","StyledValueWrapper","StyledValue","StyledImg","StyledExpandButton","StyledExpandIcon","Icon","EnumCellValue","selectedOptions","placeholder","hasMultipleValues","isMultiSelect","isOpen","isItem","isSelected","isReadOnly","className","pt","props","ptIcon","ptImg","ptValue","ptExpand","ptClose","iconStyle","iconClassName","iconRest","imgStyle","imgClassName","imgRest","valueStyle","valueClassName","valueRest","expandStyle","expandClassName","expandRest","closeStyle","closeClassName","closeRest","allOptionsHaveIcon","option","showLabels","backgroundColor","isPlaceholder","jsxs","clsx","jsx","i","checkForImgSrc","checkAvatarImg","getTextColor","icon","src"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("styled-components"),i=t.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  padding: 0 8px;
+  font-style: italic;
+  color: var(--color-row-error);
+  pointer-events: none;
+`,o=({label:e})=>r.jsxRuntimeExports.jsx(i,{children:e});exports.ErrorWidget=o;
+//# sourceMappingURL=ErrorWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ErrorWidget.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst StyledErrorWidget = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  font-style: italic;\n  color: var(--color-row-error);\n  pointer-events: none;\n`\n\ntype ErrorWidgetProps = {\n  label: string\n}\n\n/**\n * Widget for displaying Error rows\n * Shows a simple label indicating the Error state\n */\nexport const ErrorWidget = ({ label }: ErrorWidgetProps) => {\n  return <StyledErrorWidget>{label}</StyledErrorWidget>\n}\n"],"names":["StyledErrorWidget","styled","ErrorWidget","label","jsx"],"mappings":"6KAEMA,EAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBpBC,EAAc,CAAC,CAAE,MAAAC,KACrBC,EAAA,kBAAA,IAACJ,GAAmB,SAAMG,CAAA,CAAA"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/ErrorWidget.es.js

@@ -0,0 +1,16 @@
+import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
+import e from "styled-components";
+const o = e.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  padding: 0 8px;
+  font-style: italic;
+  color: var(--color-row-error);
+  pointer-events: none;
+`, s = ({ label: r }) => /* @__PURE__ */ t.jsx(o, { children: r });
+export {
+  s as ErrorWidget
+};
+//# sourceMappingURL=ErrorWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/ErrorWidget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ErrorWidget.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst StyledErrorWidget = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  font-style: italic;\n  color: var(--color-row-error);\n  pointer-events: none;\n`\n\ntype ErrorWidgetProps = {\n  label: string\n}\n\n/**\n * Widget for displaying Error rows\n * Shows a simple label indicating the Error state\n */\nexport const ErrorWidget = ({ label }: ErrorWidgetProps) => {\n  return <StyledErrorWidget>{label}</StyledErrorWidget>\n}\n"],"names":["StyledErrorWidget","styled","ErrorWidget","label","jsx"],"mappings":";;AAEA,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBpBC,IAAc,CAAC,EAAE,OAAAC,QACrBC,gBAAAA,EAAA,IAACJ,KAAmB,UAAMG,EAAA,CAAA;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/LinksWidget.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");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");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./TextWidget.cjs.js");require("./BooleanWidget.cjs.js");const E=require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");const C=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),g=require("../context/DetailsPanelEntityContext.cjs.js"),h=require("../context/SelectedRowsContext.cjs.js"),j=require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("./LoadMoreWidget.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");const m=require("../../../components/Chips/Chips.cjs.js"),R=require("../../../components/LinksManager/LinksManager.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const k=e=>[...e].sort((i,u)=>{const t=i.parents.join("/")+i.label,n=u.parents.join("/")+u.label;return t.localeCompare(n)}),L=(e,i,u)=>{const t=i.split("|"),[n,s,c]=t;return e==="in"?u===c:u===s},T=({value:e,isEditing:i,cellId:u,projectName:t,disabled:n,folderId:s,onChange:c,onCancelEdit:y})=>{let o,l;const a=[];try{const r=g.useDetailsPanelEntityContext();o=r.setSelectedEntity,r.selectedEntity&&a.push(r.selectedEntity.entityId)}catch{}try{l=h.useSelectedRowsContext().clearRowsSelection}catch{}const x=(r,d)=>{l&&l(),o?o({entityId:r,entityType:d}):console.log("Entity clicked:",r,d)},p=e!=null&&e.links?k(e.links):[];return q.jsxRuntimeExports.jsxs(q.jsxRuntimeExports.Fragment,{children:[q.jsxRuntimeExports.jsx(m.Chips,{values:p.map(r=>({label:r.label,tooltip:r.parents.join("/")+"/"+r.label}))||[],pt:{chip:{className:E.EDIT_TRIGGER_CLASS}},disabled:n}),i&&e&&q.jsxRuntimeExports.jsx(C.CellEditingDialog,{isEditing:i,anchorId:u,onClose:y,children:n?q.jsxRuntimeExports.jsx(j.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${e.link.label||""} ${e.direction} link is not of type ${e.entityType}`}):q.jsxRuntimeExports.jsx(R.LinksManager,{projectName:t,linkTypeLabel:e.link.label||"",links:p,direction:e.direction,entityId:e.entityId,entityType:e.entityType,targetEntityType:e.link.targetEntityType,linkType:e.link.linkType,selectedEntityIds:a,onEntityClick:x,folderId:s,onClose:y})})]})};exports.LinksWidget=T;exports.isLinkEditable=L;exports.sortEntityLinksByPath=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");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");require("../../../context/GlobalContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./TextWidget.cjs.js");require("./BooleanWidget.cjs.js");const x=require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");const C=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),g=require("../context/DetailsPanelEntityContext.cjs.js"),h=require("../context/SelectedRowsContext.cjs.js"),j=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),R=require("../utils/restrictedEntity.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("./LoadMoreWidget.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");const m=require("../../../components/Chips/Chips.cjs.js"),L=require("../../../components/LinksManager/LinksManager.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");const E=e=>[...e].sort((i,u)=>{const t=i.parents.join("/")+i.label,n=u.parents.join("/")+u.label;return t.localeCompare(n)}),b=(e,i,u)=>{const t=i.split("|"),[n,s,y]=t;return e==="in"?u===y:u===s},T=({value:e,isEditing:i,cellId:u,projectName:t,disabled:n,folderId:s,onChange:y,onCancelEdit:a})=>{let o,l;const d=[];try{const r=g.useDetailsPanelEntityContext();o=r.setSelectedEntity,r.selectedEntity&&d.push(r.selectedEntity.entityId)}catch{}try{l=h.useSelectedRowsContext().clearRowsSelection}catch{}const k=(r,c)=>{R.isEntityRestricted(c)||(l&&l(),o?o({entityId:r,entityType:c}):console.log("Entity clicked:",r,c))},p=e!=null&&e.links?E(e.links):[];return q.jsxRuntimeExports.jsxs(q.jsxRuntimeExports.Fragment,{children:[q.jsxRuntimeExports.jsx(m.Chips,{values:p.map(r=>({label:r.label,tooltip:r.parents.join("/")+"/"+r.label}))||[],pt:{chip:{className:x.EDIT_TRIGGER_CLASS}},disabled:n}),i&&e&&q.jsxRuntimeExports.jsx(C.CellEditingDialog,{isEditing:i,anchorId:u,onClose:a,children:n?q.jsxRuntimeExports.jsx(j.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${e.link.label||""} ${e.direction} link is not of type ${e.entityType}`}):q.jsxRuntimeExports.jsx(L.LinksManager,{projectName:t,linkTypeLabel:e.link.label||"",links:p,direction:e.direction,entityId:e.entityId,entityType:e.entityType,targetEntityType:e.link.targetEntityType,linkType:e.link.linkType,selectedEntityIds:d,onEntityClick:k,folderId:s,onClose:a})})]})};exports.LinksWidget=T;exports.isLinkEditable=b;exports.sortEntityLinksByPath=E;
 //# sourceMappingURL=LinksWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/LinksWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n\n  return (\n    <>\n      <Chips\n        values={\n          sortedLinks.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"opZASa,MAAAA,EAAyBC,GAC7B,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACC,EAAGC,IAAM,CAC/B,MAAMC,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAChCG,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAE/B,OAAAC,EAAM,cAAcC,CAAK,CAAA,CACjC,EAGUC,EAAiB,CAC5BC,EACAC,EACAC,IACY,CACN,MAAAC,EAAgBF,EAAS,MAAM,GAAG,EAClC,CAACG,EAAOC,EAASC,CAAM,EAAIH,EACjC,OAAIH,IAAc,KACTE,IAAeI,EAEfJ,IAAeG,CAE1B,EAsBaE,EAAoC,CAAC,CAChD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CAEA,IAAAC,EAGAC,EAEJ,MAAMC,EAA8B,CAAC,EACjC,GAAA,CACF,MAAMC,EAAgBC,EAAAA,6BAA6B,EACnDJ,EAAoBG,EAAc,kBAC9BA,EAAc,gBACED,EAAA,KAAKC,EAAc,eAAe,QAAQ,CAC9D,MACM,CAAA,CAIJ,GAAA,CAEFF,EADoBI,EAAAA,uBAAuB,EACV,kBAAA,MAC3B,CAAA,CAIF,MAAAC,EAAoB,CAACC,EAAkBrB,IAAuB,CAE9De,GACiBA,EAAA,EAGjBD,EACgBA,EAAA,CAChB,SAAAO,EACA,WAAArB,CAAA,CACD,EAGO,QAAA,IAAI,kBAAmBqB,EAAUrB,CAAU,CAEvD,EAEMsB,EAAchB,GAAA,MAAAA,EAAO,MAAQf,EAAsBe,EAAM,KAAK,EAAI,CAAC,EAEzE,OAEIiB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,OACEJ,EAAY,IAAKK,IAAO,CACtB,MAAOA,EAAE,MACT,QAASA,EAAE,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAE,KACzC,EAAE,GAAK,CAAC,EAEV,GAAI,CAAE,KAAM,CAAE,UAAWC,qBAAqB,EAC9C,SAAAlB,CAAA,CACF,EACCH,GAAaD,GACXmB,EAAA,kBAAA,IAAAI,EAAA,kBAAA,CAAkB,UAAAtB,EAAsB,SAAUC,EAAQ,QAASK,EACjE,SAAAH,EACEe,EAAA,kBAAA,IAAAK,EAAA,UAAA,CAAU,MAAO,CAAE,MAAO,6BACxB,EAAA,SAAA,GAAGxB,EAAM,KAAK,OAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,EACF,CAAA,EAEAmB,EAAA,kBAAA,IAACM,EAAA,aAAA,CACC,YAAAtB,EACA,cAAeH,EAAM,KAAK,OAAS,GACnC,MAAOgB,EACP,UAAWhB,EAAM,UACjB,SAAUA,EAAM,SAChB,WAAYA,EAAM,WAClB,iBAAkBA,EAAM,KAAK,iBAC7B,SAAUA,EAAM,KAAK,SACrB,kBAAAU,EACA,cAAeI,EACf,SAAAT,EACA,QAASE,CAAA,CAAA,CAGf,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"LinksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Check if entity is restricted - prevent opening details panel\n    const isRestricted = isEntityRestricted(entityType)\n    if (isRestricted) {\n      return\n    }\n\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n\n  return (\n    <>\n      <Chips\n        values={\n          sortedLinks.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"wyaAUa,MAAAA,EAAyBC,GAC7B,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACC,EAAGC,IAAM,CAC/B,MAAMC,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAChCG,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAE/B,OAAAC,EAAM,cAAcC,CAAK,CAAA,CACjC,EAGUC,EAAiB,CAC5BC,EACAC,EACAC,IACY,CACN,MAAAC,EAAgBF,EAAS,MAAM,GAAG,EAClC,CAACG,EAAOC,EAASC,CAAM,EAAIH,EACjC,OAAIH,IAAc,KACTE,IAAeI,EAEfJ,IAAeG,CAE1B,EAsBaE,EAAoC,CAAC,CAChD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CAEA,IAAAC,EAGAC,EAEJ,MAAMC,EAA8B,CAAC,EACjC,GAAA,CACF,MAAMC,EAAgBC,EAAAA,6BAA6B,EACnDJ,EAAoBG,EAAc,kBAC9BA,EAAc,gBACED,EAAA,KAAKC,EAAc,eAAe,QAAQ,CAC9D,MACM,CAAA,CAIJ,GAAA,CAEFF,EADoBI,EAAAA,uBAAuB,EACV,kBAAA,MAC3B,CAAA,CAIF,MAAAC,EAAoB,CAACC,EAAkBrB,IAAuB,CAE7CsB,qBAAmBtB,CAAU,IAM9Ce,GACiBA,EAAA,EAGjBD,EACgBA,EAAA,CAChB,SAAAO,EACA,WAAArB,CAAA,CACD,EAGO,QAAA,IAAI,kBAAmBqB,EAAUrB,CAAU,EAEvD,EAEMuB,EAAcjB,GAAA,MAAAA,EAAO,MAAQf,EAAsBe,EAAM,KAAK,EAAI,CAAC,EAEzE,OAEIkB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,OACEJ,EAAY,IAAKK,IAAO,CACtB,MAAOA,EAAE,MACT,QAASA,EAAE,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAE,KACzC,EAAE,GAAK,CAAC,EAEV,GAAI,CAAE,KAAM,CAAE,UAAWC,qBAAqB,EAC9C,SAAAnB,CAAA,CACF,EACCH,GAAaD,GACXoB,EAAA,kBAAA,IAAAI,EAAA,kBAAA,CAAkB,UAAAvB,EAAsB,SAAUC,EAAQ,QAASK,EACjE,SAAAH,EACEgB,EAAA,kBAAA,IAAAK,EAAA,UAAA,CAAU,MAAO,CAAE,MAAO,6BACxB,EAAA,SAAA,GAAGzB,EAAM,KAAK,OAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,EACF,CAAA,EAEAoB,EAAA,kBAAA,IAACM,EAAA,aAAA,CACC,YAAAvB,EACA,cAAeH,EAAM,KAAK,OAAS,GACnC,MAAOiB,EACP,UAAWjB,EAAM,UACjB,SAAUA,EAAM,SAChB,WAAYA,EAAM,WAClB,iBAAkBA,EAAM,KAAK,iBAC7B,SAAUA,EAAM,KAAK,SACrB,kBAAAU,EACA,cAAeI,EACf,SAAAT,EACA,QAASE,CAAA,CAAA,CAGf,CAAA,CAAA,EAEJ,CAEJ"}