@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

@@ -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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"}
+{"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 '@shared/util/parseFilename'\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","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}

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

@@ -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"),x=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("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.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/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../../../_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/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.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/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.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/Feed.styled.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.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("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");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/context/ProjectDataContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../containers/ProjectTreeTable/components/TableFooterRow.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/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");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("../InfoMessage/InfoMessage.cjs.js");require("../EnumEditor/EnumEditor.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("../SyncButton/SyncButton.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/VersionUploadContextInstance.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 n=require("../../../../_virtual/jsx-runtime.cjs.js"),b=require("styled-components"),c=require("react"),w=require("react-markdown"),a=require("@ynput/ayon-react-components"),F=require("../Badge/Badge.cjs.js"),j=require("./FormFile.cjs.js"),f=(t,r)=>{const o={};return t.forEach(e=>{e.name in r?o[e.name]=r[e.name]:e.value?o[e.name]=e.value:e.type==="boolean"?o[e.name]=!1:e.type==="integer"||e.type==="float"?o[e.name]=0:e.type==="text"?o[e.name]="":e.type==="multiselect"?o[e.name]=[]:e.type==="file"&&(o[e.name]=void 0)}),o},k=b.div`
   &.normal {
     // maybe something here
   }
@@ -21,5 +21,5 @@
   &.error {
     background-color: var(--md-sys-color-on-error-dark);
   }
-`,k=({field:r})=>{const i=typeof r.value=="string"?r.value:"Invalid label value";return u.jsxRuntimeExports.jsx(f,{className:r.highlight||"normal",children:u.jsxRuntimeExports.jsx(b,{children:i})})},j=r=>{const i=u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx("div",{style:{flex:1}}),r.badges&&r.badges.map((q,e)=>u.jsxRuntimeExports.jsx(w.Badge,{label:q},e))]});return u.jsxRuntimeExports.jsx(n.DefaultItemTemplate,{option:r,dataKey:"value",labelKey:"label",value:[r.value],endContent:i})},v=({field:r,value:i,onChange:q})=>{if(r.type==="text"){const e=typeof i=="string"?i:"";return r.multiline?u.jsxRuntimeExports.jsx(n.InputTextarea,{value:e,onChange:t=>q(t.target.value),placeholder:r.placeholder||""}):u.jsxRuntimeExports.jsx(n.InputText,{value:e,onChange:t=>q(t.target.value),placeholder:r.placeholder||""})}if(r.type==="boolean"){const e=typeof i=="boolean"?i:!1,t=s=>{"target"in s&&"checked"in s.target&&q(s.target.checked)};return u.jsxRuntimeExports.jsx(n.InputSwitch,{checked:e,onChange:t})}if(r.type==="integer"){const e=typeof i=="number"?i:0;return u.jsxRuntimeExports.jsx(n.InputNumber,{value:e,onChange:t=>q(parseInt(t.target.value)),placeholder:r.placeholder||""})}if(r.type==="float"){const e=typeof i=="number"?i:0;return u.jsxRuntimeExports.jsx(n.InputNumber,{type:"number",value:e,onChange:t=>q(parseFloat(t.target.value)),placeholder:r.placeholder||""})}if(r.type==="select"){const e=typeof i=="string"?i:"";return u.jsxRuntimeExports.jsx(n.Dropdown,{widthExpand:!0,options:r.options||[],value:e?[e]:[],onSelectionChange:t=>q(t[0]),className:"form-field",multiSelect:!1,itemTemplate:j})}if(r.type==="multiselect"){const e=Array.isArray(i)?i.map(t=>`${t}`):[];return u.jsxRuntimeExports.jsx(n.Dropdown,{widthExpand:!0,options:r.options||[],value:e,onSelectionChange:t=>q(t),className:"form-field",multiSelect:!0,itemTemplate:j})}if(r.type==="file")return i&&i?.download?u.jsxRuntimeExports.jsx(c.FormFileDownload,{value:i}):u.jsxRuntimeExports.jsx(c.FormFileUpload,{value:i,onChange:q,validExtensions:r.valid_extensions})},D=({fields:r,values:i,onClose:q,onSubmit:e,isOpen:t,title:s,submitLabel:l,cancelLabel:m,submitIcon:y,cancelIcon:g})=>{const[a,p]=x.useState(null);if(x.useEffect(()=>{if(t){const o=F(r,i||{});p(o)}},[t,r,i]),!t||!a)return null;const d=u.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[u.jsxRuntimeExports.jsx(n.Spacer,{}),m&&u.jsxRuntimeExports.jsx(n.Button,{onClick:()=>q(),label:m,icon:g}),l&&u.jsxRuntimeExports.jsx(n.Button,{onClick:()=>e(a),label:l,icon:y,variant:"filled"})]});return u.jsxRuntimeExports.jsx(n.Dialog,{isOpen:t,onClose:q,header:s,footer:d,style:{minHeight:500,minWidth:600},enableBackdropClose:!1,children:u.jsxRuntimeExports.jsx(n.FormLayout,{style:{width:"95%"},onKeyDown:o=>{o.stopPropagation()},children:r.map(o=>o.type==="label"?u.jsxRuntimeExports.jsx(k,{field:o},o.name):u.jsxRuntimeExports.jsx(n.FormRow,{label:o.label||"",children:u.jsxRuntimeExports.jsx(v,{field:o,value:a[o.name],onChange:h=>{p(E=>({...E,[o.name]:h}))}})},o.name))})})};exports.SimpleFormDialog=D;
+`,v=({field:t})=>{const r=typeof t.value=="string"?t.value:"Invalid label value";return n.jsxRuntimeExports.jsx(k,{className:t.highlight||"normal",children:n.jsxRuntimeExports.jsx(w,{children:r})})},y=t=>{const r=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("div",{style:{flex:1}}),t.badges&&t.badges.map((o,e)=>n.jsxRuntimeExports.jsx(F.Badge,{label:o},e))]});return n.jsxRuntimeExports.jsx(a.DefaultItemTemplate,{option:t,dataKey:"value",labelKey:"label",value:[t.value],endContent:r})},D=({field:t,value:r,onChange:o})=>{if(t.type==="text"){const e=typeof r=="string"?r:"";return t.multiline?n.jsxRuntimeExports.jsx(a.InputTextarea,{value:e,onChange:s=>o(s.target.value),placeholder:t.placeholder||""}):n.jsxRuntimeExports.jsx(a.InputText,{value:e,onChange:s=>o(s.target.value),placeholder:t.placeholder||""})}if(t.type==="boolean"){const e=typeof r=="boolean"?r:!1,s=i=>{"target"in i&&"checked"in i.target&&o(i.target.checked)};return n.jsxRuntimeExports.jsx(a.InputSwitch,{checked:e,onChange:s})}if(t.type==="integer"){const e=typeof r=="number"?r:0;return n.jsxRuntimeExports.jsx(a.InputNumber,{value:e,onChange:s=>o(parseInt(s.target.value)),placeholder:t.placeholder||""})}if(t.type==="float"){const e=typeof r=="number"?r:0;return n.jsxRuntimeExports.jsx(a.InputNumber,{type:"number",value:e,onChange:s=>o(parseFloat(s.target.value)),placeholder:t.placeholder||""})}if(t.type==="select"){const e=typeof r=="string"?r:"";return n.jsxRuntimeExports.jsx(a.Dropdown,{widthExpand:!0,options:t.options||[],value:e?[e]:[],onSelectionChange:s=>o(s[0]),className:"form-field",multiSelect:!1,itemTemplate:y})}if(t.type==="multiselect"){const e=Array.isArray(r)?r.map(s=>`${s}`):[];return n.jsxRuntimeExports.jsx(a.Dropdown,{widthExpand:!0,options:t.options||[],value:e,onSelectionChange:s=>o(s),className:"form-field",multiSelect:!0,itemTemplate:y})}if(t.type==="file")return r&&r?.download?n.jsxRuntimeExports.jsx(j.FormFileDownload,{value:r}):n.jsxRuntimeExports.jsx(j.FormFileUpload,{value:r,onChange:o,validExtensions:t.valid_extensions})},S=({fields:t,values:r,onClose:o,onSubmit:e,isOpen:s,title:i,submitLabel:u,cancelLabel:p,submitIcon:g,cancelIcon:d})=>{const[m,x]=c.useState(null);if(c.useEffect(()=>{if(s){const l=f(t,r||{});x(l)}},[s,t,r]),!s||!m)return null;const h=n.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[n.jsxRuntimeExports.jsx(a.Spacer,{}),p&&n.jsxRuntimeExports.jsx(a.Button,{onClick:()=>o(),label:p,icon:d}),u&&n.jsxRuntimeExports.jsx(a.Button,{onClick:()=>e(m),label:u,icon:g,variant:"filled"})]});return n.jsxRuntimeExports.jsx(a.Dialog,{isOpen:s,onClose:o,header:i,footer:h,style:{minHeight:500,minWidth:600},enableBackdropClose:!1,children:n.jsxRuntimeExports.jsx(a.FormLayout,{style:{width:"95%"},onKeyDown:l=>{l.stopPropagation()},children:t.map(l=>l.type==="label"?n.jsxRuntimeExports.jsx(v,{field:l},l.name):n.jsxRuntimeExports.jsx(a.FormRow,{label:l.label||"",children:n.jsxRuntimeExports.jsx(D,{field:l,value:m[l.name],onChange:E=>{x(R=>({...R,[l.name]:E}))}})},l.name))})})};exports.SimpleFormDialog=S;
 //# sourceMappingURL=SimpleFormDialog.cjs.js.map

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

