@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  \n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi;\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  ({ value, option, isEditing, isInherited, onChange, onCancelEdit, style, type, columnId, className, ...props }, ref) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      e.stopPropagation()\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput value={value} onChange={onChange} onCancel={onCancelEdit} type={type || 'string'} />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onClick={(e) => href && handleLinkClick(e as unknown as React.MouseEvent, href)}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onClick={(e) => handleLinkClick(e, part.href!)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return <span key={part.key} style={{ whiteSpace: 'pre-line' }}>{part.content}</span>\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, EDIT_TRIGGER_CLASS, {\n      markdown: isDescriptionColumn,\n    })\n\n    return (\n      <StyledBaseTextWidget className={combinedClassName} style={{ color: option?.color, ...style }} {...props} ref={ref}>\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}
+{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onClick={(e) => href && handleLinkClick(e as unknown as React.MouseEvent, href)}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onClick={(e) => handleLinkClick(e, part.href!)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, EDIT_TRIGGER_CLASS, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}

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

@@ -1,19 +1,19 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as R, useCallback as P } from "react";
-import S from "react-markdown";
-import _ from "remark-gfm";
-import { TextWidgetInput as v } from "./TextWidgetInput.es.js";
-import { EDIT_TRIGGER_CLASS as D } from "./CellWidget.es.js";
+import { forwardRef as _, useCallback as P } from "react";
+import v from "react-markdown";
+import D from "remark-gfm";
+import { TextWidgetInput as L } from "./TextWidgetInput.es.js";
+import { EDIT_TRIGGER_CLASS as U } from "./CellWidget.es.js";
 import x from "styled-components";
-import { Icon as L } from "@ynput/ayon-react-components";
-import U from "clsx";
+import { Icon as W } from "@ynput/ayon-react-components";
+import I from "clsx";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { parseHtmlToPlainTextWithLinks as W } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import { parseHtmlToPlainTextWithLinks as M } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
 import "../../../util/pubsub.es.js";
-import I from "../../../../../node_modules/rehype-raw/lib/index.es.js";
-const M = x.span`
+import E from "../../../../../node_modules/rehype-raw/lib/index.es.js";
+const G = x.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -25,43 +25,67 @@ const M = x.span`
     margin-top: 18px;
     height: 40px;
   }
-`, m = x.a`
+
+  &.regular {
+    display: block;
+  }
+`, f = x.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  
+
   &:hover {
     text-decoration: underline;
   }
-`, E = (s) => {
+`, H = (s) => {
   try {
     const r = new URL(s.trim());
     return r.protocol === "http:" || r.protocol === "https:";
   } catch {
     return !1;
   }
-}, G = (s) => {
+}, N = (s) => {
   const r = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  return s.split(r).map((l, c) => E(l) ? { type: "url", content: l, key: c } : { type: "text", content: l, key: c });
-}, H = (s) => /<[^>]*>/.test(s), ee = R(
-  ({ value: s, option: r, isEditing: f, isInherited: l, onChange: c, onCancelEdit: y, style: k, type: g, columnId: d, className: w, ...j }, C) => {
-    const a = P((u, n) => {
-      u.stopPropagation(), window.open(n, "_blank", "noopener,noreferrer");
+  return s.split(r).map((l, c) => H(l) ? { type: "url", content: l, key: c } : { type: "text", content: l, key: c });
+}, d = (s) => /<[^>]*>/.test(s), re = _(
+  ({
+    value: s,
+    option: r,
+    isEditing: u,
+    isInherited: l,
+    onChange: c,
+    onCancelEdit: y,
+    style: g,
+    type: k,
+    columnId: h,
+    className: w,
+    ...j
+  }, C) => {
+    const a = P((S, n) => {
+      window.open(n, "_blank", "noopener,noreferrer");
     }, []);
-    if (f)
-      return /* @__PURE__ */ o.jsx(v, { value: s, onChange: c, onCancel: y, type: g || "string" });
-    const p = (r == null ? void 0 : r.label) || s, i = typeof p == "string" ? p : String(p || ""), h = d === "attrib_description" || d === "description", T = () => h ? /* @__PURE__ */ o.jsx(
-      S,
+    if (u)
+      return /* @__PURE__ */ o.jsx(
+        L,
+        {
+          value: s,
+          onChange: c,
+          onCancel: y,
+          type: k || "string"
+        }
+      );
+    const p = (r == null ? void 0 : r.label) || s, i = typeof p == "string" ? p : String(p || ""), m = h === "attrib_description" || h === "description", T = !m && !d(i) && !i.match(/(https?:\/\/\S+)/gi), b = () => m ? /* @__PURE__ */ o.jsx(
+      v,
       {
-        remarkPlugins: [_],
-        rehypePlugins: [I],
+        remarkPlugins: [D],
+        rehypePlugins: [E],
         components: {
           p: ({ children: n }) => /* @__PURE__ */ o.jsx("span", { children: n }),
           a: ({ href: n, children: e }) => /* @__PURE__ */ o.jsx(
-            m,
+            f,
             {
               href: n || "#",
               onClick: (t) => n && a(t, n),
@@ -74,8 +98,8 @@ const M = x.span`
         },
         children: i
       }
