npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.1 → 0.4.3 - Mend

@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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 (1190) hide show

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

@@ -103,206 +103,11 @@ import I from "styled-components";
 import "react";
 import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "./hooks/useMentionSystem.es.js";
-import "../../containers/Feed/components/CommentInput/modules/index.es.js";
 import { useEntityFormData as N } from "./hooks/useEntityFormData.es.js";
 import { useEntityFields as P } from "./hooks/useEntityFields.es.js";
 import { useEntityEditing as G } from "./hooks/useEntityEditing.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../../util/pubsub.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/UriContext.es.js";
-import "../../context/DetailsPanelContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import { useGlobalContext as M } from "../../context/GlobalContext.es.js";
-import { useProjectContext as w } from "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../../containers/ContextMenu/ContextMenuContext.es.js";
-import "@ynput/ayon-react-components";
-/* empty css                                               */
-import "clsx";
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../AttributeEditor/AttributeEditor.es.js";
-import "../AttributeEditor/attributeTypeMap.es.js";
-import "../Badge/Badge.es.js";
-import "../Chips/Chips.es.js";
-import "date-fns";
-import "../DateRangePicker/DateRangePicker.styled.es.js";
-import "../LinksManager/CellEditingDialog.es.js";
-import "../DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
-import "./FieldLabel.es.js";
-import "../DoneCheckbox/DoneCheckbox.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../EntityPath/EntityPath.styled.es.js";
-import "../EntityPath/SegmentProvider.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContextInstance.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../Powerpack/PowerpackButton.es.js";
-import "../Powerpack/FreeTrialLink.es.js";
-import "../Powerpack/PowerpackDialog.styled.es.js";
-import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredAddonVersion.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
-import "../ProjectTableSettings/ColumnsSettings.es.js";
-import "../SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../../containers/NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../../containers/NewEntity/components/NewEntityForm.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/CustomDateRangeDialog.es.js";
-import "../SettingsPanel/SettingsPanel.es.js";
-import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../StyledLink/StyledLink.es.js";
-import "../SyncButton/SyncButton.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../Watchers/Watchers.es.js";
-import "../Menu/Menu.styled.es.js";
-import "../Menu/MenuItem.es.js";
-import "../ReviewablesSelector/ReviewablesSelector.es.js";
-import "../ColumnHeaderMenuUI.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../containers/Feed/components/ActivityDate.es.js";
-import "../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
-import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../containers/Feed/Feed.styled.es.js";
-import "../../containers/Feed/components/FeedSearchFilter.es.js";
-import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../containers/Actions/Actions.styled.es.js";
-import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../containers/Actions/ActionIcon.es.js";
-import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-import "../../containers/Views/context/ViewsContextInstance.es.js";
-import "../../containers/Views/Views.styled.es.js";
-import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/ListTable/ListTableRow.es.js";
-import "../../containers/ListTable/ListTable.styled.es.js";
-import "../../context/DeleteEntitiesContext.es.js";
+import { useProjectContext as M } from "../../context/ProjectContext.es.js";
+import { useGlobalContext as w } from "../../context/GlobalContext.es.js";
 const B = I.div`
   display: flex;
   flex-direction: column;
@@ -312,11 +117,11 @@ const B = I.div`
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`, hm = ({ entities: r = [], isLoading: p }) => {
+`, Qi = ({ entities: r = [], isLoading: p }) => {
   const { formData: o, mixedFields: e, updateFormData: s, clearMixedField: l } = N(
     r,
     p
-  ), { attributes: f } = M(), { folderTypes: y = [], taskTypes: x = [], statuses: g = [], tags: h = [] } = w(), n = (r || []).filter((t) => t.entityType === "folder"), { data: D } = F(
+  ), { attributes: f } = w(), { folderTypes: y = [], taskTypes: x = [], statuses: g = [], tags: h = [] } = M(), n = (r || []).filter((t) => t.entityType === "folder"), { data: D } = F(
     {
       entityIds: n.map((t) => t.id),
       projectName: o?.projectName || "",
@@ -380,6 +185,6 @@ const B = I.div`
   ] });
 };
 export {
-  hm as DetailsPanelDetails
+  Qi as DetailsPanelDetails
 };
 //# sourceMappingURL=DetailsPanelDetails.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelDetails.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context'\nimport { useGlobalContext } from '@shared/context'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { attributes } = useGlobalContext()\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities \|\| []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName \|\| '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName \|\| folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType \|\| 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null \|\| value === undefined \|\| value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description \|\| ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","e","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"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"}
1	+ {"version":3,"file":"DetailsPanelDetails.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useGlobalContext } from '@shared/context/GlobalContext'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { attributes } = useGlobalContext()\n const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities \|\| []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName \|\| '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName \|\| folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType \|\| 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null \|\| value === undefined \|\| value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description \|\| ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData \|\| {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","e","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DetailsSection.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"),t=require("styled-components");require("lodash");require("react-toastify");const y=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const h=require("@ynput/ayon-react-components"),o=require("./BorderedSection.cjs.js"),j=require("./FieldLabel.cjs.js"),g=require("date-fns"),n=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("styled-components");require("lodash");require("react-toastify");const h=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const j=require("@ynput/ayon-react-components"),n=require("./BorderedSection.cjs.js"),g=require("./FieldLabel.cjs.js"),f=require("date-fns"),s=o.div`
   display: grid;
   grid-template-columns: minmax(200px, 1fr) 1fr 32px;
   row-gap: 2px;
@@ -21,7 +21,7 @@
   &:hover .copy-icon {
     opacity: 1;
   }
-`,f=t.div`
+`,w=o.div`
   text-align: left;
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -30,7 +30,7 @@
   justify-self: end;
   font-size: 14px;
   width: 100%;
-`,q=t.div`
+`,a=o.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
@@ -47,5 +47,5 @@
       opacity: 0.5;
     }
   }
-`,w=({fields:s,form:a,mixedFields:c=[],isLoading:l})=>{const d=(e,i)=>{if(e==null)return"-";if(i==="createdAt"||i==="updatedAt")try{return g.format(new Date(e),"PPpp")}catch{return e.toString()}return e.toString()};return l?r.jsxRuntimeExports.jsx(o.BorderedSection,{title:"Details",withPadding:!0,children:Array.from({length:6}).map((e,i)=>r.jsxRuntimeExports.jsxs(n,{children:[r.jsxRuntimeExports.jsx(q,{style:{width:"80px"}}),r.jsxRuntimeExports.jsx(q,{style:{width:"120px",justifySelf:"end"}}),r.jsxRuntimeExports.jsx("div",{style:{width:"24px"}})]},i))}):r.jsxRuntimeExports.jsx(o.BorderedSection,{title:"Details",autoHeight:!0,showHeader:!0,withPadding:!0,children:s.filter(e=>!e.hidden).map(e=>{const i=a[e.name],u=c.includes(e.name),p=u?"Multiple values":d(i,e.name);return r.jsxRuntimeExports.jsxs(n,{children:[r.jsxRuntimeExports.jsx(j.FieldLabel,{name:e.name,data:e.data,showDetailedTooltip:!0}),r.jsxRuntimeExports.jsx(f,{style:{color:u?"var(--md-sys-color-on-surface-variant)":"var(--md-sys-color-on-surface)",fontStyle:u?"italic":"normal"},children:p}),r.jsxRuntimeExports.jsx(h.Button,{className:"copy-icon",variant:"text",icon:"content_copy",onClick:x=>{x.stopPropagation();const m=i??"";y.copyToClipboard(m.toString(),!0)}})]},e.name)})})};exports.DetailsSection=w;
+`,v=({fields:c,form:l,mixedFields:d=[],isLoading:p})=>{const u=(t,r)=>{if(t==null)return"-";if(r==="createdAt"||r==="updatedAt")try{return f.format(new Date(t),"PPpp")}catch{return t.toString()}return t.toString()};return p?e.jsxRuntimeExports.jsx(n.BorderedSection,{title:"Details",withPadding:!0,children:Array.from({length:6}).map((t,r)=>e.jsxRuntimeExports.jsxs(s,{children:[e.jsxRuntimeExports.jsx(a,{style:{width:"80px"}}),e.jsxRuntimeExports.jsx(a,{style:{width:"120px",justifySelf:"end"}}),e.jsxRuntimeExports.jsx("div",{style:{width:"24px"}})]},r))}):e.jsxRuntimeExports.jsx(n.BorderedSection,{title:"Details",autoHeight:!0,showHeader:!0,withPadding:!0,children:c.filter(t=>!t.hidden).map(t=>{const r=l[t.name],i=d.includes(t.name),x=i?"Multiple values":u(r,t.name);return e.jsxRuntimeExports.jsxs(s,{children:[e.jsxRuntimeExports.jsx(g.FieldLabel,{name:t.name,data:t.data,showDetailedTooltip:!0}),e.jsxRuntimeExports.jsx(w,{style:{color:i?"var(--md-sys-color-on-surface-variant)":"var(--md-sys-color-on-surface)",fontStyle:i?"italic":"normal"},children:x}),e.jsxRuntimeExports.jsx(j.Button,{className:"copy-icon",variant:"text",icon:"content_copy",onClick:m=>{m.stopPropagation();const y=r??"";h.copyToClipboard(y.toString(),!0)}})]},t.name)})})};exports.DetailsSection=v;
 //# sourceMappingURL=DetailsSection.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { AttributeField } from '~~@shared~~/~~components~~'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","valueToDisplay","copyToClipboard"],"mappings":"~~mgLASMA~~,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BhBG,EAAgD,CAAC,CAC5D,OAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,CAAA,EACd,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAc,CAACC,EAAYC,IAA8B,CAC7D,GAAID,GAAU,KACZ,MAAO,IAGT,GAAIC,IAAc,aAAeA,IAAc,YAC7C,GAAI,CACF,OAAOC,EAAAA,OAAO,IAAI,KAAKF,CAAK,EAAG,MAAM,CACvC,MAAQ,CACN,OAAOA,EAAM,SAAA,CACf,CAGF,OAAOA,EAAM,SAAA,CACf,EAEA,OAAIF,0BAECK,kBAAA,CAAgB,MAAM,UAAU,YAAW,GACzC,eAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACC,EAAGC,6BAChCf,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACb,EAAA,CAAc,MAAO,CAAE,MAAO,QAAU,EACzCa,wBAACb,GAAc,MAAO,CAAE,MAAO,QAAS,YAAa,OAAS,0BAC7D,MAAA,CAAI,MAAO,CAAE,MAAO,OAAO,CAAG,CAAA,GAHjBY,CAIhB,CACD,EACH,EAKFC,EAAAA,kBAAAA,IAACH,mBAAgB,MAAM,UAAU,WAAU,GAAC,WAAU,GAAC,YAAW,GAC/D,WACE,OAAQI,GAAU,CAACA,EAAM,MAAM,EAC/B,IAAKA,GAAU,CACd,MAAMC,EAAaZ,EAAKW,EAAM,IAAI,EAC5BE,EAAUZ,EAAY,SAASU,EAAM,IAAI,EACzCG,EAAeD,EAAU,kBAAoBV,EAAYS,EAAYD,EAAM,IAAI,EAErF,gCACGjB,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACK,EAAAA,WAAA,CAAW,KAAMJ,EAAM,KAAM,KAAMA,EAAM,KAAM,oBAAqB,EAAA,CAAM,EAC3ED,EAAAA,kBAAAA,IAACd,EAAA,CACC,MAAO,CACL,MAAOiB,EACH,yCACA,iCACJ,UAAWA,EAAU,SAAW,QAAA,EAGjC,SAAAC,CAAA,CAAA,EAEHJ,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,UAAU,YACV,QAAQ,OACR,KAAK,eACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACF,MAAMC,EACJN,GAAkD,GACpDO,EAAAA,gBAAgBD,EAAe,SAAA,EAAY,EAAI,CACjD,CAAA,CAAA,CACF,CAAA,EAtBcP,EAAM,IAuBtB,CAEJ,CAAC,CAAA,CACL,CAEJ"}
1	+ {"version":3,"file":"DetailsSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport type { AttributeField } from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","valueToDisplay","copyToClipboard"],"mappings":"kgBASMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWrBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BhBG,EAAgD,CAAC,CAC5D,OAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,CAAA,EACd,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAc,CAACC,EAAYC,IAA8B,CAC7D,GAAID,GAAU,KACZ,MAAO,IAGT,GAAIC,IAAc,aAAeA,IAAc,YAC7C,GAAI,CACF,OAAOC,EAAAA,OAAO,IAAI,KAAKF,CAAK,EAAG,MAAM,CACvC,MAAQ,CACN,OAAOA,EAAM,SAAA,CACf,CAGF,OAAOA,EAAM,SAAA,CACf,EAEA,OAAIF,0BAECK,kBAAA,CAAgB,MAAM,UAAU,YAAW,GACzC,eAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACC,EAAGC,6BAChCf,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACb,EAAA,CAAc,MAAO,CAAE,MAAO,QAAU,EACzCa,wBAACb,GAAc,MAAO,CAAE,MAAO,QAAS,YAAa,OAAS,0BAC7D,MAAA,CAAI,MAAO,CAAE,MAAO,OAAO,CAAG,CAAA,GAHjBY,CAIhB,CACD,EACH,EAKFC,EAAAA,kBAAAA,IAACH,mBAAgB,MAAM,UAAU,WAAU,GAAC,WAAU,GAAC,YAAW,GAC/D,WACE,OAAQI,GAAU,CAACA,EAAM,MAAM,EAC/B,IAAKA,GAAU,CACd,MAAMC,EAAaZ,EAAKW,EAAM,IAAI,EAC5BE,EAAUZ,EAAY,SAASU,EAAM,IAAI,EACzCG,EAAeD,EAAU,kBAAoBV,EAAYS,EAAYD,EAAM,IAAI,EAErF,gCACGjB,EAAA,CACC,SAAA,CAAAgB,EAAAA,kBAAAA,IAACK,EAAAA,WAAA,CAAW,KAAMJ,EAAM,KAAM,KAAMA,EAAM,KAAM,oBAAqB,EAAA,CAAM,EAC3ED,EAAAA,kBAAAA,IAACd,EAAA,CACC,MAAO,CACL,MAAOiB,EACH,yCACA,iCACJ,UAAWA,EAAU,SAAW,QAAA,EAGjC,SAAAC,CAAA,CAAA,EAEHJ,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,UAAU,YACV,QAAQ,OACR,KAAK,eACL,QAAUC,GAAM,CACdA,EAAE,gBAAA,EACF,MAAMC,EACJN,GAAkD,GACpDO,EAAAA,gBAAgBD,EAAe,SAAA,EAAY,EAAI,CACjD,CAAA,CAAA,CACF,CAAA,EAtBcP,EAAM,IAuBtB,CAEJ,CAAC,CAAA,CACL,CAEJ"}

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

@@ -1,112 +1,16 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import p from "styled-components";
+import e from "styled-components";
 import "lodash";
 import "react-toastify";
 import { copyToClipboard as y } from "../../util/copyToClipboard.es.js";
 import "uuid";
-import "../../api/base/client.es.js";
-import "../../api/generated/graphql.es.js";
-import "../../api/generated/graphqlLinks.es.js";
-import "../../api/generated/access.es.js";
-import "../../api/generated/actions.es.js";
-import "../../api/generated/activityFeed.es.js";
-import "../../api/generated/addons.es.js";
-import "../../api/generated/anatomy.es.js";
-import "../../api/generated/attributes.es.js";
-import "../../api/generated/authentication.es.js";
-import "../../api/generated/bundles.es.js";
-import "../../api/generated/configuration.es.js";
-import "../../api/generated/dataImport.es.js";
-import "../../api/generated/desktop.es.js";
-import "../../api/generated/entityLists.es.js";
-import "../../api/generated/events.es.js";
-import "../../api/generated/files.es.js";
-import "../../api/generated/folders.es.js";
-import "../../api/generated/inbox.es.js";
-import "../../api/generated/links.es.js";
-import "../../api/generated/market.es.js";
-import "../../api/generated/onboarding.es.js";
-import "../../api/generated/operations.es.js";
-import "../../api/generated/products.es.js";
-import "../../api/generated/projectDashboard.es.js";
-import "../../api/generated/projects.es.js";
-import "../../api/generated/projectFolders.es.js";
-import "../../api/generated/reviewables.es.js";
-import "../../api/generated/services.es.js";
-import "../../api/generated/system.es.js";
-import "../../api/generated/tasks.es.js";
-import "../../api/generated/teams.es.js";
-import "../../api/generated/thumbnails.es.js";
-import "../../api/generated/uRIs.es.js";
-import "../../api/generated/users.es.js";
-import "../../api/generated/versions.es.js";
-import "../../api/generated/workfiles.es.js";
-import "../../api/generated/ynputCloud.es.js";
-import "../../api/generated/grouping.es.js";
-import "../../api/generated/views.es.js";
-import "../../api/queries/actions/getActions.es.js";
-import "../../api/queries/activities/getActivities.es.js";
-import "../../api/queries/activities/updateReaction.es.js";
-import "../../api/queries/activities/getMentions.es.js";
-import "../../api/queries/activities/getCategories.es.js";
-import "../../api/queries/addons/getAddons.es.js";
-import "../../api/queries/addons/updateAddons.es.js";
-import "../../api/queries/attributes/getAttributes.es.js";
-import "../../api/queries/attributes/updateAttributes.es.js";
-import "../../api/queries/authentication/getAuthentication.es.js";
-import "../../api/queries/bundles/getBundles.es.js";
-import "../../api/queries/bundles/updateBundles.es.js";
-import "../../api/queries/cloud/cloud.es.js";
-import "../../api/queries/columnStats/metricTargets.es.js";
-import "../../api/queries/columnStats/groupCounts.es.js";
-import "../../api/queries/config/getConfig.es.js";
-import "../../api/queries/config/updateConfig.es.js";
-import "../../api/queries/entities/getEntity.es.js";
-import "../../api/queries/entities/getEntityPanel.es.js";
-import "../../api/queries/overview/getOverview.es.js";
-import "../../api/queries/overview/updateOverview.es.js";
-import "../../api/queries/versions/getVersionsProducts.es.js";
-import "../../api/queries/links/getEntityLinks.es.js";
-import "../../api/queries/entities/updateEntity.es.js";
-import "../../api/queries/entityLists/getLists.es.js";
-import "../../api/queries/entityLists/updateLists.es.js";
-import "../../api/queries/entityLists/getListsAttributes.es.js";
-import "../../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../../api/queries/entityLists/updateListsAttributes.es.js";
-import "../../api/queries/entityLists/listFolders.es.js";
-import "../../api/queries/folders/getFolders.es.js";
-import "../../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
-import "../../api/queries/links/updateLinks.es.js";
-import "../../api/queries/links/getLinks.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/products/getFolderProducts.es.js";
-import "../../api/queries/project/getProject.es.js";
-import "../../api/queries/project/updateProject.es.js";
-import "../../api/queries/projectFolders/projectFolders.es.js";
-import "../../api/queries/review/getReview.es.js";
-import "../../api/queries/review/updateReview.es.js";
-import "../../api/queries/share/share.es.js";
-import "../../api/queries/system/getSystem.es.js";
-import "../../api/queries/tasks/getTasks.es.js";
-import "../../api/queries/tasks/updateTasks.es.js";
-import "../../api/queries/teams/getTeams.es.js";
-import "../../api/queries/userDashboard/getUserDashboard.es.js";
-import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/users/guests.es.js";
-import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/views/getViews.es.js";
-import "../../api/queries/views/updateViews.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/uris/getUris.es.js";
 import "../../util/pubsub.es.js";
 import { Button as h } from "@ynput/ayon-react-components";
-import { BorderedSection as m } from "./BorderedSection.es.js";
+import { BorderedSection as n } from "./BorderedSection.es.js";
 import { FieldLabel as f } from "./FieldLabel.es.js";
 import { format as g } from "date-fns";
-const e = p.div`
+const a = e.div`
   display: grid;
   grid-template-columns: minmax(200px, 1fr) 1fr 32px;
   row-gap: 2px;
@@ -129,7 +33,7 @@ const e = p.div`
   &:hover .copy-icon {
     opacity: 1;
   }
-`, w = p.div`
+`, w = e.div`
   text-align: left;
   color: var(--md-sys-color-on-surface);
   white-space: nowrap;
@@ -138,7 +42,7 @@ const e = p.div`
   justify-self: end;
   font-size: 14px;
   width: 100%;
-`, n = p.div`
+`, s = e.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
@@ -155,13 +59,13 @@ const e = p.div`
       opacity: 0.5;
     }
   }
-`, So = ({
-  fields: a,
-  form: s,
-  mixedFields: l = [],
-  isLoading: c
+`, M = ({
+  fields: p,
+  form: l,
+  mixedFields: c = [],
+  isLoading: d
 }) => {
-  const d = (t, r) => {
+  const m = (t, r) => {
     if (t == null)
       return "-";
     if (r === "createdAt" || r === "updatedAt")
@@ -172,13 +76,13 @@ const e = p.div`
       }
     return t.toString();
   };
-  return c ? /* @__PURE__ */ o.jsx(m, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((t, r) => /* @__PURE__ */ o.jsxs(e, { children: [
-    /* @__PURE__ */ o.jsx(n, { style: { width: "80px" } }),
-    /* @__PURE__ */ o.jsx(n, { style: { width: "120px", justifySelf: "end" } }),
+  return d ? /* @__PURE__ */ o.jsx(n, { title: "Details", withPadding: !0, children: Array.from({ length: 6 }).map((t, r) => /* @__PURE__ */ o.jsxs(a, { children: [
+    /* @__PURE__ */ o.jsx(s, { style: { width: "80px" } }),
+    /* @__PURE__ */ o.jsx(s, { style: { width: "120px", justifySelf: "end" } }),
     /* @__PURE__ */ o.jsx("div", { style: { width: "24px" } })
-  ] }, r)) }) : /* @__PURE__ */ o.jsx(m, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: a.filter((t) => !t.hidden).map((t) => {
-    const r = s[t.name], i = l.includes(t.name), u = i ? "Multiple values" : d(r, t.name);
-    return /* @__PURE__ */ o.jsxs(e, { children: [
+  ] }, r)) }) : /* @__PURE__ */ o.jsx(n, { title: "Details", autoHeight: !0, showHeader: !0, withPadding: !0, children: p.filter((t) => !t.hidden).map((t) => {
+    const r = l[t.name], i = c.includes(t.name), u = i ? "Multiple values" : m(r, t.name);
+    return /* @__PURE__ */ o.jsxs(a, { children: [
       /* @__PURE__ */ o.jsx(f, { name: t.name, data: t.data, showDetailedTooltip: !0 }),
       /* @__PURE__ */ o.jsx(
         w,
@@ -205,6 +109,6 @@ const e = p.div`
   }) });
 };
 export {
-  So as DetailsSection
+  M as DetailsSection
 };
 //# sourceMappingURL=DetailsSection.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { AttributeField } from '~~@shared~~/~~components~~'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AASA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4BhBG,~~KAAgD~~,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,CAACC,GAAYC,MAA8B;AAC7D,QAAID,KAAU;AACZ,aAAO;AAGT,QAAIC,MAAc,eAAeA,MAAc;AAC7C,UAAI;AACF,eAAOC,EAAO,IAAI,KAAKF,CAAK,GAAG,MAAM;AAAA,MACvC,QAAQ;AACN,eAAOA,EAAM,SAAA;AAAA,MACf;AAGF,WAAOA,EAAM,SAAA;AAAA,EACf;AAEA,SAAIF,0BAECK,GAAA,EAAgB,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCf,GAAA,EACC,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAACb,GAAA,EAAc,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCa,gBAAAA,MAACb,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAA,EAAI,OAAO,EAAE,OAAO,SAAO,CAAG;AAAA,EAAA,KAHjBY,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACd,UAAMC,IAAaZ,EAAKW,EAAM,IAAI,GAC5BE,IAAUZ,EAAY,SAASU,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBV,EAAYS,GAAYD,EAAM,IAAI;AAErF,kCACGjB,GAAA,EACC,UAAA;AAAA,MAAAgB,gBAAAA,EAAAA,IAACK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAA,CAAM;AAAA,MAC3ED,gBAAAA,EAAAA;AAAAA,QAACd;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOiB,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAAA;AAAA,UAGjC,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHJ,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAA,GAGFC,GADEN,KAAkD,IACrB,SAAA,GAAY,EAAI;AAAA,UACjD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,GAtBcD,EAAM,IAuBtB;AAAA,EAEJ,CAAC,EAAA,CACL;AAEJ;"}
1	+ {"version":3,"file":"DetailsSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport type { AttributeField } from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport { copyToClipboard } from '@shared/util'\nimport { Button } from '@ynput/ayon-react-components'\nimport { BorderedSection } from './BorderedSection'\nimport { FieldLabel } from './FieldLabel'\nimport { format } from 'date-fns'\n\nconst StyledRow = styled.div`\n display: grid;\n grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n row-gap: 2px;\n column-gap: 4px;\n align-items: center;\n min-height: 32px;\n position: relative;\n\n .copy-icon {\n opacity: 0;\n width: 32px;\n height: 32px;\n padding: 2px;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n &:hover .copy-icon {\n opacity: 1;\n }\n`\n\nconst StyledValue = styled.div`\n text-align: left;\n color: var(--md-sys-color-on-surface);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n justify-self: end;\n font-size: 14px;\n width: 100%;\n`\n\nconst StyledShimmer = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n animation: shimmer 1.5s infinite;\n\n @keyframes shimmer {\n 0% {\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.5;\n }\n }\n`\n\ntype DetailsField = Pick<AttributeField, 'name' \| 'data' \| 'hidden'>\n\ninterface DetailsSectionProps {\n fields: DetailsField[]\n form: Record<string, any>\n mixedFields?: string[]\n isLoading: boolean\n}\n\nexport const DetailsSection: React.FC<DetailsSectionProps> = ({\n fields,\n form,\n mixedFields = [],\n isLoading,\n}) => {\n const formatValue = (value: any, fieldName: string): string => {\n if (value === null \|\| value === undefined) {\n return '-'\n }\n\n if (fieldName === 'createdAt' \|\| fieldName === 'updatedAt') {\n try {\n return format(new Date(value), 'PPpp')\n } catch {\n return value.toString()\n }\n }\n\n return value.toString()\n }\n\n if (isLoading) {\n return (\n <BorderedSection title=\"Details\" withPadding>\n {Array.from({ length: 6 }).map((_, index) => (\n <StyledRow key={index}>\n <StyledShimmer style={{ width: '80px' }} />\n <StyledShimmer style={{ width: '120px', justifySelf: 'end' }} />\n <div style={{ width: '24px' }} />\n </StyledRow>\n ))}\n </BorderedSection>\n )\n }\n\n return (\n <BorderedSection title=\"Details\" autoHeight showHeader withPadding>\n {fields\n .filter((field) => !field.hidden)\n .map((field) => {\n const fieldValue = form[field.name]\n const isMixed = mixedFields.includes(field.name)\n const displayValue = isMixed ? 'Multiple values' : formatValue(fieldValue, field.name)\n\n return (\n <StyledRow key={field.name}>\n <FieldLabel name={field.name} data={field.data} showDetailedTooltip={true} />\n <StyledValue\n style={{\n color: isMixed\n ? 'var(--md-sys-color-on-surface-variant)'\n : 'var(--md-sys-color-on-surface)',\n fontStyle: isMixed ? 'italic' : 'normal',\n }}\n >\n {displayValue}\n </StyledValue>\n <Button\n className=\"copy-icon\"\n variant=\"text\"\n icon=\"content_copy\"\n onClick={(e) => {\n e.stopPropagation()\n const valueToDisplay =\n fieldValue === null \|\| fieldValue === undefined ? '' : fieldValue\n copyToClipboard(valueToDisplay.toString(), true)\n }}\n />\n </StyledRow>\n )\n })}\n </BorderedSection>\n )\n}\n"],"names":["StyledRow","styled","StyledValue","StyledShimmer","DetailsSection","fields","form","mixedFields","isLoading","formatValue","value","fieldName","format","BorderedSection","_","index","jsx","field","fieldValue","isMixed","displayValue","FieldLabel","Button","e","copyToClipboard"],"mappings":";;;;;;;;;;;;AASA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBnBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWrBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4BhBG,IAAgD,CAAC;AAAA,EAC5D,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAc,CAACC,GAAYC,MAA8B;AAC7D,QAAID,KAAU;AACZ,aAAO;AAGT,QAAIC,MAAc,eAAeA,MAAc;AAC7C,UAAI;AACF,eAAOC,EAAO,IAAI,KAAKF,CAAK,GAAG,MAAM;AAAA,MACvC,QAAQ;AACN,eAAOA,EAAM,SAAA;AAAA,MACf;AAGF,WAAOA,EAAM,SAAA;AAAA,EACf;AAEA,SAAIF,0BAECK,GAAA,EAAgB,OAAM,WAAU,aAAW,IACzC,gBAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACC,GAAGC,6BAChCf,GAAA,EACC,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAACb,GAAA,EAAc,OAAO,EAAE,OAAO,UAAU;AAAA,IACzCa,gBAAAA,MAACb,KAAc,OAAO,EAAE,OAAO,SAAS,aAAa,SAAS;AAAA,0BAC7D,OAAA,EAAI,OAAO,EAAE,OAAO,SAAO,CAAG;AAAA,EAAA,KAHjBY,CAIhB,CACD,GACH,IAKFC,gBAAAA,EAAAA,IAACH,KAAgB,OAAM,WAAU,YAAU,IAAC,YAAU,IAAC,aAAW,IAC/D,YACE,OAAO,CAACI,MAAU,CAACA,EAAM,MAAM,EAC/B,IAAI,CAACA,MAAU;AACd,UAAMC,IAAaZ,EAAKW,EAAM,IAAI,GAC5BE,IAAUZ,EAAY,SAASU,EAAM,IAAI,GACzCG,IAAeD,IAAU,oBAAoBV,EAAYS,GAAYD,EAAM,IAAI;AAErF,kCACGjB,GAAA,EACC,UAAA;AAAA,MAAAgB,gBAAAA,EAAAA,IAACK,GAAA,EAAW,MAAMJ,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAqB,GAAA,CAAM;AAAA,MAC3ED,gBAAAA,EAAAA;AAAAA,QAACd;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,OAAOiB,IACH,2CACA;AAAA,YACJ,WAAWA,IAAU,WAAW;AAAA,UAAA;AAAA,UAGjC,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHJ,gBAAAA,EAAAA;AAAAA,QAACM;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACC,MAAM;AACd,YAAAA,EAAE,gBAAA,GAGFC,GADEN,KAAkD,IACrB,SAAA,GAAY,EAAI;AAAA,UACjD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,GAtBcD,EAAM,IAuBtB;AAAA,EAEJ,CAAC,EAAA,CACL;AAEJ;"}

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const q=require("../../util/humanizeFieldName.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/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const s=require("styled-components"),n=s.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");require("uuid");const o=require("../../util/humanizeFieldName.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const d=require("styled-components"),u=d.div`
   color: var(--md-sys-color-outline);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
-`,d=({name:i,data:e,showDetailedTooltip:u=!1,...t})=>{const r=e.title?q.humanizeField(e.title):q.humanizeField(i),o=u?`${r} (${i}) ${e.description?"-":""} ${e.description||""}`:e.description||r;return l.jsxRuntimeExports.jsx(n,{"data-tooltip":u?o:void 0,"data-tooltip-delay":700,...t,children:r})};exports.FieldLabel=d;
+`,c=({name:t,data:e,showDetailedTooltip:r=!1,...l})=>{const i=e.title?o.humanizeField(e.title):o.humanizeField(t),s=r?`${i} (${t}) ${e.description?"-":""} ${e.description||""}`:e.description||i;return n.jsxRuntimeExports.jsx(u,{"data-tooltip":r?s:void 0,"data-tooltip-delay":700,...l,children:i})};exports.FieldLabel=c;
 //# sourceMappingURL=FieldLabel.cjs.js.map