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

@ynput/ayon-frontend-shared 0.3.41 → 0.3.42

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormFile.es.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n payload: string\n filename: string\n download?: boolean\n}\n\nconst LinkButton = styled.button`\n width: auto;\n background: none;\n border: none;\n border-bottom: 1px dashed var(--md-sys-color-primary);\n color: var(--md-sys-color-primary);\n cursor: pointer;\n padding: 2px;\n font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n border: 2px dashed var(--md-sys-color-outline);\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-width: 200px;\n min-height: 100px;\n\n input {\n display: none;\n }\n`\n\ninterface FormFileUploadProps {\n value?: FormFileData\n onChange: (value: FormFileData) => void\n validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n // widget that displays a file upload input (and drop area)\n // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n const validExtensions = useMemo(\n () =>\n props.validExtensions?.map((ext) =>\n ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n ),\n [props.validExtensions],\n )\n\n const handleFileChange = useCallback(\n (file?: File) => {\n if (!file) {\n return\n }\n\n if (file.size === 0) {\n toast.error('Cannot upload empty file.')\n return\n }\n\n if (file.size > 2 * 1024 * 1024) {\n // 2 MB limit, because we're sending it in JSON as base64\n toast.error('File size exceeds the 2 MB limit.')\n return\n }\n\n if (validExtensions) {\n const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n if (!validExtensions.includes(fileExtension)) {\n toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n return\n }\n }\n\n if (file) {\n const fileName = parseFilename(file.name)\n const reader = new FileReader()\n reader.onload = () => {\n const base64String = (reader.result as string).split(',')[1] // remove data:/;base64, prefix\n props.onChange({ payload: base64String, filename: fileName })\n }\n reader.readAsDataURL(file)\n }\n },\n [props, validExtensions],\n )\n\n const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n }\n\n const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n }\n\n const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n\n const files = [...e.dataTransfer.files]\n if (files.length === 1) {\n handleFileChange(files[0])\n }\n }\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0]\n handleFileChange(file)\n }\n\n return (\n <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n <input\n type=\"file\"\n ref={inputRef}\n onChange={handleInputChange}\n accept={validExtensions?.join(',')}\n multiple={false}\n style={{ display: 'none' }}\n />\n\n <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n </LinkButton>\n </DropArea>\n )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n background: none;\n border: none;\n`\n\ninterface FormFileDownloadProps {\n value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n const handleDownload = () => {\n const link = document.createElement('a')\n link.href = `data:application/octet-stream;base64,${props.value.payload}`\n link.download = props.value.filename\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n }\n\n return (\n <DownloadLink>\n <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n </DownloadLink>\n )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","e","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}
1	+ {"version":3,"file":"FormFile.es.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n payload: string\n filename: string\n download?: boolean\n}\n\nconst LinkButton = styled.button`\n width: auto;\n background: none;\n border: none;\n border-bottom: 1px dashed var(--md-sys-color-primary);\n color: var(--md-sys-color-primary);\n cursor: pointer;\n padding: 2px;\n font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n border: 2px dashed var(--md-sys-color-outline);\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-width: 200px;\n min-height: 100px;\n\n input {\n display: none;\n }\n`\n\ninterface FormFileUploadProps {\n value?: FormFileData\n onChange: (value: FormFileData) => void\n validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n // widget that displays a file upload input (and drop area)\n // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n const validExtensions = useMemo(\n () =>\n props.validExtensions?.map((ext) =>\n ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n ),\n [props.validExtensions],\n )\n\n const handleFileChange = useCallback(\n (file?: File) => {\n if (!file) {\n return\n }\n\n if (file.size === 0) {\n toast.error('Cannot upload empty file.')\n return\n }\n\n if (file.size > 2 * 1024 * 1024) {\n // 2 MB limit, because we're sending it in JSON as base64\n toast.error('File size exceeds the 2 MB limit.')\n return\n }\n\n if (validExtensions) {\n const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n if (!validExtensions.includes(fileExtension)) {\n toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n return\n }\n }\n\n if (file) {\n const fileName = parseFilename(file.name)\n const reader = new FileReader()\n reader.onload = () => {\n const base64String = (reader.result as string).split(',')[1] // remove data:/;base64, prefix\n props.onChange({ payload: base64String, filename: fileName })\n }\n reader.readAsDataURL(file)\n }\n },\n [props, validExtensions],\n )\n\n const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n }\n\n const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n }\n\n const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n\n const files = [...e.dataTransfer.files]\n if (files.length === 1) {\n handleFileChange(files[0])\n }\n }\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0]\n handleFileChange(file)\n }\n\n return (\n <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n <input\n type=\"file\"\n ref={inputRef}\n onChange={handleInputChange}\n accept={validExtensions?.join(',')}\n multiple={false}\n style={{ display: 'none' }}\n />\n\n <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n </LinkButton>\n </DropArea>\n )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n background: none;\n border: none;\n`\n\ninterface FormFileDownloadProps {\n value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n const handleDownload = () => {\n const link = document.createElement('a')\n link.href = `data:application/octet-stream;base64,${props.value.payload}`\n link.download = props.value.filename\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n }\n\n return (\n <DownloadLink>\n <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n </DownloadLink>\n )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","e","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("styled-components"),p=require("react"),b=require("react-markdown"),n=require("@ynput/ayon-react-components");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");const w=require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");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");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("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");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");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");const c=require("./FormFile.cjs.js"),F=(r,i)=>{const q={};return r.forEach(e=>{e.name in i?q[e.name]=i[e.name]:e.value?q[e.name]=e.value:e.type==="boolean"?q[e.name]=!1:e.type==="integer"||e.type==="float"?q[e.name]=0:e.type==="text"?q[e.name]="":e.type==="multiselect"?q[e.name]=[]:e.type==="file"&&(q[e.name]=void 0)}),q},f=R.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("styled-components"),p=require("react"),b=require("react-markdown"),n=require("@ynput/ayon-react-components");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");const w=require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");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");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("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");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");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");const c=require("./FormFile.cjs.js"),F=(r,i)=>{const q={};return r.forEach(e=>{e.name in i?q[e.name]=i[e.name]:e.value?q[e.name]=e.value:e.type==="boolean"?q[e.name]=!1:e.type==="integer"||e.type==="float"?q[e.name]=0:e.type==="text"?q[e.name]="":e.type==="multiselect"?q[e.name]=[]:e.type==="file"&&(q[e.name]=void 0)}),q},f=R.div`
   &.normal {
     // maybe something here
   }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputTextarea,\n InputSwitch,\n Dropdown,\n DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData} from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| number[] \| FormFileData \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n } else if (field.type === 'multiselect') {\n defaults[field.name] = []\n } else if (field.type === 'file') {\n defaults[field.name] = undefined\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n const endContent = (\n <>\n <div style={{ flex: 1 }} />\n {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge}/>)}\n </>\n )\n return (\n <DefaultItemTemplate\n option={option}\n dataKey={'value'}\n labelKey={'label'}\n value={[option.value]}\n endContent={endContent}\n />\n )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n if (field.multiline) {\n return (\n <InputTextarea\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n itemTemplate={DropdownItemTemplate}\n />\n )\n } // Handle select\n\n if (field.type === 'multiselect') {\n const parsedValue = Array.isArray(value) ? value.map(value => `${value}`) : []\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue}\n onSelectionChange={(e) => onChange(e)}\n className={`form-field`}\n multiSelect={true}\n itemTemplate={DropdownItemTemplate}\n />\n )\n }\n\n if (field.type === 'file') {\n if (value && (value as FormFileData)?.download) {\n return <FormFileDownload value={value as FormFileData} />\n }\n return <FormFileUpload value={value as FormFileData} onChange={onChange} validExtensions={field.valid_extensions} />\n }\n\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 500, minWidth: 600 }}\n >\n <FormLayout\n style={{ width: '95%' }}\n onKeyDown={(e) => {\n e.stopPropagation()\n }}\n >\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </Dialog>\n )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputTextarea","e","InputText","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleFormDialog.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputTextarea,\n InputSwitch,\n Dropdown,\n DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData} from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| number[] \| FormFileData \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n } else if (field.type === 'multiselect') {\n defaults[field.name] = []\n } else if (field.type === 'file') {\n defaults[field.name] = undefined\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n const endContent = (\n <>\n <div style={{ flex: 1 }} />\n {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge}/>)}\n </>\n )\n return (\n <DefaultItemTemplate\n option={option}\n dataKey={'value'}\n labelKey={'label'}\n value={[option.value]}\n endContent={endContent}\n />\n )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n if (field.multiline) {\n return (\n <InputTextarea\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n itemTemplate={DropdownItemTemplate}\n />\n )\n } // Handle select\n\n if (field.type === 'multiselect') {\n const parsedValue = Array.isArray(value) ? value.map(value => `${value}`) : []\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue}\n onSelectionChange={(e) => onChange(e)}\n className={`form-field`}\n multiSelect={true}\n itemTemplate={DropdownItemTemplate}\n />\n )\n }\n\n if (field.type === 'file') {\n if (value && (value as FormFileData)?.download) {\n return <FormFileDownload value={value as FormFileData} />\n }\n return <FormFileUpload value={value as FormFileData} onChange={onChange} validExtensions={field.valid_extensions} />\n }\n\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 500, minWidth: 600 }}\n >\n <FormLayout\n style={{ width: '95%' }}\n onKeyDown={(e) => {\n e.stopPropagation()\n }}\n >\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </Dialog>\n )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputTextarea","e","InputText","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"k6hBAyBMA,EAAc,CAACC,EAA2BC,IAAgC,CAC9E,MAAMC,EAAgC,CAAA,EACtC,OAAAF,EAAO,QAASG,GAAU,CACpBA,EAAM,QAAQF,EAChBC,EAASC,EAAM,IAAI,EAAIF,EAAOE,EAAM,IAAI,EAC/BA,EAAM,MACfD,EAASC,EAAM,IAAI,EAAIA,EAAM,MACpBA,EAAM,OAAS,UACxBD,EAASC,EAAM,IAAI,EAAI,GACdA,EAAM,OAAS,WAEfA,EAAM,OAAS,QADxBD,EAASC,EAAM,IAAI,EAAI,EAGdA,EAAM,OAAS,OACxBD,EAASC,EAAM,IAAI,EAAI,GACdA,EAAM,OAAS,cACxBD,EAASC,EAAM,IAAI,EAAI,CAAA,EACdA,EAAM,OAAS,SACxBD,EAASC,EAAM,IAAI,EAAI,OAE3B,CAAC,EACMD,CACT,EAEME,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BxBC,EAAY,CAAC,CAAE,MAAAH,KAA4B,CAC/C,MAAMI,EAAO,OAAOJ,EAAM,OAAU,SAAWA,EAAM,MAAQ,sBAE7D,OACEK,EAAAA,kBAAAA,IAACJ,GAAe,UAAWD,EAAM,WAAa,SAC5C,SAAAK,EAAAA,kBAAAA,IAACC,EAAA,CAAe,SAAAF,CAAA,CAAK,CAAA,CACvB,CAEJ,EAQMG,EAAwBC,GAA6B,CACzD,MAAMC,EACJC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAN,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,KAAM,GAAK,EACxBG,EAAO,QAAUA,EAAO,OAAO,IAAI,CAACI,EAAOC,IAAUR,EAAAA,kBAAAA,IAACS,EAAAA,MAAA,CAAkB,MAAOF,CAAA,EAAdC,CAAoB,CAAE,CAAA,EAC1F,EAEF,OACER,EAAAA,kBAAAA,IAACU,EAAAA,oBAAA,CACC,OAAAP,EACA,QAAS,QACT,SAAU,QACV,MAAO,CAACA,EAAO,KAAK,EACpB,WAAAC,CAAA,CAAA,CAGN,EAEMO,EAAY,CAAC,CAAE,MAAAhB,EAAO,MAAAiB,EAAO,SAAAC,KAA+B,CAChE,GAAIlB,EAAM,OAAS,OAAQ,CACzB,MAAMmB,EAAc,OAAOF,GAAU,SAAWA,EAAQ,GACxD,OAAIjB,EAAM,UAENK,EAAAA,kBAAAA,IAACe,EAAAA,cAAA,CACC,MAAOD,EACP,SAAWE,GAAMH,EAASG,EAAE,OAAO,KAAK,EACxC,YAAarB,EAAM,aAAe,EAAA,CAAA,EAKtCK,EAAAA,kBAAAA,IAACiB,EAAAA,UAAA,CACC,MAAOH,EACP,SAAWE,GAAMH,EAASG,EAAE,OAAO,KAAK,EACxC,YAAarB,EAAM,aAAe,EAAA,CAAA,CAGxC,CACA,GAAIA,EAAM,OAAS,UAAW,CAC5B,MAAMmB,EAAc,OAAOF,GAAU,UAAYA,EAAQ,GAEnDM,EACJC,GACG,CACC,WAAYA,GAAS,YAAaA,EAAM,QAC1CN,EAAUM,EAAM,OAA4B,OAAO,CAEvD,EAEA,OAAOnB,EAAAA,kBAAAA,IAACoB,EAAAA,YAAA,CAAY,QAASN,EAAa,SAAUI,EAAqB,CAC3E,CACA,GAAIvB,EAAM,OAAS,UAAW,CAC5B,MAAMmB,EAAc,OAAOF,GAAU,SAAWA,EAAQ,EACxD,OACEZ,EAAAA,kBAAAA,IAACqB,EAAAA,YAAA,CACC,MAAOP,EACP,SAAWE,GAAMH,EAAS,SAASG,EAAE,OAAO,KAAK,CAAC,EAClD,YAAarB,EAAM,aAAe,EAAA,CAAA,CAGxC,CACA,GAAIA,EAAM,OAAS,QAAS,CAC1B,MAAMmB,EAAc,OAAOF,GAAU,SAAWA,EAAQ,EACxD,OACEZ,EAAAA,kBAAAA,IAACqB,EAAAA,YAAA,CACC,KAAK,SACL,MAAOP,EACP,SAAWE,GAAMH,EAAS,WAAWG,EAAE,OAAO,KAAK,CAAC,EACpD,YAAarB,EAAM,aAAe,EAAA,CAAA,CAGxC,CAEA,GAAIA,EAAM,OAAS,SAAU,CAC3B,MAAMmB,EAAc,OAAOF,GAAU,SAAWA,EAAQ,GACxD,OACEZ,EAAAA,kBAAAA,IAACsB,EAAAA,SAAA,CACC,YAAW,GACX,QAAS3B,EAAM,SAAW,CAAA,EAC1B,MAAOmB,EAAc,CAACA,CAAW,EAAI,CAAA,EACrC,kBAAoBE,GAAMH,EAASG,EAAE,CAAC,CAAC,EACvC,UAAW,aACX,YAAa,GACb,aAAcd,CAAA,CAAA,CAGpB,CAEA,GAAIP,EAAM,OAAS,cAAe,CAChC,MAAMmB,EAAc,MAAM,QAAQF,CAAK,EAAIA,EAAM,IAAIA,GAAS,GAAGA,CAAK,EAAE,EAAI,CAAA,EAC5E,OACEZ,EAAAA,kBAAAA,IAACsB,EAAAA,SAAA,CACC,YAAW,GACX,QAAS3B,EAAM,SAAW,CAAA,EAC1B,MAAOmB,EACP,kBAAoBE,GAAMH,EAASG,CAAC,EACpC,UAAW,aACX,YAAa,GACb,aAAcd,CAAA,CAAA,CAGpB,CAEA,GAAIP,EAAM,OAAS,OACjB,OAAIiB,GAAUA,GAAwB,SAC7BZ,wBAACuB,EAAAA,kBAAiB,MAAAX,EAA8B,0BAEjDY,EAAAA,eAAA,CAAe,MAAAZ,EAA8B,SAAAC,EAAoB,gBAAiBlB,EAAM,iBAAkB,CAGtH,EAea8B,EAAmB,CAAC,CAC/B,OAAAjC,EACA,OAAAC,EACA,QAAAiC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,WAAAC,CACF,IAA6B,CAC3B,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAqC,IAAI,EAUzE,GARAC,EAAAA,UAAU,IAAM,CACd,GAAIT,EAAQ,CACV,MAAMlC,EAAWH,EAAYC,EAAQC,GAAU,CAAA,CAAE,EACjD0C,EAAYzC,CAAQ,CACtB,CACF,EAAG,CAACkC,EAAQpC,EAAQC,CAAM,CAAC,EAEvB,CAACmC,GACD,CAACM,EAAU,OAAO,KAEtB,MAAMI,EACJjC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACxD,SAAA,CAAAL,EAAAA,kBAAAA,IAACuC,EAAAA,OAAA,EAAO,EACPR,GAAe/B,EAAAA,kBAAAA,IAACwC,SAAA,CAAO,QAAS,IAAMd,IAAW,MAAOK,EAAa,KAAME,CAAA,CAAY,EACvFH,GACC9B,EAAAA,kBAAAA,IAACwC,EAAAA,OAAA,CACC,QAAS,IAAMb,EAASO,CAAQ,EAChC,MAAOJ,EACP,KAAME,EACN,QAAQ,QAAA,CAAA,CACV,EAEJ,EAGF,OACEhC,EAAAA,kBAAAA,IAACyC,EAAAA,OAAA,CACC,OAAAb,EACA,QAAAF,EACA,OAAQG,EACR,OAAAS,EACA,MAAO,CAAE,UAAW,IAAK,SAAU,GAAA,EAEnC,SAAAtC,EAAAA,kBAAAA,IAAC0C,EAAAA,WAAA,CACC,MAAO,CAAE,MAAO,KAAA,EAChB,UAAY1B,GAAM,CAChBA,EAAE,gBAAA,CACJ,EAEC,SAAAxB,EAAO,IAAKG,GACPA,EAAM,OAAS,QACVK,EAAAA,kBAAAA,IAACF,EAAA,CAA2B,MAAAH,CAAA,EAAZA,EAAM,IAAoB,EAIjDK,EAAAA,kBAAAA,IAAC2C,EAAAA,QAAA,CAAyB,MAAOhD,EAAM,OAAS,GAC9C,SAAAK,EAAAA,kBAAAA,IAACW,EAAA,CACC,MAAAhB,EACA,MAAOuC,EAASvC,EAAM,IAAI,EAC1B,SAAWiB,GAAU,CACnBuB,EAAaS,IAAU,CACrB,GAAGA,EACH,CAACjD,EAAM,IAAI,EAAGiB,CAAA,EACd,CACJ,CAAA,CAAA,CACF,EAVYjB,EAAM,IAWpB,CAEH,CAAA,CAAA,CACH,CAAA,CAGN"}

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