-    ) : H(i) ? W(i).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ o.jsx(
-      m,
+    ) : d(i) ? M(i).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ o.jsx(
+      f,
       {
         href: e.href,
         onClick: (t) => a(t, e.href),
@@ -85,8 +109,8 @@ const M = x.span`
         children: e.content
       },
       e.key
-    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: e.content }, e.key)) : i.match(/(https?:\/\/\S+)/gi) ? G(i).map((e) => e.type === "url" ? /* @__PURE__ */ o.jsx(
-      m,
+    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: e.content }, e.key)) : i.match(/(https?:\/\/\S+)/gi) ? N(i).map((e) => e.type === "url" ? /* @__PURE__ */ o.jsx(
+      f,
       {
         href: e.content,
         onClick: (t) => a(t, e.content),
@@ -96,24 +120,34 @@ const M = x.span`
         children: e.content
       },
       e.key
-    ) : e.content) : i, b = U(w, D, {
-      markdown: h
+    ) : e.content) : i, R = I(w, U, {
+      markdown: m,
+      regular: T
     });
-    return /* @__PURE__ */ o.jsxs(M, { className: b, style: { color: r == null ? void 0 : r.color, ...k }, ...j, ref: C, children: [
-      (r == null ? void 0 : r.icon) && /* @__PURE__ */ o.jsx(
-        L,
-        {
-          icon: r.icon,
-          style: {
-            color: r.color
-          }
-        }
-      ),
-      T()
-    ] });
+    return /* @__PURE__ */ o.jsxs(
+      G,
+      {
+        className: R,
+        style: { color: r == null ? void 0 : r.color, ...g },
+        ...j,
+        ref: C,
+        children: [
+          (r == null ? void 0 : r.icon) && /* @__PURE__ */ o.jsx(
+            W,
+            {
+              icon: r.icon,
+              style: {
+                color: r.color
+              }
+            }
+          ),
+          b()
+        ]
+      }
+    );
   }
 );
 export {
-  ee as TextWidget
+  re as TextWidget
 };
 //# sourceMappingURL=TextWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  \n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi;\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  ({ value, option, isEditing, isInherited, onChange, onCancelEdit, style, type, columnId, className, ...props }, ref) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      e.stopPropagation()\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput value={value} onChange={onChange} onCancel={onCancelEdit} type={type || 'string'} />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onClick={(e) => href && handleLinkClick(e as unknown as React.MouseEvent, href)}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onClick={(e) => handleLinkClick(e, part.href!)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return <span key={part.key} style={{ whiteSpace: 'pre-line' }}>{part.content}</span>\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, EDIT_TRIGGER_CLASS, {\n      markdown: isDescriptionColumn,\n    })\n\n    return (\n      <StyledBaseTextWidget className={combinedClassName} style={{ color: option?.color, ...style }} {...props} ref={ref}>\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}
