@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

package/dist/shared/src/components/{LinksManager/LinksManagerDialog.es.js → DetailsPanelDetails/DetailsPanelDetails.es.js}

@@ -1,12 +1,5 @@
-import { j as u } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as z, useState as x, useLayoutEffect as w } from "react";
-import E from "styled-components";
-import { LinksManager as D } from "./LinksManager.es.js";
-import "@ynput/ayon-react-components";
-import "lodash";
-import "react-toastify";
-import "uuid";
-import "../../util/pubsub.es.js";
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { DetailsPanelAttributesEditor as A } from "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -46,7 +39,7 @@ import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
 import "../../api/queries/actions/getActions.es.js";
-import "../../api/queries/activities/getActivities.es.js";
+import { useGetActivitiesInfiniteInfiniteQuery as I } from "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
 import "../../api/queries/activities/getMentions.es.js";
@@ -85,91 +78,99 @@ import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
-import { Container as q } from "./LinksManager.styled.es.js";
-import "clsx";
-const I = E.div`
-  position: fixed;
-  z-index: 310;
-  overflow: hidden;
+import { DescriptionSection as M } from "./DescriptionSection.es.js";
+import { DetailsSection as P } from "./DetailsSection.es.js";
+import w from "styled-components";
+import "react";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "./hooks/useMentionSystem.es.js";
+import "../../containers/Feed/components/CommentInput/modules/index.es.js";
+import { useEntityFormData as B } from "./hooks/useEntityFormData.es.js";
+import { useEntityFields as G } from "./hooks/useEntityFields.es.js";
+import { useEntityEditing as H } from "./hooks/useEntityEditing.es.js";
+import { useEntityData as O } from "./hooks/useEntityData.es.js";
+const Q = w.div`
   display: flex;
   flex-direction: column;
-`, ki = ({
-  disabled: j,
-  isEditing: a,
-  anchorId: $,
-  onClose: r,
-  ...n
-}) => {
-  const l = z(null), [i, y] = x(null), [v, b] = x(void 0), [R, k] = x(void 0), o = document.getElementById($), p = o == null ? void 0 : o.closest(".table-container"), H = () => {
-    if (!a) return;
-    if (!o || !p) {
-      y({
-        top: window.innerHeight / 2,
-        left: window.innerWidth / 2,
-        showAbove: !1
-      }), b(void 0), k(void 0);
-      return;
-    }
-    const t = o.getBoundingClientRect(), e = p.getBoundingClientRect(), A = e.right, B = window.innerWidth - e.right, m = 24, O = 250, s = 400, P = 600, M = window.innerWidth, S = window.innerHeight, W = A - t.left;
-    let c = {}, d = s;
-    W < s ? t.right - m >= s ? c.right = Math.max(
-      M - t.right,
-      m + B
-    ) : (c.left = m, d = M - 2 * m) : (c.left = t.left, d = Math.max(s, W)), b(d);
-    const h = S - t.bottom - m, L = t.top - m;
-    let f, T = !1, g;
-    h < O && L > h ? (T = !0, f = t.top - 4, g = L - 4) : (f = t.bottom + 4, g = h - 4), k(Math.min(Math.max(200, g), P)), y({
-      top: f,
-      ...c,
-      showAbove: T
-    });
-  };
-  return w(() => {
-    H();
-  }, [a, o]), w(() => {
-    if (p) {
-      const t = new ResizeObserver(() => {
-        H();
-      });
-      return t.observe(p), () => t.disconnect();
-    }
-  }, [p, o]), w(() => {
-    const t = (e) => {
-      l.current && !l.current.contains(e.target) && o && !o.contains(e.target) && // check we are not clicking inside the EntityPickerDialog
-      !e.target.closest(".entity-picker-dialog") && // check we are not clicking on the dialog backdrop
-      !e.target.querySelector(".entity-picker-dialog") && (r == null || r());
-    };
-    return document.addEventListener("mousedown", t), () => {
-      document.removeEventListener("mousedown", t);
-    };
-  }, [r, o]), a ? /* @__PURE__ */ u.jsx(
-    I,
+  height: 100%;
+  gap: 12px;
+  overflow-y: auto;
+  padding-right: 8px;
+  padding-left: 8px;
+  padding-bottom: 68px;
+  margin-top: 16px;
+`, Ei = ({ entities: o = [], isLoading: p }) => {
+  var y, f, x;
+  const { formData: t, mixedFields: m, updateFormData: s, clearMixedField: g } = B(
+    o,
+    p
+  ), { folderTypes: h, taskTypes: j, statuses: b, tags: E, attributes: u } = O({
+    projectName: t == null ? void 0 : t.projectName,
+    isProjectNameMixed: m.includes("projectName")
+  }), d = (o || []).filter((i) => i.entityType === "folder"), { data: n } = I(
     {
-      ref: l,
-      style: {
-        top: i == null ? void 0 : i.top,
-        left: i == null ? void 0 : i.left,
-        right: i == null ? void 0 : i.right,
-        ...(i == null ? void 0 : i.showAbove) && { transform: "translateY(-100%)" },
-        visibility: i ? "visible" : "hidden",
-        maxWidth: v ? `${v}px` : "none",
-        maxHeight: R ? `${R}px` : "none"
-      },
-      className: "links-widget-popup",
-      onKeyDown: (t) => {
-        t.key === "Escape" && (r == null || r());
-      },
-      children: j ? /* @__PURE__ */ u.jsx(
-        q,
-        {
-          style: { color: "var(--md-sys-color-outline)" },
-          children: `${n.linkTypeLabel} ${n.direction} link is not of type ${n.entityType}`
-        }
-      ) : /* @__PURE__ */ u.jsx(D, { ...n, onClose: r })
+      entityIds: d.map((i) => i.id),
+      projectName: (t == null ? void 0 : t.projectName) || "",
+      referenceTypes: ["origin", "mention", "relation"],
+      activityTypes: ["version.publish"]
+    },
+    {
+      skip: !(t != null && t.projectName) || d.length === 0
     }
-  ) : null;
+  ), T = !!((x = (f = (y = n == null ? void 0 : n.pages) == null ? void 0 : y[0]) == null ? void 0 : f.activities) != null && x.length), { editableFields: F, readOnlyFieldsData: N } = G({
+    attributes: u,
+    folderTypes: h,
+    taskTypes: j,
+    statuses: b,
+    tags: E,
+    entityType: t == null ? void 0 : t.entityType,
+    folderHasVersions: T
+  }), c = (t == null ? void 0 : t.entityType) || "task", { enableEditing: l, updateEntity: a } = H({
+    entities: o,
+    entityType: c
+  }), C = (i, r) => {
+    i === "tags" && (Array.isArray(r) || (r == null || r === "" ? r = [] : r = [String(r)])), i.startsWith("attrib.") && (r = {
+      [i.replace("attrib.", "")]: r
+    }, i = "attrib"), s(i, r), a(i, r);
+  }, S = (i) => {
+    s("description", i), g("description"), a("attrib", { description: i });
+  };
+  return /* @__PURE__ */ e.jsxs(Q, { children: [
+    /* @__PURE__ */ e.jsx(
+      M,
+      {
+        description: (t == null ? void 0 : t.description) || "",
+        isMixed: m.includes("description"),
+        enableEditing: l,
+        onChange: S,
+        isLoading: p
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        fields: F,
+        form: t || {},
+        mixedFields: m,
+        isLoading: p,
+        enableEditing: l,
+        onChange: C,
+        entities: o,
+        entityType: c
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      P,
+      {
+        fields: N,
+        form: t || {},
+        mixedFields: m,
+        isLoading: p
+      }
+    )
+  ] });
 };
 export {
-  ki as LinksManagerDialog
+  Ei as DetailsPanelDetails
 };