@@ -231,7 +231,12 @@ import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContext.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/Slicer/context/SlicerContextInstance.es.js";
+import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
 import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
@@ -247,10 +252,6 @@ import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPan
 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 "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
@@ -416,7 +417,7 @@ const B = (r, o) => {
   }
   if (r.type === "file")
     return o && o?.download ? /* @__PURE__ */ m.jsx(R, { value: o }) : /* @__PURE__ */ m.jsx(A, { value: o, onChange: p, validExtensions: r.valid_extensions });
-}, si = ({
+}, li = ({
   fields: r,
   values: o,
   onClose: p,
@@ -482,6 +483,6 @@ const B = (r, o) => {
   );
 };
 export {
-  si as SimpleFormDialog
+  li as SimpleFormDialog
 };
 //# sourceMappingURL=SimpleFormDialog.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputTextarea,\n InputSwitch,\n Dropdown,\n DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData} from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| number[] \| FormFileData \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n } else if (field.type === 'multiselect') {\n defaults[field.name] = []\n } else if (field.type === 'file') {\n defaults[field.name] = undefined\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n const endContent = (\n <>\n <div style={{ flex: 1 }} />\n {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge}/>)}\n </>\n )\n return (\n <DefaultItemTemplate\n option={option}\n dataKey={'value'}\n labelKey={'label'}\n value={[option.value]}\n endContent={endContent}\n />\n )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n if (field.multiline) {\n return (\n <InputTextarea\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n itemTemplate={DropdownItemTemplate}\n />\n )\n } // Handle select\n\n if (field.type === 'multiselect') {\n const parsedValue = Array.isArray(value) ? value.map(value => `${value}`) : []\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue}\n onSelectionChange={(e) => onChange(e)}\n className={`form-field`}\n multiSelect={true}\n itemTemplate={DropdownItemTemplate}\n />\n )\n }\n\n if (field.type === 'file') {\n if (value && (value as FormFileData)?.download) {\n return <FormFileDownload value={value as FormFileData} />\n }\n return <FormFileUpload value={value as FormFileData} onChange={onChange} validExtensions={field.valid_extensions} />\n }\n\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 500, minWidth: 600 }}\n >\n <FormLayout\n style={{ width: '95%' }}\n onKeyDown={(e) => {\n e.stopPropagation()\n }}\n >\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </Dialog>\n )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputTextarea","e","InputText","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n Button,\n Spacer,\n Dialog,\n FormLayout,\n FormRow,\n InputNumber,\n InputText,\n InputTextarea,\n InputSwitch,\n Dropdown,\n DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData} from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| number[] \| FormFileData \| null \| undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n const defaults: SimpleFormValueDict = {}\n fields.forEach((field) => {\n if (field.name in values) {\n defaults[field.name] = values[field.name]\n } else if (field.value) {\n defaults[field.name] = field.value\n } else if (field.type === 'boolean') {\n defaults[field.name] = false\n } else if (field.type === 'integer') {\n defaults[field.name] = 0\n } else if (field.type === 'float') {\n defaults[field.name] = 0.0\n } else if (field.type === 'text') {\n defaults[field.name] = ''\n } else if (field.type === 'multiselect') {\n defaults[field.name] = []\n } else if (field.type === 'file') {\n defaults[field.name] = undefined\n }\n })\n return defaults\n}\n\nconst LabelContainer = styled.div`\n &.normal {\n // maybe something here\n }\n\n &.info,\n &.warning,\n &.error {\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n margin: 1rem 0;\n }\n\n &.info {\n background-color: var(--md-sys-color-on-secondary-dark);\n }\n &.warning {\n background-color: var(--md-sys-color-warning-container-dark);\n }\n &.error {\n background-color: var(--md-sys-color-on-error-dark);\n }\n`\n\ntype FormLabelProps = {\n field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n return (\n <LabelContainer className={field.highlight \|\| 'normal'}>\n <ReactMarkdown>{text}</ReactMarkdown>\n </LabelContainer>\n )\n}\n\ntype FormFieldProps = {\n field: SimpleFormField\n value: SimpleFormValue\n onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n const endContent = (\n <>\n <div style={{ flex: 1 }} />\n {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge}/>)}\n </>\n )\n return (\n <DefaultItemTemplate\n option={option}\n dataKey={'value'}\n labelKey={'label'}\n value={[option.value]}\n endContent={endContent}\n />\n )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n if (field.type === 'text') {\n const parsedValue = typeof value === 'string' ? value : ''\n if (field.multiline) {\n return (\n <InputTextarea\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n return (\n <InputText\n value={parsedValue}\n onChange={(e) => onChange(e.target.value)}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'boolean') {\n const parsedValue = typeof value === 'boolean' ? value : false\n\n const handleCheckboxEvent = (\n event: React.ChangeEvent<HTMLInputElement> \| React.KeyboardEvent<HTMLInputElement>,\n ) => {\n if ('target' in event && 'checked' in event.target) {\n onChange((event.target as HTMLInputElement).checked)\n }\n }\n\n return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n }\n if (field.type === 'integer') {\n const parsedValue = typeof value === 'number' ? value : 0\n return (\n <InputNumber\n value={parsedValue}\n onChange={(e) => onChange(parseInt(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n if (field.type === 'float') {\n const parsedValue = typeof value === 'number' ? value : 0.0\n return (\n <InputNumber\n type=\"number\"\n value={parsedValue}\n onChange={(e) => onChange(parseFloat(e.target.value))}\n placeholder={field.placeholder \|\| ''}\n />\n )\n }\n\n if (field.type === 'select') {\n const parsedValue = typeof value === 'string' ? value : ''\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue ? [parsedValue] : []}\n onSelectionChange={(e) => onChange(e[0])}\n className={`form-field`}\n multiSelect={false}\n itemTemplate={DropdownItemTemplate}\n />\n )\n } // Handle select\n\n if (field.type === 'multiselect') {\n const parsedValue = Array.isArray(value) ? value.map(value => `${value}`) : []\n return (\n <Dropdown\n widthExpand\n options={field.options \|\| []}\n value={parsedValue}\n onSelectionChange={(e) => onChange(e)}\n className={`form-field`}\n multiSelect={true}\n itemTemplate={DropdownItemTemplate}\n />\n )\n }\n\n if (field.type === 'file') {\n if (value && (value as FormFileData)?.download) {\n return <FormFileDownload value={value as FormFileData} />\n }\n return <FormFileUpload value={value as FormFileData} onChange={onChange} validExtensions={field.valid_extensions} />\n }\n\n}\n\nexport interface SimpleFormDialogProps {\n title: string\n fields: SimpleFormField[]\n values?: SimpleFormValueDict\n submitLabel?: string\n cancelLabel?: string\n submitIcon?: string\n cancelIcon?: string\n onClose: () => void\n onSubmit: (values: SimpleFormValueDict) => void\n isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n fields,\n values,\n onClose,\n onSubmit,\n isOpen,\n title,\n submitLabel,\n cancelLabel,\n submitIcon,\n cancelIcon,\n}: SimpleFormDialogProps) => {\n const [formData, setFormData] = useState<SimpleFormValueDict \| null>(null)\n\n useEffect(() => {\n if (isOpen) {\n const defaults = getDefaults(fields, values \|\| {})\n setFormData(defaults)\n }\n }, [isOpen, fields, values])\n\n if (!isOpen) return null\n if (!formData) return null\n\n const footer = (\n <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n <Spacer />\n {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n {submitLabel && (\n <Button\n onClick={() => onSubmit(formData)}\n label={submitLabel}\n icon={submitIcon}\n variant=\"filled\"\n />\n )}\n </div>\n )\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose}\n header={title}\n footer={footer}\n style={{ minHeight: 500, minWidth: 600 }}\n >\n <FormLayout\n style={{ width: '95%' }}\n onKeyDown={(e) => {\n e.stopPropagation()\n }}\n >\n {fields.map((field: SimpleFormField) => {\n if (field.type === 'label') {\n return <FormLabel key={field.name} field={field} />\n }\n\n return (\n <FormRow key={field.name} label={field.label \|\| ''}>\n <FormField\n field={field}\n value={formData[field.name]}\n onChange={(value) => {\n setFormData((prev) => ({\n ...prev,\n [field.name]: value,\n }))\n }}\n />\n </FormRow>\n )\n })}\n </FormLayout>\n </Dialog>\n )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputTextarea","e","InputText","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}

package/dist/shared/src/components/Thumbnail/Thumbnail.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),q=require("@ynput/ayon-react-components"),P=require("clsx"),E=require("./Thumbnail.styled.cjs.js");require("lodash");require("react-toastify");require("uuid");const T=require("../../util/getThumbnailUrl.cjs.js");require("../../util/pubsub.cjs.js");const U=({projectName:s="",entityType:e="",entityId:u="",icon:j,color:g,thumbnailHash:c,isLoading:a,shimmer:h,className:R,disabled:S,src:m,hoverIcon:x,showBorder:C=!0,...d})=>{const f=e==="project",k=["product"].includes(e),b=f?!!s:!!u;let r="";e&&(c||f)&&b&&(m?r=m:r=T.getEntityThumbnailUrl({projectName:s,entityType:e,entityId:u,thumbnailHash:c})??"");const[v,t]=l.useState(!1),[i,o]=l.useState(!1);return l.useEffect(()=>{if(r===""){o(!0),t(!0);return}o(!1),t(!1)},[r]),n.jsxRuntimeExports.jsxs(E.Card,{className:P(R,"thumbnail",{loading:h&&(a||!i),loaded:i,error:v,clickable:!!d.onClick,border:C}),...d,children:[(!a||!i)&&!S&&n.jsxRuntimeExports.jsx(q.Icon,{style:{color:g||void 0},icon:j||"image",className:"type-icon"}),e&&s&&!k&&b&&n.jsxRuntimeExports.jsx(E.Image,{alt:`Entity thumbnail ${u||s}`,src:r,onLoad:()=>{o(!0),t(!1)},onError:()=>{o(!0),t(!0)}}),x&&n.jsxRuntimeExports.jsx(q.Icon,{icon:x,className:"hover-icon"})]})};exports.Thumbnail=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),b=require("@ynput/ayon-react-components"),P=require("clsx"),E=require("./Thumbnail.styled.cjs.js");require("lodash");require("react-toastify");require("uuid");const T=require("../../util/getThumbnailUrl.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("../../util/pubsub.cjs.js");const U=({projectName:u="",entityType:e="",entityId:t="",icon:j,color:g,thumbnailHash:l,isLoading:c,shimmer:h,className:R,disabled:S,src:a,hoverIcon:m,showBorder:C=!0,...x})=>{const d=e==="project",k=["product"].includes(e),f=d?!!u:!!t;let r="";e&&(l||d)&&f&&(a?r=a:r=T.getEntityThumbnailUrl({projectName:u,entityType:e,entityId:t,thumbnailHash:l})??"");const[v,i]=n.useState(!1),[o,q]=n.useState(!1);return n.useEffect(()=>{if(r===""){q(!0),i(!0);return}q(!1),i(!1)},[r]),s.jsxRuntimeExports.jsxs(E.Card,{className:P(R,"thumbnail",{loading:h&&(c||!o),loaded:o,error:v,clickable:!!x.onClick,border:C}),...x,children:[(!c||!o)&&!S&&s.jsxRuntimeExports.jsx(b.Icon,{style:{color:g||void 0},icon:j||"image",className:"type-icon"}),e&&u&&!k&&f&&s.jsxRuntimeExports.jsx(E.Image,{alt:`Entity thumbnail ${t||u}`,src:r,onLoad:()=>{q(!0),i(!1)},onError:()=>{q(!0),i(!0)}}),m&&s.jsxRuntimeExports.jsx(b.Icon,{icon:m,className:"hover-icon"})]})};exports.Thumbnail=U;
 //# sourceMappingURL=Thumbnail.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumbnail.cjs.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n projectName?: string\n entityType?: string\n entityId?: string\n icon?: string \| null\n color?: string \| null\n thumbnailHash?: string\n isLoading?: boolean\n shimmer?: boolean\n className?: string\n disabled?: boolean\n src?: string\n hoverIcon?: string\n showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n projectName = '',\n entityType = '',\n entityId = '',\n icon,\n color,\n thumbnailHash,\n isLoading,\n shimmer,\n className,\n disabled,\n src,\n hoverIcon,\n showBorder = true,\n ...props\n}: ThumbnailProps) => {\n const isProject = entityType === 'project'\n const isWrongEntity = ['product'].includes(entityType)\n const hasIdentity = isProject ? !!projectName : !!entityId\n\n let url = ''\n if (entityType && (thumbnailHash \|\| isProject) && hasIdentity) {\n if (src) {\n url = src\n } else {\n url = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash }) ?? ''\n }\n }\n\n const [error, setError] = useState(false)\n const [loaded, setLoaded] = useState(false)\n\n useEffect(() => {\n if (url === '') {\n setLoaded(true)\n setError(true)\n return\n }\n\n setLoaded(false)\n setError(false)\n }, [url])\n\n return (\n <Styled.Card\n className={clsx(className, 'thumbnail', {\n loading: shimmer && (isLoading \|\| !loaded),\n loaded,\n error,\n clickable: !!props.onClick,\n border: showBorder,\n })}\n {...props}\n >\n {(!isLoading \|\| !loaded) && !disabled && (\n <Icon style={{ color: color \|\| undefined }} icon={icon \|\| 'image'} className=\"type-icon\" />\n )}\n {entityType && projectName && !isWrongEntity && hasIdentity && (\n <Styled.Image\n alt={`Entity thumbnail ${entityId \|\| projectName}`}\n src={url}\n onLoad={() => {\n setLoaded(true)\n setError(false)\n }}\n onError={() => {\n setLoaded(true)\n setError(true)\n }}\n />\n )}\n {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n </Styled.Card>\n )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","color","thumbnailHash","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","isProject","isWrongEntity","hasIdentity","url","getEntityThumbnailUrl","error","setError","useState","loaded","setLoaded","useEffect","jsxs","Styled.Card","clsx","Icon","jsx","Styled.Image"],"mappings":"~~sZAsBO~~,MAAMA,EAAY,CAAC,CACxB,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,KAAAC,EACA,MAAAC,EACA,cAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAYb,IAAe,UAC3Bc,EAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,EAC/Ce,EAAcF,EAAY,CAAC,CAACd,EAAc,CAAC,CAACE,EAElD,IAAIe,EAAM,GACNhB,IAAeI,GAAiBS,IAAcE,IAC5CN,EACFO,EAAMP,EAENO,EAAMC,EAAAA,sBAAsB,CAAE,YAAAlB,EAAa,WAAAC,EAAY,SAAAC,EAAU,cAAAG,CAAA,CAAe,GAAK,IAIzF,KAAM,CAACc,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAClC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAE1CG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIP,IAAQ,GAAI,CACdM,EAAU,EAAI,EACdH,EAAS,EAAI,EACb,MACF,CAEAG,EAAU,EAAK,EACfH,EAAS,EAAK,CAChB,EAAG,CAACH,CAAG,CAAC,EAGNQ,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAKnB,EAAW,YAAa,CACtC,QAASD,IAAYD,GAAa,CAACgB,GACnC,OAAAA,EACA,MAAAH,EACA,UAAW,CAAC,CAACN,EAAM,QACnB,OAAQD,CAAA,CACT,EACA,GAAGC,EAEF,SAAA,EAAA,CAACP,GAAa,CAACgB,IAAW,CAACb,2BAC1BmB,EAAAA,KAAA,CAAK,MAAO,CAAE,MAAOxB,GAAS,MAAA,EAAa,KAAMD,GAAQ,QAAS,UAAU,YAAY,EAE1FF,GAAcD,GAAe,CAACe,GAAiBC,GAC9Ca,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,IAAK,oBAAoB5B,GAAYF,CAAW,GAChD,IAAKiB,EACL,OAAQ,IAAM,CACZM,EAAU,EAAI,EACdH,EAAS,EAAK,CAChB,EACA,QAAS,IAAM,CACbG,EAAU,EAAI,EACdH,EAAS,EAAI,CACf,CAAA,CAAA,EAGHT,GAAakB,EAAAA,kBAAAA,IAACD,OAAA,CAAK,KAAMjB,EAAW,UAAU,YAAA,CAAa,CAAA,CAAA,CAAA,CAGlE"}
1	+ {"version":3,"file":"Thumbnail.cjs.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './Thumbnail.styled'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nexport interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n projectName?: string\n entityType?: string\n entityId?: string\n icon?: string \| null\n color?: string \| null\n thumbnailHash?: string\n isLoading?: boolean\n shimmer?: boolean\n className?: string\n disabled?: boolean\n src?: string\n hoverIcon?: string\n showBorder?: boolean\n}\n\nexport const Thumbnail = ({\n projectName = '',\n entityType = '',\n entityId = '',\n icon,\n color,\n thumbnailHash,\n isLoading,\n shimmer,\n className,\n disabled,\n src,\n hoverIcon,\n showBorder = true,\n ...props\n}: ThumbnailProps) => {\n const isProject = entityType === 'project'\n const isWrongEntity = ['product'].includes(entityType)\n const hasIdentity = isProject ? !!projectName : !!entityId\n\n let url = ''\n if (entityType && (thumbnailHash \|\| isProject) && hasIdentity) {\n if (src) {\n url = src\n } else {\n url = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash }) ?? ''\n }\n }\n\n const [error, setError] = useState(false)\n const [loaded, setLoaded] = useState(false)\n\n useEffect(() => {\n if (url === '') {\n setLoaded(true)\n setError(true)\n return\n }\n\n setLoaded(false)\n setError(false)\n }, [url])\n\n return (\n <Styled.Card\n className={clsx(className, 'thumbnail', {\n loading: shimmer && (isLoading \|\| !loaded),\n loaded,\n error,\n clickable: !!props.onClick,\n border: showBorder,\n })}\n {...props}\n >\n {(!isLoading \|\| !loaded) && !disabled && (\n <Icon style={{ color: color \|\| undefined }} icon={icon \|\| 'image'} className=\"type-icon\" />\n )}\n {entityType && projectName && !isWrongEntity && hasIdentity && (\n <Styled.Image\n alt={`Entity thumbnail ${entityId \|\| projectName}`}\n src={url}\n onLoad={() => {\n setLoaded(true)\n setError(false)\n }}\n onError={() => {\n setLoaded(true)\n setError(true)\n }}\n />\n )}\n {hoverIcon && <Icon icon={hoverIcon} className=\"hover-icon\" />}\n </Styled.Card>\n )\n}\n"],"names":["Thumbnail","projectName","entityType","entityId","icon","color","thumbnailHash","isLoading","shimmer","className","disabled","src","hoverIcon","showBorder","props","isProject","isWrongEntity","hasIdentity","url","getEntityThumbnailUrl","error","setError","useState","loaded","setLoaded","useEffect","jsxs","Styled.Card","clsx","Icon","jsx","Styled.Image"],"mappings":"g2KAsBO,MAAMA,EAAY,CAAC,CACxB,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,KAAAC,EACA,MAAAC,EACA,cAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAYb,IAAe,UAC3Bc,EAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,EAC/Ce,EAAcF,EAAY,CAAC,CAACd,EAAc,CAAC,CAACE,EAElD,IAAIe,EAAM,GACNhB,IAAeI,GAAiBS,IAAcE,IAC5CN,EACFO,EAAMP,EAENO,EAAMC,EAAAA,sBAAsB,CAAE,YAAAlB,EAAa,WAAAC,EAAY,SAAAC,EAAU,cAAAG,CAAA,CAAe,GAAK,IAIzF,KAAM,CAACc,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAClC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAE1CG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIP,IAAQ,GAAI,CACdM,EAAU,EAAI,EACdH,EAAS,EAAI,EACb,MACF,CAEAG,EAAU,EAAK,EACfH,EAAS,EAAK,CAChB,EAAG,CAACH,CAAG,CAAC,EAGNQ,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAKnB,EAAW,YAAa,CACtC,QAASD,IAAYD,GAAa,CAACgB,GACnC,OAAAA,EACA,MAAAH,EACA,UAAW,CAAC,CAACN,EAAM,QACnB,OAAQD,CAAA,CACT,EACA,GAAGC,EAEF,SAAA,EAAA,CAACP,GAAa,CAACgB,IAAW,CAACb,2BAC1BmB,EAAAA,KAAA,CAAK,MAAO,CAAE,MAAOxB,GAAS,MAAA,EAAa,KAAMD,GAAQ,QAAS,UAAU,YAAY,EAE1FF,GAAcD,GAAe,CAACe,GAAiBC,GAC9Ca,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,IAAK,oBAAoB5B,GAAYF,CAAW,GAChD,IAAKiB,EACL,OAAQ,IAAM,CACZM,EAAU,EAAI,EACdH,EAAS,EAAK,CAChB,EACA,QAAS,IAAM,CACbG,EAAU,EAAI,EACdH,EAAS,EAAI,CACf,CAAA,CAAA,EAGHT,GAAakB,EAAAA,kBAAAA,IAACD,OAAA,CAAK,KAAMjB,EAAW,UAAU,YAAA,CAAa,CAAA,CAAA,CAAA,CAGlE"}

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