+{"version":3,"file":"TextWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onClick={(e) => href && handleLinkClick(e as unknown as React.MouseEvent, href)}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onClick={(e) => handleLinkClick(e, part.href!)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, EDIT_TRIGGER_CLASS, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),j=require("@ynput/ayon-react-components"),f=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),g=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const w=require("../../util/groupResult.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("clsx");const y=require("../ContextMenu/useCreateContextMenu.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const M=require("../../components/DetailsDialog/DetailsDialog.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");const C=require("./versionsToRepresentations.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/context/ViewsContext.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Feedback/FeedbackContext.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/Chips/Chips.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const b=[{field:"name",header:"Name",width:90,expander:!0},{field:"folderName",header:"Folder",width:130},{field:"productName",header:"Product",width:130},{field:"Product type",header:"productType",width:110}],S=({entities:n=[]})=>{var a;const q=u.useMemo(()=>C(n)||[],[n]),[i,s]=u.useState(!1),d=(a=q.find(e=>e.id===i))==null?void 0:a.projectName,[l,c]=u.useState([]),m=u.useMemo(()=>w.groupResult(q,"name"),[q]),o=e=>{c([e])},p=e=>{o(e.node.data.id)},x=e=>[{label:"Representation detail",command:()=>s(e),icon:"database"}],[h]=y.useCreateContextMenu([]),R=e=>{const t=e.node.data.id;t&&(o(t),h(e.originalEvent,x(t)))};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(j.TablePanel,{children:r.jsxRuntimeExports.jsx(f.TreeTable,{scrollable:!0,scrollHeight:"100%",value:m,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:l[0],onRowClick:p,onContextMenu:R,children:b.map(e=>r.jsxRuntimeExports.jsx(g.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),i&&r.jsxRuntimeExports.jsx(M.DetailsDialog,{projectName:d,entityType:"representation",entityIds:[i],visible:!!i,onHide:()=>s(!1)})]})};exports.RepresentationsList=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),j=require("@ynput/ayon-react-components"),f=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),g=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const w=require("../../util/groupResult.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("clsx");const y=require("../ContextMenu/useCreateContextMenu.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const M=require("../../components/DetailsDialog/DetailsDialog.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");const C=require("./versionsToRepresentations.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/context/ViewsContext.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Feedback/FeedbackContext.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/Chips/Chips.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");const b=[{field:"name",header:"Name",width:90,expander:!0},{field:"folderName",header:"Folder",width:130},{field:"productName",header:"Product",width:130},{field:"Product type",header:"productType",width:110}],S=({entities:n=[]})=>{var a;const q=u.useMemo(()=>C(n)||[],[n]),[i,s]=u.useState(!1),d=(a=q.find(e=>e.id===i))==null?void 0:a.projectName,[l,c]=u.useState([]),m=u.useMemo(()=>w.groupResult(q,"name"),[q]),o=e=>{c([e])},p=e=>{o(e.node.data.id)},x=e=>[{label:"Representation detail",command:()=>s(e),icon:"database"}],[h]=y.useCreateContextMenu([]),R=e=>{const t=e.node.data.id;t&&(o(t),h(e.originalEvent,x(t)))};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(j.TablePanel,{children:r.jsxRuntimeExports.jsx(f.TreeTable,{scrollable:!0,scrollHeight:"100%",value:m,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:l[0],onRowClick:p,onContextMenu:R,children:b.map(e=>r.jsxRuntimeExports.jsx(g.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),i&&r.jsxRuntimeExports.jsx(M.DetailsDialog,{projectName:d,entityType:"representation",entityIds:[i],visible:!!i,onHide:()=>s(!1)})]})};exports.RepresentationsList=S;
 //# sourceMappingURL=RepresentationsList.cjs.js.map

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","_a","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"2+ZAYA,MAAMA,EAAU,CACd,CACE,MAAO,OACP,OAAQ,OACR,MAAO,GACP,SAAU,EACZ,EACA,CACE,MAAO,aACP,OAAQ,SACR,MAAO,GACT,EACA,CACE,MAAO,cACP,OAAQ,UACR,MAAO,GACT,EACA,CACE,MAAO,eACP,OAAQ,cACR,MAAO,GAAA,CAEX,EAMaC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,KAAgB,OAEzD,MAAAC,EAAkBC,EAAQ,QAAA,IAAMC,EAA0BH,CAAQ,GAAK,CAAC,EAAG,CAACA,CAAQ,CAAC,EAErF,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,EAAK,EAC5DC,GAAwBC,EAAAP,EAAgB,KAAMQ,GAAQA,EAAI,KAAOL,CAAU,IAAnD,YAAAI,EAAsD,YAE9E,CAACE,EAAUC,CAAW,EAAIL,EAAAA,SAAmB,CAAA,CAAE,EAE/CM,EAAOV,EAAAA,QAAQ,IAEZW,EAAA,YAAYZ,EAAiB,MAAM,EACzC,CAACA,CAAe,CAAC,EAEda,EAAwBC,GAAqB,CAErCJ,EAAA,CAACI,CAAQ,CAAC,CACxB,EAEMC,EAAc,GAAW,CACRF,EAAA,EAAE,KAAK,KAAK,EAAE,CACrC,EAEMG,EAAgBC,GAAe,CACnC,CACE,MAAO,wBACP,QAAS,IAAMb,EAAca,CAAE,EAC/B,KAAM,UAAA,CAEV,EAEM,CAACC,CAAW,EAAIC,EAAA,qBAAqB,EAAE,EAEvCC,EAAqB,GAAW,CAC9B,MAAAH,EAAK,EAAE,KAAK,KAAK,GAEnBA,IAEFJ,EAAqBI,CAAE,EAEvBC,EAAY,EAAE,cAAeF,EAAaC,CAAE,CAAC,EAEjD,EAEA,OAEII,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,wBAACC,EAAAA,WACC,CAAA,SAAAD,EAAA,kBAAA,IAACE,EAAA,UAAA,CACC,WAAU,GACV,aAAa,OACb,MAAOd,EACP,aAAa,0BACb,cAAc,SACd,cAAeF,EAAS,CAAC,EACzB,WAAAM,EACA,cAAeK,EAEd,SAAAvB,EAAQ,IAAK6B,GAEVH,EAAA,kBAAA,IAACI,EAAA,OAAA,CAEC,MAAOD,EAAI,MACX,OAAQA,EAAI,OACZ,SAAUA,EAAI,SACd,MAAO,CAAE,MAAOA,EAAI,KAAM,CAAA,EAJrBA,EAAI,KAKX,CAEH,CAAA,CAAA,EAEL,EAECvB,GACCoB,EAAA,kBAAA,IAACK,EAAA,cAAA,CACC,YAAatB,EACb,WAAY,iBACZ,UAAW,CAACH,CAAU,EACtB,QAAS,CAAC,CAACA,EACX,OAAQ,IAAMC,EAAc,EAAK,CAAA,CAAA,CACnC,EAEJ,CAEJ"}
+{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","_a","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"6mbAYA,MAAMA,EAAU,CACd,CACE,MAAO,OACP,OAAQ,OACR,MAAO,GACP,SAAU,EACZ,EACA,CACE,MAAO,aACP,OAAQ,SACR,MAAO,GACT,EACA,CACE,MAAO,cACP,OAAQ,UACR,MAAO,GACT,EACA,CACE,MAAO,eACP,OAAQ,cACR,MAAO,GAAA,CAEX,EAMaC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,KAAgB,OAEzD,MAAAC,EAAkBC,EAAQ,QAAA,IAAMC,EAA0BH,CAAQ,GAAK,CAAC,EAAG,CAACA,CAAQ,CAAC,EAErF,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,EAAK,EAC5DC,GAAwBC,EAAAP,EAAgB,KAAMQ,GAAQA,EAAI,KAAOL,CAAU,IAAnD,YAAAI,EAAsD,YAE9E,CAACE,EAAUC,CAAW,EAAIL,EAAAA,SAAmB,CAAA,CAAE,EAE/CM,EAAOV,EAAAA,QAAQ,IAEZW,EAAA,YAAYZ,EAAiB,MAAM,EACzC,CAACA,CAAe,CAAC,EAEda,EAAwBC,GAAqB,CAErCJ,EAAA,CAACI,CAAQ,CAAC,CACxB,EAEMC,EAAc,GAAW,CACRF,EAAA,EAAE,KAAK,KAAK,EAAE,CACrC,EAEMG,EAAgBC,GAAe,CACnC,CACE,MAAO,wBACP,QAAS,IAAMb,EAAca,CAAE,EAC/B,KAAM,UAAA,CAEV,EAEM,CAACC,CAAW,EAAIC,EAAA,qBAAqB,EAAE,EAEvCC,EAAqB,GAAW,CAC9B,MAAAH,EAAK,EAAE,KAAK,KAAK,GAEnBA,IAEFJ,EAAqBI,CAAE,EAEvBC,EAAY,EAAE,cAAeF,EAAaC,CAAE,CAAC,EAEjD,EAEA,OAEII,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,wBAACC,EAAAA,WACC,CAAA,SAAAD,EAAA,kBAAA,IAACE,EAAA,UAAA,CACC,WAAU,GACV,aAAa,OACb,MAAOd,EACP,aAAa,0BACb,cAAc,SACd,cAAeF,EAAS,CAAC,EACzB,WAAAM,EACA,cAAeK,EAEd,SAAAvB,EAAQ,IAAK6B,GAEVH,EAAA,kBAAA,IAACI,EAAA,OAAA,CAEC,MAAOD,EAAI,MACX,OAAQA,EAAI,OACZ,SAAUA,EAAI,SACd,MAAO,CAAE,MAAOA,EAAI,KAAM,CAAA,EAJrBA,EAAI,KAKX,CAEH,CAAA,CAAA,EAEL,EAECvB,GACCoB,EAAA,kBAAA,IAACK,EAAA,cAAA,CACC,YAAatB,EACb,WAAY,iBACZ,UAAW,CAACH,CAAU,EACtB,QAAS,CAAC,CAACA,EACX,OAAQ,IAAMC,EAAc,EAAK,CAAA,CAAA,CACnC,EAEJ,CAEJ"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js

@@ -81,6 +81,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -115,6 +116,7 @@ import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -153,6 +155,7 @@ import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "@tanstack/react-table";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
@@ -167,6 +170,8 @@ import "../../components/LinksManager/CellEditingDialog.es.js";
 import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
+import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -214,11 +219,13 @@ import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../components/SizeSlider/SizeSlider.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/SearchFilter/filterDates.es.js";
+import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
@@ -231,6 +238,10 @@ import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../components/LegacyBadge/LegacyBadge.es.js";
 const T = [
   {
     field: "name",
@@ -253,7 +264,7 @@ const T = [
     header: "productType",
     width: 110
   }
-], Qi = ({ entities: p = [] }) => {
+], rm = ({ entities: p = [] }) => {
   var s;
   const i = a(() => b(p) || [], [p]), [r, e] = d(!1), l = (s = i.find((t) => t.id === r)) == null ? void 0 : s.projectName, [c, u] = d([]), f = a(() => C(i, "name"), [i]), n = (t) => {
     u([t]);
@@ -306,6 +317,6 @@ const T = [
   ] });
 };
 export {
-  Qi as RepresentationsList
+  rm as RepresentationsList
 };
 //# sourceMappingURL=RepresentationsList.es.js.map

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","_a","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","e","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX,GAMaC,KAAsB,CAAC,EAAE,UAAAC,IAAW,CAAA,QAAgB;;AAEzD,QAAAC,IAAkBC,EAAQ,MAAMC,EAA0BH,CAAQ,KAAK,CAAC,GAAG,CAACA,CAAQ,CAAC,GAErF,CAACI,GAAYC,CAAa,IAAIC,EAAyB,EAAK,GAC5DC,KAAwBC,IAAAP,EAAgB,KAAK,CAACQ,MAAQA,EAAI,OAAOL,CAAU,MAAnD,gBAAAI,EAAsD,aAE9E,CAACE,GAAUC,CAAW,IAAIL,EAAmB,CAAA,CAAE,GAE/CM,IAAOV,EAAQ,MAEZW,EAAYZ,GAAiB,MAAM,GACzC,CAACA,CAAe,CAAC,GAEda,IAAuB,CAACC,MAAqB;AAErC,IAAAJ,EAAA,CAACI,CAAQ,CAAC;AAAA,EACxB,GAEMC,IAAa,CAACC,MAAW;AACR,IAAAH,EAAAG,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC,GAEMC,IAAe,CAACC,MAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAMd,EAAcc,CAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV,GAEM,CAACC,CAAW,IAAIC,EAAqB,EAAE,GAEvCC,IAAoB,CAACL,MAAW;AAC9B,UAAAE,IAAKF,EAAE,KAAK,KAAK;AAEvB,IAAIE,MAEFL,EAAqBK,CAAE,GAEvBC,EAAYH,EAAE,eAAeC,EAAaC,CAAE,CAAC;AAAA,EAEjD;AAEA,SAEII,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAOf;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAeF,EAAS,CAAC;AAAA,QACzB,YAAAM;AAAA,QACA,eAAeM;AAAA,QAEd,UAAAxB,EAAQ,IAAI,CAAC8B,MAEVH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YAEC,OAAOD,EAAI;AAAA,YACX,QAAQA,EAAI;AAAA,YACZ,UAAUA,EAAI;AAAA,YACd,OAAO,EAAE,OAAOA,EAAI,MAAM;AAAA,UAAA;AAAA,UAJrBA,EAAI;AAAA,QAKX,CAEH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAECxB,KACCqB,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAavB;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAACH,CAAU;AAAA,QACtB,SAAS,CAAC,CAACA;AAAA,QACX,QAAQ,MAAMC,EAAc,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}
+{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","_a","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","e","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"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"}