npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.41 → 0.3.43 - Mend

@ynput/ayon-frontend-shared 0.3.41 → 0.3.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (928) hide show

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

	@@ -1 +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;"}
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"],"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/ColumnHeaderMenuUI.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"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/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("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)`
+"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/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("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;

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

	@@ -1 +1 @@
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":"~~mrMAiBO~~,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"}
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":"snMAiBO,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 CHANGED Viewed

@@ -47,7 +47,6 @@ 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";
@@ -148,7 +147,7 @@ const d = l(c)`
   ${({ $isOpen: t }) => t && `
     background-color: var(--md-sys-color-surface-container-hover) !important;
   `}
-`, Ar = ({ menuItems: t, menuId: i, className: n }) => {
+`, qr = ({ 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(
@@ -179,7 +178,7 @@ const d = l(c)`
   ] });
 };
 export {
-  Ar as ColumnHeaderMenuUI,
+  qr as ColumnHeaderMenuUI,
   d as ColumnMenuButton
 };
 //# sourceMappingURL=ColumnHeaderMenuUI.es.js.map

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

	@@ -1 +1 @@
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;"}
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/DetailsDialog/DetailsDialog.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),p=require("react-toastify");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");const x=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");const a=require("@ynput/ayon-react-components"),g=require("../../../../node_modules/@uiw/react-textarea-code-editor/esm/index.cjs.js");require("lodash");const m=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const y=({projectName:n,entityType:i,entityIds:s,visible:t,onHide:l})=>{const{data:r={},isLoading:o,isError:u,error:c}=x.useGetEntityQuery({projectName:n,entityType:i,entityId:s?.[0]},{skip:!t});u&&p.toast.error(`Unable to load detail. ${c}`);const q=d.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return String(r)}},[r]);return!t||Array.isArray(r)&&r.length<1?null:e.jsxRuntimeExports.jsxs(a.Dialog,{isOpen:!0,onClose:l,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:[e.jsxRuntimeExports.jsx("style",{children:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),p=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/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");const x=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");const a=require("@ynput/ayon-react-components"),g=require("../../../../node_modules/@uiw/react-textarea-code-editor/esm/index.cjs.js");require("lodash");const m=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const y=({projectName:n,entityType:i,entityIds:s,visible:t,onHide:l})=>{const{data:r={},isLoading:o,isError:u,error:c}=x.useGetEntityQuery({projectName:n,entityType:i,entityId:s?.[0]},{skip:!t});u&&p.toast.error(`Unable to load detail. ${c}`);const q=d.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return String(r)}},[r]);return!t||Array.isArray(r)&&r.length<1?null:e.jsxRuntimeExports.jsxs(a.Dialog,{isOpen:!0,onClose:l,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:[e.jsxRuntimeExports.jsx("style",{children:`
         .details-dialog__code { position: relative; }
         .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }
         .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds?.[0] },\n { skip: !visible },\n )\n\n // Show error toast if the query errored\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n // Raw pretty JSON for copying and highlighting\n const rawJson = useMemo(() => {\n try {\n return JSON.stringify(data, null, 2)\n } catch {\n return String(data)\n }\n }, [data])\n\n // Keep the early return after hooks to ensure hooks are called on every render in the same order\n if (!visible \|\| (Array.isArray(data) ? data.length < 1 : false)) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <style>{`\n .details-dialog__code { position: relative; }\n .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n .w-tc-editor .token.property { color: #c9a5f7 !important; }\n .w-tc-editor .token.string { color: #6bc985 !important; }\n .w-tc-editor .token.number { color: #e5a66b !important; }\n .w-tc-editor .token.boolean { color: #e5a66b !important; }\n .w-tc-editor .token.null { color: #7a8a99 !important; }\n .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n .w-tc-editor .token.operator { color: #b0bec5 !important; }\n .details-dialog__code .w-tc-editor textarea { display: none !important; }\n `}</style>\n <div className=\"details-dialog__code\">\n {isLoading \|\| isError ? (\n <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n ) : (\n <>\n <div\n role=\"button\"\n aria-label=\"Copy JSON\"\n onClick={() => copyToClipboard(rawJson)}\n className=\"details-dialog__copy\"\n >\n <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n </div>\n <CodeEditor\n wrap={'off'}\n value={rawJson}\n language=\"json\"\n placeholder=\"Please enter JS code.\"\n readOnly\n data-color-mode={'dark'}\n />\n </>\n )}\n </div>\n </Dialog>\n )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":"~~84KAeO~~,MAAMA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CACxB,KAAM,CACJ,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,IAAY,CAAC,CAAA,EAC9D,CAAE,KAAM,CAACC,CAAA,CAAQ,EAIfI,GACFG,EAAAA,MAAM,MAAM,0BAA0BF,CAAK,EAAE,EAI/C,MAAMG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,GAAI,CACF,OAAO,KAAK,UAAUP,EAAM,KAAM,CAAC,CACrC,MAAQ,CACN,OAAO,OAAOA,CAAI,CACpB,CACF,EAAG,CAACA,CAAI,CAAC,EAGT,MAAI,CAACF,GAAY,MAAM,QAAQE,CAAI,GAAIA,EAAK,OAAS,EAAmB,KAGtEQ,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,OAAQ,GACR,QAASV,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAA,EAChB,OAAQ,GAAGH,CAAU,UAErB,SAAA,CAAAc,wBAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAYN,EACFA,wBAAC,MAAA,CAAI,UAAU,uBACZ,SAAAT,GAAaC,EACZQ,wBAAC,MAAA,CAAK,SAAAT,EAAY,aAAe,UAAA,CAAW,EAE5CO,yBAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,SACL,aAAW,YACX,QAAS,IAAME,EAAAA,gBAAgBN,CAAO,EACtC,UAAU,uBAEV,SAAAI,EAAAA,kBAAAA,IAACG,OAAA,CAAK,KAAM,eAAgB,eAAa,mBAAA,CAAoB,CAAA,CAAA,EAE/DH,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,KAAM,MACN,MAAOR,EACP,SAAS,OACT,YAAY,wBACZ,SAAQ,GACR,kBAAiB,MAAA,CAAA,CACnB,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds?.[0] },\n { skip: !visible },\n )\n\n // Show error toast if the query errored\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n // Raw pretty JSON for copying and highlighting\n const rawJson = useMemo(() => {\n try {\n return JSON.stringify(data, null, 2)\n } catch {\n return String(data)\n }\n }, [data])\n\n // Keep the early return after hooks to ensure hooks are called on every render in the same order\n if (!visible \|\| (Array.isArray(data) ? data.length < 1 : false)) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <style>{`\n .details-dialog__code { position: relative; }\n .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n .w-tc-editor .token.property { color: #c9a5f7 !important; }\n .w-tc-editor .token.string { color: #6bc985 !important; }\n .w-tc-editor .token.number { color: #e5a66b !important; }\n .w-tc-editor .token.boolean { color: #e5a66b !important; }\n .w-tc-editor .token.null { color: #7a8a99 !important; }\n .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n .w-tc-editor .token.operator { color: #b0bec5 !important; }\n .details-dialog__code .w-tc-editor textarea { display: none !important; }\n `}</style>\n <div className=\"details-dialog__code\">\n {isLoading \|\| isError ? (\n <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n ) : (\n <>\n <div\n role=\"button\"\n aria-label=\"Copy JSON\"\n onClick={() => copyToClipboard(rawJson)}\n className=\"details-dialog__copy\"\n >\n <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n </div>\n <CodeEditor\n wrap={'off'}\n value={rawJson}\n language=\"json\"\n placeholder=\"Please enter JS code.\"\n readOnly\n data-color-mode={'dark'}\n />\n </>\n )}\n </div>\n </Dialog>\n )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":"80KAeO,MAAMA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CACxB,KAAM,CACJ,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,IAAY,CAAC,CAAA,EAC9D,CAAE,KAAM,CAACC,CAAA,CAAQ,EAIfI,GACFG,EAAAA,MAAM,MAAM,0BAA0BF,CAAK,EAAE,EAI/C,MAAMG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,GAAI,CACF,OAAO,KAAK,UAAUP,EAAM,KAAM,CAAC,CACrC,MAAQ,CACN,OAAO,OAAOA,CAAI,CACpB,CACF,EAAG,CAACA,CAAI,CAAC,EAGT,MAAI,CAACF,GAAY,MAAM,QAAQE,CAAI,GAAIA,EAAK,OAAS,EAAmB,KAGtEQ,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,OAAQ,GACR,QAASV,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAA,EAChB,OAAQ,GAAGH,CAAU,UAErB,SAAA,CAAAc,wBAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAYN,EACFA,wBAAC,MAAA,CAAI,UAAU,uBACZ,SAAAT,GAAaC,EACZQ,wBAAC,MAAA,CAAK,SAAAT,EAAY,aAAe,UAAA,CAAW,EAE5CO,yBAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,SACL,aAAW,YACX,QAAS,IAAME,EAAAA,gBAAgBN,CAAO,EACtC,UAAU,uBAEV,SAAAI,EAAAA,kBAAAA,IAACG,OAAA,CAAK,KAAM,eAAgB,eAAa,mBAAA,CAAoB,CAAA,CAAA,EAE/DH,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,KAAM,MACN,MAAOR,EACP,SAAS,OACT,YAAY,wBACZ,SAAQ,GACR,kBAAiB,MAAA,CAAA,CACnB,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js CHANGED Viewed

