@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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

@@ -3,8 +3,25 @@ import "react-toastify";
 import { getAttributeIcon as t } from "../../util/getAttributeIcon.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
-const i = [
-  { value: "text", label: "Text", icon: t("text", "string") },
+const r = "__undefined___", s = [
+  {
+    value: "text",
+    label: "Text",
+    icon: t("text", "string"),
+    widgets: [
+      {
+        value: r,
+        label: "Short text",
+        isDefault: !0,
+        tooltip: "A short text input"
+      },
+      {
+        value: "markdown",
+        label: "Long text",
+        tooltip: "A multi-line text input with markdown support"
+      }
+    ]
+  },
   { value: "select", label: "Select", icon: t("select", "string", !0) },
   {
     value: "multi_select",
@@ -21,9 +38,9 @@ const i = [
   number: ["ge", "gt", "le", "lt"],
   checkbox: [],
   datetime: []
-}, _ = {
+}, x = {
   checkbox: ["example"]
-}, l = (e, n) => {
+}, a = (e, n) => {
   switch (e) {
     case "string":
       return n?.length ? "select" : "text";
@@ -39,7 +56,7 @@ const i = [
     default:
       return "text";
   }
-}, x = (e, n) => {
+}, d = (e, n) => {
   switch (e) {
     case "text":
       return "string";
@@ -54,24 +71,25 @@ const i = [
     case "datetime":
       return "datetime";
   }
-}, s = [
+}, c = [
   "string",
   "integer",
   "float",
   "boolean",
   "datetime",
   "list_of_strings"
-], d = (e, n) => {
-  if (!e || !s.includes(e)) return e ?? "";
-  const r = l(e, n);
-  return i.find((c) => c.value === r)?.label ?? e;
+], h = (e, n) => {
+  if (!e || !c.includes(e)) return e ?? "";
+  const l = a(e, n);
+  return s.find((i) => i.value === l)?.label ?? e;
 };
 export {
-  _ as UI_TYPE_EXCLUDE,
+  x as UI_TYPE_EXCLUDE,
   g as UI_TYPE_FIELDS,
-  i as UI_TYPE_OPTIONS,
-  l as backendToUiType,
-  d as getUiTypeLabel,
-  x as uiTypeToBackend
+  s as UI_TYPE_OPTIONS,
+  r as WIDGET_UNDEFINED_KEY,
+  a as backendToUiType,
+  h as getUiTypeLabel,
+  d as uiTypeToBackend
 };
 //# sourceMappingURL=attributeTypeMap.es.js.map

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 UITypeOption {\n  value: UIAttributeType\n  label: string\n  icon: string\n}\n\nexport const UI_TYPE_OPTIONS: UITypeOption[] = [\n  { value: 'text', label: 'Text', icon: getAttributeIcon('text', 'string') },\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":["UI_TYPE_OPTIONS","getAttributeIcon","UI_TYPE_FIELDS","UI_TYPE_EXCLUDE","backendToUiType","type","enumValues","uiTypeToBackend","uiType","isDecimal","UI_MAPPED_BACKEND_TYPES","getUiTypeLabel","o"],"mappings":";;;;;AAiBO,MAAMA,IAAkC;AAAA,EAC7C,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAMC,EAAiB,QAAQ,QAAQ,EAAA;AAAA,EACvE,EAAE,OAAO,UAAU,OAAO,UAAU,MAAMA,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","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;"}

package/dist/shared/src/components/ColumnHeaderMenuUI.cjs.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),l=require("@ynput/ayon-react-components"),p=require("styled-components");require("../context/RemoteModulesContext.cjs.js");require("../../../_virtual/runtime.cjs.js");require("../../../_virtual/semver.cjs.js");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/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/links/getEntityLinks.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/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("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../util/pubsub.cjs.js");require("../context/PowerpackContextInstance.cjs.js");require("../context/UriContext.cjs.js");require("../context/DetailsPanelContextInstance.cjs.js");require("../context/SubtasksModulesContextInstance.cjs.js");require("../context/ThumbnailUploaderContext.cjs.js");require("../context/SettingsPanelContext.cjs.js");require("../context/pip/PiPProvider.cjs.js");require("react-dom");require("../context/pip/PiPWrapper.cjs.js");require("../context/AddonProjectContext.cjs.js");require("../context/AddonContext.cjs.js");require("../context/MoveEntityContext.cjs.js");const x=require("../context/MenuContext.cjs.js");require("../context/WebsocketContext.cjs.js");require("../context/GlobalContext.cjs.js");require("../context/ProjectContext.cjs.js");require("../context/ProjectFoldersContext.cjs.js");const d=require("./Menu/Menu.cjs.js"),g=require("./Menu/MenuContainer.cjs.js");require("./Menu/MenuItem.cjs.js");require("./Menu/Menu.styled.cjs.js");const o=p(l.Button)`
+  background-color: unset !important;
+  z-index: 110;
+  position: relative;
+  padding: 2px;
+  width: 24px;
+  height: 24px;
+
+  &.hasIcon {
+    padding: 2px;
+  }
+
+  &:hover,
+  &.active {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  }
+
+  ${({$isOpen:u})=>u&&`
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  `}
+`,m=({menuItems:u,menuId:i,className:t})=>{const{toggleMenuOpen:q,menuOpen:s}=x.useMenuContext(),n=c.useRef(null),a=s===i;return u.length===0?null:r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(o,{ref:n,className:t,onClick:e=>{e.stopPropagation(),q(i)},onPointerDown:e=>e.stopPropagation(),icon:"more_horiz",$isOpen:a}),r.jsxRuntimeExports.jsx(g.MenuContainer,{target:n.current,id:i,align:"left",onClose:e=>{e.stopPropagation(),q(!1)},children:r.jsxRuntimeExports.jsx(d.Menu,{menu:u,onClose:()=>q(!1)})})]})};exports.ColumnHeaderMenuUI=m;exports.ColumnMenuButton=o;
+//# sourceMappingURL=ColumnHeaderMenuUI.cjs.js.map

package/dist/shared/src/components/ColumnHeaderMenuUI.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeaderMenuUI.cjs.js","sources":["../../../../src/components/ColumnHeaderMenuUI.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useMenuContext } from '@shared/context'\nimport { Menu, MenuContainer } from './Menu'\nimport type { MenuItemType } from './Menu'\n\nexport type ColumnMenuItemType = {\n  id: string\n  label?: string\n  icon?: string\n  className?: string\n  onClick?: () => void\n  type?: 'divider'\n  selected?: boolean\n}\n\nexport const ColumnMenuButton = styled(Button)<{ $isOpen: boolean }>`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n  padding: 2px;\n  width: 24px;\n  height: 24px;\n\n  &.hasIcon {\n    padding: 2px;\n  }\n\n  &:hover,\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  ${({ $isOpen }) =>\n    $isOpen &&\n    `\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  `}\n`\n\ninterface ColumnHeaderMenuUIProps {\n  menuItems: ColumnMenuItemType[]\n  menuId: string\n  className?: string\n}\n\n/**\n * Self-contained column header menu UI.\n * Uses the shared MenuContainer/Menu infrastructure and MenuContext for open state.\n */\nexport const ColumnHeaderMenuUI = ({ menuItems, menuId, className }: ColumnHeaderMenuUIProps) => {\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const isOpen = menuOpen === menuId\n\n  if (menuItems.length === 0) return null\n\n  return (\n    <>\n      <ColumnMenuButton\n        ref={buttonRef}\n        className={className}\n        onClick={(e) => {\n          e.stopPropagation()\n          toggleMenuOpen(menuId)\n        }}\n        onPointerDown={(e) => e.stopPropagation()}\n        icon=\"more_horiz\"\n        $isOpen={isOpen}\n      />\n      <MenuContainer\n        target={buttonRef.current}\n        id={menuId}\n        align=\"left\"\n        onClose={(e: any) => {\n          e.stopPropagation()\n          toggleMenuOpen(false)\n        }}\n      >\n        <Menu menu={menuItems as MenuItemType[]} onClose={() => toggleMenuOpen(false)} />\n      </MenuContainer>\n    </>\n  )\n}\n"],"names":["ColumnMenuButton","styled","Button","$isOpen","ColumnHeaderMenuUI","menuItems","menuId","className","toggleMenuOpen","menuOpen","useMenuContext","buttonRef","useRef","isOpen","jsxs","Fragment","jsx","MenuContainer","Menu"],"mappings":"sjMAiBO,MAAMA,EAAmBC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBzC,CAAC,CAAE,QAAAC,CAAA,IACHA,GACA;AAAA;AAAA,GAED;AAAA,EAaUC,EAAqB,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,UAAAC,KAAyC,CAC/F,KAAM,CAAE,eAAAC,EAAgB,SAAAC,CAAA,EAAaC,iBAAA,EAC/BC,EAAYC,EAAAA,OAA0B,IAAI,EAC1CC,EAASJ,IAAaH,EAE5B,OAAID,EAAU,SAAW,EAAU,KAGjCS,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAChB,EAAA,CACC,IAAKW,EACL,UAAAJ,EACA,QAAU,GAAM,CACd,EAAE,gBAAA,EACFC,EAAeF,CAAM,CACvB,EACA,cAAgB,GAAM,EAAE,gBAAA,EACxB,KAAK,aACL,QAASO,CAAA,CAAA,EAEXG,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,OAAQN,EAAU,QAClB,GAAIL,EACJ,MAAM,OACN,QAAU,GAAW,CACnB,EAAE,gBAAA,EACFE,EAAe,EAAK,CACtB,EAEA,SAAAQ,EAAAA,kBAAAA,IAACE,EAAAA,MAAK,KAAMb,EAA6B,QAAS,IAAMG,EAAe,EAAK,CAAA,CAAG,CAAA,CAAA,CACjF,EACF,CAEJ"}

package/dist/shared/src/components/ColumnHeaderMenuUI.es.js

@@ -0,0 +1,183 @@
+import { j as r } from "../../../_virtual/jsx-runtime.es.js";
+import { useRef as a } from "react";
+import { Button as c } from "@ynput/ayon-react-components";
+import l from "styled-components";
+import "../context/RemoteModulesContext.es.js";
+import "../../../_virtual/runtime.es.js";
+import "../../../_virtual/semver.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/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/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/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/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/links/getEntityLinks.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/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 "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../util/pubsub.es.js";
+import "../context/PowerpackContextInstance.es.js";
+import "../context/UriContext.es.js";
+import "../context/DetailsPanelContextInstance.es.js";
+import "../context/SubtasksModulesContextInstance.es.js";
+import "../context/ThumbnailUploaderContext.es.js";
+import "../context/SettingsPanelContext.es.js";
+import "../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../context/pip/PiPWrapper.es.js";
+import "../context/AddonProjectContext.es.js";
+import "../context/AddonContext.es.js";
+import "../context/MoveEntityContext.es.js";
+import { useMenuContext as u } from "../context/MenuContext.es.js";
+import "../context/WebsocketContext.es.js";
+import "../context/GlobalContext.es.js";
+import "../context/ProjectContext.es.js";
+import "../context/ProjectFoldersContext.es.js";
+import { Menu as f } from "./Menu/Menu.es.js";
+import { MenuContainer as g } from "./Menu/MenuContainer.es.js";
+import "./Menu/MenuItem.es.js";
+import "./Menu/Menu.styled.es.js";
+const d = l(c)`
+  background-color: unset !important;
+  z-index: 110;
+  position: relative;
+  padding: 2px;
+  width: 24px;
+  height: 24px;
+
+  &.hasIcon {
+    padding: 2px;
+  }
+
+  &:hover,
+  &.active {
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  }
+
+  ${({ $isOpen: t }) => t && `
+    background-color: var(--md-sys-color-surface-container-hover) !important;
+  `}
+`, _r = ({ menuItems: t, menuId: i, className: n }) => {
+  const { toggleMenuOpen: p, menuOpen: e } = u(), m = a(null), s = e === i;
+  return t.length === 0 ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      d,
+      {
+        ref: m,
+        className: n,
+        onClick: (o) => {
+          o.stopPropagation(), p(i);
+        },
+        onPointerDown: (o) => o.stopPropagation(),
+        icon: "more_horiz",
+        $isOpen: s
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      g,
+      {
+        target: m.current,
+        id: i,
+        align: "left",
+        onClose: (o) => {
+          o.stopPropagation(), p(!1);
+        },
+        children: /* @__PURE__ */ r.jsx(f, { menu: t, onClose: () => p(!1) })
+      }
+    )
+  ] });
+};
+export {
+  _r as ColumnHeaderMenuUI,
+  d as ColumnMenuButton
+};
+//# sourceMappingURL=ColumnHeaderMenuUI.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeaderMenuUI.es.js","sources":["../../../../src/components/ColumnHeaderMenuUI.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useMenuContext } from '@shared/context'\nimport { Menu, MenuContainer } from './Menu'\nimport type { MenuItemType } from './Menu'\n\nexport type ColumnMenuItemType = {\n  id: string\n  label?: string\n  icon?: string\n  className?: string\n  onClick?: () => void\n  type?: 'divider'\n  selected?: boolean\n}\n\nexport const ColumnMenuButton = styled(Button)<{ $isOpen: boolean }>`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n  padding: 2px;\n  width: 24px;\n  height: 24px;\n\n  &.hasIcon {\n    padding: 2px;\n  }\n\n  &:hover,\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  ${({ $isOpen }) =>\n    $isOpen &&\n    `\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  `}\n`\n\ninterface ColumnHeaderMenuUIProps {\n  menuItems: ColumnMenuItemType[]\n  menuId: string\n  className?: string\n}\n\n/**\n * Self-contained column header menu UI.\n * Uses the shared MenuContainer/Menu infrastructure and MenuContext for open state.\n */\nexport const ColumnHeaderMenuUI = ({ menuItems, menuId, className }: ColumnHeaderMenuUIProps) => {\n  const { toggleMenuOpen, menuOpen } = useMenuContext()\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const isOpen = menuOpen === menuId\n\n  if (menuItems.length === 0) return null\n\n  return (\n    <>\n      <ColumnMenuButton\n        ref={buttonRef}\n        className={className}\n        onClick={(e) => {\n          e.stopPropagation()\n          toggleMenuOpen(menuId)\n        }}\n        onPointerDown={(e) => e.stopPropagation()}\n        icon=\"more_horiz\"\n        $isOpen={isOpen}\n      />\n      <MenuContainer\n        target={buttonRef.current}\n        id={menuId}\n        align=\"left\"\n        onClose={(e: any) => {\n          e.stopPropagation()\n          toggleMenuOpen(false)\n        }}\n      >\n        <Menu menu={menuItems as MenuItemType[]} onClose={() => toggleMenuOpen(false)} />\n      </MenuContainer>\n    </>\n  )\n}\n"],"names":["ColumnMenuButton","styled","Button","$isOpen","ColumnHeaderMenuUI","menuItems","menuId","className","toggleMenuOpen","menuOpen","useMenuContext","buttonRef","useRef","isOpen","jsxs","Fragment","jsx","e","MenuContainer","Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAMA,IAAmBC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBzC,CAAC,EAAE,SAAAC,EAAA,MACHA,KACA;AAAA;AAAA,GAED;AAAA,GAaUC,KAAqB,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,QAAyC;AAC/F,QAAM,EAAE,gBAAAC,GAAgB,UAAAC,EAAA,IAAaC,EAAA,GAC/BC,IAAYC,EAA0B,IAAI,GAC1CC,IAASJ,MAAaH;AAE5B,SAAID,EAAU,WAAW,IAAU,OAGjCS,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAChB;AAAA,MAAA;AAAA,QACC,KAAKW;AAAA,QACL,WAAAJ;AAAA,QACA,SAAS,CAACU,MAAM;AACd,UAAAA,EAAE,gBAAA,GACFT,EAAeF,CAAM;AAAA,QACvB;AAAA,QACA,eAAe,CAACW,MAAMA,EAAE,gBAAA;AAAA,QACxB,MAAK;AAAA,QACL,SAASJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXG,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQP,EAAU;AAAA,QAClB,IAAIL;AAAA,QACJ,OAAM;AAAA,QACN,SAAS,CAACW,MAAW;AACnB,UAAAA,EAAE,gBAAA,GACFT,EAAe,EAAK;AAAA,QACtB;AAAA,QAEA,UAAAQ,gBAAAA,EAAAA,IAACG,KAAK,MAAMd,GAA6B,SAAS,MAAMG,EAAe,EAAK,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACjF,GACF;AAEJ;"}

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

