@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js

@@ -1,181 +1,85 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import a from "styled-components";
+import { j as l } from "../../../../_virtual/jsx-runtime.es.js";
+import u from "styled-components";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { pluralize as s } from "../../util/pluralize.es.js";
-import "../../api/base/client.es.js";
-import "../../api/generated/graphql.es.js";
-import "../../api/generated/graphqlLinks.es.js";
-import "../../api/generated/access.es.js";
-import "../../api/generated/actions.es.js";
-import "../../api/generated/activityFeed.es.js";
-import "../../api/generated/addons.es.js";
-import "../../api/generated/anatomy.es.js";
-import "../../api/generated/attributes.es.js";
-import "../../api/generated/authentication.es.js";
-import "../../api/generated/bundles.es.js";
-import "../../api/generated/configuration.es.js";
-import "../../api/generated/dataImport.es.js";
-import "../../api/generated/desktop.es.js";
-import "../../api/generated/entityLists.es.js";
-import "../../api/generated/events.es.js";
-import "../../api/generated/files.es.js";
-import "../../api/generated/folders.es.js";
-import "../../api/generated/inbox.es.js";
-import "../../api/generated/links.es.js";
-import "../../api/generated/market.es.js";
-import "../../api/generated/onboarding.es.js";
-import "../../api/generated/operations.es.js";
-import "../../api/generated/products.es.js";
-import "../../api/generated/projectDashboard.es.js";
-import "../../api/generated/projects.es.js";
-import "../../api/generated/projectFolders.es.js";
-import "../../api/generated/reviewables.es.js";
-import "../../api/generated/services.es.js";
-import "../../api/generated/system.es.js";
-import "../../api/generated/tasks.es.js";
-import "../../api/generated/teams.es.js";
-import "../../api/generated/thumbnails.es.js";
-import "../../api/generated/uRIs.es.js";
-import "../../api/generated/users.es.js";
-import "../../api/generated/versions.es.js";
-import "../../api/generated/workfiles.es.js";
-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 "../../api/queries/activities/updateReaction.es.js";
-import "../../api/queries/activities/getMentions.es.js";
-import "../../api/queries/activities/getCategories.es.js";
-import "../../api/queries/addons/getAddons.es.js";
-import "../../api/queries/addons/updateAddons.es.js";
-import "../../api/queries/attributes/getAttributes.es.js";
-import "../../api/queries/attributes/updateAttributes.es.js";
-import "../../api/queries/authentication/getAuthentication.es.js";
-import "../../api/queries/bundles/getBundles.es.js";
-import "../../api/queries/bundles/updateBundles.es.js";
-import "../../api/queries/cloud/cloud.es.js";
-import "../../api/queries/columnStats/metricTargets.es.js";
-import "../../api/queries/columnStats/groupCounts.es.js";
-import "../../api/queries/config/getConfig.es.js";
-import "../../api/queries/config/updateConfig.es.js";
-import "../../api/queries/entities/getEntity.es.js";
-import "../../api/queries/entities/getEntityPanel.es.js";
-import "../../api/queries/overview/getOverview.es.js";
-import "../../api/queries/overview/updateOverview.es.js";
-import "../../api/queries/versions/getVersionsProducts.es.js";
-import "../../api/queries/links/getEntityLinks.es.js";
-import "../../api/queries/entities/updateEntity.es.js";
-import "../../api/queries/entityLists/getLists.es.js";
-import "../../api/queries/entityLists/updateLists.es.js";
-import "../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../api/queries/entityLists/listFolders.es.js";
-import "../../api/queries/folders/getFolders.es.js";
-import "../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
-import "../../api/queries/links/updateLinks.es.js";
-import "../../api/queries/links/getLinks.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/products/getFolderProducts.es.js";
-import "../../api/queries/project/getProject.es.js";
-import "../../api/queries/project/updateProject.es.js";
-import "../../api/queries/projectFolders/projectFolders.es.js";
-import "../../api/queries/review/getReview.es.js";
-import "../../api/queries/review/updateReview.es.js";
-import "../../api/queries/share/share.es.js";
-import "../../api/queries/system/getSystem.es.js";
-import "../../api/queries/tasks/getTasks.es.js";
-import "../../api/queries/tasks/updateTasks.es.js";
-import "../../api/queries/teams/getTeams.es.js";
-import "../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../api/queries/users/getUsers.es.js";
+import { pluralize as a } from "../../util/pluralize.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/users/guests.es.js";
-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 "../../api/queries/uris/getUris.es.js";
 import "../../util/pubsub.es.js";
