@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),t=require("styled-components"),b=require("clsx"),E=require("../utils/restrictedEntity.cjs.js"),a=require("../types/columnConfig.cjs.js"),R=require("../../../components/EntityIcon/EntityIcon.cjs.js"),C=t(o.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("@ynput/ayon-react-components"),t=require("styled-components"),E=require("../utils/restrictedEntity.cjs.js"),l=require("../types/columnConfig.cjs.js"),R=require("../../../components/EntityIcon/EntityIcon.cjs.js"),k=require("../constants.cjs.js"),N=t(i.Button)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -8,7 +8,7 @@
     }
   }
   cursor: pointer;
-`,S=t.div`
+`,C=t.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -16,15 +16,21 @@
   height: 100%;
   width: 100%;
   padding-right: 8px;
-`,q=t.div`
+`,S=t.div`
   width: 100%;
   height: 32px;
   overflow: hidden;
   position: relative;
-`,N=t.div`
+
+  &.stacked {
+    height: 100%;
+  }
+`,q=t.div`
   position: absolute;
   inset: 0;
-`,k=t.div`
+  display: flex;
+  align-items: center;
+`,W=t.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -36,6 +42,11 @@
   max-width: 100%;
   height: 100%;
 
+  &.stacked {
+    height: auto;
+    max-height: 100%;
+  }
+
   /* &:hover {
     &,
     .icon,
@@ -57,7 +68,7 @@
   }
 
   .path {
-    ${o.theme.bodyMedium}
+    ${i.theme.bodyMedium}
     font-size: 14px;
     margin-bottom: -4px;
     color: var(--md-sys-color-outline);
@@ -73,7 +84,7 @@
   }
 
   .label {
-    ${o.theme.bodyMedium}
+    ${i.theme.bodyMedium}
     font-size: 14px;
     overflow: hidden;
     white-space: nowrap;
@@ -82,11 +93,19 @@
     min-width: 0;
   }
 
+  &.stacked .label {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    white-space: normal;
+    word-break: break-word;
+  }
+
   .divider {
-    ${o.theme.bodyMedium}
+    ${i.theme.bodyMedium}
     font-size: 14px;
     color: var(--md-sys-color-outline);
     flex-shrink: 0;
   }
-`,P=({id:l,label:c,name:d,path:s,isExpandable:p,entityType:n,subType:x,isExpanded:h,toggleExpandAll:m,toggleExpanded:u,rowHeight:g=40,columnDisplayConfig:r})=>{const v=E.isEntityRestricted(n),i=g<50,y=a.getDisplayValue(r,"path","compact")??!0,f=a.getDisplayValue(r,"path","full")??!0,w=i?y:f;return e.jsxRuntimeExports.jsxs(S,{children:[p?e.jsxRuntimeExports.jsx(C,{onClick:j=>{j.altKey?m(l):u()},className:"expander",icon:h?"expand_more":"chevron_right"}):null,e.jsxRuntimeExports.jsx(q,{children:e.jsxRuntimeExports.jsx(N,{children:e.jsxRuntimeExports.jsxs(k,{children:[e.jsxRuntimeExports.jsx(R.EntityIcon,{entity:{entityType:n,subType:x||void 0}}),e.jsxRuntimeExports.jsxs(M,{className:b({compact:i}),children:[w&&!v&&e.jsxRuntimeExports.jsxs("span",{className:"path",children:[s,i&&s?"/":""]}),e.jsxRuntimeExports.jsx("span",{className:"label",children:c||d})]})]})})})]})};exports.EntityNameWidget=P;
+`,P=({id:c,label:d,name:p,path:n,isExpandable:x,entityType:r,subType:h,isExpanded:m,toggleExpandAll:u,toggleExpanded:g,rowHeight:y=40,columnDisplayConfig:a})=>{const v=E.isEntityRestricted(r),s=y<k.WRAP_MIN_ROW_HEIGHT,o=s?"compact":"stacked",w=l.getDisplayValue(a,"path","compact")??!0,f=l.getDisplayValue(a,"path","full")??!0,b=s?w:f;return e.jsxRuntimeExports.jsxs(C,{className:o,children:[x?e.jsxRuntimeExports.jsx(N,{onClick:j=>{j.altKey?u(c):g()},className:"expander",icon:m?"expand_more":"chevron_right"}):null,e.jsxRuntimeExports.jsx(S,{className:o,children:e.jsxRuntimeExports.jsx(q,{children:e.jsxRuntimeExports.jsxs(W,{className:o,children:[e.jsxRuntimeExports.jsx(R.EntityIcon,{entity:{entityType:r,subType:h||void 0}}),e.jsxRuntimeExports.jsxs(M,{className:o,children:[b&&!v&&e.jsxRuntimeExports.jsxs("span",{className:"path",children:[n,s&&n?"/":""]}),e.jsxRuntimeExports.jsx("span",{className:"label",children:d||p})]})]})})})]})};exports.EntityNameWidget=P;
 //# sourceMappingURL=EntityNameWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityNameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { getDisplayValue, type DisplayConfig, getColumnDisplayConfig } from '../types/columnConfig'\nimport { EntityIcon } from '@shared/components/EntityIcon'\n\nconst Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 32px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  &.compact {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .path {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.compact .path {\n    margin-bottom: 0;\n    text-overflow: unset;\n    flex-shrink: 0 1 auto;\n  }\n\n  .label {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .divider {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    color: var(--md-sys-color-outline);\n    flex-shrink: 0;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  isExpandable?: boolean\n  entityType: string\n  subType?: string | null\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n  rowHeight?: number\n  columnDisplayConfig?: DisplayConfig\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  isExpandable,\n  entityType,\n  subType,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n  rowHeight = 40,\n  columnDisplayConfig,\n}: EntityNameWidgetProps) => {\n  // Check if this is a restricted access entity\n  const isRestricted = isEntityRestricted(entityType)\n\n  // Determine layout based on row height\n  // < 50px = single line (compact), >= 50px = stacked\n  const isCompact = rowHeight < 50\n\n  // Determine if path should be shown based on display configuration\n  // Check layout-specific setting first, then general setting\n  const showPathCompact = getDisplayValue(columnDisplayConfig, 'path', 'compact') ?? true\n  const showPathFull = getDisplayValue(columnDisplayConfig, 'path', 'full') ?? true\n  const shouldShowPath = isCompact ? showPathCompact : showPathFull\n\n  return (\n    <StyledEntityNameWidget>\n      {isExpandable ? (\n        <Expander\n          onClick={(e) => {\n            if (e.altKey) {\n              // expand/collapse all children\n              toggleExpandAll(id)\n            } else {\n              // use built-in toggleExpanded function\n              toggleExpanded()\n            }\n          }}\n          className=\"expander\"\n          icon={isExpanded ? 'expand_more' : 'chevron_right'}\n        />\n      ) : null}\n      <StyledContentWrapper>\n        <StyledContentAbsolute>\n          <StyledContent>\n            <EntityIcon entity={{ entityType, subType: subType || undefined }} />\n            <StyledTextContent className={clsx({ compact: isCompact })}>\n              {shouldShowPath && !isRestricted && (\n                <span className=\"path\">\n                  {path}\n                  {isCompact && path ? '/' : ''}\n                </span>\n              )}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Expander","styled","Button","StyledEntityNameWidget","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","EntityNameWidget","id","label","name","path","isExpandable","entityType","subType","isExpanded","toggleExpandAll","toggleExpanded","rowHeight","columnDisplayConfig","isRestricted","isEntityRestricted","isCompact","showPathCompact","getDisplayValue","showPathFull","shouldShowPath","jsx","e","EntityIcon","jsxs","clsx"],"mappings":"+XAOMA,EAAWC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAyBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUhCG,EAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9BI,EAAwBJ,EAAO;AAAA;AAAA;AAAA,EAK/BK,EAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvBM,EAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc3BO,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBhBA,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUhBA,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBTC,EAAmB,CAAC,CAC/B,GAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,UAAAC,EAAY,GACZ,oBAAAC,CACF,IAA6B,CAE3B,MAAMC,EAAeC,EAAAA,mBAAmBR,CAAU,EAI5CS,EAAYJ,EAAY,GAIxBK,EAAkBC,EAAAA,gBAAgBL,EAAqB,OAAQ,SAAS,GAAK,GAC7EM,EAAeD,EAAAA,gBAAgBL,EAAqB,OAAQ,MAAM,GAAK,GACvEO,EAAiBJ,EAAYC,EAAkBE,EAErD,gCACGxB,EAAA,CACE,SAAA,CAAAW,EACCe,EAAAA,kBAAAA,IAAC7B,EAAA,CACC,QAAU8B,GAAM,CACVA,EAAE,OAEJZ,EAAgBR,CAAE,EAGlBS,EAAA,CAEJ,EACA,UAAU,WACV,KAAMF,EAAa,cAAgB,eAAA,CAAA,EAEnC,KACJY,EAAAA,kBAAAA,IAACzB,EAAA,CACC,SAAAyB,wBAACxB,EAAA,CACC,kCAACC,EAAA,CACC,SAAA,CAAAuB,wBAACE,EAAAA,YAAW,OAAQ,CAAE,WAAAhB,EAAY,QAASC,GAAW,QAAa,EACnEgB,yBAACzB,GAAkB,UAAW0B,EAAK,CAAE,QAAST,EAAW,EACtD,SAAA,CAAAI,GAAkB,CAACN,GAClBU,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,OACb,SAAA,CAAAnB,EACAW,GAAaX,EAAO,IAAM,EAAA,EAC7B,EAEFgB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,YAASjB,CAAA,CAAK,CAAA,CAAA,CACzC,CAAA,CAAA,CACF,EACF,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"EntityNameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { getDisplayValue, type DisplayConfig, getColumnDisplayConfig } from '../types/columnConfig'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\nimport { WRAP_MIN_ROW_HEIGHT } from '../constants'\n\nconst Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 32px;\n  overflow: hidden;\n  position: relative;\n\n  &.stacked {\n    height: 100%;\n  }\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  &.stacked {\n    height: auto;\n    max-height: 100%;\n  }\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  &.compact {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .path {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.compact .path {\n    margin-bottom: 0;\n    text-overflow: unset;\n    flex-shrink: 0 1 auto;\n  }\n\n  .label {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &.stacked .label {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    white-space: normal;\n    word-break: break-word;\n  }\n\n  .divider {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    color: var(--md-sys-color-outline);\n    flex-shrink: 0;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  isExpandable?: boolean\n  entityType: string\n  subType?: string | null\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n  rowHeight?: number\n  columnDisplayConfig?: DisplayConfig\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  isExpandable,\n  entityType,\n  subType,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n  rowHeight = 40,\n  columnDisplayConfig,\n}: EntityNameWidgetProps) => {\n  // Check if this is a restricted access entity\n  const isRestricted = isEntityRestricted(entityType)\n\n  // Determine layout based on row height\n  // below the wrap threshold = single line (compact), above = stacked\n  const isCompact = rowHeight < WRAP_MIN_ROW_HEIGHT\n  const layout = isCompact ? 'compact' : 'stacked'\n\n  // Determine if path should be shown based on display configuration\n  // Check layout-specific setting first, then general setting\n  const showPathCompact = getDisplayValue(columnDisplayConfig, 'path', 'compact') ?? true\n  const showPathFull = getDisplayValue(columnDisplayConfig, 'path', 'full') ?? true\n  const shouldShowPath = isCompact ? showPathCompact : showPathFull\n\n  return (\n    <StyledEntityNameWidget className={layout}>\n      {isExpandable ? (\n        <Expander\n          onClick={(e) => {\n            if (e.altKey) {\n              // expand/collapse all children\n              toggleExpandAll(id)\n            } else {\n              // use built-in toggleExpanded function\n              toggleExpanded()\n            }\n          }}\n          className=\"expander\"\n          icon={isExpanded ? 'expand_more' : 'chevron_right'}\n        />\n      ) : null}\n      <StyledContentWrapper className={layout}>\n        <StyledContentAbsolute>\n          <StyledContent className={layout}>\n            <EntityIcon entity={{ entityType, subType: subType || undefined }} />\n            <StyledTextContent className={layout}>\n              {shouldShowPath && !isRestricted && (\n                <span className=\"path\">\n                  {path}\n                  {isCompact && path ? '/' : ''}\n                </span>\n              )}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Expander","styled","Button","StyledEntityNameWidget","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","EntityNameWidget","id","label","name","path","isExpandable","entityType","subType","isExpanded","toggleExpandAll","toggleExpanded","rowHeight","columnDisplayConfig","isRestricted","isEntityRestricted","isCompact","WRAP_MIN_ROW_HEIGHT","layout","showPathCompact","getDisplayValue","showPathFull","shouldShowPath","jsxs","jsx","e","EntityIcon"],"mappings":"8YAOMA,EAAWC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAyBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUhCG,EAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW9BI,EAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/BK,EAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BvBM,EAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc3BO,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBhBA,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAkBhBA,EAAAA,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBTC,EAAmB,CAAC,CAC/B,GAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,UAAAC,EAAY,GACZ,oBAAAC,CACF,IAA6B,CAE3B,MAAMC,EAAeC,EAAAA,mBAAmBR,CAAU,EAI5CS,EAAYJ,EAAYK,EAAAA,oBACxBC,EAASF,EAAY,UAAY,UAIjCG,EAAkBC,EAAAA,gBAAgBP,EAAqB,OAAQ,SAAS,GAAK,GAC7EQ,EAAeD,EAAAA,gBAAgBP,EAAqB,OAAQ,MAAM,GAAK,GACvES,EAAiBN,EAAYG,EAAkBE,EAErD,OACEE,EAAAA,kBAAAA,KAAC5B,EAAA,CAAuB,UAAWuB,EAChC,SAAA,CAAAZ,EACCkB,EAAAA,kBAAAA,IAAChC,EAAA,CACC,QAAUiC,GAAM,CACVA,EAAE,OAEJf,EAAgBR,CAAE,EAGlBS,EAAA,CAEJ,EACA,UAAU,WACV,KAAMF,EAAa,cAAgB,eAAA,CAAA,EAEnC,KACJe,EAAAA,kBAAAA,IAAC5B,GAAqB,UAAWsB,EAC/B,iCAACrB,EAAA,CACC,SAAA0B,EAAAA,kBAAAA,KAACzB,EAAA,CAAc,UAAWoB,EACxB,SAAA,CAAAM,wBAACE,EAAAA,YAAW,OAAQ,CAAE,WAAAnB,EAAY,QAASC,GAAW,QAAa,EACnEe,EAAAA,kBAAAA,KAACxB,EAAA,CAAkB,UAAWmB,EAC3B,SAAA,CAAAI,GAAkB,CAACR,GAClBS,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,OACb,SAAA,CAAAlB,EACAW,GAAaX,EAAO,IAAM,EAAA,EAC7B,EAEFmB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,YAASpB,CAAA,CAAK,CAAA,CAAA,CACzC,CAAA,CAAA,CACF,EACF,CAAA,CACF,CAAA,EACF,CAEJ"}

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

@@ -1,10 +1,10 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Button as j, theme as i } from "@ynput/ayon-react-components";
+import { Button as j, theme as r } from "@ynput/ayon-react-components";
 import t from "styled-components";
-import C from "clsx";
-import { isEntityRestricted as E } from "../utils/restrictedEntity.es.js";
-import { getDisplayValue as a } from "../types/columnConfig.es.js";
-import { EntityIcon as N } from "../../../components/EntityIcon/EntityIcon.es.js";
+import { isEntityRestricted as N } from "../utils/restrictedEntity.es.js";
+import { getDisplayValue as l } from "../types/columnConfig.es.js";
+import { EntityIcon as E } from "../../../components/EntityIcon/EntityIcon.es.js";
+import { WRAP_MIN_ROW_HEIGHT as C } from "../constants.es.js";
 const S = t(j)`
   &.expander {
     background-color: unset;
@@ -15,7 +15,7 @@ const S = t(j)`
     }
   }
   cursor: pointer;
-`, k = t.div`
+`, R = t.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -23,15 +23,21 @@ const S = t(j)`
   height: 100%;
   width: 100%;
   padding-right: 8px;
-`, z = t.div`
+`, W = t.div`
   width: 100%;
   height: 32px;
   overflow: hidden;
   position: relative;
-`, M = t.div`
+
+  &.stacked {
+    height: 100%;
+  }
+`, _ = t.div`
   position: absolute;
   inset: 0;
-`, P = t.div`
+  display: flex;
+  align-items: center;
+`, M = t.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-large);
@@ -43,6 +49,11 @@ const S = t(j)`
   max-width: 100%;
   height: 100%;
 
+  &.stacked {
+    height: auto;
+    max-height: 100%;
+  }
+
   /* &:hover {
     &,
     .icon,
@@ -50,7 +61,7 @@ const S = t(j)`
       color: var(--md-sys-color-primary);
     }
   } */