@@ -1,27 +1,38 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const c=require("react"),u=require("styled-components"),C=require("clsx"),k=require("@ynput/ayon-react-components"),F=require("./components/RenderFieldWidget.cjs.js"),p=require("../DetailsPanelDetails/BorderedSection.cjs.js"),D=require("../DetailsPanelDetails/FieldLabel.cjs.js"),x=u.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("../../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`
   display: grid;
-  grid-template-columns: minmax(150px, 1fr) 1fr 32px;
+  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
   column-gap: 4px;
+  overflow: hidden;
   align-items: center;
   min-height: 32px;
   position: relative;
 
-  .copy-icon {
+  .field-tools {
     opacity: 0;
-    width: 32px;
-    height: 32px;
-    padding: 2px;
-
-    &:hover {
-      background-color: transparent !important;
-    }
   }
 
-  &:hover .copy-icon {
+  &:hover .field-tools {
     opacity: 1;
   }
-`,P=u.div`
+
+  &.multi-line {
+    align-items: start;
+    .field-value {
+      height: auto;
+      min-height: 32px;
+      max-height: 112px;
+      padding-top: 0;
+      padding-bottom: 0;
+      display: block;
+      overflow: visible;
+    }
+    .field-label {
+      /* move down to make it feel more centered */
+      margin-top: 6px;
+    }
+  }
+`,P=r.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -57,7 +68,17 @@
   &.readonly {
     pointer-events: none;
   }
-`,A=u(x)`
+`,T=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+
+  .tool {
+    width: 32px;
+    height: 32px;
+    padding: 2px;
+  }
+`,A=r(x)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -65,5 +86,5 @@
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`,T=({title:B,isLoading:m,form:g,fields:i,enableEditing:s,mixedFields:h,onChange:y,entities:a=[],entityType:j="task"})=>{const[v,r]=c.useState(null),R=c.useMemo(()=>a.map(e=>e?.id).join("|"),[a]);c.useEffect(()=>{r(null)},[R]);const b=e=>{s&&!i.find(t=>t.name===e)?.readonly?r(e):console.log("Editing not allowed:",{enableEditing:s,fieldReadonly:i.find(t=>t.name===e)?.readonly})},f=(e,t)=>{r(null),y?.(e,t)},E=()=>{r(null)};return m?n.jsxRuntimeExports.jsx(p.BorderedSection,{title:"Attributes",withPadding:!0,children:Array.from({length:10}).map((e,t)=>n.jsxRuntimeExports.jsxs(A,{children:[n.jsxRuntimeExports.jsx("div",{className:"loading"}),n.jsxRuntimeExports.jsx("div",{className:"loading"})]},t))}):n.jsxRuntimeExports.jsx(p.BorderedSection,{title:"Attributes",autoHeight:!0,showHeader:!0,withPadding:!0,pt:{content:{style:{minHeight:"unset"}}},children:i.filter(e=>!e.hidden).map(e=>{const t=g[e.name],l=v===e.name,d=e.readonly||!s,w=h?.includes(e.name)||!1;return n.jsxRuntimeExports.jsxs(x,{children:[n.jsxRuntimeExports.jsx(D.FieldLabel,{name:e.name,data:e.data,showDetailedTooltip:!0}),n.jsxRuntimeExports.jsx(P,{className:C({editing:l,readonly:d}),onClick:o=>{o.target.closest("a")||(o.preventDefault(),!l&&!d&&e.data.type!=="boolean"&&b(e.name))},children:n.jsxRuntimeExports.jsx(F,{field:e,value:t,isEditing:l,isReadOnly:d,isMixed:w,onChange:f,onCancelEdit:E,entities:a,entityType:j})}),n.jsxRuntimeExports.jsx(k.Button,{className:"copy-icon",variant:"text",icon:"content_copy",onClick:o=>{o.preventDefault(),o.stopPropagation();const q=t??"";S.copyToClipboard(q.toString(),!0)}})]},e.name)})})};exports.DetailsPanelAttributesEditor=T;
+`,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;
 //# 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) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst 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 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 key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\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                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\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            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","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","FieldLabel","clsx","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"wjBAWMA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBjBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsCpBE,EAAaF,EAAOD,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiCpBI,EAAsE,CAAC,CAClF,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,cAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,CAAA,EACX,WAAAC,EAAa,MACf,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAwB,IAAI,EAE9DC,EAAqBC,EAAAA,QACzB,IAAMN,EAAS,IAAKO,GAAWA,GAAQ,EAAE,EAAE,KAAK,GAAG,EACnD,CAACP,CAAQ,CAAA,EAGXQ,EAAAA,UAAU,IAAM,CACdL,EAAgB,IAAI,CACtB,EAAG,CAACE,CAAkB,CAAC,EAEvB,MAAMI,EAAsBC,GAAsB,CAC5Cb,GAAiB,CAACD,EAAO,KAAMe,GAAUA,EAAM,OAASD,CAAS,GAAG,SACtEP,EAAgBO,CAAS,EAEzB,QAAQ,IAAI,uBAAwB,CAClC,cAAAb,EACA,cAAeD,EAAO,KAAMe,GAAUA,EAAM,OAASD,CAAS,GAAG,QAAA,CAClE,CAEL,EAEME,EAAoB,CAACF,EAAmBG,IAAmC,CAC/EV,EAAgB,IAAI,EACpBJ,IAAWW,EAAWG,CAAK,CAC7B,EAEMC,EAAmB,IAAM,CAC7BX,EAAgB,IAAI,CACtB,EAEA,OAAIT,0BAECqB,kBAAA,CAAgB,MAAM,aAAa,YAAW,GAC5C,eAAM,KAAK,CAAE,OAAQ,EAAA,CAAI,EAAE,IAAI,CAACC,EAAGC,6BACjC1B,EAAA,CACC,SAAA,CAAA2B,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,SAAA,CAAU,EACzBA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,SAAA,CAAU,CAAA,GAFVD,CAGjB,CACD,EACH,EAKFC,EAAAA,kBAAAA,IAACH,EAAAA,gBAAA,CACC,MAAM,aACN,WAAU,GACV,WAAU,GACV,YAAW,GACX,GAAI,CAAE,QAAS,CAAE,MAAO,CAAE,UAAW,OAAA,EAAU,EAE9C,SAAAnB,EACE,OAAQuB,GAAM,CAACA,EAAE,MAAM,EACvB,IAAKR,GAAU,CACd,MAAMS,EAAazB,EAAKgB,EAAM,IAAI,EAC5BU,EAAYnB,IAAiBS,EAAM,KACnCW,EAAaX,EAAM,UAAY,CAACd,EAChC0B,EAAUzB,GAAa,SAASa,EAAM,IAAI,GAAK,GAErD,gCACGvB,EAAA,CACC,SAAA,CAAA8B,EAAAA,kBAAAA,IAACM,EAAAA,WAAA,CAAW,KAAMb,EAAM,KAAM,KAAMA,EAAM,KAAM,oBAAmB,EAAA,CAAC,EACpEO,EAAAA,kBAAAA,IAAC5B,EAAA,CACC,UAAWmC,EAAK,CAAE,QAASJ,EAAW,SAAUC,EAAY,EAC5D,QAAUI,GAAM,CAETA,EAAE,OAAuB,QAAQ,GAAG,IAGzCA,EAAE,eAAA,EACE,CAACL,GAAa,CAACC,GAAcX,EAAM,KAAK,OAAS,WACnDF,EAAmBE,EAAM,IAAI,EAEjC,EAEA,SAAAO,EAAAA,kBAAAA,IAACS,EAAA,CACC,MAAAhB,EACA,MAAOS,EACP,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAUX,EACV,aAAcE,EACd,SAAAd,EACA,WAAAC,CAAA,CAAA,CACF,CAAA,EAEFiB,EAAAA,kBAAAA,IAACU,EAAAA,OAAA,CACC,UAAU,YACV,QAAQ,OACR,KAAK,eACL,QAAUF,GAAM,CACdA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACF,MAAMG,EACJT,GAAkD,GACpDU,EAAAA,gBAAgBD,EAAe,SAAA,EAAY,EAAI,CACjD,CAAA,CAAA,CACF,CAAA,EAtCYlB,EAAM,IAuCpB,CAEJ,CAAC,CAAA,CAAA,CAGT"}
+{"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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"}