-const d = [
+const p = [
   "folder",
   "task",
   "product",
   "version",
   "representation",
   "workfile"
-], xo = 1, h = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, To = (o) => {
+], _ = 1, m = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, P = (o) => {
   if (o.length === 1) {
     const t = o[0];
     return `${t.entityType} "${t.label || t.name || t.id}"`;
   }
-  const p = {};
-  for (const t of o) p[t.entityType] = (p[t.entityType] || 0) + 1;
-  const m = d.filter((t) => p[t] > 0).map(
-    (t) => s(p[t], t)
+  const s = {};
+  for (const t of o) s[t.entityType] = (s[t.entityType] || 0) + 1;
+  const r = p.filter((t) => s[t] > 0).map(
+    (t) => a(s[t], t)
   );
-  return h(m);
-}, Eo = (o, p) => {
-  const m = {}, t = (i, r) => {
-    r > 0 && (m[i] = (m[i] || 0) + r);
+  return m(r);
+}, R = (o, s) => {
+  const r = {}, t = (n, e) => {
+    e > 0 && (r[n] = (r[n] || 0) + e);
   };
-  for (const i of o) t(i.entityType, 1);
-  for (const i of p)
-    t("folder", i.totalFolderCount), t("task", i.totalTaskCount), t("product", i.totalProductCount), t("version", i.totalVersionCount);
-  return m;
-}, yo = (o) => d.reduce((p, m) => p + (o[m] || 0), 0), u = 8, jo = (o, p) => {
+  for (const n of o) t(n.entityType, 1);
+  for (const n of s)
+    t("folder", n.totalFolderCount), t("task", n.totalTaskCount), t("product", n.totalProductCount), t("version", n.totalVersionCount);
+  return r;
+}, I = (o) => p.reduce((s, r) => s + (o[r] || 0), 0), f = 8, M = (o, s) => {
   if (o.length === 0) return [];
-  const m = new Map(p.map((r) => [r.id, r])), t = o.length > 1, i = [];
-  for (const r of o) {
-    const n = m.get(r.id), f = r.label || r.name || r.id, c = t ? `"${f}" contains ` : "Contains ";
-    if (n && (n.totalFolderCount > 0 || n.totalTaskCount > 0 || n.totalProductCount > 0 || n.totalVersionCount > 0)) {
-      const l = [];
-      n.totalFolderCount > 0 && l.push(s(n.totalFolderCount, "child folder")), n.totalTaskCount > 0 && l.push(s(n.totalTaskCount, "task")), n.totalProductCount > 0 && l.push(s(n.totalProductCount, "product")), n.totalVersionCount > 0 && l.push(s(n.totalVersionCount, "version")), i.push(`${c}${l.join(", ")}`);
+  const r = new Map(s.map((e) => [e.id, e])), t = o.length > 1, n = [];
+  for (const e of o) {
+    const i = r.get(e.id), h = e.label || e.name || e.id, d = t ? `"${h}" contains ` : "Contains ";
+    if (i && (i.totalFolderCount > 0 || i.totalTaskCount > 0 || i.totalProductCount > 0 || i.totalVersionCount > 0)) {
+      const c = [];
+      i.totalFolderCount > 0 && c.push(a(i.totalFolderCount, "child folder")), i.totalTaskCount > 0 && c.push(a(i.totalTaskCount, "task")), i.totalProductCount > 0 && c.push(a(i.totalProductCount, "product")), i.totalVersionCount > 0 && c.push(a(i.totalVersionCount, "version")), n.push(`${d}${c.join(", ")}`);
     } else
-      r.hasChildren && i.push(`${c}child folders`), r.taskNames && r.taskNames.length > 0 && i.push(`${c}${s(r.taskNames.length, "task")}`);
+      e.hasChildren && n.push(`${d}child folders`), e.taskNames && e.taskNames.length > 0 && n.push(`${d}${a(e.taskNames.length, "task")}`);
   }
-  return i.length > u ? [
-    ...i.slice(0, u),
-    `…and ${i.length - u} more`
-  ] : i;
-}, C = a.div`
+  return n.length > f ? [
+    ...n.slice(0, f),
+    `…and ${n.length - f} more`
+  ] : n;
+}, C = u.div`
   min-width: 350px;
-`, g = a.div`
+`, g = u.div`
   margin-top: 12px;
   min-height: 60px;
   min-width: 350px;
-`, x = a.p`
+`, x = u.p`
   font-weight: 600;
   margin-bottom: 4px;
-`, T = a.p`
+`, T = u.p`
   margin-top: 12px;
   font-weight: 600;
   color: var(--md-sys-color-error);
-`, ko = ({
+`, V = ({
   entityLabel: o,
-  childrenDetails: p,
-  totalLine: m,
+  childrenDetails: s,
+  totalLine: r,
   message: t
-}) => /* @__PURE__ */ e.jsxs(C, { children: [
-  /* @__PURE__ */ e.jsx("p", { children: t || `Are you sure you want to delete ${o}? This action cannot be undone.` }),
-  p.length > 0 && /* @__PURE__ */ e.jsxs(g, { children: [
-    /* @__PURE__ */ e.jsx(x, { children: "The following will also be affected:" }),
-    p.map((i, r) => /* @__PURE__ */ e.jsx("p", { children: i }, r))
+}) => /* @__PURE__ */ l.jsxs(C, { children: [
+  /* @__PURE__ */ l.jsx("p", { children: t || `Are you sure you want to delete ${o}? This action cannot be undone.` }),
+  s.length > 0 && /* @__PURE__ */ l.jsxs(g, { children: [
+    /* @__PURE__ */ l.jsx(x, { children: "The following will also be affected:" }),
+    s.map((n, e) => /* @__PURE__ */ l.jsx("p", { children: n }, e))
   ] }),
-  m && /* @__PURE__ */ e.jsx(T, { children: m })
+  r && /* @__PURE__ */ l.jsx(T, { children: r })
 ] });
 export {
-  xo as DELETE_CONFIRM_THRESHOLD,
-  d as DELETE_TYPE_ORDER,
-  ko as DeleteConfirmContent,
-  jo as buildChildrenDetails,
-  To as buildEntityLabel,
-  Eo as buildExpectedCounts,
-  yo as sumExpectedCounts
+  _ as DELETE_CONFIRM_THRESHOLD,
+  p as DELETE_TYPE_ORDER,
+  V as DeleteConfirmContent,
+  M as buildChildrenDetails,
+  P as buildEntityLabel,
+  R as buildExpectedCounts,
+  I as sumExpectedCounts
 };
 //# sourceMappingURL=DeleteConfirmContent.es.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteConfirmContent.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n  DeletableEntity,\n  DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n  'folder',\n  'task',\n  'product',\n  'version',\n  'representation',\n  'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" | \"5 folders and 25 tasks\" | \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n  if (parts.length <= 1) return parts.join('')\n  return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n  if (topLevel.length === 1) {\n    const e = topLevel[0]\n    return `${e.entityType} \"${e.label || e.name || e.id}\"`\n  }\n  const counts: Record<string, number> = {}\n  for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] || 0) + 1\n  const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n    pluralize(counts[type], type),\n  )\n  return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n  topLevel: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n  const counts: ExpectedDeleteCounts = {}\n  const add = (type: DeletableEntityType, amount: number) => {\n    if (amount > 0) counts[type] = (counts[type] || 0) + amount\n  }\n\n  for (const e of topLevel) add(e.entityType, 1)\n\n  for (const info of folderInfo) {\n    add('folder', info.totalFolderCount)\n    add('task', info.totalTaskCount)\n    add('product', info.totalProductCount)\n    add('version', info.totalVersionCount)\n  }\n\n  return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n  DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] || 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n  topLevelFolders: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): string[] => {\n  if (topLevelFolders.length === 0) return []\n  const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n  const many = topLevelFolders.length > 1\n  const details: string[] = []\n\n  for (const folder of topLevelFolders) {\n    const info = folderInfoMap.get(folder.id)\n    const folderDisplayName = folder.label || folder.name || folder.id\n    const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n    const hasDescendants =\n      info &&\n      (info.totalFolderCount > 0 ||\n        info.totalTaskCount > 0 ||\n        info.totalProductCount > 0 ||\n        info.totalVersionCount > 0)\n\n    if (hasDescendants) {\n      const parts: string[] = []\n      if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n      if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n      if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n      if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n      details.push(`${prefix}${parts.join(', ')}`)\n    } else {\n      if (folder.hasChildren) details.push(`${prefix}child folders`)\n      if (folder.taskNames && folder.taskNames.length > 0) {\n        details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n      }\n    }\n  }\n\n  if (details.length > MAX_DETAIL_LINES) {\n    return [\n      ...details.slice(0, MAX_DETAIL_LINES),\n      `…and ${details.length - MAX_DETAIL_LINES} more`,\n    ]\n  }\n\n  return details\n}\n\nconst Wrapper = styled.div`\n  min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n  margin-top: 12px;\n  min-height: 60px;\n  min-width: 350px;\n`\nconst BoldLabel = styled.p`\n  font-weight: 600;\n  margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n  margin-top: 12px;\n  font-weight: 600;\n  color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n  entityLabel: string\n  childrenDetails: string[]\n  totalLine?: string\n  message?: string\n}\n\nexport const DeleteConfirmContent = ({\n  entityLabel,\n  childrenDetails,\n  totalLine,\n  message,\n}: DeleteConfirmContentProps) => (\n  <Wrapper>\n    <p>{message || `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n    {childrenDetails.length > 0 && (\n      <DetailsContainer>\n        <BoldLabel>The following will also be affected:</BoldLabel>\n        {childrenDetails.map((detail, i) => (\n          <p key={i}>{detail}</p>\n        ))}\n      </DetailsContainer>\n    )}\n    {totalLine && <TotalLine>{totalLine}</TotalLine>}\n  </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}
+{"version":3,"file":"DeleteConfirmContent.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n  DeletableEntity,\n  DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n  'folder',\n  'task',\n  'product',\n  'version',\n  'representation',\n  'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" | \"5 folders and 25 tasks\" | \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n  if (parts.length <= 1) return parts.join('')\n  return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n  if (topLevel.length === 1) {\n    const e = topLevel[0]\n    return `${e.entityType} \"${e.label || e.name || e.id}\"`\n  }\n  const counts: Record<string, number> = {}\n  for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] || 0) + 1\n  const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n    pluralize(counts[type], type),\n  )\n  return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n  topLevel: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n  const counts: ExpectedDeleteCounts = {}\n  const add = (type: DeletableEntityType, amount: number) => {\n    if (amount > 0) counts[type] = (counts[type] || 0) + amount\n  }\n\n  for (const e of topLevel) add(e.entityType, 1)\n\n  for (const info of folderInfo) {\n    add('folder', info.totalFolderCount)\n    add('task', info.totalTaskCount)\n    add('product', info.totalProductCount)\n    add('version', info.totalVersionCount)\n  }\n\n  return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n  DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] || 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n  topLevelFolders: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): string[] => {\n  if (topLevelFolders.length === 0) return []\n  const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n  const many = topLevelFolders.length > 1\n  const details: string[] = []\n\n  for (const folder of topLevelFolders) {\n    const info = folderInfoMap.get(folder.id)\n    const folderDisplayName = folder.label || folder.name || folder.id\n    const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n    const hasDescendants =\n      info &&\n      (info.totalFolderCount > 0 ||\n        info.totalTaskCount > 0 ||\n        info.totalProductCount > 0 ||\n        info.totalVersionCount > 0)\n\n    if (hasDescendants) {\n      const parts: string[] = []\n      if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n      if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n      if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n      if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n      details.push(`${prefix}${parts.join(', ')}`)\n    } else {\n      if (folder.hasChildren) details.push(`${prefix}child folders`)\n      if (folder.taskNames && folder.taskNames.length > 0) {\n        details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n      }\n    }\n  }\n\n  if (details.length > MAX_DETAIL_LINES) {\n    return [\n      ...details.slice(0, MAX_DETAIL_LINES),\n      `…and ${details.length - MAX_DETAIL_LINES} more`,\n    ]\n  }\n\n  return details\n}\n\nconst Wrapper = styled.div`\n  min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n  margin-top: 12px;\n  min-height: 60px;\n  min-width: 350px;\n`\nconst BoldLabel = styled.p`\n  font-weight: 600;\n  margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n  margin-top: 12px;\n  font-weight: 600;\n  color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n  entityLabel: string\n  childrenDetails: string[]\n  totalLine?: string\n  message?: string\n}\n\nexport const DeleteConfirmContent = ({\n  entityLabel,\n  childrenDetails,\n  totalLine,\n  message,\n}: DeleteConfirmContentProps) => (\n  <Wrapper>\n    <p>{message || `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n    {childrenDetails.length > 0 && (\n      <DetailsContainer>\n        <BoldLabel>The following will also be affected:</BoldLabel>\n        {childrenDetails.map((detail, i) => (\n          <p key={i}>{detail}</p>\n        ))}\n      </DetailsContainer>\n    )}\n    {totalLine && <TotalLine>{totalLine}</TotalLine>}\n  </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");const k=require("../../util/copyToClipboard.cjs.js");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");const q=require("react"),o=require("styled-components"),c=require("clsx"),C=require("@ynput/ayon-react-components"),F=require("./components/RenderFieldWidget.cjs.js"),p=require("../DetailsPanelDetails/BorderedSection.cjs.js"),D=require("../DetailsPanelDetails/FieldLabel.cjs.js"),m=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");const k=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const c=require("react"),r=require("styled-components"),p=require("clsx"),C=require("@ynput/ayon-react-components"),F=require("./components/RenderFieldWidget.cjs.js"),m=require("../DetailsPanelDetails/BorderedSection.cjs.js"),D=require("../DetailsPanelDetails/FieldLabel.cjs.js"),x=r.div`
   display: grid;
   grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
@@ -32,7 +32,7 @@
       margin-top: 6px;
     }
   }
-`,P=o.div`
+`,P=r.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -68,7 +68,7 @@
   &.readonly {
     pointer-events: none;
   }
-`,T=o.div`
+`,T=r.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -78,7 +78,7 @@
     height: 32px;
     padding: 2px;
   }
-`,A=o(m)`
+`,A=r(x)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -86,5 +86,5 @@
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`,N=({title:B,isLoading:x,form:g,fields:n,enableEditing:a,mixedFields:h,onChange:y,entities:s=[],entityType:f="task"})=>{const[v,u]=q.useState(null),j=q.useMemo(()=>s.map(e=>e?.id).join("|"),[s]);q.useEffect(()=>{u(null)},[j]);const b=e=>{a&&!n.find(r=>r.name===e)?.readonly?u(e):console.log("Editing not allowed:",{enableEditing:a,fieldReadonly:n.find(r=>r.name===e)?.readonly})},w=(e,r)=>{u(null),y?.(e,r)},E=()=>{u(null)};return x?i.jsxRuntimeExports.jsx(p.BorderedSection,{title:"Attributes",withPadding:!0,children:Array.from({length:10}).map((e,r)=>i.jsxRuntimeExports.jsxs(A,{children:[i.jsxRuntimeExports.jsx("div",{className:"loading"}),i.jsxRuntimeExports.jsx("div",{className:"loading"})]},r))}):i.jsxRuntimeExports.jsx(p.BorderedSection,{title:"Attributes",autoHeight:!0,showHeader:!0,withPadding:!0,pt:{content:{style:{minHeight:"unset"}}},children:n.filter(e=>!e.hidden).map(e=>{const r=g[e.name],l=v===e.name,d=e.readonly||!a,R=h?.includes(e.name)||!1;return i.jsxRuntimeExports.jsxs(m,{className:c("field-row",{"multi-line":e.data.widget==="markdown"}),children:[i.jsxRuntimeExports.jsx(D.FieldLabel,{name:e.name,data:e.data,showDetailedTooltip:!0,className:"field-label"}),i.jsxRuntimeExports.jsx(P,{className:c("field-value",{editing:l,readonly:d}),onClick:t=>{t.target.closest("a")||(t.preventDefault(),!l&&!d&&e.data.type!=="boolean"&&b(e.name))},children:i.jsxRuntimeExports.jsx(F,{field:e,value:r,isEditing:l,isReadOnly:d,isMixed:R,onChange:w,onCancelEdit:E,onExpand:()=>{},entities:s,entityType:f})}),i.jsxRuntimeExports.jsx(T,{className:"field-tools",children:i.jsxRuntimeExports.jsx(C.Button,{className:"tool",variant:"text",icon:"content_copy",onClick:t=>{t.preventDefault(),t.stopPropagation();const S=r??"";k.copyToClipboard(S.toString(),!0)}})})]},e.name)})})};exports.DetailsPanelAttributesEditor=N;
+`,N=({title:B,isLoading:g,form:h,fields:a,enableEditing:s,mixedFields:y,onChange:f,entities:l=[],entityType:v="task"})=>{const[j,i]=c.useState(null),b=c.useMemo(()=>l.map(e=>e?.id).join("|"),[l]);c.useEffect(()=>{i(null)},[b]);const w=e=>{s&&!a.find(t=>t.name===e)?.readonly?i(e):console.log("Editing not allowed:",{enableEditing:s,fieldReadonly:a.find(t=>t.name===e)?.readonly})},E=(e,t)=>{i(null),f?.(e,t)},R=()=>{i(null)};return g?o.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Attributes",withPadding:!0,children:Array.from({length:10}).map((e,t)=>o.jsxRuntimeExports.jsxs(A,{children:[o.jsxRuntimeExports.jsx("div",{className:"loading"}),o.jsxRuntimeExports.jsx("div",{className:"loading"})]},t))}):o.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Attributes",autoHeight:!0,showHeader:!0,withPadding:!0,pt:{content:{style:{minHeight:"unset"}}},children:a.filter(e=>!e.hidden).map(e=>{const t=h[e.name],d=j===e.name,u=e.readonly||!s,q=y?.includes(e.name)||!1;return o.jsxRuntimeExports.jsxs(x,{className:p("field-row",{"multi-line":e.data.widget==="markdown"}),children:[o.jsxRuntimeExports.jsx(D.FieldLabel,{name:e.name,data:e.data,showDetailedTooltip:!0,className:"field-label"}),o.jsxRuntimeExports.jsx(P,{className:p("field-value",{editing:d,readonly:u}),onClick:n=>{n.target.closest("a")||(n.preventDefault(),!d&&!u&&e.data.type!=="boolean"&&w(e.name))},children:o.jsxRuntimeExports.jsx(F,{field:e,value:t,isEditing:d,isReadOnly:u,isMixed:q,onChange:E,onCancelEdit:R,onExpand:()=>{},entities:l,entityType:v})}),o.jsxRuntimeExports.jsx(T,{className:"field-tools",children:o.jsxRuntimeExports.jsx(C.Button,{className:"tool",variant:"text",icon:"content_copy",onClick:n=>{n.preventDefault(),n.stopPropagation();const S=t??"";k.copyToClipboard(S.toString(),!0)}})})]},e.name)})})};exports.DetailsPanelAttributesEditor=N;
 //# sourceMappingURL=DetailsPanelAttributesEditor.cjs.js.map

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributesEditor.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  overflow: hidden;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .field-tools {\n    opacity: 0;\n  }\n\n  &:hover .field-tools {\n    opacity: 1;\n  }\n\n  &.multi-line {\n    align-items: start;\n    .field-value {\n      height: auto;\n      min-height: 32px;\n      max-height: 112px;\n      padding-top: 0;\n      padding-bottom: 0;\n      display: block;\n      overflow: visible;\n    }\n    .field-label {\n      /* move down to make it feel more centered */\n      margin-top: 6px;\n    }\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst FieldTools = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  .tool {\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow\n              key={field.name}\n              className={clsx('field-row', { 'multi-line': field.data.widget === 'markdown' })}\n            >\n              <FieldLabel\n                name={field.name}\n                data={field.data}\n                showDetailedTooltip\n                className=\"field-label\"\n              />\n              <FieldValue\n                className={clsx('field-value', {\n                  editing: isEditing,\n                  readonly: isReadOnly,\n                })}\n                onClick={(e) => {\n                  // Allow links to work normally - don't intercept clicks on anchor elements\n                  if ((e.target as HTMLElement).closest('a')) {\n                    return\n                  }\n                  e.preventDefault()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  onExpand={() => {\n                    // opens full markdown text editor dialog\n                  }}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <FieldTools className=\"field-tools\">\n                <Button\n                  className=\"tool\"\n                  variant=\"text\"\n                  icon=\"content_copy\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    const valueToDisplay =\n                      fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                    copyToClipboard(valueToDisplay.toString(), true)\n                  }}\n                />\n              </FieldTools>\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","FieldTools","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","jsxs","clsx","FieldLabel","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributesEditor.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  overflow: hidden;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .field-tools {\n    opacity: 0;\n  }\n\n  &:hover .field-tools {\n    opacity: 1;\n  }\n\n  &.multi-line {\n    align-items: start;\n    .field-value {\n      height: auto;\n      min-height: 32px;\n      max-height: 112px;\n      padding-top: 0;\n      padding-bottom: 0;\n      display: block;\n      overflow: visible;\n    }\n    .field-label {\n      /* move down to make it feel more centered */\n      margin-top: 6px;\n    }\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst FieldTools = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  .tool {\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow\n              key={field.name}\n              className={clsx('field-row', { 'multi-line': field.data.widget === 'markdown' })}\n            >\n              <FieldLabel\n                name={field.name}\n                data={field.data}\n                showDetailedTooltip\n                className=\"field-label\"\n              />\n              <FieldValue\n                className={clsx('field-value', {\n                  editing: isEditing,\n                  readonly: isReadOnly,\n                })}\n                onClick={(e) => {\n                  // Allow links to work normally - don't intercept clicks on anchor elements\n                  if ((e.target as HTMLElement).closest('a')) {\n                    return\n                  }\n                  e.preventDefault()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  onExpand={() => {\n                    // opens full markdown text editor dialog\n                  }}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <FieldTools className=\"field-tools\">\n                <Button\n                  className=\"tool\"\n                  variant=\"text\"\n                  icon=\"content_copy\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    const valueToDisplay =\n                      fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                    copyToClipboard(valueToDisplay.toString(), true)\n                  }}\n                />\n              </FieldTools>\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","FieldTools","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","jsxs","clsx","FieldLabel","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"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"}