npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.44 → 0.3.0 - Mend

@ynput/ayon-frontend-shared 0.2.44 → 0.3.0

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

Files changed (396) hide show

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),R=require("styled-components"),p=require("react-toastify"),T=R.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),R=require("styled-components"),v=require("react-toastify"),T=R.input`
   z-index: 10;
   border: none;
   outline: none;
@@ -12,5 +12,5 @@
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`,E=i.forwardRef(({value:c,onChange:f,onCancel:l,autoFocus:d=!0,type:n="string",...b},N)=>{const[u,m]=i.useState(c),s=i.useRef(null),o=i.useRef(!1),x=i.useRef(c),g=e=>{const t=e!=null?String(e).trim():"";if(!e)return"";if(t==="")return n==="string"?"":null;switch(n){case"integer":const r=parseInt(t,10);return isNaN(r)?null:r;case"float":const a=parseFloat(t);return isNaN(a)?null:a;case"string":return t;default:return t}},v=e=>{const t=x.current;if(n!=="string"){const r=e==null||e==="",a=t==null||t==="";if(r&&a)return!1;if(r!==a)return!0}return e!==t};i.useEffect(()=>{d&&s&&s.current&&(s.current.focus(),s.current.select())},[d]);const h=e=>{if(e.key==="Enter"){e.preventDefault();const t=g(u);if(!v(t)){l?.();return}if(n==="string"||t!==null)f(t,"Enter");else{const r=n==="integer"?"integer":"number";p.toast.error(`Invalid ${r} value. Please enter a valid ${r}.`),l?.()}}else e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),o.current=!0,l?.())},I=e=>{if(e.relatedTarget?.tagName!=="INPUT"){if(!o.current){const t=g(u);if(!v(t)){l?.();return}if(n==="string"||t!==null)f(t,"Click");else{const r=n==="integer"?"integer":"number";p.toast.error(`Invalid ${r} value. Please enter a valid ${r}.`)}}o.current=!1}};return y.jsxRuntimeExports.jsx(T,{...b,ref:s,value:u,onChange:e=>m(e.target.value),onKeyDown:h,onBlur:I})});exports.TextWidgetInput=E;
+`,E=i.forwardRef(({value:c,onChange:f,onCancel:l,autoFocus:d=!0,type:n="string",...p},N)=>{const[o,b]=i.useState(c),s=i.useRef(null),u=i.useRef(!1),m=i.useRef(c),g=e=>{const t=e!=null?String(e).trim():"";if(!e)return"";if(t==="")return n==="string"?"":null;switch(n){case"integer":const r=parseInt(t,10);return isNaN(r)?null:r;case"float":const a=parseFloat(t);return isNaN(a)?null:a;case"string":return t;default:return t}},x=e=>{const t=m.current;if(n!=="string"){const r=e==null||e==="",a=t==null||t==="";if(r&&a)return!1;if(r!==a)return!0}return e!==t};i.useEffect(()=>{d&&s&&s.current&&(s.current.focus(),s.current.select())},[d]);const h=e=>{if(e.key==="Enter"){e.preventDefault();const t=g(o);if(n==="string"||t!==null)f(t,"Enter");else{const r=n==="integer"?"integer":"number";v.toast.error(`Invalid ${r} value. Please enter a valid ${r}.`),l?.()}}else e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),u.current=!0,l?.())},I=e=>{if(e.relatedTarget?.tagName!=="INPUT"){if(!u.current){const t=g(o);if(!x(t)){l?.();return}if(n==="string"||t!==null)f(t,"Click");else{const r=n==="integer"?"integer":"number";v.toast.error(`Invalid ${r} value. Please enter a valid ${r}.`)}}u.current=!1}};return y.jsxRuntimeExports.jsx(T,{...p,ref:s,value:o,onChange:e=>b(e.target.value),onKeyDown:h,onBlur:I})});exports.TextWidgetInput=E;
 //# sourceMappingURL=TextWidgetInput.cjs.js.map

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

	@@ -1 +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 // 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","jsx"],"mappings":"4NAeMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAAA,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,EAAAA,OAAyB,IAAI,EACxCC,EAAgBD,EAAAA,OAAO,EAAK,EAE5BE,EAAgBF,EAAAA,OAAOX,CAAY,EAGnCc,EAA2BC,GAA6B,CAE5D,MAAMC,EACwBD,GAAe,KAAO,OAAOA,CAAU,EAAE,KAAA,EAAS,GAChF,GAAI,CAACA,EAAY,MAAO,GAGxB,GAAIC,IAAa,GACf,OAAOZ,IAAS,SAAW,GAAK,KAGlC,OAAQA,EAAA,CACN,IAAK,UACH,MAAMa,EAAW,SAASD,EAAU,EAAE,EACtC,OAAO,MAAMC,CAAQ,EAAI,KAAOA,EAClC,IAAK,QACH,MAAMC,EAAa,WAAWF,CAAQ,EACtC,OAAO,MAAME,CAAU,EAAI,KAAOA,EACpC,IAAK,SACH,OAAOF,EACT,QACE,OAAOA,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,EAChB,MAAO,GAGT,GAAID,IAAeC,EACjB,MAAO,EAEX,CAEA,OAAOH,IAAaC,CACtB,EAGAG,EAAAA,UAAU,IAAM,CACVrB,GAAaO,GAAYA,EAAS,UACpCA,EAAS,QAAQ,MAAA,EAEjBA,EAAS,QAAQ,OAAA,EAErB,EAAG,CAACP,CAAS,CAAC,EAEd,MAAMsB,EAAiB,GAAuC,CAC5D,GAAI,EAAE,MAAQ,QAAS,CACrB,EAAE,eAAA,EACF,MAAMC,EAAiBZ,EAAwBP,CAAK,~~EAEpD~~,~~GAAI~~,~~CAACY,EAAgBO,CAAc,EAAG,CACpCxB,IAAA,EACA,MACF,CAEA,GAAIE,~~IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACL,MAAMC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,EACtFzB,IAAA,CACF,CACF,MAAW,EAAE,MAAQ,WACnB,EAAE,eAAA,EACF,EAAE,gBAAA,EACFU,EAAc,QAAU,GACxBV,IAAA,EAEJ,EAEM2B,EAAc,GAA0C,CAC5D,GAAI,EAAE,eAAe,UAAY,QAIjC,IAAI,CAACjB,EAAc,QAAS,CAC1B,MAAMc,EAAiBZ,EAAwBP,CAAK,EAEpD,GAAI,CAACY,EAAgBO,CAAc,EAAG,CACpCxB,IAAA,EACA,MACF,CAEA,GAAIE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACL,MAAMC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,CACxF,CACF,CAGAf,EAAc,QAAU,GAC1B,EAEA,OACEkB,EAAAA,kBAAAA,IAAClC,EAAA,CACE,GAAGS,EACJ,IAAKK,EACL,MAAAH,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWiB,EACX,OAAQI,CAAA,CAAA,CAGd,CACF"}
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 // 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 // Always trigger onChange on Enter, even if value hasn't changed\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","jsx"],"mappings":"4NAeMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAAA,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,EAAAA,OAAyB,IAAI,EACxCC,EAAgBD,EAAAA,OAAO,EAAK,EAE5BE,EAAgBF,EAAAA,OAAOX,CAAY,EAGnCc,EAA2BC,GAA6B,CAE5D,MAAMC,EACwBD,GAAe,KAAO,OAAOA,CAAU,EAAE,KAAA,EAAS,GAChF,GAAI,CAACA,EAAY,MAAO,GAGxB,GAAIC,IAAa,GACf,OAAOZ,IAAS,SAAW,GAAK,KAGlC,OAAQA,EAAA,CACN,IAAK,UACH,MAAMa,EAAW,SAASD,EAAU,EAAE,EACtC,OAAO,MAAMC,CAAQ,EAAI,KAAOA,EAClC,IAAK,QACH,MAAMC,EAAa,WAAWF,CAAQ,EACtC,OAAO,MAAME,CAAU,EAAI,KAAOA,EACpC,IAAK,SACH,OAAOF,EACT,QACE,OAAOA,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,EAChB,MAAO,GAGT,GAAID,IAAeC,EACjB,MAAO,EAEX,CAEA,OAAOH,IAAaC,CACtB,EAGAG,EAAAA,UAAU,IAAM,CACVrB,GAAaO,GAAYA,EAAS,UACpCA,EAAS,QAAQ,MAAA,EAEjBA,EAAS,QAAQ,OAAA,EAErB,EAAG,CAACP,CAAS,CAAC,EAEd,MAAMsB,EAAiB,GAAuC,CAC5D,GAAI,EAAE,MAAQ,QAAS,CACrB,EAAE,eAAA,EACF,MAAMC,EAAiBZ,EAAwBP,CAAK,EAGpD,GAAIH,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACL,MAAMC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,EACtFzB,IAAA,CACF,CACF,MAAW,EAAE,MAAQ,WACnB,EAAE,eAAA,EACF,EAAE,gBAAA,EACFU,EAAc,QAAU,GACxBV,IAAA,EAEJ,EAEM2B,EAAc,GAA0C,CAC5D,GAAI,EAAE,eAAe,UAAY,QAIjC,IAAI,CAACjB,EAAc,QAAS,CAC1B,MAAMc,EAAiBZ,EAAwBP,CAAK,EAEpD,GAAI,CAACY,EAAgBO,CAAc,EAAG,CACpCxB,IAAA,EACA,MACF,CAEA,GAAIE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACL,MAAMC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,CACxF,CACF,CAGAf,EAAc,QAAU,GAC1B,EAEA,OACEkB,EAAAA,kBAAAA,IAAClC,EAAA,CACE,GAAGS,EACJ,IAAKK,EACL,MAAAH,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWiB,EACX,OAAQI,CAAA,CAAA,CAGd,CACF"}

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

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

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

	@@ -1 +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 // 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","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;AAE5D,YAAMC,IACwBD,KAAe,OAAO,OAAOA,CAAU,EAAE,KAAA,IAAS;AAChF,UAAI,CAACA,EAAY,QAAO;AAGxB,UAAIC,MAAa;AACf,eAAOZ,MAAS,WAAW,KAAK;AAGlC,cAAQA,GAAA;AAAA,QACN,KAAK;AACH,gBAAMa,IAAW,SAASD,GAAU,EAAE;AACtC,iBAAO,MAAMC,CAAQ,IAAI,OAAOA;AAAA,QAClC,KAAK;AACH,gBAAMC,IAAa,WAAWF,CAAQ;AACtC,iBAAO,MAAME,CAAU,IAAI,OAAOA;AAAA,QACpC,KAAK;AACH,iBAAOF;AAAA,QACT;AACE,iBAAOA;AAAA,MAAA;AAAA,IAEb,GAGMG,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;AAChB,iBAAO;AAGT,YAAID,MAAeC;AACjB,iBAAO;AAAA,MAEX;AAEA,aAAOH,MAAaC;AAAA,IACtB;AAGA,IAAAG,EAAU,MAAM;AACd,MAAIrB,KAAaO,KAAYA,EAAS,YACpCA,EAAS,QAAQ,MAAA,GAEjBA,EAAS,QAAQ,OAAA;AAAA,IAErB,GAAG,CAACP,CAAS,CAAC;AAEd,UAAMsB,IAAgB,CAAC,MAAuC;AAC5D,UAAI,EAAE,QAAQ,SAAS;AACrB,UAAE,eAAA;AACF,cAAMC,IAAiBZ,EAAwBP,CAAK;~~AAEpD~~,~~YAAI~~,~~CAACY,EAAgBO,CAAc,GAAG;AACpC,UAAAxB,IAAA;AACA;AAAA,QACF;AAEA,YAAIE,~~MAAS,YAAYsB,MAAmB;AAC1C,UAAAzB,EAASyB,GAAgB,OAAO;AAAA,aAC3B;AACL,gBAAMC,IAAiBvB,MAAS,YAAY,YAAY;AACxD,UAAAwB,EAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,GACtFzB,IAAA;AAAA,QACF;AAAA,MACF,MAAA,CAAW,EAAE,QAAQ,aACnB,EAAE,eAAA,GACF,EAAE,gBAAA,GACFU,EAAc,UAAU,IACxBV,IAAA;AAAA,IAEJ,GAEM2B,IAAa,CAAC,MAA0C;AAC5D,UAAI,EAAE,eAAe,YAAY,SAIjC;AAAA,YAAI,CAACjB,EAAc,SAAS;AAC1B,gBAAMc,IAAiBZ,EAAwBP,CAAK;AAEpD,cAAI,CAACY,EAAgBO,CAAc,GAAG;AACpC,YAAAxB,IAAA;AACA;AAAA,UACF;AAEA,cAAIE,MAAS,YAAYsB,MAAmB;AAC1C,YAAAzB,EAASyB,GAAgB,OAAO;AAAA,eAC3B;AACL,kBAAMC,IAAiBvB,MAAS,YAAY,YAAY;AACxD,YAAAwB,EAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG;AAAA,UACxF;AAAA,QACF;AAGA,QAAAf,EAAc,UAAU;AAAA;AAAA,IAC1B;AAEA,WACEkB,gBAAAA,EAAAA;AAAAA,MAAClC;AAAA,MAAA;AAAA,QACE,GAAGS;AAAA,QACJ,KAAKK;AAAA,QACL,OAAAH;AAAA,QACA,UAAU,CAAC,MAAMC,EAAS,EAAE,OAAO,KAAK;AAAA,QACxC,WAAWiB;AAAA,QACX,QAAQI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGd;AACF;"}
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 // 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 // Always trigger onChange on Enter, even if value hasn't changed\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","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;AAE5D,YAAMC,IACwBD,KAAe,OAAO,OAAOA,CAAU,EAAE,KAAA,IAAS;AAChF,UAAI,CAACA,EAAY,QAAO;AAGxB,UAAIC,MAAa;AACf,eAAOZ,MAAS,WAAW,KAAK;AAGlC,cAAQA,GAAA;AAAA,QACN,KAAK;AACH,gBAAMa,IAAW,SAASD,GAAU,EAAE;AACtC,iBAAO,MAAMC,CAAQ,IAAI,OAAOA;AAAA,QAClC,KAAK;AACH,gBAAMC,IAAa,WAAWF,CAAQ;AACtC,iBAAO,MAAME,CAAU,IAAI,OAAOA;AAAA,QACpC,KAAK;AACH,iBAAOF;AAAA,QACT;AACE,iBAAOA;AAAA,MAAA;AAAA,IAEb,GAGMG,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;AAChB,iBAAO;AAGT,YAAID,MAAeC;AACjB,iBAAO;AAAA,MAEX;AAEA,aAAOH,MAAaC;AAAA,IACtB;AAGA,IAAAG,EAAU,MAAM;AACd,MAAIrB,KAAaO,KAAYA,EAAS,YACpCA,EAAS,QAAQ,MAAA,GAEjBA,EAAS,QAAQ,OAAA;AAAA,IAErB,GAAG,CAACP,CAAS,CAAC;AAEd,UAAMsB,IAAgB,CAAC,MAAuC;AAC5D,UAAI,EAAE,QAAQ,SAAS;AACrB,UAAE,eAAA;AACF,cAAMC,IAAiBZ,EAAwBP,CAAK;AAGpD,YAAIH,MAAS,YAAYsB,MAAmB;AAC1C,UAAAzB,EAASyB,GAAgB,OAAO;AAAA,aAC3B;AACL,gBAAMC,IAAiBvB,MAAS,YAAY,YAAY;AACxD,UAAAwB,EAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,GACtFzB,IAAA;AAAA,QACF;AAAA,MACF,MAAA,CAAW,EAAE,QAAQ,aACnB,EAAE,eAAA,GACF,EAAE,gBAAA,GACFU,EAAc,UAAU,IACxBV,IAAA;AAAA,IAEJ,GAEM2B,IAAa,CAAC,MAA0C;AAC5D,UAAI,EAAE,eAAe,YAAY,SAIjC;AAAA,YAAI,CAACjB,EAAc,SAAS;AAC1B,gBAAMc,IAAiBZ,EAAwBP,CAAK;AAEpD,cAAI,CAACY,EAAgBO,CAAc,GAAG;AACpC,YAAAxB,IAAA;AACA;AAAA,UACF;AAEA,cAAIE,MAAS,YAAYsB,MAAmB;AAC1C,YAAAzB,EAASyB,GAAgB,OAAO;AAAA,eAC3B;AACL,kBAAMC,IAAiBvB,MAAS,YAAY,YAAY;AACxD,YAAAwB,EAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG;AAAA,UACxF;AAAA,QACF;AAGA,QAAAf,EAAc,UAAU;AAAA;AAAA,IAC1B;AAEA,WACEkB,gBAAAA,EAAAA;AAAAA,MAAClC;AAAA,MAAA;AAAA,QACE,GAAGS;AAAA,QACJ,KAAKK;AAAA,QACL,OAAAH;AAAA,QACA,UAAU,CAAC,MAAMC,EAAS,EAAE,OAAO,KAAK;AAAA,QACxC,WAAWiB;AAAA,QACX,QAAQI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGd;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),R=require("@ynput/ayon-react-components"),j=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),f=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const g=require("../../util/groupResult.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("clsx");const w=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 y=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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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("@tanstack/react-virtual");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/context/CellEditingContext.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/SelectionCellsContext.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/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");const M=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("../../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 C=[{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}],b=({entities:n=[]})=>{const q=u.useMemo(()=>M(n)||[],[n]),[i,s]=u.useState(!1),a=q.find(e=>e.id===i)?.projectName,[d,l]=u.useState([]),c=u.useMemo(()=>g.groupResult(q,"name"),[q]),o=e=>{l([e])},m=e=>{o(e.node.data.id)},p=e=>[{label:"Representation detail",command:()=>s(e),icon:"database"}],[x]=w.useCreateContextMenu([]),h=e=>{const t=e.node.data.id;t&&(o(t),x(e.originalEvent,p(t)))};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(R.TablePanel,{children:r.jsxRuntimeExports.jsx(j.TreeTable,{scrollable:!0,scrollHeight:"100%",value:c,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:d[0],onRowClick:m,onContextMenu:h,children:C.map(e=>r.jsxRuntimeExports.jsx(f.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),i&&r.jsxRuntimeExports.jsx(y.DetailsDialog,{projectName:a,entityType:"representation",entityIds:[i],visible:!!i,onHide:()=>s(!1)})]})};exports.RepresentationsList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),R=require("@ynput/ayon-react-components"),j=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),f=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const g=require("../../util/groupResult.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("clsx");const w=require("../ContextMenu/useCreateContextMenu.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.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 y=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("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("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("@tanstack/react-virtual");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/context/CellEditingContext.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/SelectionCellsContext.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/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");const M=require("./versionsToRepresentations.cjs.js");require("../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../SimpleTable/context/SimpleTableContext.cjs.js");require("../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("../Slicer/components/SlicerSearch.cjs.js");require("../Slicer/context/SlicerContext.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/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("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");const C=[{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}],b=({entities:n=[]})=>{const q=u.useMemo(()=>M(n)||[],[n]),[i,s]=u.useState(!1),a=q.find(e=>e.id===i)?.projectName,[d,l]=u.useState([]),c=u.useMemo(()=>g.groupResult(q,"name"),[q]),o=e=>{l([e])},m=e=>{o(e.node.data.id)},p=e=>[{label:"Representation detail",command:()=>s(e),icon:"database"}],[x]=w.useCreateContextMenu([]),h=e=>{const t=e.node.data.id;t&&(o(t),x(e.originalEvent,p(t)))};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(R.TablePanel,{children:r.jsxRuntimeExports.jsx(j.TreeTable,{scrollable:!0,scrollHeight:"100%",value:c,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:d[0],onRowClick:m,onContextMenu:h,children:C.map(e=>r.jsxRuntimeExports.jsx(f.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),i&&r.jsxRuntimeExports.jsx(y.DetailsDialog,{projectName:a,entityType:"representation",entityIds:[i],visible:!!i,onHide:()=>s(!1)})]})};exports.RepresentationsList=b;
 //# sourceMappingURL=RepresentationsList.cjs.js.map

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

	@@ -1 +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","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"~~qjcAYA~~,MAAMA,EAAU,CACd,CACE,MAAO,OACP,OAAQ,OACR,MAAO,GACP,SAAU,EAAA,EAEZ,CACE,MAAO,aACP,OAAQ,SACR,MAAO,GAAA,EAET,CACE,MAAO,cACP,OAAQ,UACR,MAAO,GAAA,EAET,CACE,MAAO,eACP,OAAQ,cACR,MAAO,GAAA,CAEX,EAMaC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,KAAgB,CAE/D,MAAMC,EAAkBC,EAAAA,QAAQ,IAAMC,EAA0BH,CAAQ,GAAK,CAAA,EAAI,CAACA,CAAQ,CAAC,EAErF,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,EAAK,EAC5DC,EAAwBN,EAAgB,KAAMO,GAAQA,EAAI,KAAOJ,CAAU,GAAG,YAE9E,CAACK,EAAUC,CAAW,EAAIJ,EAAAA,SAAmB,CAAA,CAAE,EAE/CK,EAAOT,EAAAA,QAAQ,IAEZU,EAAAA,YAAYX,EAAiB,MAAM,EACzC,CAACA,CAAe,CAAC,EAEdY,EAAwBC,GAAqB,CAEjDJ,EAAY,CAACI,CAAQ,CAAC,CACxB,EAEMC,EAAc,GAAW,CAC7BF,EAAqB,EAAE,KAAK,KAAK,EAAE,CACrC,EAEMG,EAAgBC,GAAe,CACnC,CACE,MAAO,wBACP,QAAS,IAAMZ,EAAcY,CAAE,EAC/B,KAAM,UAAA,CACR,EAGI,CAACC,CAAW,EAAIC,EAAAA,qBAAqB,EAAE,EAEvCC,EAAqB,GAAW,CACpC,MAAMH,EAAK,EAAE,KAAK,KAAK,GAEnBA,IAEFJ,EAAqBI,CAAE,EAEvBC,EAAY,EAAE,cAAeF,EAAaC,CAAE,CAAC,EAEjD,EAEA,OACEI,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,wBAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CACC,WAAU,GACV,aAAa,OACb,MAAOd,EACP,aAAa,0BACb,cAAc,SACd,cAAeF,EAAS,CAAC,EACzB,WAAAM,EACA,cAAeK,EAEd,SAAAtB,EAAQ,IAAK4B,GAEVH,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CAEC,MAAOD,EAAI,MACX,OAAQA,EAAI,OACZ,SAAUA,EAAI,SACd,MAAO,CAAE,MAAOA,EAAI,KAAA,CAAM,EAJrBA,EAAI,KAAA,CAOd,CAAA,CAAA,EAEL,EAECtB,GACCmB,EAAAA,kBAAAA,IAACK,EAAAA,cAAA,CACC,YAAarB,EACb,WAAY,iBACZ,UAAW,CAACH,CAAU,EACtB,QAAS,CAAC,CAACA,EACX,OAAQ,IAAMC,EAAc,EAAK,CAAA,CAAA,CACnC,EAEJ,CAEJ"}
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","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"i6cAYA,MAAMA,EAAU,CACd,CACE,MAAO,OACP,OAAQ,OACR,MAAO,GACP,SAAU,EAAA,EAEZ,CACE,MAAO,aACP,OAAQ,SACR,MAAO,GAAA,EAET,CACE,MAAO,cACP,OAAQ,UACR,MAAO,GAAA,EAET,CACE,MAAO,eACP,OAAQ,cACR,MAAO,GAAA,CAEX,EAMaC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,KAAgB,CAE/D,MAAMC,EAAkBC,EAAAA,QAAQ,IAAMC,EAA0BH,CAAQ,GAAK,CAAA,EAAI,CAACA,CAAQ,CAAC,EAErF,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,EAAK,EAC5DC,EAAwBN,EAAgB,KAAMO,GAAQA,EAAI,KAAOJ,CAAU,GAAG,YAE9E,CAACK,EAAUC,CAAW,EAAIJ,EAAAA,SAAmB,CAAA,CAAE,EAE/CK,EAAOT,EAAAA,QAAQ,IAEZU,EAAAA,YAAYX,EAAiB,MAAM,EACzC,CAACA,CAAe,CAAC,EAEdY,EAAwBC,GAAqB,CAEjDJ,EAAY,CAACI,CAAQ,CAAC,CACxB,EAEMC,EAAc,GAAW,CAC7BF,EAAqB,EAAE,KAAK,KAAK,EAAE,CACrC,EAEMG,EAAgBC,GAAe,CACnC,CACE,MAAO,wBACP,QAAS,IAAMZ,EAAcY,CAAE,EAC/B,KAAM,UAAA,CACR,EAGI,CAACC,CAAW,EAAIC,EAAAA,qBAAqB,EAAE,EAEvCC,EAAqB,GAAW,CACpC,MAAMH,EAAK,EAAE,KAAK,KAAK,GAEnBA,IAEFJ,EAAqBI,CAAE,EAEvBC,EAAY,EAAE,cAAeF,EAAaC,CAAE,CAAC,EAEjD,EAEA,OACEI,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,wBAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CACC,WAAU,GACV,aAAa,OACb,MAAOd,EACP,aAAa,0BACb,cAAc,SACd,cAAeF,EAAS,CAAC,EACzB,WAAAM,EACA,cAAeK,EAEd,SAAAtB,EAAQ,IAAK4B,GAEVH,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CAEC,MAAOD,EAAI,MACX,OAAQA,EAAI,OACZ,SAAUA,EAAI,SACd,MAAO,CAAE,MAAOA,EAAI,KAAA,CAAM,EAJrBA,EAAI,KAAA,CAOd,CAAA,CAAA,EAEL,EAECtB,GACCmB,EAAAA,kBAAAA,IAACK,EAAAA,cAAA,CACC,YAAarB,EACb,WAAY,iBACZ,UAAW,CAACH,CAAU,EACtB,QAAS,CAAC,CAACA,EACX,OAAQ,IAAMC,EAAc,EAAK,CAAA,CAAA,CACnC,EAEJ,CAEJ"}