@@ -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\nexport type SimpleFormValue =\n  | string\n  | number\n  | boolean\n  | string[]\n  | number[]\n  | FormFileData\n  | null\n  | 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 (\n      <FormFileUpload\n        value={value as FormFileData}\n        onChange={onChange}\n        validExtensions={field.valid_extensions}\n      />\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      enableBackdropClose={false}\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":"wijBAgCMA,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,CAAqB,CAAE,CAAA,EAC3F,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,IAAKA,GAAU,GAAGA,CAAK,EAAE,EAAI,CAAA,EAC9E,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,EAGvDZ,EAAAA,kBAAAA,IAACwB,EAAAA,eAAA,CACC,MAAAZ,EACA,SAAAC,EACA,gBAAiBlB,EAAM,gBAAA,CAAA,CAI/B,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,EACnC,oBAAqB,GAErB,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"}
+{"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 '../Badge'\nimport { FormFileUpload, FormFileDownload, type FormFileData } from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue =\n  | string\n  | number\n  | boolean\n  | string[]\n  | number[]\n  | FormFileData\n  | null\n  | 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 (\n      <FormFileUpload\n        value={value as FormFileData}\n        onChange={onChange}\n        validExtensions={field.valid_extensions}\n      />\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      enableBackdropClose={false}\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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"}