-//# sourceMappingURL=LinksManagerDialog.es.js.map
+//# sourceMappingURL=DetailsPanelDetails.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/DetailsPanelDetails.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanelDetails.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n  DetailsPanelAttributesEditor,\n  DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport {\n  useEntityFormData,\n  useEntityFields,\n  useEntityEditing,\n  useEntityData,\n} from './hooks'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n  overflow-y: auto;\n  padding-right: 8px;\n  padding-left: 8px;\n  padding-bottom: 68px;\n  margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n  const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n    entities,\n    isLoading,\n  )\n\n  const { folderTypes, taskTypes, statuses, tags, attributes } = useEntityData({\n    projectName: formData?.projectName,\n    isProjectNameMixed: mixedFields.includes('projectName'),\n  })\n\n  // Determine if any selected folder has published versions\n  const folderEntities = (entities || []).filter((entity) => entity.entityType === 'folder')\n  const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n    {\n      entityIds: folderEntities.map((e) => e.id),\n      projectName: formData?.projectName || '',\n      referenceTypes: ['origin', 'mention', 'relation'],\n      activityTypes: ['version.publish'],\n    },\n    {\n      skip: !formData?.projectName || folderEntities.length === 0,\n    },\n  )\n\n  const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n  const { editableFields, readOnlyFieldsData } = useEntityFields({\n    attributes,\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    entityType: formData?.entityType,\n    folderHasVersions,\n  })\n\n  const entityType = formData?.entityType || 'task'\n  const { enableEditing, updateEntity } = useEntityEditing({\n    entities,\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps[\"onChange\"] = (key, value) => {\n    if (key === 'tags') {\n      if (Array.isArray(value)) {\n        // keep as-is\n      } else if (value === null || value === undefined || value === '') {\n        value = []\n      } else {\n        value = [String(value)]\n      }\n    }\n\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    updateFormData(key, value)\n    updateEntity(key, value)\n  }\n\n  const handleDescriptionChange = (description: string) => {\n    updateFormData('description', description)\n    clearMixedField('description')\n    updateEntity('attrib', { description })\n  }\n\n  return (\n    <StyledContainer>\n      <DescriptionSection\n        description={formData?.description || ''}\n        isMixed={mixedFields.includes('description')}\n        enableEditing={enableEditing}\n        onChange={handleDescriptionChange}\n        isLoading={isLoading}\n      />\n\n      <DetailsPanelAttributesEditor\n        fields={editableFields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n        entities={entities}\n        entityType={entityType}\n      />\n\n      <DetailsSection\n        fields={readOnlyFieldsData}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n      />\n    </StyledContainer>\n  )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","folderTypes","taskTypes","statuses","tags","attributes","useEntityData","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","e","folderHasVersions","_c","_b","_a","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBlBC,KAAsB,CAAC,EAAE,UAAAC,IAAW,CAAC,GAAG,WAAAC,QAA0C;;AAC7F,QAAM,EAAE,UAAAC,GAAU,aAAAC,GAAa,gBAAAC,GAAgB,iBAAAC,EAAoB,IAAAC;AAAA,IACjEN;AAAA,IACAC;AAAA,EACF,GAEM,EAAE,aAAAM,GAAa,WAAAC,GAAW,UAAAC,GAAU,MAAAC,GAAM,YAAAC,MAAeC,EAAc;AAAA,IAC3E,aAAaV,KAAA,gBAAAA,EAAU;AAAA,IACvB,oBAAoBC,EAAY,SAAS,aAAa;AAAA,EAAA,CACvD,GAGKU,KAAkBb,KAAY,IAAI,OAAO,CAACc,MAAWA,EAAO,eAAe,QAAQ,GACnF,EAAE,MAAMC,EAAA,IAA0BC;AAAA,IACtC;AAAA,MACE,WAAWH,EAAe,IAAI,CAACI,MAAMA,EAAE,EAAE;AAAA,MACzC,cAAaf,KAAA,gBAAAA,EAAU,gBAAe;AAAA,MACtC,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,MAChD,eAAe,CAAC,iBAAiB;AAAA,IACnC;AAAA,IACA;AAAA,MACE,MAAM,EAACA,KAAA,QAAAA,EAAU,gBAAeW,EAAe,WAAW;AAAA,IAAA;AAAA,EAE9D,GAEMK,IAAoB,IAAQC,KAAAC,KAAAC,IAAAN,KAAA,gBAAAA,EAAuB,UAAvB,gBAAAM,EAA+B,OAA/B,gBAAAD,EAAmC,eAAnC,QAAAD,EAA+C,SAE3E,EAAE,gBAAAG,GAAgB,oBAAAC,EAAmB,IAAIC,EAAgB;AAAA,IAC7D,YAAAb;AAAA,IACA,aAAAJ;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAYR,KAAA,gBAAAA,EAAU;AAAA,IACtB,mBAAAgB;AAAA,EAAA,CACD,GAEKO,KAAavB,KAAA,gBAAAA,EAAU,eAAc,QACrC,EAAE,eAAAwB,GAAe,cAAAC,EAAa,IAAIC,EAAiB;AAAA,IACvD,UAAA5B;AAAA,IACA,YAAAyB;AAAA,EAAA,CACD,GAEKI,IAA8D,CAACC,GAAKC,MAAU;AAClF,IAAID,MAAQ,WACN,MAAM,QAAQC,CAAK,MAEZA,KAAU,QAA+BA,MAAU,KAC5DA,IAAQ,CAAC,IAEDA,IAAA,CAAC,OAAOA,CAAK,CAAC,KAItBD,EAAI,WAAW,SAAS,MAClBC,IAAA;AAAA,MACN,CAACD,EAAI,QAAQ,WAAW,EAAE,CAAC,GAAGC;AAAA,IAChC,GACMD,IAAA,WAGR1B,EAAe0B,GAAKC,CAAK,GACzBJ,EAAaG,GAAKC,CAAK;AAAA,EACzB,GAEMC,IAA0B,CAACC,MAAwB;AACvD,IAAA7B,EAAe,eAAe6B,CAAW,GACzC5B,EAAgB,aAAa,GAChBsB,EAAA,UAAU,EAAE,aAAAM,GAAa;AAAA,EACxC;AAEA,gCACGpC,GACC,EAAA,UAAA;AAAA,IAAAqC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAajC,KAAA,gBAAAA,EAAU,gBAAe;AAAA,QACtC,SAASC,EAAY,SAAS,aAAa;AAAA,QAC3C,eAAAuB;AAAA,QACA,UAAUM;AAAA,QACV,WAAA/B;AAAA,MAAA;AAAA,IACF;AAAA,IAEAiC,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,MAAMpB,KAAY,CAAC;AAAA,QACnB,aAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAyB;AAAA,QACA,UAAUG;AAAA,QACV,UAAA7B;AAAA,QACA,YAAAyB;AAAA,MAAA;AAAA,IACF;AAAA,IAEAS,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,MAAMrB,KAAY,CAAC;AAAA,QACnB,aAAAC;AAAA,QACA,WAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/DetailsSection.cjs.js

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("styled-components");require("lodash");require("react-toastify");const h=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const g=require("@ynput/ayon-react-components"),s=require("./BorderedSection.cjs.js"),j=require("./FieldLabel.cjs.js"),a=o.div`
+  display: grid;
+  grid-template-columns: minmax(200px, 1fr) 1fr 32px;
+  row-gap: 2px;
+  column-gap: 4px;
+  align-items: center;
+  min-height: 32px;
+  position: relative;
+
+  .copy-icon {
+    opacity: 0;
+    width: 32px;
+    height: 32px;
+    padding: 2px;
+
+    &:hover {
+      background-color: transparent !important;
+    }
+  }
+
+  &:hover .copy-icon {
+    opacity: 1;
+  }
+`,S=o.div`
+  text-align: left;
+  color: var(--md-sys-color-on-surface);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  justify-self: end;
+  font-size: 14px;
+  width: 100%;
+`,c=o.div`
+  height: 20px;
+  background: var(--md-sys-color-surface-container-low);
+  border-radius: 4px;
+  animation: shimmer 1.5s infinite;
+
+  @keyframes shimmer {
+    0% {
+      opacity: 0.5;
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0.5;
+    }
+  }
+`,f=({fields:l,form:p,mixedFields:d,isLoading:u})=>{const x=(t,e)=>{if(t==null)return"-";if(e==="createdAt"||e==="updatedAt")try{return new Date(t).toLocaleString()}catch{return t.toString()}return e==="path"?t.toString():e==="entityType"?t.toString().charAt(0).toUpperCase()+t.toString().slice(1):t.toString()};return u?r.jsxRuntimeExports.jsx(s.BorderedSection,{title:"Details",withPadding:!0,children:Array.from({length:6}).map((t,e)=>r.jsxRuntimeExports.jsxs(a,{children:[r.jsxRuntimeExports.jsx(c,{style:{width:"80px"}}),r.jsxRuntimeExports.jsx(c,{style:{width:"120px",justifySelf:"end"}}),r.jsxRuntimeExports.jsx("div",{style:{width:"24px"}})]},e))}):r.jsxRuntimeExports.jsx(s.BorderedSection,{title:"Details",autoHeight:!0,showHeader:!0,withPadding:!0,children:l.filter(t=>!t.hidden).map(t=>{const e=p[t.name],i=d.includes(t.name),n=i?"Multiple values":x(e,t.name);return r.jsxRuntimeExports.jsxs(a,{children:[r.jsxRuntimeExports.jsx(j.FieldLabel,{name:t.name,data:t.data,showDetailedTooltip:!0}),r.jsxRuntimeExports.jsx(S,{title:n,style:{color:i?"var(--md-sys-color-on-surface-variant)":"var(--md-sys-color-on-surface)",fontStyle:i?"italic":"normal"},children:n}),r.jsxRuntimeExports.jsx(g.Button,{className:"copy-icon",variant:"text",icon:"content_copy",onClick:m=>{m.stopPropagation();const y=e??"";h.copyToClipboard(y.toString(),!0)}})]},t.name)})})};exports.DetailsSection=f;
+//# sourceMappingURL=DetailsSection.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/DetailsSection.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { AttributeField } from '@shared/components'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\n\nconst StyledRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst StyledValue = styled.div`\n  text-align: left;\n  color: var(--md-sys-color-on-surface);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  justify-self: end;\n  font-size: 14px;\n  width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  animation: shimmer 1.5s infinite;\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.5;\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.5;\n    }\n  }\n`\n\ninterface DetailsSectionProps {\n  fields: AttributeField[]\n  form: Record<string, any>\n  mixedFields: string[]\n  isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n  fields,\n  form,\n  mixedFields,\n  isLoading,\n}) => {\n  const formatValue = (value: any, fieldName: string): string => {\n    if (value === null || value === undefined) {\n      return '-'\n    }\n\n    if (fieldName === 'createdAt' || fieldName === 'updatedAt') {\n      try {\n        return new Date(value).toLocaleString()\n      } catch {\n        return value.toString()\n      }\n    }\n\n    if (fieldName === 'path') {\n      return value.toString()\n    }\n\n    if (fieldName === 'entityType') {\n      return value.toString().charAt(0).toUpperCase() + value.toString().slice(1)\n    }\n\n    return value.toString()\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Details\" withPadding>\n        {Array.from({ length: 6 }).map((_, index) => (\n          <StyledRow key={index}>\n            <StyledShimmer style={{ width: '80px' }} />\n            <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n            <div style={{ width: '24px' }} />\n          </StyledRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n      {fields\n        .filter((field) => !field.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isMixed = mixedFields.includes(field.name)\n          const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n          return (\n            <StyledRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n              <StyledValue\n                title={displayValue}\n                style={{\n                  color: isMixed\n                    ? 'var(--md-sys-color-on-surface-variant)'\n                    : 'var(--md-sys-color-on-surface)',\n                  fontStyle: isMixed ? 'italic' : 'normal',\n                }}\n              >\n                {displayValue}\n              </StyledValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </StyledRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","valueToDisplay","copyToClipboard"],"mappings":"sbAQMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BhBG,EAAgD,CAAC,CAC5D,OAAAC,EACA,KAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAAM,CACE,MAAAC,EAAc,CAACC,EAAYC,IAA8B,CACzD,GAAAD,GAAU,KACL,MAAA,IAGL,GAAAC,IAAc,aAAeA,IAAc,YACzC,GAAA,CACF,OAAO,IAAI,KAAKD,CAAK,EAAE,eAAe,CAAA,MAChC,CACN,OAAOA,EAAM,SAAS,CAAA,CAI1B,OAAIC,IAAc,OACTD,EAAM,SAAS,EAGpBC,IAAc,aACTD,EAAM,WAAW,OAAO,CAAC,EAAE,YAAY,EAAIA,EAAM,WAAW,MAAM,CAAC,EAGrEA,EAAM,SAAS,CACxB,EAEA,OAAIF,0BAECI,kBAAgB,CAAA,MAAM,UAAU,YAAW,GACzC,eAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACC,EAAGC,6BAChCd,EACC,CAAA,SAAA,CAAAe,EAAA,kBAAA,IAACZ,EAAc,CAAA,MAAO,CAAE,MAAO,QAAU,EACzCY,wBAACZ,GAAc,MAAO,CAAE,MAAO,QAAS,YAAa,OAAS,0BAC7D,MAAI,CAAA,MAAO,CAAE,MAAO,OAAU,CAAA,CAAA,GAHjBW,CAIhB,CACD,EACH,EAKFC,EAAA,kBAAA,IAACH,mBAAgB,MAAM,UAAU,WAAU,GAAC,WAAU,GAAC,YAAW,GAC/D,WACE,OAAQI,GAAU,CAACA,EAAM,MAAM,EAC/B,IAAKA,GAAU,CACR,MAAAC,EAAaX,EAAKU,EAAM,IAAI,EAC5BE,EAAUX,EAAY,SAASS,EAAM,IAAI,EACzCG,EAAeD,EAAU,kBAAoBT,EAAYQ,EAAYD,EAAM,IAAI,EAErF,gCACGhB,EACC,CAAA,SAAA,CAACe,EAAAA,kBAAAA,IAAAK,EAAA,WAAA,CAAW,KAAMJ,EAAM,KAAM,KAAMA,EAAM,KAAM,oBAAqB,EAAM,CAAA,EAC3ED,EAAA,kBAAA,IAACb,EAAA,CACC,MAAOiB,EACP,MAAO,CACL,MAAOD,EACH,yCACA,iCACJ,UAAWA,EAAU,SAAW,QAClC,EAEC,SAAAC,CAAA,CACH,EACAJ,EAAA,kBAAA,IAACM,EAAA,OAAA,CACC,UAAU,YACV,QAAQ,OACR,KAAK,eACL,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EAClB,MAAMC,EACJN,GAAkD,GACpCO,EAAAA,gBAAAD,EAAe,SAAS,EAAG,EAAI,CAAA,CACjD,CAAA,CACF,CAAA,EAvBcP,EAAM,IAwBtB,CAEH,CAAA,EACL,CAEJ"}

