npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.35 → 0.2.36 - Mend

@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

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

package/dist/shared/src/components/TableGridSwitch/TableGridSwitch.es.js ADDED Viewed

@@ -0,0 +1,39 @@
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as l, useEffect as c } from "react";
+import { ButtonsContainer as f, InnerButton as s } from "./TableGridSwitch.styled.es.js";
+const x = l(
+  ({ showGrid: a, onChange: t, ...n }, d) => (c(() => {
+    const i = (r) => {
+      const e = r.target;
+      e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable || e.getAttribute("role") === "textbox" || e.tagName === "LI" || (r.key.toLowerCase() === "t" ? t(!1) : r.key.toLowerCase() === "g" && t(!0));
+    };
+    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+  }, [t]), /* @__PURE__ */ o.jsxs(f, { ...n, ref: d, children: [
+    /* @__PURE__ */ o.jsx(
+      s,
+      {
+        icon: "table_rows",
+        selected: !a,
+        onClick: () => t(!1),
+        variant: "text",
+        "data-tooltip": "Table",
+        "data-shortcut": "T"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      s,
+      {
+        icon: "grid_view",
+        selected: a,
+        onClick: () => t(!0),
+        variant: "text",
+        "data-tooltip": "Cards",
+        "data-shortcut": "G"
+      }
+    )
+  ] }))
+);
+export {
+  x as TableGridSwitch
+};
+//# sourceMappingURL=TableGridSwitch.es.js.map

package/dist/shared/src/components/TableGridSwitch/TableGridSwitch.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableGridSwitch.es.js","sources":["../../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import { forwardRef, useEffect } from 'react'\nimport * as Styled from './TableGridSwitch.styled'\n\ninterface TableGridSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n showGrid: boolean\n onChange: (showGrid: boolean) => void\n}\n\nexport const TableGridSwitch = forwardRef<HTMLDivElement, TableGridSwitchProps>(\n ({ showGrid, onChange, ...props }, ref) => {\n useEffect(() => {\n const handleKeyPress = (event: KeyboardEvent) => {\n // check we are not in an input or textarea\n const target = event.target as HTMLElement\n if (\n target.tagName === 'INPUT' ||\n target.tagName === 'TEXTAREA' ||\n target.isContentEditable ||\n target.getAttribute('role') === 'textbox' ||\n target.tagName === 'LI'\n ) {\n return\n }\n if (event.key.toLowerCase() === 't') {\n onChange(false)\n } else if (event.key.toLowerCase() === 'g') {\n onChange(true)\n }\n }\n\n window.addEventListener('keydown', handleKeyPress)\n return () => window.removeEventListener('keydown', handleKeyPress)\n }, [onChange])\n\n return (\n <Styled.ButtonsContainer {...props} ref={ref}>\n <Styled.InnerButton\n icon=\"table_rows\"\n selected={!showGrid}\n onClick={() => onChange(false)}\n variant=\"text\"\n data-tooltip=\"Table\"\n data-shortcut=\"T\"\n />\n <Styled.InnerButton\n icon=\"grid_view\"\n selected={showGrid}\n onClick={() => onChange(true)}\n variant=\"text\"\n data-tooltip=\"Cards\"\n data-shortcut=\"G\"\n />\n </Styled.ButtonsContainer>\n )\n },\n)\n"],"names":["TableGridSwitch","forwardRef","showGrid","onChange","props","ref","useEffect","handleKeyPress","event","target","Styled.ButtonsContainer","jsx","Styled.InnerButton"],"mappings":";;;AAQO,MAAMA,IAAkBC;AAAA,EAC7B,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAASC,OACjCC,EAAU,MAAM;AACR,UAAAC,IAAiB,CAACC,MAAyB;AAE/C,YAAMC,IAASD,EAAM;AACrB,MACEC,EAAO,YAAY,WACnBA,EAAO,YAAY,cACnBA,EAAO,qBACPA,EAAO,aAAa,MAAM,MAAM,aAChCA,EAAO,YAAY,SAIjBD,EAAM,IAAI,YAAY,MAAM,MAC9BL,EAAS,EAAK,IACLK,EAAM,IAAI,YAAA,MAAkB,OACrCL,EAAS,EAAI;AAAA,IAEjB;AAEO,kBAAA,iBAAiB,WAAWI,CAAc,GAC1C,MAAM,OAAO,oBAAoB,WAAWA,CAAc;AAAA,EAAA,GAChE,CAACJ,CAAQ,CAAC,0BAGVO,GAAA,EAAyB,GAAGN,GAAO,KAAAC,GAClC,UAAA;AAAA,IAAAM,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,CAACV;AAAA,QACX,SAAS,MAAMC,EAAS,EAAK;AAAA,QAC7B,SAAQ;AAAA,QACR,gBAAa;AAAA,QACb,iBAAc;AAAA,MAAA;AAAA,IAChB;AAAA,IACAQ,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUV;AAAA,QACV,SAAS,MAAMC,EAAS,EAAI;AAAA,QAC5B,SAAQ;AAAA,QACR,gBAAa;AAAA,QACb,iBAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAGN;"}

package/dist/shared/src/components/TableGridSwitch/TableGridSwitch.styled.cjs.js ADDED Viewed

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ynput/ayon-react-components"),o=require("styled-components"),e=o.div`
+  display: flex;
+  gap: var(--base-gap-small);
+  background-color: var(--md-sys-color-surface-container-high);
+  padding: 2px;
+  border-radius: var(--border-radius-m);
+`,n=o(r.Button)`
+  &.hasIcon {
+    padding: 4px;
+    &:hover:not(.selected) {
+      background-color: var(--md-sys-color-surface-container-highest-hover);
+    }
+  }
+`;exports.ButtonsContainer=e;exports.InnerButton=n;
+//# sourceMappingURL=TableGridSwitch.styled.cjs.js.map

package/dist/shared/src/components/TableGridSwitch/TableGridSwitch.styled.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableGridSwitch.styled.cjs.js","sources":["../../../../../src/components/TableGridSwitch/TableGridSwitch.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ButtonsContainer = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n background-color: var(--md-sys-color-surface-container-high);\n padding: 2px;\n border-radius: var(--border-radius-m);\n`\n\nexport const InnerButton = styled(Button)`\n &.hasIcon {\n padding: 4px;\n &:hover:not(.selected) {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n`\n"],"names":["ButtonsContainer","styled","InnerButton","Button"],"mappings":"+JAGaA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1BC,EAAcD,EAAOE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/TableGridSwitch/TableGridSwitch.styled.es.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { Button as r } from "@ynput/ayon-react-components";
+import o from "styled-components";
+const e = o.div`
+  display: flex;
+  gap: var(--base-gap-small);
+  background-color: var(--md-sys-color-surface-container-high);
+  padding: 2px;
+  border-radius: var(--border-radius-m);
+`, s = o(r)`
+  &.hasIcon {
+    padding: 4px;
+    &:hover:not(.selected) {
+      background-color: var(--md-sys-color-surface-container-highest-hover);
+    }
+  }
+`;
+export {
+  e as ButtonsContainer,
+  s as InnerButton
+};
+//# sourceMappingURL=TableGridSwitch.styled.es.js.map

package/dist/shared/src/components/TableGridSwitch/TableGridSwitch.styled.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableGridSwitch.styled.es.js","sources":["../../../../../src/components/TableGridSwitch/TableGridSwitch.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const ButtonsContainer = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n background-color: var(--md-sys-color-surface-container-high);\n padding: 2px;\n border-radius: var(--border-radius-m);\n`\n\nexport const InnerButton = styled(Button)`\n &.hasIcon {\n padding: 4px;\n &:hover:not(.selected) {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n`\n"],"names":["ButtonsContainer","styled","InnerButton","Button"],"mappings":";;AAGO,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ1BC,IAAcD,EAAOE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.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"),d=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components"),t=require("../../../util/productTypes.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.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/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */const I=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.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("react-markdown");require("remark-emoji");require("remark-gfm");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/CommentInput/quillToMarkdown.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/Feed.styled.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");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/TextWidget.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("../../LinksManager/CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.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/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/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/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const L=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");const O=s.form`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components"),t=require("../../../util/productTypes.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.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/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */const I=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.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("react-markdown");require("remark-emoji");require("remark-gfm");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/CommentInput/quillToMarkdown.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/Feed.styled.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");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/TextWidget.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("../../LinksManager/CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.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/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/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/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const L=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../SortingSetting/SortingSetting.styled.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");const O=s.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: var(--padding-m);\n width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n width: 100%;\n margin: auto;\n\n & > div {\n align-items: start;\n }\n\n input {\n width: 100%;\n }\n`\n\nconst RecommendationNote = styled.div`\n font-size: var(--font-size-xs);\n color: var(--md-sys-color-outline);\n margin-top: var(--base-gap-small);\n line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n background: none;\n border: none;\n color: var(--md-sys-color-primary);\n text-decoration: underline;\n cursor: pointer;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n\n &:hover {\n color: var(--md-sys-color-primary-dark);\n }\n`\n\nconst StyledUpload = styled.div`\n position: relative;\n min-height: 80px;\n`\n\ntype FormData = {\n version: number\n name: string\n productType: string\n}\n\ninterface UploadVersionFormProps {\n formData: FormData\n onChange: (key: keyof FormData, value: string \| number) => void\n onSubmit: (formData: FormData) => void\n hidden?: (keyof FormData)[]\n projectName: string\n minVersion?: number\n versionId?: string \| null\n productId?: string \| null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n formData,\n onChange,\n onSubmit,\n hidden = [],\n projectName,\n minVersion = 1,\n versionId,\n productId,\n}) => {\n const previousProductTypeRef = useRef<string>(formData.productType)\n const dropdownRef = useRef<DropdownRef>(null)\n const formRef = useRef<HTMLFormElement>(null)\n const {\n pendingFiles,\n setPendingFiles,\n onCloseVersionUpload,\n extractAndSetVersionFromFiles,\n dispatch,\n } = useVersionUploadContext()\n\n const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\n\n useEffect(() => {\n // Check if the current name starts with the previous product type name\n const previousProductType = previousProductTypeRef.current\n const previousProductTypeName = productTypes[previousProductType]?.name \|\| ''\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n\n // Only sync if the product type actually changed\n if (formData.productType !== previousProductType && previousProductTypeName) {\n // Check if the current name starts with the previous product type name\n if (formData.name.startsWith(previousProductTypeName)) {\n // Extract the suffix after the previous product type name\n const suffix = formData.name.slice(previousProductTypeName.length)\n // Create the new name with the current product type + suffix\n const newName = currentProductTypeName + suffix\n onChange('name', newName)\n }\n }\n\n // Update the ref to the current product type\n previousProductTypeRef.current = formData.productType\n }, [formData.productType, formData.name, onChange])\n\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n // @ts-expect-error - submitter is not defined in the type\n const submitter = e.nativeEvent.submitter as HTMLButtonElement \| null\n // if the submitter is a button, check it's parent does not have the dropdown class\n if (submitter && submitter.closest('.dropdown')) {\n // if the submitter is a button inside a dropdown, do not submit the form\n return\n }\n\n onSubmit(formData)\n }\n\n const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = parseInt(e.target.value, 10)\n if (!isNaN(value)) {\n onChange('version', value)\n }\n }\n\n const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange('name', e.target.value)\n }\n\n const handleProductTypeChange = (value: string[]) => {\n if (value.length > 0) {\n onChange('productType', value[0])\n // focus the name input after changing product type\n }\n }\n\n const handleApplyPrefix = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n const currentName = formData.name \|\| ''\n\n // Capitalize the first letter of the existing name for camelCase\n const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n const newName = currentProductTypeName + capitalizedName\n onChange('name', newName)\n }\n\n const shouldShowRecommendation = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n return formData.name && !formData.name.startsWith(currentProductTypeName)\n }\n\n // Disable form fields if version has been created\n const isFormSubmitted = Boolean(versionId)\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n // Submit form on Cmd/Ctrl + Enter\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n onSubmit(formData)\n return\n }\n }\n\n return (\n <StyledForm\n id=\"upload-version-form\"\n ref={formRef}\n onSubmit={handleSubmit}\n noValidate\n onKeyDown={handleKeyDown}\n >\n <StyledFormLayout>\n {!hidden.includes('productType') && (\n <FormRow label=\"Product Type\">\n <Dropdown\n ref={dropdownRef}\n options={productTypeOptions}\n value={[formData.productType]}\n onChange={handleProductTypeChange}\n widthExpand\n multiSelect={false}\n aria-label=\"Product Type\"\n search\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n\n {!hidden.includes('name') && (\n <FormRow label=\"Product Name\">\n <div>\n <InputText\n value={formData.name}\n onChange={handleNameChange}\n placeholder=\"Enter product name\"\n minLength={1}\n autoFocus\n aria-label=\"Product Name\"\n aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n disabled={isFormSubmitted}\n />\n {shouldShowRecommendation() && (\n <RecommendationNote id=\"name-recommendation\">\n We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n Apply prefix\n </InlineButton>\n </RecommendationNote>\n )}\n </div>\n </FormRow>\n )}\n\n {!hidden.includes('version') && (\n <FormRow label=\"Version\">\n <InputNumber\n value={formData.version}\n onChange={handleVersionChange}\n min={minVersion}\n step={1}\n aria-label=\"Version Number\"\n autoFocus={hidden.includes('name')}\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n </StyledFormLayout>\n\n <FormRow label=\"Reviewable files\" />\n <StyledUpload>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n dispatch={dispatch}\n pendingFiles={pendingFiles}\n setPendingFiles={setPendingFiles}\n onUpload={onCloseVersionUpload}\n onFilesAdded={extractAndSetVersionFromFiles}\n pt={{\n upload: {\n style: { minHeight: 80 },\n },\n dropzone: {\n style: { inset: 0 },\n },\n }}\n />\n </StyledUpload>\n </StyledForm>\n )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}
1	+ {"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: var(--padding-m);\n width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n width: 100%;\n margin: auto;\n\n & > div {\n align-items: start;\n }\n\n input {\n width: 100%;\n }\n`\n\nconst RecommendationNote = styled.div`\n font-size: var(--font-size-xs);\n color: var(--md-sys-color-outline);\n margin-top: var(--base-gap-small);\n line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n background: none;\n border: none;\n color: var(--md-sys-color-primary);\n text-decoration: underline;\n cursor: pointer;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n\n &:hover {\n color: var(--md-sys-color-primary-dark);\n }\n`\n\nconst StyledUpload = styled.div`\n position: relative;\n min-height: 80px;\n`\n\ntype FormData = {\n version: number\n name: string\n productType: string\n}\n\ninterface UploadVersionFormProps {\n formData: FormData\n onChange: (key: keyof FormData, value: string \| number) => void\n onSubmit: (formData: FormData) => void\n hidden?: (keyof FormData)[]\n projectName: string\n minVersion?: number\n versionId?: string \| null\n productId?: string \| null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n formData,\n onChange,\n onSubmit,\n hidden = [],\n projectName,\n minVersion = 1,\n versionId,\n productId,\n}) => {\n const previousProductTypeRef = useRef<string>(formData.productType)\n const dropdownRef = useRef<DropdownRef>(null)\n const formRef = useRef<HTMLFormElement>(null)\n const {\n pendingFiles,\n setPendingFiles,\n onCloseVersionUpload,\n extractAndSetVersionFromFiles,\n dispatch,\n } = useVersionUploadContext()\n\n const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\n\n useEffect(() => {\n // Check if the current name starts with the previous product type name\n const previousProductType = previousProductTypeRef.current\n const previousProductTypeName = productTypes[previousProductType]?.name \|\| ''\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n\n // Only sync if the product type actually changed\n if (formData.productType !== previousProductType && previousProductTypeName) {\n // Check if the current name starts with the previous product type name\n if (formData.name.startsWith(previousProductTypeName)) {\n // Extract the suffix after the previous product type name\n const suffix = formData.name.slice(previousProductTypeName.length)\n // Create the new name with the current product type + suffix\n const newName = currentProductTypeName + suffix\n onChange('name', newName)\n }\n }\n\n // Update the ref to the current product type\n previousProductTypeRef.current = formData.productType\n }, [formData.productType, formData.name, onChange])\n\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n // @ts-expect-error - submitter is not defined in the type\n const submitter = e.nativeEvent.submitter as HTMLButtonElement \| null\n // if the submitter is a button, check it's parent does not have the dropdown class\n if (submitter && submitter.closest('.dropdown')) {\n // if the submitter is a button inside a dropdown, do not submit the form\n return\n }\n\n onSubmit(formData)\n }\n\n const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = parseInt(e.target.value, 10)\n if (!isNaN(value)) {\n onChange('version', value)\n }\n }\n\n const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange('name', e.target.value)\n }\n\n const handleProductTypeChange = (value: string[]) => {\n if (value.length > 0) {\n onChange('productType', value[0])\n // focus the name input after changing product type\n }\n }\n\n const handleApplyPrefix = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n const currentName = formData.name \|\| ''\n\n // Capitalize the first letter of the existing name for camelCase\n const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n const newName = currentProductTypeName + capitalizedName\n onChange('name', newName)\n }\n\n const shouldShowRecommendation = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n return formData.name && !formData.name.startsWith(currentProductTypeName)\n }\n\n // Disable form fields if version has been created\n const isFormSubmitted = Boolean(versionId)\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n // Submit form on Cmd/Ctrl + Enter\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n onSubmit(formData)\n return\n }\n }\n\n return (\n <StyledForm\n id=\"upload-version-form\"\n ref={formRef}\n onSubmit={handleSubmit}\n noValidate\n onKeyDown={handleKeyDown}\n >\n <StyledFormLayout>\n {!hidden.includes('productType') && (\n <FormRow label=\"Product Type\">\n <Dropdown\n ref={dropdownRef}\n options={productTypeOptions}\n value={[formData.productType]}\n onChange={handleProductTypeChange}\n widthExpand\n multiSelect={false}\n aria-label=\"Product Type\"\n search\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n\n {!hidden.includes('name') && (\n <FormRow label=\"Product Name\">\n <div>\n <InputText\n value={formData.name}\n onChange={handleNameChange}\n placeholder=\"Enter product name\"\n minLength={1}\n autoFocus\n aria-label=\"Product Name\"\n aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n disabled={isFormSubmitted}\n />\n {shouldShowRecommendation() && (\n <RecommendationNote id=\"name-recommendation\">\n We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n Apply prefix\n </InlineButton>\n </RecommendationNote>\n )}\n </div>\n </FormRow>\n )}\n\n {!hidden.includes('version') && (\n <FormRow label=\"Version\">\n <InputNumber\n value={formData.version}\n onChange={handleVersionChange}\n min={minVersion}\n step={1}\n aria-label=\"Version Number\"\n autoFocus={hidden.includes('name')}\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n </StyledFormLayout>\n\n <FormRow label=\"Reviewable files\" />\n <StyledUpload>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n dispatch={dispatch}\n pendingFiles={pendingFiles}\n setPendingFiles={setPendingFiles}\n onUpload={onCloseVersionUpload}\n onFilesAdded={extractAndSetVersionFromFiles}\n pt={{\n upload: {\n style: { minHeight: 80 },\n },\n dropzone: {\n style: { inset: 0 },\n },\n }}\n />\n </StyledUpload>\n </StyledForm>\n )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.es.js CHANGED Viewed

@@ -76,6 +76,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -150,6 +151,7 @@ import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCateg
 import "../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "@tanstack/react-table";
 import "../../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
@@ -164,6 +166,8 @@ import "../../LinksManager/CellEditingDialog.es.js";
 import "../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../LinksManager/LinksManager.styled.es.js";
+import "../../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -210,11 +214,13 @@ import "../../Powerpack/PricingLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
 import "../../Powerpack/RequiredAddonVersion.es.js";
+import "../../SizeSlider/SizeSlider.es.js";
 import "../../SettingsPanel/SettingsPanel.es.js";
 import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../AttributeEditor/components/MinMaxField.es.js";
 import "../../EnumEditor/EnumEditor.styled.es.js";
 import "../../SearchFilter/filterDates.es.js";
+import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../Badge/Badge.es.js";
 import "./UploadVersionDialog.es.js";
 import { useVersionUploadContext as G } from "../context/VersionUploadContext.es.js";
@@ -227,6 +233,10 @@ import "../../ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../AccessUser/AccessUser.es.js";
 import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../TableGridSwitch/TableGridSwitch.es.js";
+import "../../SortingSetting/SortingSetting.styled.es.js";
+import "../../EarlyPreview/EarlyPreview.es.js";
+import "../../LegacyBadge/LegacyBadge.es.js";
 const J = n.form`
   display: flex;
   flex-direction: column;
@@ -265,7 +275,7 @@ const J = n.form`
 `, Y = n.div`
   position: relative;
   min-height: 80px;
-`, lp = ({
+`, Tp = ({
   formData: o,
   onChange: p,
   onSubmit: y,
@@ -407,6 +417,6 @@ const J = n.form`
   );
 };
 export {
-  lp as UploadVersionForm
+  Tp as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: var(--padding-m);\n width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n width: 100%;\n margin: auto;\n\n & > div {\n align-items: start;\n }\n\n input {\n width: 100%;\n }\n`\n\nconst RecommendationNote = styled.div`\n font-size: var(--font-size-xs);\n color: var(--md-sys-color-outline);\n margin-top: var(--base-gap-small);\n line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n background: none;\n border: none;\n color: var(--md-sys-color-primary);\n text-decoration: underline;\n cursor: pointer;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n\n &:hover {\n color: var(--md-sys-color-primary-dark);\n }\n`\n\nconst StyledUpload = styled.div`\n position: relative;\n min-height: 80px;\n`\n\ntype FormData = {\n version: number\n name: string\n productType: string\n}\n\ninterface UploadVersionFormProps {\n formData: FormData\n onChange: (key: keyof FormData, value: string \| number) => void\n onSubmit: (formData: FormData) => void\n hidden?: (keyof FormData)[]\n projectName: string\n minVersion?: number\n versionId?: string \| null\n productId?: string \| null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n formData,\n onChange,\n onSubmit,\n hidden = [],\n projectName,\n minVersion = 1,\n versionId,\n productId,\n}) => {\n const previousProductTypeRef = useRef<string>(formData.productType)\n const dropdownRef = useRef<DropdownRef>(null)\n const formRef = useRef<HTMLFormElement>(null)\n const {\n pendingFiles,\n setPendingFiles,\n onCloseVersionUpload,\n extractAndSetVersionFromFiles,\n dispatch,\n } = useVersionUploadContext()\n\n const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\n\n useEffect(() => {\n // Check if the current name starts with the previous product type name\n const previousProductType = previousProductTypeRef.current\n const previousProductTypeName = productTypes[previousProductType]?.name \|\| ''\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n\n // Only sync if the product type actually changed\n if (formData.productType !== previousProductType && previousProductTypeName) {\n // Check if the current name starts with the previous product type name\n if (formData.name.startsWith(previousProductTypeName)) {\n // Extract the suffix after the previous product type name\n const suffix = formData.name.slice(previousProductTypeName.length)\n // Create the new name with the current product type + suffix\n const newName = currentProductTypeName + suffix\n onChange('name', newName)\n }\n }\n\n // Update the ref to the current product type\n previousProductTypeRef.current = formData.productType\n }, [formData.productType, formData.name, onChange])\n\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n // @ts-expect-error - submitter is not defined in the type\n const submitter = e.nativeEvent.submitter as HTMLButtonElement \| null\n // if the submitter is a button, check it's parent does not have the dropdown class\n if (submitter && submitter.closest('.dropdown')) {\n // if the submitter is a button inside a dropdown, do not submit the form\n return\n }\n\n onSubmit(formData)\n }\n\n const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = parseInt(e.target.value, 10)\n if (!isNaN(value)) {\n onChange('version', value)\n }\n }\n\n const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange('name', e.target.value)\n }\n\n const handleProductTypeChange = (value: string[]) => {\n if (value.length > 0) {\n onChange('productType', value[0])\n // focus the name input after changing product type\n }\n }\n\n const handleApplyPrefix = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n const currentName = formData.name \|\| ''\n\n // Capitalize the first letter of the existing name for camelCase\n const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n const newName = currentProductTypeName + capitalizedName\n onChange('name', newName)\n }\n\n const shouldShowRecommendation = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n return formData.name && !formData.name.startsWith(currentProductTypeName)\n }\n\n // Disable form fields if version has been created\n const isFormSubmitted = Boolean(versionId)\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n // Submit form on Cmd/Ctrl + Enter\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n onSubmit(formData)\n return\n }\n }\n\n return (\n <StyledForm\n id=\"upload-version-form\"\n ref={formRef}\n onSubmit={handleSubmit}\n noValidate\n onKeyDown={handleKeyDown}\n >\n <StyledFormLayout>\n {!hidden.includes('productType') && (\n <FormRow label=\"Product Type\">\n <Dropdown\n ref={dropdownRef}\n options={productTypeOptions}\n value={[formData.productType]}\n onChange={handleProductTypeChange}\n widthExpand\n multiSelect={false}\n aria-label=\"Product Type\"\n search\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n\n {!hidden.includes('name') && (\n <FormRow label=\"Product Name\">\n <div>\n <InputText\n value={formData.name}\n onChange={handleNameChange}\n placeholder=\"Enter product name\"\n minLength={1}\n autoFocus\n aria-label=\"Product Name\"\n aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n disabled={isFormSubmitted}\n />\n {shouldShowRecommendation() && (\n <RecommendationNote id=\"name-recommendation\">\n We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n Apply prefix\n </InlineButton>\n </RecommendationNote>\n )}\n </div>\n </FormRow>\n )}\n\n {!hidden.includes('version') && (\n <FormRow label=\"Version\">\n <InputNumber\n value={formData.version}\n onChange={handleVersionChange}\n min={minVersion}\n step={1}\n aria-label=\"Version Number\"\n autoFocus={hidden.includes('name')}\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n </StyledFormLayout>\n\n <FormRow label=\"Reviewable files\" />\n <StyledUpload>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n dispatch={dispatch}\n pendingFiles={pendingFiles}\n setPendingFiles={setPendingFiles}\n onUpload={onCloseVersionUpload}\n onFilesAdded={extractAndSetVersionFromFiles}\n pt={{\n upload: {\n style: { minHeight: 80 },\n },\n dropzone: {\n style: { inset: 0 },\n },\n }}\n />\n </StyledUpload>\n </StyledForm>\n )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}
1	+ {"version":3,"file":"UploadVersionForm.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: var(--padding-m);\n width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n width: 100%;\n margin: auto;\n\n & > div {\n align-items: start;\n }\n\n input {\n width: 100%;\n }\n`\n\nconst RecommendationNote = styled.div`\n font-size: var(--font-size-xs);\n color: var(--md-sys-color-outline);\n margin-top: var(--base-gap-small);\n line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n background: none;\n border: none;\n color: var(--md-sys-color-primary);\n text-decoration: underline;\n cursor: pointer;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n\n &:hover {\n color: var(--md-sys-color-primary-dark);\n }\n`\n\nconst StyledUpload = styled.div`\n position: relative;\n min-height: 80px;\n`\n\ntype FormData = {\n version: number\n name: string\n productType: string\n}\n\ninterface UploadVersionFormProps {\n formData: FormData\n onChange: (key: keyof FormData, value: string \| number) => void\n onSubmit: (formData: FormData) => void\n hidden?: (keyof FormData)[]\n projectName: string\n minVersion?: number\n versionId?: string \| null\n productId?: string \| null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n formData,\n onChange,\n onSubmit,\n hidden = [],\n projectName,\n minVersion = 1,\n versionId,\n productId,\n}) => {\n const previousProductTypeRef = useRef<string>(formData.productType)\n const dropdownRef = useRef<DropdownRef>(null)\n const formRef = useRef<HTMLFormElement>(null)\n const {\n pendingFiles,\n setPendingFiles,\n onCloseVersionUpload,\n extractAndSetVersionFromFiles,\n dispatch,\n } = useVersionUploadContext()\n\n const productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\n\n useEffect(() => {\n // Check if the current name starts with the previous product type name\n const previousProductType = previousProductTypeRef.current\n const previousProductTypeName = productTypes[previousProductType]?.name \|\| ''\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n\n // Only sync if the product type actually changed\n if (formData.productType !== previousProductType && previousProductTypeName) {\n // Check if the current name starts with the previous product type name\n if (formData.name.startsWith(previousProductTypeName)) {\n // Extract the suffix after the previous product type name\n const suffix = formData.name.slice(previousProductTypeName.length)\n // Create the new name with the current product type + suffix\n const newName = currentProductTypeName + suffix\n onChange('name', newName)\n }\n }\n\n // Update the ref to the current product type\n previousProductTypeRef.current = formData.productType\n }, [formData.productType, formData.name, onChange])\n\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n // @ts-expect-error - submitter is not defined in the type\n const submitter = e.nativeEvent.submitter as HTMLButtonElement \| null\n // if the submitter is a button, check it's parent does not have the dropdown class\n if (submitter && submitter.closest('.dropdown')) {\n // if the submitter is a button inside a dropdown, do not submit the form\n return\n }\n\n onSubmit(formData)\n }\n\n const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = parseInt(e.target.value, 10)\n if (!isNaN(value)) {\n onChange('version', value)\n }\n }\n\n const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange('name', e.target.value)\n }\n\n const handleProductTypeChange = (value: string[]) => {\n if (value.length > 0) {\n onChange('productType', value[0])\n // focus the name input after changing product type\n }\n }\n\n const handleApplyPrefix = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n const currentName = formData.name \|\| ''\n\n // Capitalize the first letter of the existing name for camelCase\n const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n const newName = currentProductTypeName + capitalizedName\n onChange('name', newName)\n }\n\n const shouldShowRecommendation = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n return formData.name && !formData.name.startsWith(currentProductTypeName)\n }\n\n // Disable form fields if version has been created\n const isFormSubmitted = Boolean(versionId)\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n // Submit form on Cmd/Ctrl + Enter\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n onSubmit(formData)\n return\n }\n }\n\n return (\n <StyledForm\n id=\"upload-version-form\"\n ref={formRef}\n onSubmit={handleSubmit}\n noValidate\n onKeyDown={handleKeyDown}\n >\n <StyledFormLayout>\n {!hidden.includes('productType') && (\n <FormRow label=\"Product Type\">\n <Dropdown\n ref={dropdownRef}\n options={productTypeOptions}\n value={[formData.productType]}\n onChange={handleProductTypeChange}\n widthExpand\n multiSelect={false}\n aria-label=\"Product Type\"\n search\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n\n {!hidden.includes('name') && (\n <FormRow label=\"Product Name\">\n <div>\n <InputText\n value={formData.name}\n onChange={handleNameChange}\n placeholder=\"Enter product name\"\n minLength={1}\n autoFocus\n aria-label=\"Product Name\"\n aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n disabled={isFormSubmitted}\n />\n {shouldShowRecommendation() && (\n <RecommendationNote id=\"name-recommendation\">\n We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n Apply prefix\n </InlineButton>\n </RecommendationNote>\n )}\n </div>\n </FormRow>\n )}\n\n {!hidden.includes('version') && (\n <FormRow label=\"Version\">\n <InputNumber\n value={formData.version}\n onChange={handleVersionChange}\n min={minVersion}\n step={1}\n aria-label=\"Version Number\"\n autoFocus={hidden.includes('name')}\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n </StyledFormLayout>\n\n <FormRow label=\"Reviewable files\" />\n <StyledUpload>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n dispatch={dispatch}\n pendingFiles={pendingFiles}\n setPendingFiles={setPendingFiles}\n onUpload={onCloseVersionUpload}\n onFilesAdded={extractAndSetVersionFromFiles}\n pt={{\n upload: {\n style: { minHeight: 80 },\n },\n dropzone: {\n style: { inset: 0 },\n },\n }}\n />\n </StyledUpload>\n </StyledForm>\n )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","e","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../../../../_virtual/jsx-runtime.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/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");const B=require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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");const A=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");const r=require("react"),J=require("../../../util/productTypes.cjs.js");require("lodash");const K=require("react-toastify");require("uuid");const W=require("../../../util/extractVersionFromFilename.cjs.js"),x=require("../../../util/versionUploadHelpers.cjs.js");require("../../../util/pubsub.cjs.js");const H=r.createContext(void 0),l={version:1,name:J.review.name,productType:"review"},X=({children:v,projectName:n,onVersionCreated:w,dispatch:b})=>{const[p,f]=r.useState(""),[t,I]=r.useState(""),[V,g]=r.useState(""),[c,P]=r.useState(!1),[a,F]=r.useState([]),[q,s]=r.useState(l),[U,m]=r.useState(!1),[h,S]=r.useState(""),[k,y]=r.useState(null),[R,T]=r.useState(null),{currentData:o}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!c}),E=r.useCallback(({productId:i,folderId:e,taskId:u})=>{I(i||""),f(e||""),g(u||""),P(!0)},[]),d=r.useCallback(()=>{a.forEach(i=>{i.preview&&URL.revokeObjectURL(i.preview)}),F([]),s(l),y(null),T(null),S(""),m(!1),P(!1),I(""),f(""),g("")},[a]),[G]=B.useCreateProductMutation(),[O]=A.useCreateVersionMutation(),C=r.useCallback(async i=>{console.log("Uploading version with data:",i);try{if(o&&t){const e=await x.createVersionHelper(O,n,{productId:t,version:i.version});return w(t,e.id),{productId:t,versionId:e.id}}else{const{product:e,version:u}=await x.createProductAndVersion(G,O,n,{folderId:p,name:i.name,productType:i.productType||"review"},{version:i.version,taskId:V||void 0});return w(e.id,u.id),K.toast.success("Created new version"),{productId:e.id,versionId:u.id}}}catch(e){throw console.error("Error uploading version:",e),e.message||e}},[d,t,p,V,o,n]),D=r.useCallback(i=>{if(t)return;const e=i[0];if(e){const u=W.extractVersionFromFilename(e.name);u&&u!==q.version&&s(j=>({...j,version:u}))}},[t,q.version]),M=r.useCallback((i,e)=>{s(u=>({...u,[i]:e}))},[]),Q=()=>{const i=x.validateFormData(q,o==null?void 0:o.version,!o);if(!i.isValid)throw i.error},L=r.useCallback(async i=>{try{m(!0),S(""),Q();const e=await C(i);e!=null&&e.productId&&y(e.productId),e!=null&&e.versionId&&T(e.versionId),a.length<1&&(m(!1),d())}catch(e){S(e),m(!1)}},[C,a.length,d]);r.useEffect(()=>{if(c)return s(o?{...l,version:x.getNextVersionNumber(o)}:l),()=>{s(l)}},[c,o]);const $=r.useMemo(()=>({productId:t,setProductId:I,folderId:p,taskId:V,setFolderId:f,isOpen:c,projectName:n,version:t?o:void 0,pendingFiles:a,setPendingFiles:F,onOpenVersionUpload:E,onCloseVersionUpload:d,onUploadVersion:C,extractAndSetVersionFromFiles:D,form:q,setForm:s,isSubmitting:U,error:h,createdProductId:k,createdVersionId:R,handleFormChange:M,handleFormSubmit:L,dispatch:b}),[p,f,t,V,I,c,n,o,a,F,E,d,C,D,q,U,h,k,R,M,L,b]);return z.jsxRuntimeExports.jsx(H.Provider,{value:$,children:v})},Y=()=>{const v=r.useContext(H);if(v===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return v};exports.VersionUploadProvider=X;exports.useVersionUploadContext=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../../../../_virtual/jsx-runtime.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/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/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/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");const B=require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/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");const A=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");const r=require("react"),J=require("../../../util/productTypes.cjs.js");require("lodash");const K=require("react-toastify");require("uuid");const W=require("../../../util/extractVersionFromFilename.cjs.js"),x=require("../../../util/versionUploadHelpers.cjs.js");require("../../../util/pubsub.cjs.js");const H=r.createContext(void 0),l={version:1,name:J.review.name,productType:"review"},X=({children:v,projectName:n,onVersionCreated:w,dispatch:b})=>{const[p,f]=r.useState(""),[t,I]=r.useState(""),[V,g]=r.useState(""),[q,P]=r.useState(!1),[a,F]=r.useState([]),[c,s]=r.useState(l),[U,m]=r.useState(!1),[h,S]=r.useState(""),[k,y]=r.useState(null),[R,T]=r.useState(null),{currentData:u}=A.useGetLatestProductVersionQuery({projectName:n,productId:t},{skip:!t||!q}),E=r.useCallback(({productId:i,folderId:e,taskId:o})=>{I(i||""),f(e||""),g(o||""),P(!0)},[]),d=r.useCallback(()=>{a.forEach(i=>{i.preview&&URL.revokeObjectURL(i.preview)}),F([]),s(l),y(null),T(null),S(""),m(!1),P(!1),I(""),f(""),g("")},[a]),[G]=B.useCreateProductMutation(),[O]=A.useCreateVersionMutation(),C=r.useCallback(async i=>{console.log("Uploading version with data:",i);try{if(u&&t){const e=await x.createVersionHelper(O,n,{productId:t,version:i.version});return w(t,e.id),{productId:t,versionId:e.id}}else{const{product:e,version:o}=await x.createProductAndVersion(G,O,n,{folderId:p,name:i.name,productType:i.productType||"review"},{version:i.version,taskId:V||void 0});return w(e.id,o.id),K.toast.success("Created new version"),{productId:e.id,versionId:o.id}}}catch(e){throw console.error("Error uploading version:",e),e.message||e}},[d,t,p,V,u,n]),D=r.useCallback(i=>{if(t)return;const e=i[0];if(e){const o=W.extractVersionFromFilename(e.name);o&&o!==c.version&&s(j=>({...j,version:o}))}},[t,c.version]),M=r.useCallback((i,e)=>{s(o=>({...o,[i]:e}))},[]),Q=()=>{const i=x.validateFormData(c,u==null?void 0:u.version,!u);if(!i.isValid)throw i.error},L=r.useCallback(async i=>{try{m(!0),S(""),Q();const e=await C(i);e!=null&&e.productId&&y(e.productId),e!=null&&e.versionId&&T(e.versionId),a.length<1&&(m(!1),d())}catch(e){S(e),m(!1)}},[C,a.length,d]);r.useEffect(()=>{if(q)return s(u?{...l,version:x.getNextVersionNumber(u)}:l),()=>{s(l)}},[q,u]);const $=r.useMemo(()=>({productId:t,setProductId:I,folderId:p,taskId:V,setFolderId:f,isOpen:q,projectName:n,version:t?u:void 0,pendingFiles:a,setPendingFiles:F,onOpenVersionUpload:E,onCloseVersionUpload:d,onUploadVersion:C,extractAndSetVersionFromFiles:D,form:c,setForm:s,isSubmitting:U,error:h,createdProductId:k,createdVersionId:R,handleFormChange:M,handleFormSubmit:L,dispatch:b}),[p,f,t,V,I,q,n,u,a,F,E,d,C,D,c,U,h,k,R,M,L,b]);return z.jsxRuntimeExports.jsx(H.Provider,{value:$,children:v})},Y=()=>{const v=r.useContext(H);if(v===void 0)throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");return v};exports.VersionUploadProvider=X;exports.useVersionUploadContext=Y;
 //# sourceMappingURL=VersionUploadContext.cjs.js.map

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VersionUploadContext.cjs.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n GetLatestVersionResult,\n useCreateVersionMutation,\n useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n createContext,\n useContext,\n useState,\n ReactNode,\n useMemo,\n useCallback,\n useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/util'\nimport { productTypes } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n validateFormData as validateFormDataHelper,\n createProductAndVersion,\n createVersionHelper,\n handleUploadError,\n getNextVersionNumber,\n type ProductCreationData,\n type VersionCreationData,\n} from '@shared/util/versionUploadHelpers'\n\nexport interface FormData {\n version: number\n name: string\n productType: string\n}\ninterface VersionUploadContextType {\n productId: string\n folderId: string\n taskId: string\n setProductId: (productId: string) => void\n setFolderId: (folderId: string) => void\n isOpen: boolean\n projectName: string\n version: GetLatestVersionResult \| undefined\n pendingFiles: Array<{ file: File; preview?: string }>\n setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n extractAndSetVersionFromFiles: (files: File[]) => void\n form: FormData\n setForm: React.Dispatch<React.SetStateAction<FormData>>\n isSubmitting: boolean\n error: string\n createdProductId: string \| null\n createdVersionId: string \| null\n onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n onCloseVersionUpload: () => void\n onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n handleFormChange: (key: keyof FormData, value: string \| number) => void\n handleFormSubmit: (formData: FormData) => Promise<void>\n // pass through\n dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType \| undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n children: ReactNode\n projectName: string\n onVersionCreated: (productId: string, versionId: string) => void\n dispatch: any\n}\n\nconst defaultFormData: FormData = {\n version: 1,\n name: productTypes.review.name,\n productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n children,\n projectName,\n onVersionCreated,\n dispatch,\n}) => {\n const [folderId, setFolderId] = useState<string>('')\n const [productId, setProductId] = useState<string>('')\n // optional taskId to link the version to\n const [taskId, setTaskId] = useState<string>('')\n const [isOpen, setIsOpen] = useState<boolean>(false)\n const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n const [form, setForm] = useState<FormData>(defaultFormData)\n const [isSubmitting, setIsSubmitting] = useState(false)\n const [error, setError] = useState<string>('')\n const [createdProductId, setCreatedProductId] = useState<string \| null>(null)\n const [createdVersionId, setCreatedVersionId] = useState<string \| null>(null)\n\n const { currentData: version } = useGetLatestProductVersionQuery(\n {\n projectName,\n productId,\n },\n { skip: !productId \|\| !isOpen },\n )\n\n const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n ({ productId, folderId, taskId }) => {\n setProductId(productId \|\| '')\n setFolderId(folderId \|\| '')\n setTaskId(taskId \|\| '')\n setIsOpen(true)\n },\n [],\n )\n\n const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n // Clean up pending files\n pendingFiles.forEach((item) => {\n if (item.preview) {\n URL.revokeObjectURL(item.preview)\n }\n })\n setPendingFiles([])\n setForm(defaultFormData)\n setCreatedProductId(null)\n setCreatedVersionId(null)\n setError('')\n setIsSubmitting(false)\n setIsOpen(false)\n setProductId('')\n setFolderId('')\n setTaskId('')\n }, [pendingFiles])\n\n const [createProduct] = useCreateProductMutation()\n const [createVersion] = useCreateVersionMutation()\n\n const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n async (data: FormData) => {\n console.log('Uploading version with data:', data)\n try {\n if (version && productId) {\n // product already exists, create new version for it\n const versionRes = await createVersionHelper(createVersion, projectName, {\n productId,\n version: data.version,\n })\n\n // select the new version\n onVersionCreated(productId, versionRes.id)\n\n return {\n productId,\n versionId: versionRes.id,\n }\n } else {\n // product does not exist, create new product with version\n const { product: productRes, version: versionRes } = await createProductAndVersion(\n createProduct,\n createVersion,\n projectName,\n {\n folderId,\n name: data.name,\n productType: data.productType \|\| 'review',\n },\n {\n version: data.version,\n taskId: taskId \|\| undefined,\n },\n )\n\n // select the new product and version\n onVersionCreated(productRes.id, versionRes.id)\n\n toast.success('Created new version')\n\n return {\n productId: productRes.id,\n versionId: versionRes.id,\n }\n }\n } catch (error: any) {\n console.error('Error uploading version:', error)\n throw error.message \|\| error\n }\n },\n [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n )\n\n const extractAndSetVersionFromFiles = useCallback(\n (files: File[]) => {\n // Only extract version if we don't already have a product (new product workflow)\n if (productId) return\n\n // Try to extract version from the first file\n const firstFile = files[0]\n if (firstFile) {\n const extractedVersion = extractVersionFromFilename(firstFile.name)\n if (extractedVersion && extractedVersion !== form.version) {\n setForm((prev) => ({\n ...prev,\n version: extractedVersion,\n }))\n }\n }\n },\n [productId, form.version],\n )\n\n // Handle form changes\n const handleFormChange = useCallback((key: keyof FormData, value: string \| number) => {\n setForm((prev) => ({\n ...prev,\n [key]: value,\n }))\n }, [])\n\n const validateFormData = () => {\n const validation = validateFormDataHelper(form, version?.version, !version)\n if (!validation.isValid) {\n throw validation.error\n }\n }\n\n // Handle form submission\n const handleFormSubmit = useCallback(\n async (formData: FormData) => {\n try {\n setIsSubmitting(true)\n setError('')\n\n // validate the form data\n validateFormData()\n\n const response = await onUploadVersion(formData)\n\n // Extract productId and versionId from response\n if (response?.productId) {\n setCreatedProductId(response.productId)\n }\n if (response?.versionId) {\n setCreatedVersionId(response.versionId)\n }\n\n if (pendingFiles.length < 1) {\n setIsSubmitting(false)\n onCloseVersionUpload()\n }\n } catch (error: any) {\n setError(error)\n setIsSubmitting(false)\n }\n },\n [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n )\n\n // Update form when version data changes\n useEffect(() => {\n if (!isOpen) return\n\n if (version) {\n setForm({\n ...defaultFormData,\n version: getNextVersionNumber(version),\n })\n } else {\n setForm(defaultFormData)\n }\n\n return () => {\n setForm(defaultFormData)\n }\n }, [isOpen, version])\n\n const value = useMemo(\n () => ({\n productId,\n setProductId,\n folderId,\n taskId,\n setFolderId,\n isOpen,\n projectName,\n version: productId ? version : undefined,\n pendingFiles,\n setPendingFiles,\n onOpenVersionUpload,\n onCloseVersionUpload,\n onUploadVersion,\n extractAndSetVersionFromFiles,\n form,\n setForm,\n isSubmitting,\n error,\n createdProductId,\n createdVersionId,\n handleFormChange,\n handleFormSubmit,\n dispatch,\n }),\n [\n folderId,\n setFolderId,\n productId,\n taskId,\n setProductId,\n isOpen,\n projectName,\n version,\n pendingFiles,\n setPendingFiles,\n onOpenVersionUpload,\n onCloseVersionUpload,\n onUploadVersion,\n extractAndSetVersionFromFiles,\n form,\n isSubmitting,\n error,\n createdProductId,\n createdVersionId,\n handleFormChange,\n handleFormSubmit,\n dispatch,\n ],\n )\n\n return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n const context = useContext(VersionUploadContext)\n if (context === undefined) {\n throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n }\n return context\n}\n"],"names":["VersionUploadContext","createContext","defaultFormData","productTypes","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":"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"}
1	+ {"version":3,"file":"VersionUploadContext.cjs.js","sources":["../../../../../../src/components/VersionUploader/context/VersionUploadContext.tsx"],"sourcesContent":["import {\n GetLatestVersionResult,\n useCreateVersionMutation,\n useGetLatestProductVersionQuery,\n} from '@shared/api'\nimport React, {\n createContext,\n useContext,\n useState,\n ReactNode,\n useMemo,\n useCallback,\n useEffect,\n} from 'react'\nimport { useCreateProductMutation } from '@shared/api'\nimport { extractVersionFromFilename } from '@shared/util'\nimport { productTypes } from '@shared/util'\nimport { toast } from 'react-toastify'\nimport {\n validateFormData as validateFormDataHelper,\n createProductAndVersion,\n createVersionHelper,\n handleUploadError,\n getNextVersionNumber,\n type ProductCreationData,\n type VersionCreationData,\n} from '@shared/util/versionUploadHelpers'\n\nexport interface FormData {\n version: number\n name: string\n productType: string\n}\ninterface VersionUploadContextType {\n productId: string\n folderId: string\n taskId: string\n setProductId: (productId: string) => void\n setFolderId: (folderId: string) => void\n isOpen: boolean\n projectName: string\n version: GetLatestVersionResult \| undefined\n pendingFiles: Array<{ file: File; preview?: string }>\n setPendingFiles: React.Dispatch<React.SetStateAction<Array<{ file: File; preview?: string }>>>\n extractAndSetVersionFromFiles: (files: File[]) => void\n form: FormData\n setForm: React.Dispatch<React.SetStateAction<FormData>>\n isSubmitting: boolean\n error: string\n createdProductId: string \| null\n createdVersionId: string \| null\n onOpenVersionUpload: (params: { productId?: string; folderId?: string; taskId?: string }) => void\n onCloseVersionUpload: () => void\n onUploadVersion: (data: FormData) => Promise<{ productId: string; versionId: string }>\n handleFormChange: (key: keyof FormData, value: string \| number) => void\n handleFormSubmit: (formData: FormData) => Promise<void>\n // pass through\n dispatch: any\n}\n\nconst VersionUploadContext = createContext<VersionUploadContextType \| undefined>(undefined)\n\ninterface VersionUploadProviderProps {\n children: ReactNode\n projectName: string\n onVersionCreated: (productId: string, versionId: string) => void\n dispatch: any\n}\n\nconst defaultFormData: FormData = {\n version: 1,\n name: productTypes.review.name,\n productType: 'review',\n}\n\nexport const VersionUploadProvider: React.FC<VersionUploadProviderProps> = ({\n children,\n projectName,\n onVersionCreated,\n dispatch,\n}) => {\n const [folderId, setFolderId] = useState<string>('')\n const [productId, setProductId] = useState<string>('')\n // optional taskId to link the version to\n const [taskId, setTaskId] = useState<string>('')\n const [isOpen, setIsOpen] = useState<boolean>(false)\n const [pendingFiles, setPendingFiles] = useState<Array<{ file: File; preview?: string }>>([])\n const [form, setForm] = useState<FormData>(defaultFormData)\n const [isSubmitting, setIsSubmitting] = useState(false)\n const [error, setError] = useState<string>('')\n const [createdProductId, setCreatedProductId] = useState<string \| null>(null)\n const [createdVersionId, setCreatedVersionId] = useState<string \| null>(null)\n\n const { currentData: version } = useGetLatestProductVersionQuery(\n {\n projectName,\n productId,\n },\n { skip: !productId \|\| !isOpen },\n )\n\n const onOpenVersionUpload = useCallback<VersionUploadContextType['onOpenVersionUpload']>(\n ({ productId, folderId, taskId }) => {\n setProductId(productId \|\| '')\n setFolderId(folderId \|\| '')\n setTaskId(taskId \|\| '')\n setIsOpen(true)\n },\n [],\n )\n\n const onCloseVersionUpload = useCallback<VersionUploadContextType['onCloseVersionUpload']>(() => {\n // Clean up pending files\n pendingFiles.forEach((item) => {\n if (item.preview) {\n URL.revokeObjectURL(item.preview)\n }\n })\n setPendingFiles([])\n setForm(defaultFormData)\n setCreatedProductId(null)\n setCreatedVersionId(null)\n setError('')\n setIsSubmitting(false)\n setIsOpen(false)\n setProductId('')\n setFolderId('')\n setTaskId('')\n }, [pendingFiles])\n\n const [createProduct] = useCreateProductMutation()\n const [createVersion] = useCreateVersionMutation()\n\n const onUploadVersion = useCallback<VersionUploadContextType['onUploadVersion']>(\n async (data: FormData) => {\n console.log('Uploading version with data:', data)\n try {\n if (version && productId) {\n // product already exists, create new version for it\n const versionRes = await createVersionHelper(createVersion, projectName, {\n productId,\n version: data.version,\n })\n\n // select the new version\n onVersionCreated(productId, versionRes.id)\n\n return {\n productId,\n versionId: versionRes.id,\n }\n } else {\n // product does not exist, create new product with version\n const { product: productRes, version: versionRes } = await createProductAndVersion(\n createProduct,\n createVersion,\n projectName,\n {\n folderId,\n name: data.name,\n productType: data.productType \|\| 'review',\n },\n {\n version: data.version,\n taskId: taskId \|\| undefined,\n },\n )\n\n // select the new product and version\n onVersionCreated(productRes.id, versionRes.id)\n\n toast.success('Created new version')\n\n return {\n productId: productRes.id,\n versionId: versionRes.id,\n }\n }\n } catch (error: any) {\n console.error('Error uploading version:', error)\n throw error.message \|\| error\n }\n },\n [onCloseVersionUpload, productId, folderId, taskId, version, projectName],\n )\n\n const extractAndSetVersionFromFiles = useCallback(\n (files: File[]) => {\n // Only extract version if we don't already have a product (new product workflow)\n if (productId) return\n\n // Try to extract version from the first file\n const firstFile = files[0]\n if (firstFile) {\n const extractedVersion = extractVersionFromFilename(firstFile.name)\n if (extractedVersion && extractedVersion !== form.version) {\n setForm((prev) => ({\n ...prev,\n version: extractedVersion,\n }))\n }\n }\n },\n [productId, form.version],\n )\n\n // Handle form changes\n const handleFormChange = useCallback((key: keyof FormData, value: string \| number) => {\n setForm((prev) => ({\n ...prev,\n [key]: value,\n }))\n }, [])\n\n const validateFormData = () => {\n const validation = validateFormDataHelper(form, version?.version, !version)\n if (!validation.isValid) {\n throw validation.error\n }\n }\n\n // Handle form submission\n const handleFormSubmit = useCallback(\n async (formData: FormData) => {\n try {\n setIsSubmitting(true)\n setError('')\n\n // validate the form data\n validateFormData()\n\n const response = await onUploadVersion(formData)\n\n // Extract productId and versionId from response\n if (response?.productId) {\n setCreatedProductId(response.productId)\n }\n if (response?.versionId) {\n setCreatedVersionId(response.versionId)\n }\n\n if (pendingFiles.length < 1) {\n setIsSubmitting(false)\n onCloseVersionUpload()\n }\n } catch (error: any) {\n setError(error)\n setIsSubmitting(false)\n }\n },\n [onUploadVersion, pendingFiles.length, onCloseVersionUpload],\n )\n\n // Update form when version data changes\n useEffect(() => {\n if (!isOpen) return\n\n if (version) {\n setForm({\n ...defaultFormData,\n version: getNextVersionNumber(version),\n })\n } else {\n setForm(defaultFormData)\n }\n\n return () => {\n setForm(defaultFormData)\n }\n }, [isOpen, version])\n\n const value = useMemo(\n () => ({\n productId,\n setProductId,\n folderId,\n taskId,\n setFolderId,\n isOpen,\n projectName,\n version: productId ? version : undefined,\n pendingFiles,\n setPendingFiles,\n onOpenVersionUpload,\n onCloseVersionUpload,\n onUploadVersion,\n extractAndSetVersionFromFiles,\n form,\n setForm,\n isSubmitting,\n error,\n createdProductId,\n createdVersionId,\n handleFormChange,\n handleFormSubmit,\n dispatch,\n }),\n [\n folderId,\n setFolderId,\n productId,\n taskId,\n setProductId,\n isOpen,\n projectName,\n version,\n pendingFiles,\n setPendingFiles,\n onOpenVersionUpload,\n onCloseVersionUpload,\n onUploadVersion,\n extractAndSetVersionFromFiles,\n form,\n isSubmitting,\n error,\n createdProductId,\n createdVersionId,\n handleFormChange,\n handleFormSubmit,\n dispatch,\n ],\n )\n\n return <VersionUploadContext.Provider value={value}>{children}</VersionUploadContext.Provider>\n}\n\nexport const useVersionUploadContext = (): VersionUploadContextType => {\n const context = useContext(VersionUploadContext)\n if (context === undefined) {\n throw new Error('useVersionUploadContext must be used within a VersionUploadProvider')\n }\n return context\n}\n"],"names":["VersionUploadContext","createContext","defaultFormData","productTypes","VersionUploadProvider","children","projectName","onVersionCreated","dispatch","folderId","setFolderId","useState","productId","setProductId","taskId","setTaskId","isOpen","setIsOpen","pendingFiles","setPendingFiles","form","setForm","isSubmitting","setIsSubmitting","error","setError","createdProductId","setCreatedProductId","createdVersionId","setCreatedVersionId","version","useGetLatestProductVersionQuery","onOpenVersionUpload","useCallback","onCloseVersionUpload","item","createProduct","useCreateProductMutation","createVersion","useCreateVersionMutation","onUploadVersion","data","versionRes","createVersionHelper","productRes","createProductAndVersion","toast","extractAndSetVersionFromFiles","files","firstFile","extractedVersion","extractVersionFromFilename","prev","handleFormChange","key","value","validateFormData","validation","validateFormDataHelper","handleFormSubmit","formData","response","useEffect","getNextVersionNumber","useMemo","jsx","useVersionUploadContext","context","useContext"],"mappings":"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"}

package/dist/shared/src/components/VersionUploader/context/VersionUploadContext.es.js CHANGED Viewed

@@ -64,6 +64,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import { useCreateProductMutation as B } from "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -92,7 +93,7 @@ const G = W(void 0), l = {
   version: 1,
   name: _.review.name,
   productType: "review"
-}, $r = ({
+}, qr = ({
   children: v,
   projectName: p,
   onVersionCreated: C,
@@ -246,14 +247,14 @@ const G = W(void 0), l = {
     ]
   );
   return /* @__PURE__ */ z.jsx(G.Provider, { value: $, children: v });
-}, qr = () => {
+}, zr = () => {
   const v = Z(G);
   if (v === void 0)
     throw new Error("useVersionUploadContext must be used within a VersionUploadProvider");
   return v;
 };
 export {
-  $r as VersionUploadProvider,
-  qr as useVersionUploadContext
+  qr as VersionUploadProvider,
+  zr as useVersionUploadContext
 };
 //# sourceMappingURL=VersionUploadContext.es.js.map