@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

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

@@ -1 +1 @@
-{"version":3,"file":"EnumCellValue.cjs.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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"}
+{"version":3,"file":"EnumCellValue.cjs.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  iconOnlyColor?: boolean // When true, only the icon gets colored, not the text label\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  iconOnlyColor = false,\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: backgroundColor && option.color\n                    ? getTextColor(option.color)\n                    : iconOnlyColor && option.icon\n                      ? undefined\n                      : 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","iconOnlyColor","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/EnumCellValue.es.js

@@ -1,8 +1,8 @@
 import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Icon as o, getTextColor as H } from "@ynput/ayon-react-components";
-import t from "clsx";
+import { Icon as o, getTextColor as P } from "@ynput/ayon-react-components";
+import l from "clsx";
 import s from "styled-components";
-const P = "edit-trigger", q = s.div`
+const q = "edit-trigger", J = s.div`
   display: flex;
   gap: 1px;
   align-items: center;
@@ -42,7 +42,7 @@ const P = "edit-trigger", q = s.div`
       }
     }
   }
-`, J = s.div`
+`, K = s.div`
   flex: 1;
   display: flex;
   gap: var(--base-gap-small);
@@ -52,14 +52,14 @@ const P = "edit-trigger", q = s.div`
   border-radius: var(--border-radius-m);
   padding: 0px 2px;
   flex-wrap: nowrap;
-`, K = s.div`
+`, Q = s.div`
   display: flex;
   gap: 2px;
   align-items: center;
 
   max-width: 100%;
   min-width: 20px;
-`, Q = s.span`
+`, U = s.span`
   text-align: left;
   border-radius: var(--border-radius-m);
   padding: 0px 2px;
@@ -70,7 +70,7 @@ const P = "edit-trigger", q = s.div`
   &.placeholder {
     color: var(--md-sys-color-outline);
   }
-`, U = s.img`
+`, X = s.img`
   width: 20px;
   height: 20px;
   object-fit: cover;
@@ -78,7 +78,7 @@ const P = "edit-trigger", q = s.div`
   &.avatar {
     border-radius: 50%;
   }
-`, X = s.div`
+`, Y = s.div`
   border-radius: var(--border-radius-m);
   display: flex;
   justify-content: center;
