@ynput/ayon-frontend-shared 0.2.38 → 0.2.40

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidgetInput.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidgetInput.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\nimport { TextWidgetType } from './TextWidget'\nimport { toast } from 'react-toastify'\n\ninterface TextWidgetInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  value: string\n  onCancel?: () => void\n  onChange: WidgetBaseProps['onChange']\n  autoFocus?: boolean\n  type?: TextWidgetType\n}\n\nconst StyledInput = styled.input`\n  z-index: 10;\n  border: none;\n  outline: none;\n  padding: 0;\n  padding-left: 1px;\n  margin: 0;\n  cursor: text;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  background-color: transparent;\n  width: 100%;\n  box-sizing: border-box;\n`\n\nexport const TextWidgetInput = forwardRef<HTMLInputElement, TextWidgetInputProps>(\n  ({ value: initialValue, onChange, onCancel, autoFocus = true, type = 'string', ...props }, _) => {\n    // Local state to manage input value\n    const [value, setValue] = useState(initialValue)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const escapePressed = useRef(false)\n\n    const originalValue = useRef(initialValue)\n\n    // Helper function to validate and convert value based on type\n    const validateAndConvertValue = (inputValue?: string): any => {\n      if (!inputValue) return ''\n\n      const trimmedValue = inputValue.trim()\n\n      // Handle empty values\n      if (trimmedValue === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(trimmedValue, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(trimmedValue)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n        default:\n          return inputValue\n      }\n    }\n\n    // Helper function to check if the value has actually changed\n    const hasValueChanged = (newValue: any): boolean => {\n      const original = originalValue.current\n\n      // For non-string types, treat empty values (null, undefined, empty string) as equivalent\n      if (type !== 'string') {\n        const newIsEmpty = newValue === null || newValue === undefined || newValue === ''\n        const originalIsEmpty = original === null || original === undefined || original === ''\n\n        if (newIsEmpty && originalIsEmpty) {\n          return false\n        }\n\n        if (newIsEmpty !== originalIsEmpty) {\n          return true\n        }\n      }\n\n      return newValue !== original\n    }\n\n    // Set focus on the input when component mounts\n    useEffect(() => {\n      if (autoFocus && inputRef && inputRef.current) {\n        inputRef.current.focus()\n        // position cursor at the end of text\n        inputRef.current.select()\n      }\n    }, [autoFocus])\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Enter')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n          onCancel?.()\n        }\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        escapePressed.current = true\n        onCancel?.()\n      }\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.relatedTarget?.tagName === 'INPUT') {\n        return\n      }\n\n      if (!escapePressed.current) {\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Click')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n        }\n      }\n\n      // Reset the flag\n      escapePressed.current = false\n    }\n\n    return (\n      <StyledInput\n        {...props}\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],"names":["StyledInput","styled","TextWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","type","props","_","value","setValue","useState","inputRef","useRef","escapePressed","originalValue","validateAndConvertValue","inputValue","trimmedValue","intValue","floatValue","hasValueChanged","newValue","original","newIsEmpty","originalIsEmpty","useEffect","handleKeyDown","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"mappings":"4NAeMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,MAAOC,EAAc,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAY,GAAM,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAM,CAE/F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAST,CAAY,EACzCU,EAAWC,SAAyB,IAAI,EACxCC,EAAgBD,SAAO,EAAK,EAE5BE,EAAgBF,SAAOX,CAAY,EAGnCc,EAA2BC,GAA6B,CACxD,GAAA,CAACA,EAAmB,MAAA,GAElB,MAAAC,EAAeD,EAAW,KAAK,EAGrC,GAAIC,IAAiB,GACZ,OAAAZ,IAAS,SAAW,GAAK,KAGlC,OAAQA,EAAM,CACZ,IAAK,UACG,MAAAa,EAAW,SAASD,EAAc,EAAE,EACnC,OAAA,MAAMC,CAAQ,EAAI,KAAOA,EAClC,IAAK,QACG,MAAAC,EAAa,WAAWF,CAAY,EACnC,OAAA,MAAME,CAAU,EAAI,KAAOA,EACpC,IAAK,SACL,QACS,OAAAH,CAAA,CAEb,EAGMI,EAAmBC,GAA2B,CAClD,MAAMC,EAAWR,EAAc,QAG/B,GAAIT,IAAS,SAAU,CACrB,MAAMkB,EAAaF,GAAa,MAAkCA,IAAa,GACzEG,EAAkBF,GAAa,MAAkCA,IAAa,GAEpF,GAAIC,GAAcC,EACT,MAAA,GAGT,GAAID,IAAeC,EACV,MAAA,EACT,CAGF,OAAOH,IAAaC,CACtB,EAGAG,EAAAA,UAAU,IAAM,CACVrB,GAAaO,GAAYA,EAAS,UACpCA,EAAS,QAAQ,MAAM,EAEvBA,EAAS,QAAQ,OAAO,EAC1B,EACC,CAACP,CAAS,CAAC,EAER,MAAAsB,EAAiB,GAAuC,CACxD,GAAA,EAAE,MAAQ,QAAS,CACrB,EAAE,eAAe,EACX,MAAAC,EAAiBZ,EAAwBP,CAAK,EAEhD,GAAA,CAACY,EAAgBO,CAAc,EAAG,CACzBxB,GAAA,MAAAA,IACX,MAAA,CAGE,GAAAE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACC,MAAAC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,EAC3EzB,GAAA,MAAAA,GAAA,CACb,MACS,EAAE,MAAQ,WACnB,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBU,EAAc,QAAU,GACbV,GAAA,MAAAA,IAEf,EAEM2B,EAAc,GAA0C,OACxD,KAAAC,EAAA,EAAE,gBAAF,YAAAA,EAAiB,WAAY,QAI7B,IAAA,CAAClB,EAAc,QAAS,CACpB,MAAAc,EAAiBZ,EAAwBP,CAAK,EAEhD,GAAA,CAACY,EAAgBO,CAAc,EAAG,CACzBxB,GAAA,MAAAA,IACX,MAAA,CAGE,GAAAE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACC,MAAAC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,CAAA,CACxF,CAIFf,EAAc,QAAU,GAC1B,EAGE,OAAAmB,EAAA,kBAAA,IAACnC,EAAA,CACE,GAAGS,EACJ,IAAKK,EACL,MAAAH,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWiB,EACX,OAAQI,CAAA,CACV,CAAA,CAGN"}
+{"version":3,"file":"TextWidgetInput.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidgetInput.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\nimport { TextWidgetType } from './TextWidget'\nimport { toast } from 'react-toastify'\n\ninterface TextWidgetInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  value: string\n  onCancel?: () => void\n  onChange: WidgetBaseProps['onChange']\n  autoFocus?: boolean\n  type?: TextWidgetType\n}\n\nconst StyledInput = styled.input`\n  z-index: 10;\n  border: none;\n  outline: none;\n  padding: 0;\n  padding-left: 1px;\n  margin: 0;\n  cursor: text;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  background-color: transparent;\n  width: 100%;\n  box-sizing: border-box;\n`\n\nexport const TextWidgetInput = forwardRef<HTMLInputElement, TextWidgetInputProps>(\n  ({ value: initialValue, onChange, onCancel, autoFocus = true, type = 'string', ...props }, _) => {\n    // Local state to manage input value\n    const [value, setValue] = useState(initialValue)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const escapePressed = useRef(false)\n\n    const originalValue = useRef(initialValue)\n\n    // Helper function to validate and convert value based on type\n    const validateAndConvertValue = (inputValue?: string): any => {\n      // convert inputValue to string for consistent processing\n      const inputStr =\n        inputValue !== undefined && inputValue !== null ? String(inputValue).trim() : ''\n      if (!inputValue) return ''\n\n      // Handle empty values\n      if (inputStr === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(inputStr, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(inputStr)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n          return inputStr\n        default:\n          return inputStr\n      }\n    }\n\n    // Helper function to check if the value has actually changed\n    const hasValueChanged = (newValue: any): boolean => {\n      const original = originalValue.current\n\n      // For non-string types, treat empty values (null, undefined, empty string) as equivalent\n      if (type !== 'string') {\n        const newIsEmpty = newValue === null || newValue === undefined || newValue === ''\n        const originalIsEmpty = original === null || original === undefined || original === ''\n\n        if (newIsEmpty && originalIsEmpty) {\n          return false\n        }\n\n        if (newIsEmpty !== originalIsEmpty) {\n          return true\n        }\n      }\n\n      return newValue !== original\n    }\n\n    // Set focus on the input when component mounts\n    useEffect(() => {\n      if (autoFocus && inputRef && inputRef.current) {\n        inputRef.current.focus()\n        // position cursor at the end of text\n        inputRef.current.select()\n      }\n    }, [autoFocus])\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Enter')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n          onCancel?.()\n        }\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        escapePressed.current = true\n        onCancel?.()\n      }\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.relatedTarget?.tagName === 'INPUT') {\n        return\n      }\n\n      if (!escapePressed.current) {\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Click')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n        }\n      }\n\n      // Reset the flag\n      escapePressed.current = false\n    }\n\n    return (\n      <StyledInput\n        {...props}\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],"names":["StyledInput","styled","TextWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","type","props","_","value","setValue","useState","inputRef","useRef","escapePressed","originalValue","validateAndConvertValue","inputValue","inputStr","intValue","floatValue","hasValueChanged","newValue","original","newIsEmpty","originalIsEmpty","useEffect","handleKeyDown","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"mappings":"4NAeMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,MAAOC,EAAc,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAY,GAAM,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAM,CAE/F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAST,CAAY,EACzCU,EAAWC,SAAyB,IAAI,EACxCC,EAAgBD,SAAO,EAAK,EAE5BE,EAAgBF,SAAOX,CAAY,EAGnCc,EAA2BC,GAA6B,CAEtD,MAAAC,EACwBD,GAAe,KAAO,OAAOA,CAAU,EAAE,KAAA,EAAS,GAC5E,GAAA,CAACA,EAAmB,MAAA,GAGxB,GAAIC,IAAa,GACR,OAAAZ,IAAS,SAAW,GAAK,KAGlC,OAAQA,EAAM,CACZ,IAAK,UACG,MAAAa,EAAW,SAASD,EAAU,EAAE,EAC/B,OAAA,MAAMC,CAAQ,EAAI,KAAOA,EAClC,IAAK,QACG,MAAAC,EAAa,WAAWF,CAAQ,EAC/B,OAAA,MAAME,CAAU,EAAI,KAAOA,EACpC,IAAK,SACI,OAAAF,EACT,QACS,OAAAA,CAAA,CAEb,EAGMG,EAAmBC,GAA2B,CAClD,MAAMC,EAAWR,EAAc,QAG/B,GAAIT,IAAS,SAAU,CACrB,MAAMkB,EAAaF,GAAa,MAAkCA,IAAa,GACzEG,EAAkBF,GAAa,MAAkCA,IAAa,GAEpF,GAAIC,GAAcC,EACT,MAAA,GAGT,GAAID,IAAeC,EACV,MAAA,EACT,CAGF,OAAOH,IAAaC,CACtB,EAGAG,EAAAA,UAAU,IAAM,CACVrB,GAAaO,GAAYA,EAAS,UACpCA,EAAS,QAAQ,MAAM,EAEvBA,EAAS,QAAQ,OAAO,EAC1B,EACC,CAACP,CAAS,CAAC,EAER,MAAAsB,EAAiB,GAAuC,CACxD,GAAA,EAAE,MAAQ,QAAS,CACrB,EAAE,eAAe,EACX,MAAAC,EAAiBZ,EAAwBP,CAAK,EAEhD,GAAA,CAACY,EAAgBO,CAAc,EAAG,CACzBxB,GAAA,MAAAA,IACX,MAAA,CAGE,GAAAE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACC,MAAAC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,EAC3EzB,GAAA,MAAAA,GAAA,CACb,MACS,EAAE,MAAQ,WACnB,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBU,EAAc,QAAU,GACbV,GAAA,MAAAA,IAEf,EAEM2B,EAAc,GAA0C,OACxD,KAAAC,EAAA,EAAE,gBAAF,YAAAA,EAAiB,WAAY,QAI7B,IAAA,CAAClB,EAAc,QAAS,CACpB,MAAAc,EAAiBZ,EAAwBP,CAAK,EAEhD,GAAA,CAACY,EAAgBO,CAAc,EAAG,CACzBxB,GAAA,MAAAA,IACX,MAAA,CAGE,GAAAE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACC,MAAAC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,CAAA,CACxF,CAIFf,EAAc,QAAU,GAC1B,EAGE,OAAAmB,EAAA,kBAAA,IAACnC,EAAA,CACE,GAAGS,EACJ,IAAKK,EACL,MAAAH,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWiB,EACX,OAAQI,CAAA,CACV,CAAA,CAGN"}

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

@@ -1,7 +1,7 @@
 import { j as E } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as N, useState as y, useRef as o, useEffect as P } from "react";
+import { forwardRef as N, useState as y, useRef as a, useEffect as P } from "react";
 import T from "styled-components";
-import { toast as p } from "react-toastify";
+import { toast as v } from "react-toastify";
 const k = T.input`
   z-index: 10;
   border: none;
@@ -16,79 +16,80 @@ const k = T.input`
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`, z = N(
-  ({ value: f, onChange: d, onCancel: e, autoFocus: g = !0, type: n = "string", ...v }, w) => {
-    const [a, h] = y(f), u = o(null), l = o(!1), x = o(f), c = (t) => {
-      if (!t) return "";
-      const r = t.trim();
-      if (r === "")
-        return n === "string" ? "" : null;
-      switch (n) {
+`, j = N(
+  ({ value: f, onChange: d, onCancel: e, autoFocus: g = !0, type: s = "string", ...m }, w) => {
+    const [l, h] = y(f), u = a(null), o = a(!1), x = a(f), c = (r) => {
+      const t = r != null ? String(r).trim() : "";
+      if (!r) return "";
+      if (t === "")
+        return s === "string" ? "" : null;
+      switch (s) {
         case "integer":
-          const i = parseInt(r, 10);
+          const i = parseInt(t, 10);
           return isNaN(i) ? null : i;
         case "float":
-          const s = parseFloat(r);
-          return isNaN(s) ? null : s;
+          const n = parseFloat(t);
+          return isNaN(n) ? null : n;
         case "string":
+          return t;
         default:
           return t;
       }
-    }, m = (t) => {
-      const r = x.current;
-      if (n !== "string") {
-        const i = t == null || t === "", s = r == null || r === "";
-        if (i && s)
+    }, p = (r) => {
+      const t = x.current;
+      if (s !== "string") {
+        const i = r == null || r === "", n = t == null || t === "";
+        if (i && n)
           return !1;
-        if (i !== s)
+        if (i !== n)
           return !0;
       }
-      return t !== r;
+      return r !== t;
     };
     P(() => {
       g && u && u.current && (u.current.focus(), u.current.select());
     }, [g]);
-    const b = (t) => {
-      if (t.key === "Enter") {
-        t.preventDefault();
-        const r = c(a);
-        if (!m(r)) {
+    const b = (r) => {
+      if (r.key === "Enter") {
+        r.preventDefault();
+        const t = c(l);
+        if (!p(t)) {
           e == null || e();
           return;
         }
-        if (n === "string" || r !== null)
-          d(r, "Enter");
+        if (s === "string" || t !== null)
+          d(t, "Enter");
         else {
-          const i = n === "integer" ? "integer" : "number";
-          p.error(`Invalid ${i} value. Please enter a valid ${i}.`), e == null || e();
+          const i = s === "integer" ? "integer" : "number";
+          v.error(`Invalid ${i} value. Please enter a valid ${i}.`), e == null || e();
         }
-      } else t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), l.current = !0, e == null || e());
-    }, I = (t) => {
-      var r;
-      if (((r = t.relatedTarget) == null ? void 0 : r.tagName) !== "INPUT") {
-        if (!l.current) {
-          const i = c(a);
-          if (!m(i)) {
+      } else r.key === "Escape" && (r.preventDefault(), r.stopPropagation(), o.current = !0, e == null || e());
+    }, I = (r) => {
+      var t;
+      if (((t = r.relatedTarget) == null ? void 0 : t.tagName) !== "INPUT") {
+        if (!o.current) {
+          const i = c(l);
+          if (!p(i)) {
             e == null || e();
             return;
           }
-          if (n === "string" || i !== null)
+          if (s === "string" || i !== null)
             d(i, "Click");
           else {
-            const s = n === "integer" ? "integer" : "number";
-            p.error(`Invalid ${s} value. Please enter a valid ${s}.`);
+            const n = s === "integer" ? "integer" : "number";
+            v.error(`Invalid ${n} value. Please enter a valid ${n}.`);
           }
         }
-        l.current = !1;
+        o.current = !1;
       }
     };
     return /* @__PURE__ */ E.jsx(
       k,
       {
-        ...v,
+        ...m,
         ref: u,
-        value: a,
-        onChange: (t) => h(t.target.value),
+        value: l,
+        onChange: (r) => h(r.target.value),
         onKeyDown: b,
         onBlur: I
       }
@@ -96,6 +97,6 @@ const k = T.input`
   }
 );
 export {
-  z as TextWidgetInput
+  j as TextWidgetInput
 };
 //# sourceMappingURL=TextWidgetInput.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidgetInput.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidgetInput.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\nimport { TextWidgetType } from './TextWidget'\nimport { toast } from 'react-toastify'\n\ninterface TextWidgetInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  value: string\n  onCancel?: () => void\n  onChange: WidgetBaseProps['onChange']\n  autoFocus?: boolean\n  type?: TextWidgetType\n}\n\nconst StyledInput = styled.input`\n  z-index: 10;\n  border: none;\n  outline: none;\n  padding: 0;\n  padding-left: 1px;\n  margin: 0;\n  cursor: text;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  background-color: transparent;\n  width: 100%;\n  box-sizing: border-box;\n`\n\nexport const TextWidgetInput = forwardRef<HTMLInputElement, TextWidgetInputProps>(\n  ({ value: initialValue, onChange, onCancel, autoFocus = true, type = 'string', ...props }, _) => {\n    // Local state to manage input value\n    const [value, setValue] = useState(initialValue)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const escapePressed = useRef(false)\n\n    const originalValue = useRef(initialValue)\n\n    // Helper function to validate and convert value based on type\n    const validateAndConvertValue = (inputValue?: string): any => {\n      if (!inputValue) return ''\n\n      const trimmedValue = inputValue.trim()\n\n      // Handle empty values\n      if (trimmedValue === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(trimmedValue, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(trimmedValue)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n        default:\n          return inputValue\n      }\n    }\n\n    // Helper function to check if the value has actually changed\n    const hasValueChanged = (newValue: any): boolean => {\n      const original = originalValue.current\n\n      // For non-string types, treat empty values (null, undefined, empty string) as equivalent\n      if (type !== 'string') {\n        const newIsEmpty = newValue === null || newValue === undefined || newValue === ''\n        const originalIsEmpty = original === null || original === undefined || original === ''\n\n        if (newIsEmpty && originalIsEmpty) {\n          return false\n        }\n\n        if (newIsEmpty !== originalIsEmpty) {\n          return true\n        }\n      }\n\n      return newValue !== original\n    }\n\n    // Set focus on the input when component mounts\n    useEffect(() => {\n      if (autoFocus && inputRef && inputRef.current) {\n        inputRef.current.focus()\n        // position cursor at the end of text\n        inputRef.current.select()\n      }\n    }, [autoFocus])\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Enter')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n          onCancel?.()\n        }\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        escapePressed.current = true\n        onCancel?.()\n      }\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.relatedTarget?.tagName === 'INPUT') {\n        return\n      }\n\n      if (!escapePressed.current) {\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Click')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n        }\n      }\n\n      // Reset the flag\n      escapePressed.current = false\n    }\n\n    return (\n      <StyledInput\n        {...props}\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],"names":["StyledInput","styled","TextWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","type","props","_","value","setValue","useState","inputRef","useRef","escapePressed","originalValue","validateAndConvertValue","inputValue","trimmedValue","intValue","floatValue","hasValueChanged","newValue","original","newIsEmpty","originalIsEmpty","useEffect","handleKeyDown","e","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"mappings":";;;;AAeA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBdC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,OAAOC,GAAc,UAAAC,GAAU,UAAAC,GAAU,WAAAC,IAAY,IAAM,MAAAC,IAAO,UAAU,GAAGC,EAAA,GAASC,MAAM;AAE/F,UAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAST,CAAY,GACzCU,IAAWC,EAAyB,IAAI,GACxCC,IAAgBD,EAAO,EAAK,GAE5BE,IAAgBF,EAAOX,CAAY,GAGnCc,IAA0B,CAACC,MAA6B;AACxD,UAAA,CAACA,EAAmB,QAAA;AAElB,YAAAC,IAAeD,EAAW,KAAK;AAGrC,UAAIC,MAAiB;AACZ,eAAAZ,MAAS,WAAW,KAAK;AAGlC,cAAQA,GAAM;AAAA,QACZ,KAAK;AACG,gBAAAa,IAAW,SAASD,GAAc,EAAE;AACnC,iBAAA,MAAMC,CAAQ,IAAI,OAAOA;AAAA,QAClC,KAAK;AACG,gBAAAC,IAAa,WAAWF,CAAY;AACnC,iBAAA,MAAME,CAAU,IAAI,OAAOA;AAAA,QACpC,KAAK;AAAA,QACL;AACS,iBAAAH;AAAA,MAAA;AAAA,IAEb,GAGMI,IAAkB,CAACC,MAA2B;AAClD,YAAMC,IAAWR,EAAc;AAG/B,UAAIT,MAAS,UAAU;AACrB,cAAMkB,IAAaF,KAAa,QAAkCA,MAAa,IACzEG,IAAkBF,KAAa,QAAkCA,MAAa;AAEpF,YAAIC,KAAcC;AACT,iBAAA;AAGT,YAAID,MAAeC;AACV,iBAAA;AAAA,MACT;AAGF,aAAOH,MAAaC;AAAA,IACtB;AAGA,IAAAG,EAAU,MAAM;AACV,MAAArB,KAAaO,KAAYA,EAAS,YACpCA,EAAS,QAAQ,MAAM,GAEvBA,EAAS,QAAQ,OAAO;AAAA,IAC1B,GACC,CAACP,CAAS,CAAC;AAER,UAAAsB,IAAgB,CAACC,MAAuC;AACxD,UAAAA,EAAE,QAAQ,SAAS;AACrB,QAAAA,EAAE,eAAe;AACX,cAAAC,IAAiBb,EAAwBP,CAAK;AAEhD,YAAA,CAACY,EAAgBQ,CAAc,GAAG;AACzB,UAAAzB,KAAA,QAAAA;AACX;AAAA,QAAA;AAGE,YAAAE,MAAS,YAAYuB,MAAmB;AAC1C,UAAA1B,EAAS0B,GAAgB,OAAO;AAAA,aAC3B;AACC,gBAAAC,IAAiBxB,MAAS,YAAY,YAAY;AACxD,UAAAyB,EAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,GAC3E1B,KAAA,QAAAA;AAAA,QAAA;AAAA,MACb,MACF,CAAWwB,EAAE,QAAQ,aACnBA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GAClBd,EAAc,UAAU,IACbV,KAAA,QAAAA;AAAA,IAEf,GAEM4B,IAAa,CAACJ,MAA0C;;AACxD,YAAAK,IAAAL,EAAE,kBAAF,gBAAAK,EAAiB,aAAY,SAI7B;AAAA,YAAA,CAACnB,EAAc,SAAS;AACpB,gBAAAe,IAAiBb,EAAwBP,CAAK;AAEhD,cAAA,CAACY,EAAgBQ,CAAc,GAAG;AACzB,YAAAzB,KAAA,QAAAA;AACX;AAAA,UAAA;AAGE,cAAAE,MAAS,YAAYuB,MAAmB;AAC1C,YAAA1B,EAAS0B,GAAgB,OAAO;AAAA,eAC3B;AACC,kBAAAC,IAAiBxB,MAAS,YAAY,YAAY;AACxD,YAAAyB,EAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG;AAAA,UAAA;AAAA,QACxF;AAIF,QAAAhB,EAAc,UAAU;AAAA;AAAA,IAC1B;AAGE,WAAAoB,gBAAAA,EAAA;AAAA,MAACpC;AAAA,MAAA;AAAA,QACE,GAAGS;AAAA,QACJ,KAAKK;AAAA,QACL,OAAAH;AAAA,QACA,UAAU,CAACmB,MAAMlB,EAASkB,EAAE,OAAO,KAAK;AAAA,QACxC,WAAWD;AAAA,QACX,QAAQK;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextWidgetInput.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidgetInput.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\nimport { TextWidgetType } from './TextWidget'\nimport { toast } from 'react-toastify'\n\ninterface TextWidgetInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  value: string\n  onCancel?: () => void\n  onChange: WidgetBaseProps['onChange']\n  autoFocus?: boolean\n  type?: TextWidgetType\n}\n\nconst StyledInput = styled.input`\n  z-index: 10;\n  border: none;\n  outline: none;\n  padding: 0;\n  padding-left: 1px;\n  margin: 0;\n  cursor: text;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  background-color: transparent;\n  width: 100%;\n  box-sizing: border-box;\n`\n\nexport const TextWidgetInput = forwardRef<HTMLInputElement, TextWidgetInputProps>(\n  ({ value: initialValue, onChange, onCancel, autoFocus = true, type = 'string', ...props }, _) => {\n    // Local state to manage input value\n    const [value, setValue] = useState(initialValue)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const escapePressed = useRef(false)\n\n    const originalValue = useRef(initialValue)\n\n    // Helper function to validate and convert value based on type\n    const validateAndConvertValue = (inputValue?: string): any => {\n      // convert inputValue to string for consistent processing\n      const inputStr =\n        inputValue !== undefined && inputValue !== null ? String(inputValue).trim() : ''\n      if (!inputValue) return ''\n\n      // Handle empty values\n      if (inputStr === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(inputStr, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(inputStr)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n          return inputStr\n        default:\n          return inputStr\n      }\n    }\n\n    // Helper function to check if the value has actually changed\n    const hasValueChanged = (newValue: any): boolean => {\n      const original = originalValue.current\n\n      // For non-string types, treat empty values (null, undefined, empty string) as equivalent\n      if (type !== 'string') {\n        const newIsEmpty = newValue === null || newValue === undefined || newValue === ''\n        const originalIsEmpty = original === null || original === undefined || original === ''\n\n        if (newIsEmpty && originalIsEmpty) {\n          return false\n        }\n\n        if (newIsEmpty !== originalIsEmpty) {\n          return true\n        }\n      }\n\n      return newValue !== original\n    }\n\n    // Set focus on the input when component mounts\n    useEffect(() => {\n      if (autoFocus && inputRef && inputRef.current) {\n        inputRef.current.focus()\n        // position cursor at the end of text\n        inputRef.current.select()\n      }\n    }, [autoFocus])\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Enter')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n          onCancel?.()\n        }\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        escapePressed.current = true\n        onCancel?.()\n      }\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.relatedTarget?.tagName === 'INPUT') {\n        return\n      }\n\n      if (!escapePressed.current) {\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Click')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n        }\n      }\n\n      // Reset the flag\n      escapePressed.current = false\n    }\n\n    return (\n      <StyledInput\n        {...props}\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],"names":["StyledInput","styled","TextWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","type","props","_","value","setValue","useState","inputRef","useRef","escapePressed","originalValue","validateAndConvertValue","inputValue","inputStr","intValue","floatValue","hasValueChanged","newValue","original","newIsEmpty","originalIsEmpty","useEffect","handleKeyDown","e","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"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("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");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");require("../../components/Chips/Chips.cjs.js");const M=require("../../components/DetailsDialog/DetailsDialog.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/EarlyPreview/EarlyPreview.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.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("../../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("../../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("../../context/ProjectContext.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("../../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("../../../../_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("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");require("../EntityPickerDialog/EntityPickerDialog.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");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/AddonLoadingScreen/AddonLoadingScreen.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("../../api/queries/uris/getUris.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("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.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");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.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":"4pbAYA,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":"49bAYA,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"}