@@ -1,71 +1,166 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as E, useEffect as P } from "react";
-import { Icon as p } from "@ynput/ayon-react-components";
+import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as x, useEffect as P } from "react";
+import { Icon as E } from "@ynput/ayon-react-components";
 import R from "clsx";
 import { Card as S, Image as U } from "./Thumbnail.styled.es.js";
 import "lodash";
 import "react-toastify";
 import "uuid";
 import { getEntityThumbnailUrl as W } from "../../util/getThumbnailUrl.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/dataImport.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
 import "../../util/pubsub.es.js";
-const J = ({
+const Uo = ({
   projectName: t = "",
   entityType: r = "",
-  entityId: l = "",
+  entityId: s = "",
   icon: b,
   color: j,
-  thumbnailHash: a,
-  isLoading: c,
+  thumbnailHash: l,
+  isLoading: a,
   shimmer: g,
   className: h,
   disabled: k,
-  src: n,
-  hoverIcon: u,
+  src: c,
+  hoverIcon: n,
   showBorder: C = !0,
-  ...f
+  ...u
 }) => {
-  const d = r === "project", v = ["product"].includes(r), x = d ? !!t : !!l;
+  const f = r === "project", v = ["product"].includes(r), d = f ? !!t : !!s;
   let o = "";
-  r && (a || d) && x && (n ? o = n : o = W({ projectName: t, entityType: r, entityId: l, thumbnailHash: a }) ?? "");
-  const [L, s] = E(!1), [m, e] = E(!1);
+  r && (l || f) && d && (c ? o = c : o = W({ projectName: t, entityType: r, entityId: s, thumbnailHash: l }) ?? "");
+  const [L, i] = x(!1), [e, m] = x(!1);
   return P(() => {
     if (o === "") {
-      e(!0), s(!0);
+      m(!0), i(!0);
       return;
     }
-    e(!1), s(!1);
-  }, [o]), /* @__PURE__ */ i.jsxs(
+    m(!1), i(!1);
+  }, [o]), /* @__PURE__ */ p.jsxs(
     S,
     {
       className: R(h, "thumbnail", {
-        loading: g && (c || !m),
-        loaded: m,
+        loading: g && (a || !e),
+        loaded: e,
         error: L,
-        clickable: !!f.onClick,
+        clickable: !!u.onClick,
         border: C
       }),
-      ...f,
+      ...u,
       children: [
-        (!c || !m) && !k && /* @__PURE__ */ i.jsx(p, { style: { color: j || void 0 }, icon: b || "image", className: "type-icon" }),
-        r && t && !v && x && /* @__PURE__ */ i.jsx(
+        (!a || !e) && !k && /* @__PURE__ */ p.jsx(E, { style: { color: j || void 0 }, icon: b || "image", className: "type-icon" }),
+        r && t && !v && d && /* @__PURE__ */ p.jsx(
           U,
           {
-            alt: `Entity thumbnail ${l || t}`,
+            alt: `Entity thumbnail ${s || t}`,
             src: o,
             onLoad: () => {
-              e(!0), s(!1);
+              m(!0), i(!1);
             },
             onError: () => {
-              e(!0), s(!0);
+              m(!0), i(!0);
             }
           }
         ),
-        u && /* @__PURE__ */ i.jsx(p, { icon: u, className: "hover-icon" })
+        n && /* @__PURE__ */ p.jsx(E, { icon: n, className: "hover-icon" })
       ]
     }
   );
 };
 export {
-  J as Thumbnail
+  Uo as Thumbnail
 };
 //# sourceMappingURL=Thumbnail.es.js.map