@@ -93,97 +93,98 @@ const P = "edit-trigger", q = s.div`
   &.open {
     background-color: transparent;
   }
-`, Y = s(o)`
+`, Z = s(o)`
   transition: rotate 0.2s;
   padding: 2px;
-`, re = ({
+`, se = ({
   selectedOptions: a,
   placeholder: c,
   hasMultipleValues: h,
   isMultiSelect: n,
   isOpen: i,
-  isItem: l,
+  isItem: t,
   isSelected: d,
   isReadOnly: g,
-  className: u,
-  pt: v,
-  ...y
+  iconOnlyColor: u = !1,
+  className: v,
+  pt: y,
+  ...b
 }) => {
   const {
-    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;
+    icon: f = {},
+    img: w = {},
+    value: N = {},
+    expand: S = {},
+    close: j = {}
+  } = y || {}, { style: C, className: k, ...R } = f, { style: E, className: I, ...W } = w, { style: V, className: L, ...T } = N, { style: _, className: A, ...D } = S, { style: G, className: z, ...B } = j, m = a.every((e) => e.icon), F = !h || !m, p = !m && n && !t, x = !a.length && c;
   return x && (a = [
     {
       label: c,
       value: ""
     }
-  ]), /* @__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,
+  ]), /* @__PURE__ */ r.jsxs(J, { className: l(v, { selected: d, item: t }), ...b, children: [
+    /* @__PURE__ */ r.jsx(K, { className: "values", children: a.map((e, H) => /* @__PURE__ */ r.jsxs(Q, { children: [
+      e.icon && $(e.icon) ? /* @__PURE__ */ r.jsx(
+        X,
         {
           src: e.icon,
-          className: t({ avatar: $(e.icon) }, E),
-          style: R,
+          className: l({ avatar: M(e.icon) }, I),
+          style: E,
           "data-tooltip": e.label,
-          ...I
+          ...W
         }
       ) : e.icon ? /* @__PURE__ */ r.jsx(
         o,
         {
           icon: e.icon,
-          style: { color: e.color, ...j },
-          className: C,
-          ...k
+          style: { color: e.color, ...C },
+          className: k,
+          ...R
         }
       ) : null,
-      (B || !e.icon) && /* @__PURE__ */ r.jsx(
-        Q,
+      (F || !e.icon) && /* @__PURE__ */ r.jsx(
+        U,
         {
           style: {
-            color: p && e.color ? H(e.color) : e.color,
+            color: p && e.color ? P(e.color) : u && e.icon ? void 0 : e.color,
             backgroundColor: p ? e.color || "var(--md-sys-color-surface-container)" : "transparent",
-            ...W
+            ...V
           },
-          className: t({ placeholder: x }, V),
+          className: l({ placeholder: x }, L),
           "aria-label": e.label,
-          ...L,
+          ...T,
           children: e.label
         }
       )
-    ] }, e.value.toString() + F)) }),
-    !l && !g && /* @__PURE__ */ r.jsx(
-      X,
+    ] }, e.value.toString() + H)) }),
+    !t && !g && /* @__PURE__ */ r.jsx(
+      Y,
       {
-        className: t("expand", P, { open: i }, _),
+        className: l("expand", q, { open: i }, A),
         children: /* @__PURE__ */ r.jsx(
-          Y,
+          Z,
           {
             icon: "expand_more",
-            style: { rotate: i ? "180deg" : "0", ...T },
+            style: { rotate: i ? "180deg" : "0", ..._ },
             "aria-label": "Expand options",
-            ...A
+            ...D
           }
         )
       }
     ),
-    l && d && n && /* @__PURE__ */ r.jsx(
+    t && d && n && /* @__PURE__ */ r.jsx(
       o,
       {
         icon: "close",
-        style: { marginLeft: "auto", marginRight: 4, ...D },
+        style: { marginLeft: "auto", marginRight: 4, ...G },
         "aria-label": "Deselect item",
-        className: t("close", G),
-        ...z
+        className: l("close", z),
+        ...B
       }
     )
   ] });
-}, Z = (a = "") => a.startsWith("/") || a.startsWith("./") || a.startsWith("../") || a.startsWith("http://") || a.startsWith("https://"), $ = (a) => a.includes("avatar");
+}, $ = (a = "") => a.startsWith("/") || a.startsWith("./") || a.startsWith("../") || a.startsWith("http://") || a.startsWith("https://"), M = (a) => a.includes("avatar");
 export {
-  re as EnumCellValue
+  se 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 { 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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"}
+{"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  iconOnlyColor?: boolean // When true, only the icon gets colored, not the text label\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  iconOnlyColor = false,\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: backgroundColor && option.color\n                    ? getTextColor(option.color)\n                    : iconOnlyColor && option.icon\n                      ? undefined\n                      : 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","iconOnlyColor","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":";;;;AAKA,MAAMA,IAAqB,gBAErBC,IAAeC,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,GA0CtBC,IAAwBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAY/BE,IAAqBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS5BG,IAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAarBI,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUnBK,IAAqBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB5BM,IAAmBN,EAAOO,CAAI;AAAA;AAAA;AAAA,GAwBvBC,KAAgB,CAAC;AAAA,EAC5B,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAyB;AAEvB,QAAM;AAAA,IACJ,MAAMC,IAAS,CAAA;AAAA,IACf,KAAKC,IAAQ,CAAA;AAAA,IACb,OAAOC,IAAU,CAAA;AAAA,IACjB,QAAQC,IAAW,CAAA;AAAA,IACnB,OAAOC,IAAU,CAAA;AAAA,EAAC,IAChBN,KAAM,CAAA,GAEJ,EAAE,OAAOO,GAAW,WAAWC,GAAe,GAAGC,MAAaP,GAC9D,EAAE,OAAOQ,GAAU,WAAWC,GAAc,GAAGC,MAAYT,GAC3D,EAAE,OAAOU,GAAY,WAAWC,GAAgB,GAAGC,MAAcX,GACjE,EAAE,OAAOY,GAAa,WAAWC,GAAiB,GAAGC,MAAeb,GACpE,EAAE,OAAOc,GAAY,WAAWC,GAAgB,GAAGC,MAAcf,GAGjEgB,IAAqBhC,EAAgB,MAAM,CAACiC,MAAWA,EAAO,IAAI,GAGlEC,IAAa,CAAChC,KAAqB,CAAC8B,GAEpCG,IAAkB,CAACH,KAAsB7B,KAAiB,CAACE,GAE3D+B,IAAgB,CAACpC,EAAgB,UAAUC;AACjD,SAAImC,MACFpC,IAAkB;AAAA,IAChB;AAAA,MACE,OAAOC;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT,IAKFoC,gBAAAA,EAAAA,KAAC/C,GAAA,EAAa,WAAWgD,EAAK7B,GAAW,EAAE,UAAUH,GAAY,MAAMD,EAAA,CAAQ,GAAI,GAAGM,GACpF,UAAA;AAAA,IAAA4B,gBAAAA,EAAAA,IAAC/C,GAAA,EAAsB,WAAU,UAC9B,UAAAQ,EAAgB,IAAI,CAACiC,GAAQO,MAC5BH,gBAAAA,EAAAA,KAAC5C,GAAA,EACE,UAAA;AAAA,MAAAwC,EAAO,QAAQQ,EAAeR,EAAO,IAAI,IACxCM,gBAAAA,EAAAA;AAAAA,QAAC5C;AAAA,QAAA;AAAA,UACC,KAAKsC,EAAO;AAAA,UACZ,WAAWK,EAAK,EAAE,QAAQI,EAAeT,EAAO,IAAI,EAAA,GAAKZ,CAAY;AAAA,UACrE,OAAOD;AAAA,UACP,gBAAca,EAAO;AAAA,UACpB,GAAGX;AAAA,QAAA;AAAA,MAAA,IAEJW,EAAO,OACTM,gBAAAA,EAAAA;AAAAA,QAACzC;AAAA,QAAA;AAAA,UACC,MAAMmC,EAAO;AAAA,UACb,OAAO,EAAE,OAAOA,EAAO,OAAO,GAAGhB,EAAA;AAAA,UACjC,WAAWC;AAAA,UACV,GAAGC;AAAA,QAAA;AAAA,MAAA,IAEJ;AAAA,OAEFe,KAAc,CAACD,EAAO,SACtBM,gBAAAA,EAAAA;AAAAA,QAAC7C;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOyC,KAAmBF,EAAO,QAC7BU,EAAaV,EAAO,KAAK,IACzBzB,KAAiByB,EAAO,OACtB,SACAA,EAAO;AAAA,YACb,iBAAiBE,IACbF,EAAO,SAAS,0CAChB;AAAA,YACJ,GAAGV;AAAA,UAAA;AAAA,UAEL,WAAWe,EAAK,EAAE,aAAaF,EAAA,GAAiBZ,CAAc;AAAA,UAC9D,cAAYS,EAAO;AAAA,UAClB,GAAGR;AAAA,UAEH,UAAAQ,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACV,EAAA,GApCqBA,EAAO,MAAM,SAAA,IAAaO,CAsCnD,CACD,GACH;AAAA,IACC,CAACnC,KAAU,CAACE,KACXgC,gBAAAA,EAAAA;AAAAA,MAAC3C;AAAA,MAAA;AAAA,QACC,WAAW0C,EAAK,UAAUjD,GAAoB,EAAE,MAAMe,EAAA,GAAUuB,CAAe;AAAA,QAE/E,UAAAY,gBAAAA,EAAAA;AAAAA,UAAC1C;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO,EAAE,QAAQO,IAAS,WAAW,KAAK,GAAGsB,EAAA;AAAA,YAC7C,cAAW;AAAA,YACV,GAAGE;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,IAGHvB,KAAUC,KAAcH,KACvBoC,gBAAAA,EAAAA;AAAAA,MAACzC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,EAAE,YAAY,QAAQ,aAAa,GAAG,GAAG+B,EAAA;AAAA,QAChD,cAAW;AAAA,QACX,WAAWS,EAAK,SAASR,CAAc;AAAA,QACtC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GAEJ;AAEJ,GAGMU,IAAiB,CAACG,IAA2B,OAE/CA,EAAK,WAAW,GAAG,KACnBA,EAAK,WAAW,IAAI,KACpBA,EAAK,WAAW,KAAK,KACrBA,EAAK,WAAW,SAAS,KACzBA,EAAK,WAAW,UAAU,GAIxBF,IAAiB,CAACG,MAAyBA,EAAI,SAAS,QAAQ;"}

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("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/Badge/Badge.cjs.js");const R=require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");const g=require("../../../components/LinksManager/CellEditingDialog.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/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/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/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/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/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../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/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */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("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");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 h=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.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("uuid");require("../../../util/pubsub.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("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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 j=require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");const m=require("../context/DetailsPanelEntityContext.cjs.js"),b=require("../context/SelectedRowsContext.cjs.js"),L=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),T=require("../utils/restrictedEntity.cjs.js");require("../context/ProjectTableContext.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../context/CellEditingContext.cjs.js");require("short-uuid");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.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("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../Slicer/components/SlicerSearch.cjs.js");require("../../Slicer/context/SlicerContext.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/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("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");const f=require("../../../components/LinksManager/LinksManager.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/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");const x=e=>[...e].sort((i,u)=>{const t=i.parents.join("/")+i.label,n=u.parents.join("/")+u.label;return t.localeCompare(n)}),S=(e,i,u)=>{const t=i.split("|"),[n,s,d]=t;return e==="in"?u===d:u===s},P=({value:e,isEditing:i,cellId:u,projectName:t,disabled:n,folderId:s,onChange:d,onCancelEdit:y})=>{const{user:k}=h.useGlobalContext(),o=k?.data?.isAdmin||k?.data?.isManager;let l,c;const p=[];try{const r=m.useDetailsPanelEntityContext();l=r.setSelectedEntity,r.selectedEntity&&p.push(r.selectedEntity.entityId)}catch{}try{c=b.useSelectedRowsContext().clearRowsSelection}catch{}const C=(r,a)=>{T.isEntityRestricted(a)||(c&&c(),l?l({entityId:r,entityType:a}):console.log("Entity clicked:",r,a))},E=e?.links?x(e.links):[];return q.jsxRuntimeExports.jsxs(q.jsxRuntimeExports.Fragment,{children:[q.jsxRuntimeExports.jsx(R.Chips,{values:E.map(r=>({label:r.isRestricted?o?"Unknown":"Restricted":r.label,tooltip:r.isRestricted?o?"Unknown Link - Entity not found":"Access Restricted - Insufficient Permissions to Entity":r.parents.join("/")+"/"+r.label,icon:r.isRestricted?o?"help":"lock":void 0}))||[],pt:{chip:{className:j.EDIT_TRIGGER_CLASS}},disabled:n}),i&&e&&q.jsxRuntimeExports.jsx(g.CellEditingDialog,{isEditing:i,anchorId:u,onClose:y,children:n?q.jsxRuntimeExports.jsx(L.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${e.link.label||""} ${e.direction} link is not of type ${e.entityType}`}):q.jsxRuntimeExports.jsx(f.LinksManager,{projectName:t,linkTypeLabel:e.link.label||"",links:E,direction:e.direction,entityId:e.entityId,entityType:e.entityType,targetEntityType:e.link.targetEntityType,linkType:e.link.linkType,selectedEntityIds:p,onEntityClick:C,folderId:s,onClose:y})})]})};exports.LinksWidget=P;exports.isLinkEditable=S;exports.sortEntityLinksByPath=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/Badge/Badge.cjs.js");const R=require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");const g=require("../../../components/LinksManager/CellEditingDialog.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/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/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/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/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/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../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/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */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("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");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 h=require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.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("uuid");require("../../../util/pubsub.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("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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 j=require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");const m=require("../context/DetailsPanelEntityContext.cjs.js"),b=require("../context/SelectedRowsContext.cjs.js"),L=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),T=require("../utils/restrictedEntity.cjs.js");require("../context/ProjectTableContext.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../context/CellEditingContext.cjs.js");require("short-uuid");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.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("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../Slicer/components/SlicerSearch.cjs.js");require("../../Slicer/context/SlicerContext.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/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("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");const f=require("../../../components/LinksManager/LinksManager.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/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.styled.cjs.js");const x=e=>[...e].sort((i,u)=>{const t=i.parents.join("/")+i.label,n=u.parents.join("/")+u.label;return t.localeCompare(n)}),S=(e,i,u)=>{const t=i.split("|"),[n,s,d]=t;return e==="in"?u===d:u===s},P=({value:e,isEditing:i,cellId:u,projectName:t,disabled:n,folderId:s,onChange:d,onCancelEdit:y})=>{const{user:k}=h.useGlobalContext(),o=k?.data?.isAdmin||k?.data?.isManager;let l,c;const p=[];try{const r=m.useDetailsPanelEntityContext();l=r.setSelectedEntity,r.selectedEntity&&p.push(r.selectedEntity.entityId)}catch{}try{c=b.useSelectedRowsContext().clearRowsSelection}catch{}const C=(r,a)=>{T.isEntityRestricted(a)||(c&&c(),l?l({entityId:r,entityType:a}):console.log("Entity clicked:",r,a))},E=e?.links?x(e.links):[];return q.jsxRuntimeExports.jsxs(q.jsxRuntimeExports.Fragment,{children:[q.jsxRuntimeExports.jsx(R.Chips,{values:E.map(r=>({label:r.isRestricted?o?"Unknown":"Restricted":r.label,tooltip:r.isRestricted?o?"Unknown Link - Entity not found":"Access Restricted - Insufficient Permissions to Entity":r.parents.join("/")+"/"+r.label,icon:r.isRestricted?o?"help":"lock":void 0}))||[],pt:{chip:{className:j.EDIT_TRIGGER_CLASS}},disabled:n}),i&&e&&q.jsxRuntimeExports.jsx(g.CellEditingDialog,{isEditing:i,anchorId:u,onClose:y,children:n?q.jsxRuntimeExports.jsx(L.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${e.link.label||""} ${e.direction} link is not of type ${e.entityType}`}):q.jsxRuntimeExports.jsx(f.LinksManager,{projectName:t,linkTypeLabel:e.link.label||"",links:E,direction:e.direction,entityId:e.entityId,entityType:e.entityType,targetEntityType:e.link.targetEntityType,linkType:e.link.linkType,selectedEntityIds:p,onEntityClick:C,folderId:s,onClose:y})})]})};exports.LinksWidget=P;exports.isLinkEditable=S;exports.sortEntityLinksByPath=x;
 //# 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'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { useGlobalContext } from '@shared/context'\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  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\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.isRestricted ? (isManager ? 'Unknown' : 'Restricted') : v.label,\n            tooltip: v.isRestricted\n              ? isManager\n                ? 'Unknown Link - Entity not found'\n                : 'Access Restricted - Insufficient Permissions to Entity'\n              : v.parents.join('/') + '/' + v.label,\n            icon: v.isRestricted ? (isManager ? 'help' : 'lock') : undefined,\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","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"ywdAWO,MAAMA,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,MAEtC,OAAOC,EAAM,cAAcC,CAAK,CAClC,CAAC,EAGUC,EAAiB,CAC5BC,EACAC,EACAC,IACY,CACZ,MAAMC,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,CACJ,KAAM,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,EAAYF,GAAM,MAAM,SAAWA,GAAM,MAAM,UAGrD,IAAIG,EAGAC,EAEJ,MAAMC,EAA8B,CAAA,EACpC,GAAI,CACF,MAAMC,EAAgBC,EAAAA,6BAAA,EACtBJ,EAAoBG,EAAc,kBAC9BA,EAAc,gBAChBD,EAAkB,KAAKC,EAAc,eAAe,QAAQ,CAEhE,MAAQ,CAER,CAEA,GAAI,CAEFF,EADoBI,EAAAA,uBAAA,EACa,kBACnC,MAAQ,CAER,CAEA,MAAMC,EAAoB,CAACC,EAAkBxB,IAAuB,CAE7CyB,EAAAA,mBAAmBzB,CAAU,IAM9CkB,GACFA,EAAA,EAGED,EACFA,EAAkB,CAChB,SAAAO,EACA,WAAAxB,CAAA,CACD,EAGD,QAAQ,IAAI,kBAAmBwB,EAAUxB,CAAU,EAEvD,EAEM0B,EAAcpB,GAAO,MAAQf,EAAsBe,EAAM,KAAK,EAAI,CAAA,EAExE,OACEqB,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,OACEJ,EAAY,IAAKK,IAAO,CACtB,MAAOA,EAAE,aAAgBf,EAAY,UAAY,aAAgBe,EAAE,MACnE,QAASA,EAAE,aACPf,EACE,kCACA,yDACFe,EAAE,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAE,MAClC,KAAMA,EAAE,aAAgBf,EAAY,OAAS,OAAU,MAAA,EACvD,GAAK,CAAA,EAET,GAAI,CAAE,KAAM,CAAE,UAAWgB,EAAAA,mBAAmB,EAC5C,SAAAtB,CAAA,CAAA,EAEDH,GAAaD,GACZuB,EAAAA,kBAAAA,IAACI,EAAAA,kBAAA,CAAkB,UAAA1B,EAAsB,SAAUC,EAAQ,QAASK,EACjE,SAAAH,EACCmB,EAAAA,kBAAAA,IAACK,EAAAA,UAAA,CAAU,MAAO,CAAE,MAAO,6BAAA,EACxB,SAAA,GAAG5B,EAAM,KAAK,OAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,GACF,EAEAuB,EAAAA,kBAAAA,IAACM,EAAAA,aAAA,CACC,YAAA1B,EACA,cAAeH,EAAM,KAAK,OAAS,GACnC,MAAOoB,EACP,UAAWpB,EAAM,UACjB,SAAUA,EAAM,SAChB,WAAYA,EAAM,WAClB,iBAAkBA,EAAM,KAAK,iBAC7B,SAAUA,EAAM,KAAK,SACrB,kBAAAa,EACA,cAAeI,EACf,SAAAZ,EACA,QAASE,CAAA,CAAA,CACX,CAEJ,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'\nimport { useGlobalContext } from '@shared/context'\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  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\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.isRestricted ? (isManager ? 'Unknown' : 'Restricted') : v.label,\n            tooltip: v.isRestricted\n              ? isManager\n                ? 'Unknown Link - Entity not found'\n                : 'Access Restricted - Insufficient Permissions to Entity'\n              : v.parents.join('/') + '/' + v.label,\n            icon: v.isRestricted ? (isManager ? 'help' : 'lock') : undefined,\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","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"o5dAWO,MAAMA,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,MAEtC,OAAOC,EAAM,cAAcC,CAAK,CAClC,CAAC,EAGUC,EAAiB,CAC5BC,EACAC,EACAC,IACY,CACZ,MAAMC,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,CACJ,KAAM,CAAE,KAAAC,CAAA,EAASC,mBAAA,EACXC,EAAYF,GAAM,MAAM,SAAWA,GAAM,MAAM,UAGrD,IAAIG,EAGAC,EAEJ,MAAMC,EAA8B,CAAA,EACpC,GAAI,CACF,MAAMC,EAAgBC,EAAAA,6BAAA,EACtBJ,EAAoBG,EAAc,kBAC9BA,EAAc,gBAChBD,EAAkB,KAAKC,EAAc,eAAe,QAAQ,CAEhE,MAAQ,CAER,CAEA,GAAI,CAEFF,EADoBI,EAAAA,uBAAA,EACa,kBACnC,MAAQ,CAER,CAEA,MAAMC,EAAoB,CAACC,EAAkBxB,IAAuB,CAE7CyB,EAAAA,mBAAmBzB,CAAU,IAM9CkB,GACFA,EAAA,EAGED,EACFA,EAAkB,CAChB,SAAAO,EACA,WAAAxB,CAAA,CACD,EAGD,QAAQ,IAAI,kBAAmBwB,EAAUxB,CAAU,EAEvD,EAEM0B,EAAcpB,GAAO,MAAQf,EAAsBe,EAAM,KAAK,EAAI,CAAA,EAExE,OACEqB,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,OACEJ,EAAY,IAAKK,IAAO,CACtB,MAAOA,EAAE,aAAgBf,EAAY,UAAY,aAAgBe,EAAE,MACnE,QAASA,EAAE,aACPf,EACE,kCACA,yDACFe,EAAE,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAE,MAClC,KAAMA,EAAE,aAAgBf,EAAY,OAAS,OAAU,MAAA,EACvD,GAAK,CAAA,EAET,GAAI,CAAE,KAAM,CAAE,UAAWgB,EAAAA,mBAAmB,EAC5C,SAAAtB,CAAA,CAAA,EAEDH,GAAaD,GACZuB,EAAAA,kBAAAA,IAACI,EAAAA,kBAAA,CAAkB,UAAA1B,EAAsB,SAAUC,EAAQ,QAASK,EACjE,SAAAH,EACCmB,EAAAA,kBAAAA,IAACK,EAAAA,UAAA,CAAU,MAAO,CAAE,MAAO,6BAAA,EACxB,SAAA,GAAG5B,EAAM,KAAK,OAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,GACF,EAEAuB,EAAAA,kBAAAA,IAACM,EAAAA,aAAA,CACC,YAAA1B,EACA,cAAeH,EAAM,KAAK,OAAS,GACnC,MAAOoB,EACP,UAAWpB,EAAM,UACjB,SAAUA,EAAM,SAChB,WAAYA,EAAM,WAClB,iBAAkBA,EAAM,KAAK,iBAC7B,SAAUA,EAAM,KAAK,SACrB,kBAAAa,EACA,cAAeI,EACf,SAAAZ,EACA,QAASE,CAAA,CAAA,CACX,CAEJ,CAAA,EAEJ,CAEJ"}

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

@@ -96,6 +96,7 @@ import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
 import "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
 import "../../../api/queries/tasks/updateTasks.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
@@ -261,13 +262,14 @@ import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
 import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
+import "../../../components/ReviewablesSelector/ReviewablesSelector.styled.es.js";
 const I = (t) => [...t].sort((o, r) => {
   const m = o.parents.join("/") + o.label, e = r.parents.join("/") + r.label;
   return m.localeCompare(e);
-}), Tp = (t, o, r) => {
+}), Lp = (t, o, r) => {
   const m = o.split("|"), [e, n, d] = m;
   return t === "in" ? r === d : r === n;
-}, bp = ({
+}, wp = ({
   value: t,
   isEditing: o,
   cellId: r,
@@ -329,8 +331,8 @@ const I = (t) => [...t].sort((o, r) => {
   ] });
 };
 export {
-  bp as LinksWidget,
-  Tp as isLinkEditable,
+  wp as LinksWidget,
+  Lp as isLinkEditable,
   I as sortEntityLinksByPath
 };
 //# sourceMappingURL=LinksWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksWidget.es.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'\nimport { useGlobalContext } from '@shared/context'\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  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\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.isRestricted ? (isManager ? 'Unknown' : 'Restricted') : v.label,\n            tooltip: v.isRestricted\n              ? isManager\n                ? 'Unknown Link - Entity not found'\n                : 'Access Restricted - Insufficient Permissions to Entity'\n              : v.parents.join('/') + '/' + v.label,\n            icon: v.isRestricted ? (isManager ? 'help' : 'lock') : undefined,\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","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"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"}
+{"version":3,"file":"LinksWidget.es.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'\nimport { useGlobalContext } from '@shared/context'\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  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\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.isRestricted ? (isManager ? 'Unknown' : 'Restricted') : v.label,\n            tooltip: v.isRestricted\n              ? isManager\n                ? 'Unknown Link - Entity not found'\n                : 'Access Restricted - Insufficient Permissions to Entity'\n              : v.parents.join('/') + '/' + v.label,\n            icon: v.isRestricted ? (isManager ? 'help' : 'lock') : undefined,\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","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"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"}