@@ -43,7 +43,6 @@ 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";
@@ -102,7 +101,7 @@ import "lodash";
 import { copyToClipboard as x } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
-const yt = ({
+const ut = ({
   projectName: a,
   entityType: r,
   entityIds: l,
@@ -176,6 +175,6 @@ const yt = ({
   );
 };
 export {
-  yt as DetailsDialog
+  ut as DetailsDialog
 };
 //# sourceMappingURL=DetailsDialog.es.js.map

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds?.[0] },\n { skip: !visible },\n )\n\n // Show error toast if the query errored\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n // Raw pretty JSON for copying and highlighting\n const rawJson = useMemo(() => {\n try {\n return JSON.stringify(data, null, 2)\n } catch {\n return String(data)\n }\n }, [data])\n\n // Keep the early return after hooks to ensure hooks are called on every render in the same order\n if (!visible \|\| (Array.isArray(data) ? data.length < 1 : false)) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <style>{`\n .details-dialog__code { position: relative; }\n .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n .w-tc-editor .token.property { color: #c9a5f7 !important; }\n .w-tc-editor .token.string { color: #6bc985 !important; }\n .w-tc-editor .token.number { color: #e5a66b !important; }\n .w-tc-editor .token.boolean { color: #e5a66b !important; }\n .w-tc-editor .token.null { color: #7a8a99 !important; }\n .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n .w-tc-editor .token.operator { color: #b0bec5 !important; }\n .details-dialog__code .w-tc-editor textarea { display: none !important; }\n `}</style>\n <div className=\"details-dialog__code\">\n {isLoading \|\| isError ? (\n <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n ) : (\n <>\n <div\n role=\"button\"\n aria-label=\"Copy JSON\"\n onClick={() => copyToClipboard(rawJson)}\n className=\"details-dialog__copy\"\n >\n <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n </div>\n <CodeEditor\n wrap={'off'}\n value={rawJson}\n language=\"json\"\n placeholder=\"Please enter JS code.\"\n readOnly\n data-color-mode={'dark'}\n />\n </>\n )}\n </div>\n </Dialog>\n )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAeO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AACxB,QAAM;AAAA,IACJ,MAAAC,IAAO,CAAA;AAAA,IACP,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,IAAY,CAAC,EAAA;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAA;AAAA,EAAQ;AAInB,EAAII,KACFG,EAAM,MAAM,0BAA0BF,CAAK,EAAE;AAI/C,QAAMG,IAAUC,EAAQ,MAAM;AAC5B,QAAI;AACF,aAAO,KAAK,UAAUP,GAAM,MAAM,CAAC;AAAA,IACrC,QAAQ;AACN,aAAO,OAAOA,CAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAGT,SAAI,CAACF,KAAY,MAAM,QAAQE,CAAI,KAAIA,EAAK,SAAS,IAAmB,OAGtEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASV;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,QAAQ,GAAGH,CAAU;AAAA,MAErB,UAAA;AAAA,QAAAc,gBAAAA,MAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAYN;AAAA,QACFA,gBAAAA,MAAC,OAAA,EAAI,WAAU,wBACZ,UAAAT,KAAaC,IACZQ,gBAAAA,MAAC,OAAA,EAAK,UAAAT,IAAY,eAAe,WAAA,CAAW,IAE5CO,gBAAAA,OAAAG,EAAAA,UAAA,EACE,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAS,MAAME,EAAgBN,CAAO;AAAA,cACtC,WAAU;AAAA,cAEV,UAAAI,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,gBAAgB,gBAAa,oBAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/DH,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAOR;AAAA,cACP,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,UAAQ;AAAA,cACR,mBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACnB,EAAA,CACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds?.[0] },\n { skip: !visible },\n )\n\n // Show error toast if the query errored\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n // Raw pretty JSON for copying and highlighting\n const rawJson = useMemo(() => {\n try {\n return JSON.stringify(data, null, 2)\n } catch {\n return String(data)\n }\n }, [data])\n\n // Keep the early return after hooks to ensure hooks are called on every render in the same order\n if (!visible \|\| (Array.isArray(data) ? data.length < 1 : false)) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <style>{`\n .details-dialog__code { position: relative; }\n .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n .w-tc-editor .token.property { color: #c9a5f7 !important; }\n .w-tc-editor .token.string { color: #6bc985 !important; }\n .w-tc-editor .token.number { color: #e5a66b !important; }\n .w-tc-editor .token.boolean { color: #e5a66b !important; }\n .w-tc-editor .token.null { color: #7a8a99 !important; }\n .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n .w-tc-editor .token.operator { color: #b0bec5 !important; }\n .details-dialog__code .w-tc-editor textarea { display: none !important; }\n `}</style>\n <div className=\"details-dialog__code\">\n {isLoading \|\| isError ? (\n <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n ) : (\n <>\n <div\n role=\"button\"\n aria-label=\"Copy JSON\"\n onClick={() => copyToClipboard(rawJson)}\n className=\"details-dialog__copy\"\n >\n <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n </div>\n <CodeEditor\n wrap={'off'}\n value={rawJson}\n language=\"json\"\n placeholder=\"Please enter JS code.\"\n readOnly\n data-color-mode={'dark'}\n />\n </>\n )}\n </div>\n </Dialog>\n )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AACxB,QAAM;AAAA,IACJ,MAAAC,IAAO,CAAA;AAAA,IACP,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,IAAY,CAAC,EAAA;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAA;AAAA,EAAQ;AAInB,EAAII,KACFG,EAAM,MAAM,0BAA0BF,CAAK,EAAE;AAI/C,QAAMG,IAAUC,EAAQ,MAAM;AAC5B,QAAI;AACF,aAAO,KAAK,UAAUP,GAAM,MAAM,CAAC;AAAA,IACrC,QAAQ;AACN,aAAO,OAAOA,CAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAGT,SAAI,CAACF,KAAY,MAAM,QAAQE,CAAI,KAAIA,EAAK,SAAS,IAAmB,OAGtEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASV;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,QAAQ,GAAGH,CAAU;AAAA,MAErB,UAAA;AAAA,QAAAc,gBAAAA,MAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAYN;AAAA,QACFA,gBAAAA,MAAC,OAAA,EAAI,WAAU,wBACZ,UAAAT,KAAaC,IACZQ,gBAAAA,MAAC,OAAA,EAAK,UAAAT,IAAY,eAAe,WAAA,CAAW,IAE5CO,gBAAAA,OAAAG,EAAAA,UAAA,EACE,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAS,MAAME,EAAgBN,CAAO;AAAA,cACtC,WAAU;AAAA,cAEV,UAAAI,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,gBAAgB,gBAAa,oBAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/DH,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAOR;AAAA,cACP,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,UAAQ;AAAA,cACR,mBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACnB,EAAA,CACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -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/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 CHANGED Viewed

	@@ -1 +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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"}
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":"k8KAWMA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoCjBC,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,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYpBG,EAAaH,EAAOD,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiCpBK,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,OACEa,EAAAA,kBAAAA,KAACrC,EAAA,CAEC,UAAWsC,EAAK,YAAa,CAAE,aAAcd,EAAM,KAAK,SAAW,WAAY,EAE/E,SAAA,CAAAO,EAAAA,kBAAAA,IAACQ,EAAAA,WAAA,CACC,KAAMf,EAAM,KACZ,KAAMA,EAAM,KACZ,oBAAmB,GACnB,UAAU,aAAA,CAAA,EAEZO,EAAAA,kBAAAA,IAAC7B,EAAA,CACC,UAAWoC,EAAK,cAAe,CAC7B,QAASJ,EACT,SAAUC,CAAA,CACX,EACD,QAAUK,GAAM,CAETA,EAAE,OAAuB,QAAQ,GAAG,IAGzCA,EAAE,eAAA,EACE,CAACN,GAAa,CAACC,GAAcX,EAAM,KAAK,OAAS,WACnDF,EAAmBE,EAAM,IAAI,EAEjC,EAEA,SAAAO,EAAAA,kBAAAA,IAACU,EAAA,CACC,MAAAjB,EACA,MAAOS,EACP,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAUX,EACV,aAAcE,EACd,SAAU,IAAM,CAEhB,EACA,SAAAd,EACA,WAAAC,CAAA,CAAA,CACF,CAAA,EAEFiB,EAAAA,kBAAAA,IAAC5B,EAAA,CAAW,UAAU,cACpB,SAAA4B,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CACC,UAAU,OACV,QAAQ,OACR,KAAK,eACL,QAAUF,GAAM,CACdA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACF,MAAMG,EACJV,GAAkD,GACpDW,EAAAA,gBAAgBD,EAAe,SAAA,EAAY,EAAI,CACjD,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EArDKnB,EAAM,IAAA,CAwDjB,CAAC,CAAA,CAAA,CAGT"}