@ynput/ayon-frontend-shared 0.3.40 → 0.3.42

package/dist/shared/src/components/AttributeEditor/attributeTypeMap.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"attributeTypeMap.es.js","sources":["../../../../../src/components/AttributeEditor/attributeTypeMap.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { getAttributeIcon } from '@shared/util'\n\nexport type UIAttributeType =\n  | 'text'\n  | 'select'\n  | 'multi_select'\n  | 'number'\n  | 'checkbox'\n  | 'datetime'\n\nexport interface UITypeWidget {\n  isDefault?: boolean\n  value: string | undefined\n  label: string\n  icon?: string\n  tooltip?: string\n}\n\nexport interface UITypeOption {\n  value: UIAttributeType\n  label: string\n  icon: string\n  widgets?: UITypeWidget[]\n}\n\nexport const WIDGET_UNDEFINED_KEY = '__undefined___'\n\nexport const UI_TYPE_OPTIONS: UITypeOption[] = [\n  {\n    value: 'text',\n    label: 'Text',\n    icon: getAttributeIcon('text', 'string'),\n    widgets: [\n      {\n        value: WIDGET_UNDEFINED_KEY,\n        label: 'Short text',\n        isDefault: true,\n        tooltip: 'A short text input',\n      },\n      {\n        value: 'markdown',\n        label: 'Long text',\n        tooltip: 'A multi-line text input with markdown support',\n      },\n    ],\n  },\n  { value: 'select', label: 'Select', icon: getAttributeIcon('select', 'string', true) },\n  {\n    value: 'multi_select',\n    label: 'Multi-select',\n    icon: getAttributeIcon('multi_select', 'list_of_strings', true),\n  },\n  { value: 'number', label: 'Number', icon: getAttributeIcon('number', 'integer') },\n  { value: 'checkbox', label: 'Checkbox', icon: getAttributeIcon('checkbox', 'boolean') },\n  { value: 'datetime', label: 'Date and time', icon: getAttributeIcon('datetime', 'datetime') },\n]\n\nexport const UI_TYPE_FIELDS: Record<UIAttributeType, (keyof AttributeData)[]> = {\n  text: ['minLength', 'maxLength', 'regex'],\n  select: ['enum'],\n  multi_select: ['enum', 'minItems', 'maxItems'],\n  number: ['ge', 'gt', 'le', 'lt'],\n  checkbox: [],\n  datetime: [],\n}\n\nexport const UI_TYPE_EXCLUDE: Partial<Record<UIAttributeType, (keyof AttributeData)[]>> = {\n  checkbox: ['example'],\n}\n\nexport const backendToUiType = (\n  type: AttributeData['type'] | undefined,\n  enumValues?: AttributeData['enum'],\n): UIAttributeType => {\n  switch (type) {\n    case 'string':\n      return enumValues?.length ? 'select' : 'text'\n    case 'list_of_strings':\n      return 'multi_select'\n    case 'integer':\n    case 'float':\n      return 'number'\n    case 'boolean':\n      return 'checkbox'\n    case 'datetime':\n      return 'datetime'\n    default:\n      return 'text'\n  }\n}\n\nexport const uiTypeToBackend = (\n  uiType: UIAttributeType,\n  isDecimal: boolean,\n): AttributeData['type'] => {\n  switch (uiType) {\n    case 'text':\n      return 'string'\n    case 'select':\n      return 'string'\n    case 'multi_select':\n      return 'list_of_strings'\n    case 'number':\n      return isDecimal ? 'float' : 'integer'\n    case 'checkbox':\n      return 'boolean'\n    case 'datetime':\n      return 'datetime'\n  }\n}\n\nconst UI_MAPPED_BACKEND_TYPES: ReadonlyArray<AttributeData['type']> = [\n  'string',\n  'integer',\n  'float',\n  'boolean',\n  'datetime',\n  'list_of_strings',\n]\n\nexport const getUiTypeLabel = (\n  type: AttributeData['type'] | undefined,\n  enumValues?: AttributeData['enum'],\n): string => {\n  // Unknown / unsupported backend types fall back to the raw type string\n  // so the table doesn't mislabel them (e.g. list_of_integers, dict).\n  if (!type || !UI_MAPPED_BACKEND_TYPES.includes(type)) return type ?? ''\n  const uiType = backendToUiType(type, enumValues)\n  return UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.label ?? type\n}\n"],"names":["WIDGET_UNDEFINED_KEY","UI_TYPE_OPTIONS","getAttributeIcon","UI_TYPE_FIELDS","UI_TYPE_EXCLUDE","backendToUiType","type","enumValues","uiTypeToBackend","uiType","isDecimal","UI_MAPPED_BACKEND_TYPES","getUiTypeLabel","o"],"mappings":";;;;;AA0BO,MAAMA,IAAuB,kBAEvBC,IAAkC;AAAA,EAC7C;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAMC,EAAiB,QAAQ,QAAQ;AAAA,IACvC,SAAS;AAAA,MACP;AAAA,QACE,OAAOF;AAAA,QACP,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,EAAE,OAAO,UAAU,OAAO,UAAU,MAAME,EAAiB,UAAU,UAAU,EAAI,EAAA;AAAA,EACnF;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAMA,EAAiB,gBAAgB,mBAAmB,EAAI;AAAA,EAAA;AAAA,EAEhE,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMA,EAAiB,UAAU,SAAS,EAAA;AAAA,EAC9E,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMA,EAAiB,YAAY,SAAS,EAAA;AAAA,EACpF,EAAE,OAAO,YAAY,OAAO,iBAAiB,MAAMA,EAAiB,YAAY,UAAU,EAAA;AAC5F,GAEaC,IAAmE;AAAA,EAC9E,MAAM,CAAC,aAAa,aAAa,OAAO;AAAA,EACxC,QAAQ,CAAC,MAAM;AAAA,EACf,cAAc,CAAC,QAAQ,YAAY,UAAU;AAAA,EAC7C,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,EAC/B,UAAU,CAAA;AAAA,EACV,UAAU,CAAA;AACZ,GAEaC,IAA6E;AAAA,EACxF,UAAU,CAAC,SAAS;AACtB,GAEaC,IAAkB,CAC7BC,GACAC,MACoB;AACpB,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,GAAY,SAAS,WAAW;AAAA,IACzC,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb,GAEaC,IAAkB,CAC7BC,GACAC,MAC0B;AAC1B,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAOC,IAAY,UAAU;AAAA,IAC/B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb,GAEMC,IAAgE;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAiB,CAC5BN,GACAC,MACW;AAGX,MAAI,CAACD,KAAQ,CAACK,EAAwB,SAASL,CAAI,UAAUA,KAAQ;AACrE,QAAMG,IAASJ,EAAgBC,GAAMC,CAAU;AAC/C,SAAON,EAAgB,KAAK,CAACY,MAAMA,EAAE,UAAUJ,CAAM,GAAG,SAASH;AACnE;"}
+{"version":3,"file":"attributeTypeMap.es.js","sources":["../../../../../src/components/AttributeEditor/attributeTypeMap.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { getAttributeIcon } from '@shared/util'\n\nexport type UIAttributeType =\n  | 'text'\n  | 'select'\n  | 'multi_select'\n  | 'number'\n  | 'checkbox'\n  | 'datetime'\n\nexport interface UITypeWidget {\n  isDefault?: boolean\n  value: string | undefined\n  label: string\n  icon?: string\n  tooltip?: string\n}\n\nexport interface UITypeOption {\n  value: UIAttributeType\n  label: string\n  icon: string\n  widgets?: UITypeWidget[]\n}\n\nexport const WIDGET_UNDEFINED_KEY = '__undefined___'\n\nexport const UI_TYPE_OPTIONS: UITypeOption[] = [\n  {\n    value: 'text',\n    label: 'Text',\n    icon: getAttributeIcon('text', 'string'),\n    widgets: [\n      {\n        value: WIDGET_UNDEFINED_KEY,\n        label: 'Short text',\n        isDefault: true,\n        tooltip: 'A short text input',\n      },\n      {\n        value: 'markdown',\n        label: 'Long text',\n        tooltip: 'A multi-line text input with markdown support',\n      },\n    ],\n  },\n  { value: 'select', label: 'Select', icon: getAttributeIcon('select', 'string', true) },\n  {\n    value: 'multi_select',\n    label: 'Multi-select',\n    icon: getAttributeIcon('multi_select', 'list_of_strings', true),\n  },\n  { value: 'number', label: 'Number', icon: getAttributeIcon('number', 'integer') },\n  { value: 'checkbox', label: 'Checkbox', icon: getAttributeIcon('checkbox', 'boolean') },\n  { value: 'datetime', label: 'Date and time', icon: getAttributeIcon('datetime', 'datetime') },\n]\n\nexport const UI_TYPE_FIELDS: Record<UIAttributeType, (keyof AttributeData)[]> = {\n  text: ['minLength', 'maxLength', 'regex'],\n  select: ['enum'],\n  multi_select: ['enum', 'minItems', 'maxItems'],\n  number: ['ge', 'gt', 'le', 'lt'],\n  checkbox: [],\n  datetime: [],\n}\n\nexport const UI_TYPE_EXCLUDE: Partial<Record<UIAttributeType, (keyof AttributeData)[]>> = {\n  checkbox: ['example'],\n}\n\nexport const backendToUiType = (\n  type: AttributeData['type'] | undefined,\n  enumValues?: AttributeData['enum'],\n): UIAttributeType => {\n  switch (type) {\n    case 'string':\n      return enumValues?.length ? 'select' : 'text'\n    case 'list_of_strings':\n      return 'multi_select'\n    case 'integer':\n    case 'float':\n      return 'number'\n    case 'boolean':\n      return 'checkbox'\n    case 'datetime':\n      return 'datetime'\n    default:\n      return 'text'\n  }\n}\n\nexport const uiTypeToBackend = (\n  uiType: UIAttributeType,\n  isDecimal: boolean,\n): AttributeData['type'] => {\n  switch (uiType) {\n    case 'text':\n      return 'string'\n    case 'select':\n      return 'string'\n    case 'multi_select':\n      return 'list_of_strings'\n    case 'number':\n      return isDecimal ? 'float' : 'integer'\n    case 'checkbox':\n      return 'boolean'\n    case 'datetime':\n      return 'datetime'\n  }\n}\n\nconst UI_MAPPED_BACKEND_TYPES: ReadonlyArray<AttributeData['type']> = [\n  'string',\n  'integer',\n  'float',\n  'boolean',\n  'datetime',\n  'list_of_strings',\n]\n\nexport const getUiTypeLabel = (\n  type: AttributeData['type'] | undefined,\n  enumValues?: AttributeData['enum'],\n): string => {\n  // Unknown / unsupported backend types fall back to the raw type string\n  // so the table doesn't mislabel them (e.g. list_of_integers, dict).\n  if (!type || !UI_MAPPED_BACKEND_TYPES.includes(type)) return type ?? ''\n  const uiType = backendToUiType(type, enumValues)\n  return UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.label ?? type\n}\n"],"names":["WIDGET_UNDEFINED_KEY","UI_TYPE_OPTIONS","getAttributeIcon","UI_TYPE_FIELDS","UI_TYPE_EXCLUDE","backendToUiType","type","enumValues","uiTypeToBackend","uiType","isDecimal","UI_MAPPED_BACKEND_TYPES","getUiTypeLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAMA,IAAuB,kBAEvBC,IAAkC;AAAA,EAC7C;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAMC,EAAiB,QAAQ,QAAQ;AAAA,IACvC,SAAS;AAAA,MACP;AAAA,QACE,OAAOF;AAAA,QACP,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,EAAE,OAAO,UAAU,OAAO,UAAU,MAAME,EAAiB,UAAU,UAAU,EAAI,EAAA;AAAA,EACnF;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAMA,EAAiB,gBAAgB,mBAAmB,EAAI;AAAA,EAAA;AAAA,EAEhE,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMA,EAAiB,UAAU,SAAS,EAAA;AAAA,EAC9E,EAAE,OAAO,YAAY,OAAO,YAAY,MAAMA,EAAiB,YAAY,SAAS,EAAA;AAAA,EACpF,EAAE,OAAO,YAAY,OAAO,iBAAiB,MAAMA,EAAiB,YAAY,UAAU,EAAA;AAC5F,GAEaC,KAAmE;AAAA,EAC9E,MAAM,CAAC,aAAa,aAAa,OAAO;AAAA,EACxC,QAAQ,CAAC,MAAM;AAAA,EACf,cAAc,CAAC,QAAQ,YAAY,UAAU;AAAA,EAC7C,QAAQ,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,EAC/B,UAAU,CAAA;AAAA,EACV,UAAU,CAAA;AACZ,GAEaC,KAA6E;AAAA,EACxF,UAAU,CAAC,SAAS;AACtB,GAEaC,IAAkB,CAC7BC,GACAC,MACoB;AACpB,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAOC,GAAY,SAAS,WAAW;AAAA,IACzC,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb,GAEaC,KAAkB,CAC7BC,GACAC,MAC0B;AAC1B,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAOC,IAAY,UAAU;AAAA,IAC/B,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb,GAEMC,IAAgE;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,KAAiB,CAC5BN,GACAC,MACW;AAGX,MAAI,CAACD,KAAQ,CAACK,EAAwB,SAASL,CAAI,UAAUA,KAAQ;AACrE,QAAMG,IAASJ,EAAgBC,GAAMC,CAAU;AAC/C,SAAON,EAAgB,KAAK,CAAC,MAAM,EAAE,UAAUQ,CAAM,GAAG,SAASH;AACnE;"}

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

@@ -1,4 +1,4 @@
-"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("../../util/pubsub.cjs.js");const u=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`
+"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/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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"),u=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=u.div`
   display: grid;
   grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
@@ -32,7 +32,7 @@
       margin-top: 6px;
     }
   }
-`,P=r.div`
+`,P=u.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -68,7 +68,7 @@
   &.readonly {
     pointer-events: none;
   }