package/dist/shared/src/components/DetailsPanelDetails/DetailsSection.es.js

@@ -0,0 +1,113 @@
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import e from "styled-components";
+import "lodash";
+import "react-toastify";
+import { copyToClipboard as h } from "../../util/copyToClipboard.es.js";
+import "uuid";
+import "../../util/pubsub.es.js";
+import { Button as x } from "@ynput/ayon-react-components";
+import { BorderedSection as a } from "./BorderedSection.es.js";
+import { FieldLabel as f } from "./FieldLabel.es.js";
+const s = e.div`
+  display: grid;
+  grid-template-columns: minmax(200px, 1fr) 1fr 32px;
+  row-gap: 2px;
+  column-gap: 4px;
+  align-items: center;
+  min-height: 32px;
+  position: relative;
+
+  .copy-icon {
+    opacity: 0;
+    width: 32px;
+    height: 32px;
+    padding: 2px;
+
+    &:hover {
+      background-color: transparent !important;
+    }
+  }
+
+  &:hover .copy-icon {
+    opacity: 1;
+  }
+`, g = e.div`
+  text-align: left;
+  color: var(--md-sys-color-on-surface);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  justify-self: end;
+  font-size: 14px;
+  width: 100%;
+`, p = e.div`
+  height: 20px;
+  background: var(--md-sys-color-surface-container-low);
+  border-radius: 4px;
+  animation: shimmer 1.5s infinite;
+
+  @keyframes shimmer {
+    0% {
+      opacity: 0.5;
+    }
+    50% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0.5;
+    }
+  }
+`, P = ({
+  fields: c,
+  form: l,
+  mixedFields: d,
+  isLoading: m
+}) => {
+  const u = (t, o) => {
+    if (t == null)
+      return "-";
+    if (o === "createdAt" || o === "updatedAt")
+      try {
+        return new Date(t).toLocaleString();
+      } catch {
+        return t.toString();
+      }
+    return o === "path" ? t.toString() : o === "entityType" ? t.toString().charAt(0).toUpperCase() + t.toString().slice(1) : t.toString();
+  };
+  return m ? /* @__PURE__ */ r.jsx(a, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((t, o) => /* @__PURE__ */ r.jsxs(s, { children: [
+    /* @__PURE__ */ r.jsx(p, { style: { width: "80px" } }),
+    /* @__PURE__ */ r.jsx(p, { style: { width: "120px", justifySelf: "end" } }),
+    /* @__PURE__ */ r.jsx("div", { style: { width: "24px" } })
+  ] }, o)) }) : /* @__PURE__ */ r.jsx(a, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: c.filter((t) => !t.hidden).map((t) => {
+    const o = l[t.name], i = d.includes(t.name), n = i ? "Multiple values" : u(o, t.name);
+    return /* @__PURE__ */ r.jsxs(s, { children: [
+      /* @__PURE__ */ r.jsx(f, { name: t.name, data: t.data, showDetailedTooltip: !0 }),
+      /* @__PURE__ */ r.jsx(
+        g,
+        {
+          title: n,
+          style: {
+            color: i ? "var(--md-sys-color-on-surface-variant)" : "var(--md-sys-color-on-surface)",
+            fontStyle: i ? "italic" : "normal"
+          },
+          children: n
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        x,
+        {
+          className: "copy-icon",
+          variant: "text",
+          icon: "content_copy",
+          onClick: (y) => {
+            y.stopPropagation(), h((o ?? "").toString(), !0);
+          }
+        }
+      )
+    ] }, t.name);
+  }) });
+};
+export {
+  P as DetailsSection
+};
+//# sourceMappingURL=DetailsSection.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/DetailsSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { AttributeField } from '@shared/components'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\n\nconst StyledRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst StyledValue = styled.div`\n  text-align: left;\n  color: var(--md-sys-color-on-surface);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  justify-self: end;\n  font-size: 14px;\n  width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n  height: 20px;\n  background: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  animation: shimmer 1.5s infinite;\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.5;\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.5;\n    }\n  }\n`\n\ninterface DetailsSectionProps {\n  fields: AttributeField[]\n  form: Record<string, any>\n  mixedFields: string[]\n  isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n  fields,\n  form,\n  mixedFields,\n  isLoading,\n}) => {\n  const formatValue = (value: any, fieldName: string): string => {\n    if (value === null || value === undefined) {\n      return '-'\n    }\n\n    if (fieldName === 'createdAt' || fieldName === 'updatedAt') {\n      try {\n        return new Date(value).toLocaleString()\n      } catch {\n        return value.toString()\n      }\n    }\n\n    if (fieldName === 'path') {\n      return value.toString()\n    }\n\n    if (fieldName === 'entityType') {\n      return value.toString().charAt(0).toUpperCase() + value.toString().slice(1)\n    }\n\n    return value.toString()\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Details\" withPadding>\n        {Array.from({ length: 6 }).map((_, index) => (\n          <StyledRow key={index}>\n            <StyledShimmer style={{ width: '80px' }} />\n            <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n            <div style={{ width: '24px' }} />\n          </StyledRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n      {fields\n        .filter((field) => !field.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isMixed = mixedFields.includes(field.name)\n          const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n          return (\n            <StyledRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n              <StyledValue\n                title={displayValue}\n                style={{\n                  color: isMixed\n                    ? 'var(--md-sys-color-on-surface-variant)'\n                    : 'var(--md-sys-color-on-surface)',\n                  fontStyle: isMixed ? 'italic' : 'normal',\n                }}\n              >\n                {displayValue}\n              </StyledValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </StyledRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BhBG,IAAgD,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACE,QAAAC,IAAc,CAACC,GAAYC,MAA8B;AACzD,QAAAD,KAAU;AACL,aAAA;AAGL,QAAAC,MAAc,eAAeA,MAAc;AACzC,UAAA;AACF,eAAO,IAAI,KAAKD,CAAK,EAAE,eAAe;AAAA,MAAA,QAChC;AACN,eAAOA,EAAM,SAAS;AAAA,MAAA;AAI1B,WAAIC,MAAc,SACTD,EAAM,SAAS,IAGpBC,MAAc,eACTD,EAAM,WAAW,OAAO,CAAC,EAAE,YAAY,IAAIA,EAAM,WAAW,MAAM,CAAC,IAGrEA,EAAM,SAAS;AAAA,EACxB;AAEA,SAAIF,0BAECI,GAAgB,EAAA,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCd,GACC,EAAA,UAAA;AAAA,IAAAe,gBAAAA,EAAA,IAACZ,GAAc,EAAA,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCY,gBAAAA,MAACZ,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAI,EAAA,OAAO,EAAE,OAAO,SAAU,CAAA;AAAA,EAAA,KAHjBW,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACR,UAAAC,IAAaX,EAAKU,EAAM,IAAI,GAC5BE,IAAUX,EAAY,SAASS,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBT,EAAYQ,GAAYD,EAAM,IAAI;AAErF,kCACGhB,GACC,EAAA,UAAA;AAAA,MAACe,gBAAAA,EAAAA,IAAAK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAM,CAAA;AAAA,MAC3ED,gBAAAA,EAAA;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,OAAOiB;AAAA,UACP,OAAO;AAAA,YACL,OAAOD,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAClC;AAAA,UAEC,UAAAC;AAAA,QAAA;AAAA,MACH;AAAA,MACAJ,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAgB,GAGFC,GADdN,KAAkD,IACrB,SAAS,GAAG,EAAI;AAAA,UAAA;AAAA,QACjD;AAAA,MAAA;AAAA,IACF,EAAA,GAvBcD,EAAM,IAwBtB;AAAA,EAEH,CAAA,GACL;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.cjs.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const o=require("../../util/humanizeFieldName.cjs.js");require("../../util/pubsub.cjs.js");const n=require("styled-components"),u=n.div`
+  color: var(--md-sys-color-outline);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+`,c=({name:t,data:e,showDetailedTooltip:r=!1})=>{const i=e.title?o.humanizeField(e.title):o.humanizeField(t),l=r?`${i} (${t}) ${e.description?"-":""} ${e.description||""}`:e.description||i;return s.jsxRuntimeExports.jsx(u,{"data-tooltip":r?l:void 0,children:i})};exports.FieldLabel=c;
+//# sourceMappingURL=FieldLabel.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n  color: var(--md-sys-color-outline);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n`\n\ninterface FieldLabelProps {\n  name: string\n  data: {\n    title?: string\n    description?: string\n  }\n  showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  name,\n  data,\n  showDetailedTooltip = false,\n}) => {\n  const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n  const tooltipText = showDetailedTooltip\n    ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description || ''}`\n    : data.description || displayTitle\n\n  return (\n    <StyledFieldLabel data-tooltip={showDetailedTooltip ? tooltipText : undefined}>\n      {displayTitle}\n    </StyledFieldLabel>\n  )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","displayTitle","humanizeField","tooltipText"],"mappings":"uUAIMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBC,EAAwC,CAAC,CACpD,KAAAC,EACA,KAAAC,EACA,oBAAAC,EAAsB,EACxB,IAAM,CACE,MAAAC,EAAeF,EAAK,MAAQG,EAAAA,cAAcH,EAAK,KAAK,EAAIG,gBAAcJ,CAAI,EAC1EK,EAAcH,EAChB,GAAGC,CAAY,KAAKH,CAAI,KAAKC,EAAK,YAAc,IAAM,EAAE,IAAIA,EAAK,aAAe,EAAE,GAClFA,EAAK,aAAeE,EAExB,+BACGN,EAAiB,CAAA,eAAcK,EAAsBG,EAAc,OACjE,SACHF,EAAA,CAEJ"}

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.es.js

@@ -0,0 +1,25 @@
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import { humanizeField as r } from "../../util/humanizeFieldName.es.js";
+import "../../util/pubsub.es.js";
+import p from "styled-components";
+const n = p.div`
+  color: var(--md-sys-color-outline);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+`, y = ({
+  name: t,
+  data: o,
+  showDetailedTooltip: e = !1
+}) => {
+  const i = o.title ? r(o.title) : r(t), l = e ? `${i} (${t}) ${o.description ? "-" : ""} ${o.description || ""}` : o.description || i;
+  return /* @__PURE__ */ s.jsx(n, { "data-tooltip": e ? l : void 0, children: i });
+};
+export {
+  y as FieldLabel
+};
+//# sourceMappingURL=FieldLabel.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/FieldLabel.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.es.js","sources":["../../../../../src/components/DetailsPanelDetails/FieldLabel.tsx"],"sourcesContent":["import { humanizeField } from '@shared/util'\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFieldLabel = styled.div`\n  color: var(--md-sys-color-outline);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n`\n\ninterface FieldLabelProps {\n  name: string\n  data: {\n    title?: string\n    description?: string\n  }\n  showDetailedTooltip?: boolean\n}\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  name,\n  data,\n  showDetailedTooltip = false,\n}) => {\n  const displayTitle = data.title ? humanizeField(data.title) : humanizeField(name)\n  const tooltipText = showDetailedTooltip\n    ? `${displayTitle} (${name}) ${data.description ? '-' : ''} ${data.description || ''}`\n    : data.description || displayTitle\n\n  return (\n    <StyledFieldLabel data-tooltip={showDetailedTooltip ? tooltipText : undefined}>\n      {displayTitle}\n    </StyledFieldLabel>\n  )\n}\n"],"names":["StyledFieldLabel","styled","FieldLabel","name","data","showDetailedTooltip","displayTitle","humanizeField","tooltipText"],"mappings":";;;;;;;AAIA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBC,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,MAAM;AACE,QAAAC,IAAeF,EAAK,QAAQG,EAAcH,EAAK,KAAK,IAAIG,EAAcJ,CAAI,GAC1EK,IAAcH,IAChB,GAAGC,CAAY,KAAKH,CAAI,KAAKC,EAAK,cAAc,MAAM,EAAE,IAAIA,EAAK,eAAe,EAAE,KAClFA,EAAK,eAAeE;AAExB,+BACGN,GAAiB,EAAA,gBAAcK,IAAsBG,IAAc,QACjE,UACHF,GAAA;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useDescriptionEditor.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),L=require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js"),R=({descriptionHtml:d,enableEditing:k,isMixed:w,onChange:D})=>{const[o,f]=s.useState(!1),[K,r]=s.useState(""),c=s.useRef(null);s.useEffect(()=>{o&&r(d)},[d,o]),s.useEffect(()=>{var n,a,g,h;if(!o)return;const e=(a=(n=c.current)==null?void 0:n.getEditor)==null?void 0:a.call(n);if(!e){const T=requestAnimationFrame(()=>{var u,y,S,m;const t=(y=(u=c.current)==null?void 0:u.getEditor)==null?void 0:y.call(u);if(t){t.focus();const v=((S=t.getLength)==null?void 0:S.call(t))??0;(m=t.setSelection)==null||m.call(t,v,0)}});return()=>cancelAnimationFrame(T)}e.focus();const i=((g=e.getLength)==null?void 0:g.call(e))??0;(h=e.setSelection)==null||h.call(e,i,0)},[o]);const M=()=>{k&&!w&&(f(!0),r(d))},l=()=>{var i;const e=(i=c.current)==null?void 0:i.getEditor();if(e){const n=e.root.innerHTML,[a]=L.convertToMarkdown(n);D(a)}f(!1),r("")},E=()=>{f(!1),r("")};return{isEditing:o,editorValue:K,setEditorValue:r,editorRef:c,handleStartEditing:M,handleSave:l,handleCancel:E,handleKeyDown:e=>{e.key==="Escape"?E():e.key==="Enter"&&(e.metaKey||e.ctrlKey)&&l()}}};exports.useDescriptionEditor=R;
+//# sourceMappingURL=useDescriptionEditor.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useDescriptionEditor.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDescriptionEditor.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useDescriptionEditor.ts"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\n\ninterface UseDescriptionEditorProps {\n  descriptionHtml: string\n  enableEditing: boolean\n  isMixed: boolean\n  onChange: (description: string) => void\n}\n\nexport const useDescriptionEditor = ({\n  descriptionHtml,\n  enableEditing,\n  isMixed,\n  onChange,\n}: UseDescriptionEditorProps) => {\n  const [isEditing, setIsEditing] = useState(false)\n  const [editorValue, setEditorValue] = useState('')\n  const editorRef = useRef<any>(null)\n\n\n\n  useEffect(() => {\n    if (isEditing) {\n      setEditorValue(descriptionHtml)\n    }\n  }, [descriptionHtml, isEditing])\n\n  // Autofocus editor when entering edit mode and place cursor at end\n  useEffect(() => {\n    if (!isEditing) return\n    const quill = editorRef.current?.getEditor?.()\n    // If Quill instance not ready yet, try on next frame\n    if (!quill) {\n      const id = requestAnimationFrame(() => {\n        const q = editorRef.current?.getEditor?.()\n        if (q) {\n          q.focus()\n          const len = q.getLength?.() ?? 0\n          q.setSelection?.(len, 0)\n        }\n      })\n      return () => cancelAnimationFrame(id)\n    }\n    quill.focus()\n    const len = quill.getLength?.() ?? 0\n    quill.setSelection?.(len, 0)\n  }, [isEditing])\n\n  const handleStartEditing = () => {\n    if (enableEditing && !isMixed) {\n      setIsEditing(true)\n      setEditorValue(descriptionHtml)\n    }\n  }\n\n  const handleSave = () => {\n    const quill = editorRef.current?.getEditor()\n    if (quill) {\n      const html = quill.root.innerHTML\n      // Convert Quill HTML to Markdown for persistence\n      const [markdown] = convertToMarkdown(html)\n      onChange(markdown)\n    }\n    setIsEditing(false)\n    setEditorValue('')\n  }\n\n  const handleCancel = () => {\n    setIsEditing(false)\n    setEditorValue('')\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handleCancel()\n    } else if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      handleSave()\n    }\n  }\n\n  return {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  }\n}\n"],"names":["useDescriptionEditor","descriptionHtml","enableEditing","isMixed","onChange","isEditing","setIsEditing","useState","editorValue","setEditorValue","editorRef","useRef","useEffect","quill","_b","_a","id","q","len","_c","_d","handleStartEditing","handleSave","html","markdown","convertToMarkdown","handleCancel"],"mappings":"8LAUaA,EAAuB,CAAC,CACnC,gBAAAC,EACA,cAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAAiC,CAC/B,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAE,EAC3CG,EAAYC,SAAY,IAAI,EAIlCC,EAAAA,UAAU,IAAM,CACVP,GACFI,EAAeR,CAAe,CAChC,EACC,CAACA,EAAiBI,CAAS,CAAC,EAG/BO,EAAAA,UAAU,IAAM,aACd,GAAI,CAACP,EAAW,OACV,MAAAQ,GAAQC,GAAAC,EAAAL,EAAU,UAAV,YAAAK,EAAmB,YAAnB,YAAAD,EAAA,KAAAC,GAEd,GAAI,CAACF,EAAO,CACJ,MAAAG,EAAK,sBAAsB,IAAM,aAC/B,MAAAC,GAAIH,GAAAC,EAAAL,EAAU,UAAV,YAAAK,EAAmB,YAAnB,YAAAD,EAAA,KAAAC,GACV,GAAIE,EAAG,CACLA,EAAE,MAAM,EACFC,MAAAA,IAAMC,EAAAF,EAAE,YAAF,YAAAE,EAAA,KAAAF,KAAmB,GAC7BG,EAAAH,EAAA,eAAA,MAAAG,EAAA,KAAAH,EAAeC,EAAK,EAAC,CACzB,CACD,EACM,MAAA,IAAM,qBAAqBF,CAAE,CAAA,CAEtCH,EAAM,MAAM,EACN,MAAAK,IAAMC,EAAAN,EAAM,YAAN,YAAAM,EAAA,KAAAN,KAAuB,GAC7BO,EAAAP,EAAA,eAAA,MAAAO,EAAA,KAAAP,EAAeK,EAAK,EAAC,EAC1B,CAACb,CAAS,CAAC,EAEd,MAAMgB,EAAqB,IAAM,CAC3BnB,GAAiB,CAACC,IACpBG,EAAa,EAAI,EACjBG,EAAeR,CAAe,EAElC,EAEMqB,EAAa,IAAM,OACjB,MAAAT,GAAQE,EAAAL,EAAU,UAAV,YAAAK,EAAmB,YACjC,GAAIF,EAAO,CACH,MAAAU,EAAOV,EAAM,KAAK,UAElB,CAACW,CAAQ,EAAIC,EAAA,kBAAkBF,CAAI,EACzCnB,EAASoB,CAAQ,CAAA,CAEnBlB,EAAa,EAAK,EAClBG,EAAe,EAAE,CACnB,EAEMiB,EAAe,IAAM,CACzBpB,EAAa,EAAK,EAClBG,EAAe,EAAE,CACnB,EAUO,MAAA,CACL,UAAAJ,EACA,YAAAG,EACA,eAAAC,EACA,UAAAC,EACA,mBAAAW,EACA,WAAAC,EACA,aAAAI,EACA,cAhBqB,GAA2B,CAC5C,EAAE,MAAQ,SACCA,EAAA,EACJ,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,UACnCJ,EAAA,CAEf,CAWA,CACF"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useDescriptionEditor.es.js

@@ -0,0 +1,61 @@
+import { useState as S, useRef as F, useEffect as k } from "react";
+import { convertToMarkdown as M } from "../../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+const x = ({
+  descriptionHtml: f,
+  enableEditing: w,
+  isMixed: K,
+  onChange: p
+}) => {
+  const [o, d] = S(!1), [D, r] = S(""), s = F(null);
+  k(() => {
+    o && r(f);
+  }, [f, o]), k(() => {
+    var n, i, E, g;
+    if (!o) return;
+    const e = (i = (n = s.current) == null ? void 0 : n.getEditor) == null ? void 0 : i.call(n);
+    if (!e) {
+      const v = requestAnimationFrame(() => {
+        var a, m, h, y;
+        const t = (m = (a = s.current) == null ? void 0 : a.getEditor) == null ? void 0 : m.call(a);
+        if (t) {
+          t.focus();
+          const A = ((h = t.getLength) == null ? void 0 : h.call(t)) ?? 0;
+          (y = t.setSelection) == null || y.call(t, A, 0);
+        }
+      });
+      return () => cancelAnimationFrame(v);
+    }
+    e.focus();
+    const c = ((E = e.getLength) == null ? void 0 : E.call(e)) ?? 0;
+    (g = e.setSelection) == null || g.call(e, c, 0);
+  }, [o]);
+  const L = () => {
+    w && !K && (d(!0), r(f));
+  }, l = () => {
+    var c;
+    const e = (c = s.current) == null ? void 0 : c.getEditor();
+    if (e) {
+      const n = e.root.innerHTML, [i] = M(n);
+      p(i);
+    }
+    d(!1), r("");
+  }, u = () => {
+    d(!1), r("");
+  };
+  return {
+    isEditing: o,
+    editorValue: D,
+    setEditorValue: r,
+    editorRef: s,
+    handleStartEditing: L,
+    handleSave: l,
+    handleCancel: u,
+    handleKeyDown: (e) => {
+      e.key === "Escape" ? u() : e.key === "Enter" && (e.metaKey || e.ctrlKey) && l();
+    }
+  };
+};
+export {
+  x as useDescriptionEditor
+};
+//# sourceMappingURL=useDescriptionEditor.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useDescriptionEditor.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDescriptionEditor.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useDescriptionEditor.ts"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\n\ninterface UseDescriptionEditorProps {\n  descriptionHtml: string\n  enableEditing: boolean\n  isMixed: boolean\n  onChange: (description: string) => void\n}\n\nexport const useDescriptionEditor = ({\n  descriptionHtml,\n  enableEditing,\n  isMixed,\n  onChange,\n}: UseDescriptionEditorProps) => {\n  const [isEditing, setIsEditing] = useState(false)\n  const [editorValue, setEditorValue] = useState('')\n  const editorRef = useRef<any>(null)\n\n\n\n  useEffect(() => {\n    if (isEditing) {\n      setEditorValue(descriptionHtml)\n    }\n  }, [descriptionHtml, isEditing])\n\n  // Autofocus editor when entering edit mode and place cursor at end\n  useEffect(() => {\n    if (!isEditing) return\n    const quill = editorRef.current?.getEditor?.()\n    // If Quill instance not ready yet, try on next frame\n    if (!quill) {\n      const id = requestAnimationFrame(() => {\n        const q = editorRef.current?.getEditor?.()\n        if (q) {\n          q.focus()\n          const len = q.getLength?.() ?? 0\n          q.setSelection?.(len, 0)\n        }\n      })\n      return () => cancelAnimationFrame(id)\n    }\n    quill.focus()\n    const len = quill.getLength?.() ?? 0\n    quill.setSelection?.(len, 0)\n  }, [isEditing])\n\n  const handleStartEditing = () => {\n    if (enableEditing && !isMixed) {\n      setIsEditing(true)\n      setEditorValue(descriptionHtml)\n    }\n  }\n\n  const handleSave = () => {\n    const quill = editorRef.current?.getEditor()\n    if (quill) {\n      const html = quill.root.innerHTML\n      // Convert Quill HTML to Markdown for persistence\n      const [markdown] = convertToMarkdown(html)\n      onChange(markdown)\n    }\n    setIsEditing(false)\n    setEditorValue('')\n  }\n\n  const handleCancel = () => {\n    setIsEditing(false)\n    setEditorValue('')\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      handleCancel()\n    } else if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      handleSave()\n    }\n  }\n\n  return {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  }\n}\n"],"names":["useDescriptionEditor","descriptionHtml","enableEditing","isMixed","onChange","isEditing","setIsEditing","useState","editorValue","setEditorValue","editorRef","useRef","useEffect","quill","_b","_a","id","q","len","_c","_d","handleStartEditing","handleSave","html","markdown","convertToMarkdown","handleCancel"],"mappings":";;AAUO,MAAMA,IAAuB,CAAC;AAAA,EACnC,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAiC;AAC/B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAC3CG,IAAYC,EAAY,IAAI;AAIlC,EAAAC,EAAU,MAAM;AACd,IAAIP,KACFI,EAAeR,CAAe;AAAA,EAChC,GACC,CAACA,GAAiBI,CAAS,CAAC,GAG/BO,EAAU,MAAM;;AACd,QAAI,CAACP,EAAW;AACV,UAAAQ,KAAQC,KAAAC,IAAAL,EAAU,YAAV,gBAAAK,EAAmB,cAAnB,gBAAAD,EAAA,KAAAC;AAEd,QAAI,CAACF,GAAO;AACJ,YAAAG,IAAK,sBAAsB,MAAM;;AAC/B,cAAAC,KAAIH,KAAAC,IAAAL,EAAU,YAAV,gBAAAK,EAAmB,cAAnB,gBAAAD,EAAA,KAAAC;AACV,YAAIE,GAAG;AACL,UAAAA,EAAE,MAAM;AACFC,gBAAAA,MAAMC,IAAAF,EAAE,cAAF,gBAAAE,EAAA,KAAAF,OAAmB;AAC7B,WAAAG,IAAAH,EAAA,iBAAA,QAAAG,EAAA,KAAAH,GAAeC,GAAK;AAAA,QAAC;AAAA,MACzB,CACD;AACM,aAAA,MAAM,qBAAqBF,CAAE;AAAA,IAAA;AAEtC,IAAAH,EAAM,MAAM;AACN,UAAAK,MAAMC,IAAAN,EAAM,cAAN,gBAAAM,EAAA,KAAAN,OAAuB;AAC7B,KAAAO,IAAAP,EAAA,iBAAA,QAAAO,EAAA,KAAAP,GAAeK,GAAK;AAAA,EAAC,GAC1B,CAACb,CAAS,CAAC;AAEd,QAAMgB,IAAqB,MAAM;AAC3B,IAAAnB,KAAiB,CAACC,MACpBG,EAAa,EAAI,GACjBG,EAAeR,CAAe;AAAA,EAElC,GAEMqB,IAAa,MAAM;;AACjB,UAAAT,KAAQE,IAAAL,EAAU,YAAV,gBAAAK,EAAmB;AACjC,QAAIF,GAAO;AACH,YAAAU,IAAOV,EAAM,KAAK,WAElB,CAACW,CAAQ,IAAIC,EAAkBF,CAAI;AACzC,MAAAnB,EAASoB,CAAQ;AAAA,IAAA;AAEnB,IAAAlB,EAAa,EAAK,GAClBG,EAAe,EAAE;AAAA,EACnB,GAEMiB,IAAe,MAAM;AACzB,IAAApB,EAAa,EAAK,GAClBG,EAAe,EAAE;AAAA,EACnB;AAUO,SAAA;AAAA,IACL,WAAAJ;AAAA,IACA,aAAAG;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAW;AAAA,IACA,YAAAC;AAAA,IACA,cAAAI;AAAA,IACA,eAhBoB,CAAC,MAA2B;AAC5C,MAAA,EAAE,QAAQ,WACCA,EAAA,IACJ,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YACnCJ,EAAA;AAAA,IAEf;AAAA,EAWA;AACF;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");const n=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");const c=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/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");const y=({projectName:e,isProjectNameMixed:r})=>{const{data:u}=n.useGetProjectQuery({projectName:e||""},{skip:!e||r}),{folderTypes:i=[],taskTypes:q=[],statuses:t=[],tags:s=[]}=u||{},{data:o}=c.useGetSiteInfoQuery({full:!0}),{attributes:a=[]}=o||{};return{folderTypes:i,taskTypes:q,statuses:t,tags:s,attributes:a}};exports.useEntityData=y;
+//# sourceMappingURL=useEntityData.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityData.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityData.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\n\ninterface UseEntityDataProps {\n  projectName?: string\n  isProjectNameMixed: boolean\n}\n\nexport const useEntityData = ({ projectName, isProjectNameMixed }: UseEntityDataProps) => {\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: projectName || '' },\n    { skip: !projectName || isProjectNameMixed },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  return {\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    attributes,\n  }\n}\n"],"names":["useEntityData","projectName","isProjectNameMixed","projectData","useGetProjectQuery","folderTypes","taskTypes","statuses","tags","info","useGetSiteInfoQuery","attributes"],"mappings":"q0IAOO,MAAMA,EAAgB,CAAC,CAAE,YAAAC,EAAa,mBAAAC,KAA6C,CAClF,KAAA,CAAE,KAAMC,CAAA,EAAgBC,EAAA,mBAC5B,CAAE,YAAaH,GAAe,EAAG,EACjC,CAAE,KAAM,CAACA,GAAeC,CAAmB,CAC7C,EACM,CAAE,YAAAG,EAAc,GAAI,UAAAC,EAAY,CAAC,EAAG,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAG,EAAIL,GAAe,CAAC,EAEjF,CAAE,KAAMM,CAAK,EAAIC,sBAAoB,CAAE,KAAM,GAAM,EACnD,CAAE,WAAAC,EAAa,EAAG,EAAIF,GAAQ,CAAC,EAE9B,MAAA,CACL,YAAAJ,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAG,CACF,CACF"}