-`, R = t.div`
+`, P = t.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -64,7 +75,7 @@ const S = t(j)`
   }
 
   .path {
-    ${i.bodyMedium}
+    ${r.bodyMedium}
     font-size: 14px;
     margin-bottom: -4px;
     color: var(--md-sys-color-outline);
@@ -80,7 +91,7 @@ const S = t(j)`
   }
 
   .label {
-    ${i.bodyMedium}
+    ${r.bodyMedium}
     font-size: 14px;
     overflow: hidden;
     white-space: nowrap;
@@ -89,51 +100,59 @@ const S = t(j)`
     min-width: 0;
   }
 
+  &.stacked .label {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    white-space: normal;
+    word-break: break-word;
+  }
+
   .divider {
-    ${i.bodyMedium}
+    ${r.bodyMedium}
     font-size: 14px;
     color: var(--md-sys-color-outline);
     flex-shrink: 0;
   }
-`, K = ({
-  id: l,
-  label: d,
-  name: c,
-  path: r,
-  isExpandable: p,
-  entityType: s,
-  subType: m,
-  isExpanded: h,
-  toggleExpandAll: x,
-  toggleExpanded: f,
-  rowHeight: u = 40,
+`, F = ({
+  id: d,
+  label: c,
+  name: p,
+  path: s,
+  isExpandable: m,
+  entityType: a,
+  subType: h,
+  isExpanded: x,
+  toggleExpandAll: f,
+  toggleExpanded: u,
+  rowHeight: v = 40,
   columnDisplayConfig: n
 }) => {
-  const v = E(s), o = u < 50, g = a(n, "path", "compact") ?? !0, w = a(n, "path", "full") ?? !0, y = o ? g : w;
-  return /* @__PURE__ */ e.jsxs(k, { children: [
-    p ? /* @__PURE__ */ e.jsx(
+  const g = N(a), i = v < C, o = i ? "compact" : "stacked", w = l(n, "path", "compact") ?? !0, y = l(n, "path", "full") ?? !0, b = i ? w : y;
+  return /* @__PURE__ */ e.jsxs(R, { className: o, children: [
+    m ? /* @__PURE__ */ e.jsx(
       S,
       {
-        onClick: (b) => {
-          b.altKey ? x(l) : f();
+        onClick: (k) => {
+          k.altKey ? f(d) : u();
         },
         className: "expander",
-        icon: h ? "expand_more" : "chevron_right"
+        icon: x ? "expand_more" : "chevron_right"
       }
     ) : null,
-    /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsx(M, { children: /* @__PURE__ */ e.jsxs(P, { children: [
-      /* @__PURE__ */ e.jsx(N, { entity: { entityType: s, subType: m || void 0 } }),
-      /* @__PURE__ */ e.jsxs(R, { className: C({ compact: o }), children: [
-        y && !v && /* @__PURE__ */ e.jsxs("span", { className: "path", children: [
-          r,
-          o && r ? "/" : ""
+    /* @__PURE__ */ e.jsx(W, { className: o, children: /* @__PURE__ */ e.jsx(_, { children: /* @__PURE__ */ e.jsxs(M, { className: o, children: [
+      /* @__PURE__ */ e.jsx(E, { entity: { entityType: a, subType: h || void 0 } }),
+      /* @__PURE__ */ e.jsxs(P, { className: o, children: [
+        b && !g && /* @__PURE__ */ e.jsxs("span", { className: "path", children: [
+          s,
+          i && s ? "/" : ""
         ] }),
-        /* @__PURE__ */ e.jsx("span", { className: "label", children: d || c })
+        /* @__PURE__ */ e.jsx("span", { className: "label", children: c || p })
       ] })
     ] }) }) })
   ] });
 };
 export {
-  K as EntityNameWidget
+  F as EntityNameWidget
 };
 //# sourceMappingURL=EntityNameWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityNameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { getDisplayValue, type DisplayConfig, getColumnDisplayConfig } from '../types/columnConfig'\nimport { EntityIcon } from '@shared/components/EntityIcon'\n\nconst Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 32px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  &.compact {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .path {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.compact .path {\n    margin-bottom: 0;\n    text-overflow: unset;\n    flex-shrink: 0 1 auto;\n  }\n\n  .label {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .divider {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    color: var(--md-sys-color-outline);\n    flex-shrink: 0;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  isExpandable?: boolean\n  entityType: string\n  subType?: string | null\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n  rowHeight?: number\n  columnDisplayConfig?: DisplayConfig\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  isExpandable,\n  entityType,\n  subType,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n  rowHeight = 40,\n  columnDisplayConfig,\n}: EntityNameWidgetProps) => {\n  // Check if this is a restricted access entity\n  const isRestricted = isEntityRestricted(entityType)\n\n  // Determine layout based on row height\n  // < 50px = single line (compact), >= 50px = stacked\n  const isCompact = rowHeight < 50\n\n  // Determine if path should be shown based on display configuration\n  // Check layout-specific setting first, then general setting\n  const showPathCompact = getDisplayValue(columnDisplayConfig, 'path', 'compact') ?? true\n  const showPathFull = getDisplayValue(columnDisplayConfig, 'path', 'full') ?? true\n  const shouldShowPath = isCompact ? showPathCompact : showPathFull\n\n  return (\n    <StyledEntityNameWidget>\n      {isExpandable ? (\n        <Expander\n          onClick={(e) => {\n            if (e.altKey) {\n              // expand/collapse all children\n              toggleExpandAll(id)\n            } else {\n              // use built-in toggleExpanded function\n              toggleExpanded()\n            }\n          }}\n          className=\"expander\"\n          icon={isExpanded ? 'expand_more' : 'chevron_right'}\n        />\n      ) : null}\n      <StyledContentWrapper>\n        <StyledContentAbsolute>\n          <StyledContent>\n            <EntityIcon entity={{ entityType, subType: subType || undefined }} />\n            <StyledTextContent className={clsx({ compact: isCompact })}>\n              {shouldShowPath && !isRestricted && (\n                <span className=\"path\">\n                  {path}\n                  {isCompact && path ? '/' : ''}\n                </span>\n              )}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Expander","styled","Button","StyledEntityNameWidget","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","EntityNameWidget","id","label","name","path","isExpandable","entityType","subType","isExpanded","toggleExpandAll","toggleExpanded","rowHeight","columnDisplayConfig","isRestricted","isEntityRestricted","isCompact","showPathCompact","getDisplayValue","showPathFull","shouldShowPath","jsx","e","EntityIcon","jsxs","clsx"],"mappings":";;;;;;;AAOA,MAAMA,IAAWC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAyBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhCG,IAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO9BI,IAAwBJ,EAAO;AAAA;AAAA;AAAA,GAK/BK,IAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBvBM,IAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc3BO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBhBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUhBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBTC,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,qBAAAC;AACF,MAA6B;AAE3B,QAAMC,IAAeC,EAAmBR,CAAU,GAI5CS,IAAYJ,IAAY,IAIxBK,IAAkBC,EAAgBL,GAAqB,QAAQ,SAAS,KAAK,IAC7EM,IAAeD,EAAgBL,GAAqB,QAAQ,MAAM,KAAK,IACvEO,IAAiBJ,IAAYC,IAAkBE;AAErD,gCACGxB,GAAA,EACE,UAAA;AAAA,IAAAW,IACCe,gBAAAA,EAAAA;AAAAA,MAAC7B;AAAA,MAAA;AAAA,QACC,SAAS,CAAC8B,MAAM;AACd,UAAIA,EAAE,SAEJZ,EAAgBR,CAAE,IAGlBS,EAAA;AAAA,QAEJ;AAAA,QACA,WAAU;AAAA,QACV,MAAMF,IAAa,gBAAgB;AAAA,MAAA;AAAA,IAAA,IAEnC;AAAA,IACJY,gBAAAA,EAAAA,IAACzB,GAAA,EACC,UAAAyB,gBAAAA,MAACxB,GAAA,EACC,iCAACC,GAAA,EACC,UAAA;AAAA,MAAAuB,gBAAAA,MAACE,KAAW,QAAQ,EAAE,YAAAhB,GAAY,SAASC,KAAW,UAAa;AAAA,MACnEgB,gBAAAA,OAACzB,KAAkB,WAAW0B,EAAK,EAAE,SAAST,GAAW,GACtD,UAAA;AAAA,QAAAI,KAAkB,CAACN,KAClBU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,QACb,UAAA;AAAA,UAAAnB;AAAA,UACAW,KAAaX,IAAO,MAAM;AAAA,QAAA,GAC7B;AAAA,QAEFgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,eAASjB,EAAA,CAAK;AAAA,MAAA,EAAA,CACzC;AAAA,IAAA,EAAA,CACF,GACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"EntityNameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { getDisplayValue, type DisplayConfig, getColumnDisplayConfig } from '../types/columnConfig'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\nimport { WRAP_MIN_ROW_HEIGHT } from '../constants'\n\nconst Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 32px;\n  overflow: hidden;\n  position: relative;\n\n  &.stacked {\n    height: 100%;\n  }\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  &.stacked {\n    height: auto;\n    max-height: 100%;\n  }\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  &.compact {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .path {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.compact .path {\n    margin-bottom: 0;\n    text-overflow: unset;\n    flex-shrink: 0 1 auto;\n  }\n\n  .label {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &.stacked .label {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    white-space: normal;\n    word-break: break-word;\n  }\n\n  .divider {\n    ${theme.bodyMedium}\n    font-size: 14px;\n    color: var(--md-sys-color-outline);\n    flex-shrink: 0;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  isExpandable?: boolean\n  entityType: string\n  subType?: string | null\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n  rowHeight?: number\n  columnDisplayConfig?: DisplayConfig\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  isExpandable,\n  entityType,\n  subType,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n  rowHeight = 40,\n  columnDisplayConfig,\n}: EntityNameWidgetProps) => {\n  // Check if this is a restricted access entity\n  const isRestricted = isEntityRestricted(entityType)\n\n  // Determine layout based on row height\n  // below the wrap threshold = single line (compact), above = stacked\n  const isCompact = rowHeight < WRAP_MIN_ROW_HEIGHT\n  const layout = isCompact ? 'compact' : 'stacked'\n\n  // Determine if path should be shown based on display configuration\n  // Check layout-specific setting first, then general setting\n  const showPathCompact = getDisplayValue(columnDisplayConfig, 'path', 'compact') ?? true\n  const showPathFull = getDisplayValue(columnDisplayConfig, 'path', 'full') ?? true\n  const shouldShowPath = isCompact ? showPathCompact : showPathFull\n\n  return (\n    <StyledEntityNameWidget className={layout}>\n      {isExpandable ? (\n        <Expander\n          onClick={(e) => {\n            if (e.altKey) {\n              // expand/collapse all children\n              toggleExpandAll(id)\n            } else {\n              // use built-in toggleExpanded function\n              toggleExpanded()\n            }\n          }}\n          className=\"expander\"\n          icon={isExpanded ? 'expand_more' : 'chevron_right'}\n        />\n      ) : null}\n      <StyledContentWrapper className={layout}>\n        <StyledContentAbsolute>\n          <StyledContent className={layout}>\n            <EntityIcon entity={{ entityType, subType: subType || undefined }} />\n            <StyledTextContent className={layout}>\n              {shouldShowPath && !isRestricted && (\n                <span className=\"path\">\n                  {path}\n                  {isCompact && path ? '/' : ''}\n                </span>\n              )}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Expander","styled","Button","StyledEntityNameWidget","StyledContentWrapper","StyledContentAbsolute","StyledContent","StyledTextContent","theme","EntityNameWidget","id","label","name","path","isExpandable","entityType","subType","isExpanded","toggleExpandAll","toggleExpanded","rowHeight","columnDisplayConfig","isRestricted","isEntityRestricted","isCompact","WRAP_MIN_ROW_HEIGHT","layout","showPathCompact","getDisplayValue","showPathFull","shouldShowPath","jsxs","jsx","e","EntityIcon"],"mappings":";;;;;;;AAOA,MAAMA,IAAWC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAyBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhCG,IAAuBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAW9BI,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO/BK,IAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BvBM,IAAoBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc3BO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBhBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAkBhBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBTC,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,qBAAAC;AACF,MAA6B;AAE3B,QAAMC,IAAeC,EAAmBR,CAAU,GAI5CS,IAAYJ,IAAYK,GACxBC,IAASF,IAAY,YAAY,WAIjCG,IAAkBC,EAAgBP,GAAqB,QAAQ,SAAS,KAAK,IAC7EQ,IAAeD,EAAgBP,GAAqB,QAAQ,MAAM,KAAK,IACvES,IAAiBN,IAAYG,IAAkBE;AAErD,SACEE,gBAAAA,EAAAA,KAAC5B,GAAA,EAAuB,WAAWuB,GAChC,UAAA;AAAA,IAAAZ,IACCkB,gBAAAA,EAAAA;AAAAA,MAAChC;AAAA,MAAA;AAAA,QACC,SAAS,CAACiC,MAAM;AACd,UAAIA,EAAE,SAEJf,EAAgBR,CAAE,IAGlBS,EAAA;AAAA,QAEJ;AAAA,QACA,WAAU;AAAA,QACV,MAAMF,IAAa,gBAAgB;AAAA,MAAA;AAAA,IAAA,IAEnC;AAAA,IACJe,gBAAAA,EAAAA,IAAC5B,KAAqB,WAAWsB,GAC/B,gCAACrB,GAAA,EACC,UAAA0B,gBAAAA,EAAAA,KAACzB,GAAA,EAAc,WAAWoB,GACxB,UAAA;AAAA,MAAAM,gBAAAA,MAACE,KAAW,QAAQ,EAAE,YAAAnB,GAAY,SAASC,KAAW,UAAa;AAAA,MACnEe,gBAAAA,EAAAA,KAACxB,GAAA,EAAkB,WAAWmB,GAC3B,UAAA;AAAA,QAAAI,KAAkB,CAACR,KAClBS,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,QACb,UAAA;AAAA,UAAAlB;AAAA,UACAW,KAAaX,IAAO,MAAM;AAAA,QAAA,GAC7B;AAAA,QAEFmB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,eAASpB,EAAA,CAAK;AAAA,MAAA,EAAA,CACzC;AAAA,IAAA,EAAA,CACF,GACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),g=require("react"),m=require("clsx"),i=require("styled-components"),R=require("../../../components/EntityIcon/EntityIcon.cjs.js"),S=require("../context/DetailsPanelEntityContext.cjs.js"),C=require("../context/SelectedRowsContext.cjs.js"),j=require("./TextWidget.cjs.js"),D=require("@ynput/ayon-react-components");require("../../../components/SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("../utils/columnIds.cjs.js");require("react-toastify");require("lodash");require("uuid");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/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.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/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.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/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.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("../../../util/pubsub.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.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/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.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/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.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("remark-emoji");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/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.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("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../buildTreeTableColumns.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../components/SelectionCell.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");require("../context/CellEditingContext.cjs.js");const h=require("../utils/restrictedEntity.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../components/TableFooterRow.cjs.js");require("./CellWidget.cjs.js");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./MarkdownWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.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/FeedbackContextInstance.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/FreeTrialLink.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/ProjectTableSettings/ColumnsSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.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/StyledLink/StyledLink.cjs.js");require("../../../components/SyncButton/SyncButton.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/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const w=i(j.StyledBaseTextWidget)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),g=require("react"),m=require("clsx"),i=require("styled-components"),R=require("../../../components/EntityIcon/EntityIcon.cjs.js"),S=require("../context/DetailsPanelEntityContext.cjs.js"),C=require("../context/SelectedRowsContext.cjs.js"),j=require("./TextWidget.cjs.js"),D=require("@ynput/ayon-react-components");require("../../../components/SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("../utils/columnIds.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../context/CellEditingContext.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.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/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.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/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.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/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.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("../context/ClipboardContext.cjs.js");require("@tanstack/react-table");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");const h=require("../utils/restrictedEntity.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../buildTreeTableColumns.cjs.js");const w=i(j.StyledBaseTextWidget)`
   position: absolute;
   inset: 0;
   padding: 4px 8px;

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

@@ -1 +1 @@
-{"version":3,"file":"EntityWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityWidget.tsx"],"sourcesContent":["import { FC, MouseEventHandler, useContext } from 'react'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { CellValue } from './CellWidget'\nimport { EntityIcon } from '@shared/components/EntityIcon'\nimport { DetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useOptionalSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { StyledBaseTextWidget } from './TextWidget'\nimport { READ_ONLY } from '../utils'\nimport { Icon } from '@ynput/ayon-react-components'\n\nconst EntityCell = styled(StyledBaseTextWidget)`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  align-items: center;\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\nconst EntityButton = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 2px 4px;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n`\n\nconst OpenIcon = styled(Icon)`\n  opacity: 0;\n\n  ${EntityButton}:hover & {\n    opacity: 1;\n  }\n`\n\nexport const ENTITY_WIDGET_CLASS = 'entity-widget'\n\ntype EntityWidgetProps = {\n  rowId: string\n  columnId: string\n  value: CellValue\n  entityId?: string | null\n  entityType: 'folder' | 'task' | 'version'\n  subType?: string | null\n  className?: string\n  isLoading?: boolean\n}\n\nexport const EntityWidget: FC<EntityWidgetProps> = ({\n  rowId,\n  columnId,\n  value,\n  entityId,\n  entityType,\n  subType,\n  className,\n  isLoading,\n}) => {\n  const entityContext = useContext(DetailsPanelEntityContext)\n  const selectedRowsContext = useOptionalSelectedRowsContext()\n\n  const openEntity = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.button !== 0 || !entityId || !entityContext) {\n      return\n    }\n\n    selectedRowsContext?.clearRowsSelection()\n    entityContext.setSelectedEntity({ entityId, entityType })\n    event.preventDefault()\n  }\n\n  const handleMouseDown: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (event.detail === 2) openEntity(event)\n  }\n\n  return (\n    <EntityCell\n      id={`${rowId}-${columnId}`}\n      className={clsx(ENTITY_WIDGET_CLASS, READ_ONLY, className, { loading: isLoading })}\n      onMouseDown={handleMouseDown}\n      data-tooltip-delay={200}\n    >\n      <EntityButton onMouseDown={openEntity}>\n        {subType && <EntityIcon entity={{ entityType, subType }} />}\n        {String(value ?? '')}\n        <OpenIcon icon=\"dock_to_left\" />\n      </EntityButton>\n    </EntityCell>\n  )\n}\n"],"names":["EntityCell","styled","StyledBaseTextWidget","EntityButton","OpenIcon","Icon","ENTITY_WIDGET_CLASS","EntityWidget","rowId","columnId","value","entityId","entityType","subType","className","isLoading","entityContext","useContext","DetailsPanelEntityContext","selectedRowsContext","useOptionalSelectedRowsContext","openEntity","event","handleMouseDown","jsx","clsx","READ_ONLY","jsxs","EntityIcon"],"mappings":"qjjBAWA,MAAMA,EAAaC,EAAOC,sBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaxCC,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAatBG,EAAWH,EAAOI,MAAI;AAAA;AAAA;AAAA,IAGxBF,CAAY;AAAA;AAAA;AAAA,EAKHG,EAAsB,gBAatBC,EAAsC,CAAC,CAClD,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAgBC,EAAAA,WAAWC,2BAAyB,EACpDC,EAAsBC,EAAAA,+BAAA,EAEtBC,EAAcC,GAA4C,CAC1DA,EAAM,SAAW,GAAK,CAACX,GAAY,CAACK,IAIxCG,GAAqB,mBAAA,EACrBH,EAAc,kBAAkB,CAAE,SAAAL,EAAU,WAAAC,CAAA,CAAY,EACxDU,EAAM,eAAA,EACR,EAEMC,EAAsDD,GAAU,CAChEA,EAAM,SAAW,GAAGD,EAAWC,CAAK,CAC1C,EAEA,OACEE,EAAAA,kBAAAA,IAACxB,EAAA,CACC,GAAI,GAAGQ,CAAK,IAAIC,CAAQ,GACxB,UAAWgB,EAAKnB,EAAqBoB,EAAAA,UAAWZ,EAAW,CAAE,QAASC,EAAW,EACjF,YAAaQ,EACb,qBAAoB,IAEpB,SAAAI,EAAAA,kBAAAA,KAACxB,EAAA,CAAa,YAAakB,EACxB,SAAA,CAAAR,2BAAYe,aAAA,CAAW,OAAQ,CAAE,WAAAhB,EAAY,QAAAC,GAAW,EACxD,OAAOH,GAAS,EAAE,EACnBc,EAAAA,kBAAAA,IAACpB,EAAA,CAAS,KAAK,cAAA,CAAe,CAAA,CAAA,CAChC,CAAA,CAAA,CAGN"}
+{"version":3,"file":"EntityWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityWidget.tsx"],"sourcesContent":["import { FC, MouseEventHandler, useContext } from 'react'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { CellValue } from './CellWidget'\nimport { EntityIcon } from '@shared/components/EntityIcon/EntityIcon'\nimport { DetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useOptionalSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { StyledBaseTextWidget } from './TextWidget'\nimport { READ_ONLY } from '../utils'\nimport { Icon } from '@ynput/ayon-react-components'\n\nconst EntityCell = styled(StyledBaseTextWidget)`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  align-items: center;\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\nconst EntityButton = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 2px 4px;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n`\n\nconst OpenIcon = styled(Icon)`\n  opacity: 0;\n\n  ${EntityButton}:hover & {\n    opacity: 1;\n  }\n`\n\nexport const ENTITY_WIDGET_CLASS = 'entity-widget'\n\ntype EntityWidgetProps = {\n  rowId: string\n  columnId: string\n  value: CellValue\n  entityId?: string | null\n  entityType: 'folder' | 'task' | 'version'\n  subType?: string | null\n  className?: string\n  isLoading?: boolean\n}\n\nexport const EntityWidget: FC<EntityWidgetProps> = ({\n  rowId,\n  columnId,\n  value,\n  entityId,\n  entityType,\n  subType,\n  className,\n  isLoading,\n}) => {\n  const entityContext = useContext(DetailsPanelEntityContext)\n  const selectedRowsContext = useOptionalSelectedRowsContext()\n\n  const openEntity = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.button !== 0 || !entityId || !entityContext) {\n      return\n    }\n\n    selectedRowsContext?.clearRowsSelection()\n    entityContext.setSelectedEntity({ entityId, entityType })\n    event.preventDefault()\n  }\n\n  const handleMouseDown: MouseEventHandler<HTMLDivElement> = (event) => {\n    if (event.detail === 2) openEntity(event)\n  }\n\n  return (\n    <EntityCell\n      id={`${rowId}-${columnId}`}\n      className={clsx(ENTITY_WIDGET_CLASS, READ_ONLY, className, { loading: isLoading })}\n      onMouseDown={handleMouseDown}\n      data-tooltip-delay={200}\n    >\n      <EntityButton onMouseDown={openEntity}>\n        {subType && <EntityIcon entity={{ entityType, subType }} />}\n        {String(value ?? '')}\n        <OpenIcon icon=\"dock_to_left\" />\n      </EntityButton>\n    </EntityCell>\n  )\n}\n"],"names":["EntityCell","styled","StyledBaseTextWidget","EntityButton","OpenIcon","Icon","ENTITY_WIDGET_CLASS","EntityWidget","rowId","columnId","value","entityId","entityType","subType","className","isLoading","entityContext","useContext","DetailsPanelEntityContext","selectedRowsContext","useOptionalSelectedRowsContext","openEntity","event","handleMouseDown","jsx","clsx","READ_ONLY","jsxs","EntityIcon"],"mappings":"upOAWA,MAAMA,EAAaC,EAAOC,sBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaxCC,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAatBG,EAAWH,EAAOI,MAAI;AAAA;AAAA;AAAA,IAGxBF,CAAY;AAAA;AAAA;AAAA,EAKHG,EAAsB,gBAatBC,EAAsC,CAAC,CAClD,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAgBC,EAAAA,WAAWC,2BAAyB,EACpDC,EAAsBC,EAAAA,+BAAA,EAEtBC,EAAcC,GAA4C,CAC1DA,EAAM,SAAW,GAAK,CAACX,GAAY,CAACK,IAIxCG,GAAqB,mBAAA,EACrBH,EAAc,kBAAkB,CAAE,SAAAL,EAAU,WAAAC,CAAA,CAAY,EACxDU,EAAM,eAAA,EACR,EAEMC,EAAsDD,GAAU,CAChEA,EAAM,SAAW,GAAGD,EAAWC,CAAK,CAC1C,EAEA,OACEE,EAAAA,kBAAAA,IAACxB,EAAA,CACC,GAAI,GAAGQ,CAAK,IAAIC,CAAQ,GACxB,UAAWgB,EAAKnB,EAAqBoB,EAAAA,UAAWZ,EAAW,CAAE,QAASC,EAAW,EACjF,YAAaQ,EACb,qBAAoB,IAEpB,SAAAI,EAAAA,kBAAAA,KAACxB,EAAA,CAAa,YAAakB,EACxB,SAAA,CAAAR,2BAAYe,aAAA,CAAW,OAAQ,CAAE,WAAAhB,EAAY,QAAAC,GAAW,EACxD,OAAOH,GAAS,EAAE,EACnBc,EAAAA,kBAAAA,IAACpB,EAAA,CAAS,KAAK,cAAA,CAAe,CAAA,CAAA,CAChC,CAAA,CAAA,CAGN"}