-`,T=r.div`
+`,T=u.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -78,7 +78,7 @@
     height: 32px;
     padding: 2px;
   }
-`,A=r(x)`
+`,A=u(m)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -86,5 +86,5 @@
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`,N=({title:B,isLoading:g,form:h,fields:a,enableEditing:s,mixedFields:y,onChange:f,entities:l=[],entityType:v="task"})=>{const[j,i]=u.useState(null),b=u.useMemo(()=>l.map(e=>e?.id).join("|"),[l]);u.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,c=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:c}),onClick:n=>{n.target.closest("a")||(n.preventDefault(),!d&&!c&&e.data.type!=="boolean"&&w(e.name))},children:o.jsxRuntimeExports.jsx(F,{field:e,value:t,isEditing:d,isReadOnly:c,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;
+`,N=({title:B,isLoading:x,form:g,fields:n,enableEditing:a,mixedFields:h,onChange:y,entities:s=[],entityType:f="task"})=>{const[v,o]=q.useState(null),j=q.useMemo(()=>s.map(e=>e?.id).join("|"),[s]);q.useEffect(()=>{o(null)},[j]);const b=e=>{a&&!n.find(r=>r.name===e)?.readonly?o(e):console.log("Editing not allowed:",{enableEditing:a,fieldReadonly:n.find(r=>r.name===e)?.readonly})},w=(e,r)=>{o(null),y?.(e,r)},E=()=>{o(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;
 //# 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 { 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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"}

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

@@ -1,17 +1,112 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
 import "lodash";
 import "react-toastify";
 import { copyToClipboard as C } from "../../util/copyToClipboard.es.js";
 import "uuid";
+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/updateActivities.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/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.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 "../../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";
 import { useState as F, useMemo as D, useEffect as R } from "react";
-import a from "styled-components";
-import p from "clsx";
+import m from "styled-components";
+import d from "clsx";
 import { Button as S } from "@ynput/ayon-react-components";
 import N from "./components/RenderFieldWidget.es.js";
 import { BorderedSection as c } from "../DetailsPanelDetails/BorderedSection.es.js";
 import { FieldLabel as T } from "../DetailsPanelDetails/FieldLabel.es.js";
-const u = a.div`
+const u = m.div`
   display: grid;
   grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
@@ -45,7 +140,7 @@ const u = a.div`
       margin-top: 6px;
     }
   }
-`, A = a.div`
+`, A = m.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -81,7 +176,7 @@ const u = a.div`
   &.readonly {
     pointer-events: none;
   }
-`, P = a.div`
+`, P = m.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -91,7 +186,7 @@ const u = a.div`
     height: 32px;
     padding: 2px;
   }
-`, H = a(u)`
+`, H = m(u)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -99,38 +194,38 @@ const u = a.div`
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`, X = ({
+`, _o = ({
   title: V,
   isLoading: g,
   form: x,
-  fields: l,
-  enableEditing: r,
+  fields: p,
+  enableEditing: n,
   mixedFields: h,
   onChange: f,
-  entities: s = [],
+  entities: a = [],
   entityType: y = "task"
 }) => {
-  const [v, n] = F(null), w = D(
-    () => s.map((t) => t?.id).join("|"),
-    [s]
+  const [v, e] = F(null), w = D(
+    () => a.map((t) => t?.id).join("|"),
+    [a]
   );
   R(() => {
-    n(null);
+    e(null);
   }, [w]);
   const b = (t) => {
-    r && !l.find((e) => e.name === t)?.readonly ? n(t) : console.log("Editing not allowed:", {
-      enableEditing: r,
-      fieldReadonly: l.find((e) => e.name === t)?.readonly
+    n && !p.find((o) => o.name === t)?.readonly ? e(t) : console.log("Editing not allowed:", {
+      enableEditing: n,
+      fieldReadonly: p.find((o) => o.name === t)?.readonly
     });
-  }, j = (t, e) => {
-    n(null), f?.(t, e);
+  }, j = (t, o) => {
+    e(null), f?.(t, o);
   }, k = () => {
-    n(null);
+    e(null);
   };
-  return g ? /* @__PURE__ */ o.jsx(c, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, e) => /* @__PURE__ */ o.jsxs(H, { children: [
-    /* @__PURE__ */ o.jsx("div", { className: "loading" }),
-    /* @__PURE__ */ o.jsx("div", { className: "loading" })
-  ] }, e)) }) : /* @__PURE__ */ o.jsx(
+  return g ? /* @__PURE__ */ i.jsx(c, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, o) => /* @__PURE__ */ i.jsxs(H, { children: [
+    /* @__PURE__ */ i.jsx("div", { className: "loading" }),
+    /* @__PURE__ */ i.jsx("div", { className: "loading" })
+  ] }, o)) }) : /* @__PURE__ */ i.jsx(
     c,
     {
       title: "Attributes",
@@ -138,14 +233,14 @@ const u = a.div`
       showHeader: !0,
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
-      children: l.filter((t) => !t.hidden).map((t) => {
-        const e = x[t.name], d = v === t.name, m = t.readonly || !r, E = h?.includes(t.name) || !1;
-        return /* @__PURE__ */ o.jsxs(
+      children: p.filter((t) => !t.hidden).map((t) => {
+        const o = x[t.name], l = v === t.name, s = t.readonly || !n, E = h?.includes(t.name) || !1;
+        return /* @__PURE__ */ i.jsxs(
           u,
           {
-            className: p("field-row", { "multi-line": t.data.widget === "markdown" }),
+            className: d("field-row", { "multi-line": t.data.widget === "markdown" }),
             children: [
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ i.jsx(
                 T,
                 {
                   name: t.name,
@@ -154,42 +249,42 @@ const u = a.div`
                   className: "field-label"
                 }
               ),
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ i.jsx(
                 A,
                 {
-                  className: p("field-value", {
-                    editing: d,
-                    readonly: m
+                  className: d("field-value", {
+                    editing: l,
+                    readonly: s
                   }),
-                  onClick: (i) => {
-                    i.target.closest("a") || (i.preventDefault(), !d && !m && t.data.type !== "boolean" && b(t.name));
+                  onClick: (r) => {
+                    r.target.closest("a") || (r.preventDefault(), !l && !s && t.data.type !== "boolean" && b(t.name));
                   },
-                  children: /* @__PURE__ */ o.jsx(
+                  children: /* @__PURE__ */ i.jsx(
                     N,
                     {
                       field: t,
-                      value: e,
-                      isEditing: d,
-                      isReadOnly: m,
+                      value: o,
+                      isEditing: l,
+                      isReadOnly: s,
                       isMixed: E,
                       onChange: j,
                       onCancelEdit: k,
                       onExpand: () => {
                       },
-                      entities: s,
+                      entities: a,
                       entityType: y
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ o.jsx(P, { className: "field-tools", children: /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ i.jsx(P, { className: "field-tools", children: /* @__PURE__ */ i.jsx(
                 S,
                 {
                   className: "tool",
                   variant: "text",
                   icon: "content_copy",
-                  onClick: (i) => {
-                    i.preventDefault(), i.stopPropagation(), C((e ?? "").toString(), !0);
+                  onClick: (r) => {
+                    r.preventDefault(), r.stopPropagation(), C((o ?? "").toString(), !0);
                   }
                 }
               ) })
@@ -202,6 +297,6 @@ const u = a.div`
   );
 };
 export {
-  X as DetailsPanelAttributesEditor
+  _o as DetailsPanelAttributesEditor
 };
 //# sourceMappingURL=DetailsPanelAttributesEditor.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributesEditor.es.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","copyToClipboard"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributesEditor.es.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","copyToClipboard"],"mappings":"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"}