@ynput/ayon-frontend-shared 0.3.18 → 0.3.21

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.es.js

@@ -1,50 +1,315 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
 import { Dialog as y, FormRow as C, InputText as E, Button as x } from "@ynput/ayon-react-components";
 import { camelCase as D, upperFirst as R } from "lodash";
 import { useRef as h, useState as N, useEffect as g } from "react";
-const f = "review", P = (a) => {
-  if (!a) return "";
-  const n = a.name.replace(/\.[^/.]+$/, ""), s = D(n), l = R(s);
-  return `${f}${l}`;
-}, F = ({
-  files: a,
-  isOpen: n,
-  onCancel: s,
-  onSubmit: l
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/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/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/users/guests.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../AccessUser/AccessUser.es.js";
+import "clsx";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../Badge/Badge.es.js";
+import "../Chips/Chips.es.js";
+import "date-fns";
+import "../DateRangePicker/DateRangePicker.styled.es.js";
+import "../LinksManager/CellEditingDialog.es.js";
+import "react-toastify";
+import "../../../../_virtual/index.es.js";
+import "../../../../node_modules/refractor/lib/common.es.js";
+import "../../../../node_modules/refractor/lib/all.es.js";
+/* empty css                                                                              */
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                               */
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/SubtasksModulesContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContext.es.js";
+import "../../context/UriContext.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "rehype-raw";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.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/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "short-uuid";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../containers/Slicer/components/Slicer.es.js";
+import "../../containers/Slicer/context/SlicerContext.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/context/ViewsContext.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "./EntityPanelUploader.styled.es.js";
+import "axios";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
+import "../Powerpack/CTAButton.es.js";
+import "../Powerpack/RequiredAddonVersion.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../SizeSlider/SizeSlider.es.js";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../SettingsPanel/SettingsPanel.es.js";
+import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../ShareOptionIcon/ShareOptionIcon.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Watchers/Watchers.es.js";
+import "../Menu/Menu.styled.es.js";
+import "../Menu/MenuItem.es.js";
+import "../ReviewablesSelector/ReviewablesSelector.styled.es.js";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import { parseFilename as P } from "../ReviewablesList/useReviewablesUpload.es.js";
+const u = "review", k = (m) => {
+  if (!m) return "";
+  const i = P(m.name).replace(/\.[^/.]+$/, ""), p = D(i), e = R(p);
+  return `${u}${e}`;
+}, Fm = ({
+  files: m,
+  isOpen: i,
+  onCancel: p,
+  onSubmit: e
 }) => {
-  const o = P(a?.[0]), c = h(null), i = h(!1), [t, u] = N(o);
+  const n = k(m?.[0]), a = h(null), s = h(!1), [r, l] = N(n);
   g(() => {
-    u(o), i.current = !1;
-  }, [o]), g(() => {
-    if (n && c.current && t.startsWith(f) && !i.current) {
-      c.current.focus();
-      const e = f.length, v = t.length;
-      c.current.setSelectionRange(e, v), i.current = !0;
-    } else n || (i.current = !1);
-  }, [n, t]);
-  const m = () => {
-    t.trim() && l && l(t.trim());
-  }, d = () => {
-    u(o), s && s();
-  }, p = t.trim().length > 0, j = /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
-    /* @__PURE__ */ r.jsx(x, { variant: "text", onClick: d, children: "Cancel" }),
-    /* @__PURE__ */ r.jsx(x, { variant: "filled", onClick: m, disabled: !p, children: "Upload" })
+    l(n), s.current = !1;
+  }, [n]), g(() => {
+    if (i && a.current && r.startsWith(u) && !s.current) {
+      a.current.focus();
+      const t = u.length, v = r.length;
+      a.current.setSelectionRange(t, v), s.current = !0;
+    } else i || (s.current = !1);
+  }, [i, r]);
+  const d = () => {
+    r.trim() && e && e(r.trim());
+  }, c = () => {
+    l(n), p && p();
+  }, f = r.trim().length > 0, j = /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+    /* @__PURE__ */ o.jsx(x, { variant: "text", onClick: c, children: "Cancel" }),
+    /* @__PURE__ */ o.jsx(x, { variant: "filled", onClick: d, disabled: !f, children: "Upload" })
   ] });
-  return /* @__PURE__ */ r.jsx(y, { isOpen: n, onClose: d, header: "Upload Entity", footer: j, size: "sm", children: /* @__PURE__ */ r.jsx("div", { style: { padding: "16px 0" }, children: /* @__PURE__ */ r.jsx(C, { label: "Product Name", children: /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ o.jsx(y, { isOpen: i, onClose: c, header: "Upload Entity", footer: j, size: "sm", children: /* @__PURE__ */ o.jsx("div", { style: { padding: "16px 0" }, children: /* @__PURE__ */ o.jsx(C, { label: "Product Name", children: /* @__PURE__ */ o.jsx(
     E,
     {
-      ref: c,
+      ref: a,
       placeholder: "Enter product name...",
-      value: t,
-      onChange: (e) => u(e.target.value),
+      value: r,
+      onChange: (t) => l(t.target.value),
       autoFocus: !0,
-      onKeyDown: (e) => {
-        e.key === "Enter" && p ? (e.preventDefault(), m()) : e.key === "Escape" && (e.preventDefault(), d());
+      onKeyDown: (t) => {
+        t.key === "Enter" && f ? (t.preventDefault(), d()) : t.key === "Escape" && (t.preventDefault(), c());
       }
     }
   ) }) }) });
 };
 export {
-  F as default
+  Fm as default
 };
 //# sourceMappingURL=EntityPanelUploaderDialog.es.js.map

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPanelUploaderDialog.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploaderDialog.tsx"],"sourcesContent":["// A dialog to ask the user to name their new upload uploaded version (naming the product)\n// by default we can take the file name\n\nimport { Dialog, InputText, Button, FormRow } from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { FC, useState, useEffect, useRef } from 'react'\n\nconst prefix = 'review'\nconst buildDefaultName = (file?: File | null) => {\n  // remove file extension\n  // convert to camelCase\n  // first letter to uppercase\n  // prefix with \"review\"\n  if (!file) return ''\n  const name = file.name.replace(/\\.[^/.]+$/, '') // remove file extension\n  const camelCaseName = camelCase(name)\n  const pascalCaseName = upperFirst(camelCaseName)\n  return `${prefix}${pascalCaseName}`\n}\n\ninterface EntityPanelUploaderDialogProps {\n  files: FileList | null // used to determine the default product name\n  isOpen: boolean\n  defaultProductName?: string\n  onCancel?: () => void\n  onSubmit?: (productName: string) => void\n}\n\nconst EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps> = ({\n  files,\n  isOpen,\n  onCancel,\n  onSubmit,\n}) => {\n  // Build default product name from the first file\n  const defaultProductName = buildDefaultName(files?.[0])\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hasSelectedRef = useRef(false)\n\n  const [product, setProduct] = useState(defaultProductName)\n\n  // Update state when defaultProductName changes\n  useEffect(() => {\n    setProduct(defaultProductName)\n    hasSelectedRef.current = false // Reset selection flag when product name changes\n  }, [defaultProductName])\n\n  // Select the filename part (excluding \"review\" prefix) when dialog opens - only once\n  useEffect(() => {\n    if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {\n      // Focus the input first\n      inputRef.current.focus()\n      // Then select just the filename part (after \"review\")\n      const selectionStart = prefix.length\n      const selectionEnd = product.length\n      inputRef.current.setSelectionRange(selectionStart, selectionEnd)\n      hasSelectedRef.current = true // Mark as selected to prevent re-selection\n    } else if (!isOpen) {\n      hasSelectedRef.current = false // Reset when dialog closes\n    }\n  }, [isOpen, product])\n\n  const handleSubmit = () => {\n    if (product.trim() && onSubmit) {\n      onSubmit(product.trim())\n    }\n  }\n\n  const handleCancel = () => {\n    setProduct(defaultProductName)\n    if (onCancel) {\n      onCancel()\n    }\n  }\n\n  const isValidProduct = product.trim().length > 0\n\n  const footer = (\n    <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n      <Button variant=\"text\" onClick={handleCancel}>\n        Cancel\n      </Button>\n      <Button variant=\"filled\" onClick={handleSubmit} disabled={!isValidProduct}>\n        Upload\n      </Button>\n    </div>\n  )\n\n  return (\n    <Dialog isOpen={isOpen} onClose={handleCancel} header=\"Upload Entity\" footer={footer} size=\"sm\">\n      <div style={{ padding: '16px 0' }}>\n        <FormRow label=\"Product Name\">\n          <InputText\n            ref={inputRef}\n            placeholder=\"Enter product name...\"\n            value={product}\n            onChange={(e) => setProduct(e.target.value)}\n            autoFocus\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && isValidProduct) {\n                e.preventDefault()\n                handleSubmit()\n              } else if (e.key === 'Escape') {\n                e.preventDefault()\n                handleCancel()\n              }\n            }}\n          />\n        </FormRow>\n      </div>\n    </Dialog>\n  )\n}\n\nexport default EntityPanelUploaderDialog\n"],"names":["prefix","buildDefaultName","file","name","camelCaseName","camelCase","pascalCaseName","upperFirst","EntityPanelUploaderDialog","files","isOpen","onCancel","onSubmit","defaultProductName","inputRef","useRef","hasSelectedRef","product","setProduct","useState","useEffect","selectionStart","selectionEnd","handleSubmit","handleCancel","isValidProduct","footer","jsxs","jsx","Button","Dialog","FormRow","InputText"],"mappings":";;;;AAOA,MAAMA,IAAS,UACTC,IAAmB,CAACC,MAAuB;AAK/C,MAAI,CAACA,EAAM,QAAO;AAClB,QAAMC,IAAOD,EAAK,KAAK,QAAQ,aAAa,EAAE,GACxCE,IAAgBC,EAAUF,CAAI,GAC9BG,IAAiBC,EAAWH,CAAa;AAC/C,SAAO,GAAGJ,CAAM,GAAGM,CAAc;AACnC,GAUME,IAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AAEJ,QAAMC,IAAqBZ,EAAiBQ,IAAQ,CAAC,CAAC,GAChDK,IAAWC,EAAyB,IAAI,GACxCC,IAAiBD,EAAO,EAAK,GAE7B,CAACE,GAASC,CAAU,IAAIC,EAASN,CAAkB;AAGzD,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAWL,CAAkB,GAC7BG,EAAe,UAAU;AAAA,EAC3B,GAAG,CAACH,CAAkB,CAAC,GAGvBO,EAAU,MAAM;AACd,QAAIV,KAAUI,EAAS,WAAWG,EAAQ,WAAWjB,CAAM,KAAK,CAACgB,EAAe,SAAS;AAEvF,MAAAF,EAAS,QAAQ,MAAA;AAEjB,YAAMO,IAAiBrB,EAAO,QACxBsB,IAAeL,EAAQ;AAC7B,MAAAH,EAAS,QAAQ,kBAAkBO,GAAgBC,CAAY,GAC/DN,EAAe,UAAU;AAAA,IAC3B,MAAA,CAAYN,MACVM,EAAe,UAAU;AAAA,EAE7B,GAAG,CAACN,GAAQO,CAAO,CAAC;AAEpB,QAAMM,IAAe,MAAM;AACzB,IAAIN,EAAQ,KAAA,KAAUL,KACpBA,EAASK,EAAQ,MAAM;AAAA,EAE3B,GAEMO,IAAe,MAAM;AACzB,IAAAN,EAAWL,CAAkB,GACzBF,KACFA,EAAA;AAAA,EAEJ,GAEMc,IAAiBR,EAAQ,KAAA,EAAO,SAAS,GAEzCS,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,WAAA,GACzD,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GAAA,EAAO,SAAQ,QAAO,SAASL,GAAc,UAAA,UAE9C;AAAA,IACAI,gBAAAA,EAAAA,IAACC,KAAO,SAAQ,UAAS,SAASN,GAAc,UAAU,CAACE,GAAgB,UAAA,SAAA,CAE3E;AAAA,EAAA,GACF;AAGF,SACEG,gBAAAA,MAACE,KAAO,QAAApB,GAAgB,SAASc,GAAc,QAAO,iBAAgB,QAAAE,GAAgB,MAAK,MACzF,gCAAC,OAAA,EAAI,OAAO,EAAE,SAAS,SAAA,GACrB,UAAAE,gBAAAA,EAAAA,IAACG,GAAA,EAAQ,OAAM,gBACb,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,aAAY;AAAA,MACZ,OAAOG;AAAA,MACP,UAAU,CAAC,MAAMC,EAAW,EAAE,OAAO,KAAK;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAWO,KACvB,EAAE,eAAA,GACFF,EAAA,KACS,EAAE,QAAQ,aACnB,EAAE,eAAA,GACFC,EAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"EntityPanelUploaderDialog.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploaderDialog.tsx"],"sourcesContent":["// A dialog to ask the user to name their new upload uploaded version (naming the product)\n// by default we can take the file name\n\nimport { Dialog, InputText, Button, FormRow } from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { FC, useState, useEffect, useRef } from 'react'\nimport { parseFilename } from '../ReviewablesList'\n\nconst prefix = 'review'\nconst buildDefaultName = (file?: File | null) => {\n  // remove file extension\n  // convert to camelCase\n  // first letter to uppercase\n  // prefix with \"review\"\n  if (!file) return ''\n  const name = parseFilename(file.name).replace(/\\.[^/.]+$/, '') // remove file extension\n  const camelCaseName = camelCase(name)\n  const pascalCaseName = upperFirst(camelCaseName)\n  return `${prefix}${pascalCaseName}`\n}\n\ninterface EntityPanelUploaderDialogProps {\n  files: FileList | null // used to determine the default product name\n  isOpen: boolean\n  defaultProductName?: string\n  onCancel?: () => void\n  onSubmit?: (productName: string) => void\n}\n\nconst EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps> = ({\n  files,\n  isOpen,\n  onCancel,\n  onSubmit,\n}) => {\n  // Build default product name from the first file\n  const defaultProductName = buildDefaultName(files?.[0])\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hasSelectedRef = useRef(false)\n\n  const [product, setProduct] = useState(defaultProductName)\n\n  // Update state when defaultProductName changes\n  useEffect(() => {\n    setProduct(defaultProductName)\n    hasSelectedRef.current = false // Reset selection flag when product name changes\n  }, [defaultProductName])\n\n  // Select the filename part (excluding \"review\" prefix) when dialog opens - only once\n  useEffect(() => {\n    if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {\n      // Focus the input first\n      inputRef.current.focus()\n      // Then select just the filename part (after \"review\")\n      const selectionStart = prefix.length\n      const selectionEnd = product.length\n      inputRef.current.setSelectionRange(selectionStart, selectionEnd)\n      hasSelectedRef.current = true // Mark as selected to prevent re-selection\n    } else if (!isOpen) {\n      hasSelectedRef.current = false // Reset when dialog closes\n    }\n  }, [isOpen, product])\n\n  const handleSubmit = () => {\n    if (product.trim() && onSubmit) {\n      onSubmit(product.trim())\n    }\n  }\n\n  const handleCancel = () => {\n    setProduct(defaultProductName)\n    if (onCancel) {\n      onCancel()\n    }\n  }\n\n  const isValidProduct = product.trim().length > 0\n\n  const footer = (\n    <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n      <Button variant=\"text\" onClick={handleCancel}>\n        Cancel\n      </Button>\n      <Button variant=\"filled\" onClick={handleSubmit} disabled={!isValidProduct}>\n        Upload\n      </Button>\n    </div>\n  )\n\n  return (\n    <Dialog isOpen={isOpen} onClose={handleCancel} header=\"Upload Entity\" footer={footer} size=\"sm\">\n      <div style={{ padding: '16px 0' }}>\n        <FormRow label=\"Product Name\">\n          <InputText\n            ref={inputRef}\n            placeholder=\"Enter product name...\"\n            value={product}\n            onChange={(e) => setProduct(e.target.value)}\n            autoFocus\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && isValidProduct) {\n                e.preventDefault()\n                handleSubmit()\n              } else if (e.key === 'Escape') {\n                e.preventDefault()\n                handleCancel()\n              }\n            }}\n          />\n        </FormRow>\n      </div>\n    </Dialog>\n  )\n}\n\nexport default EntityPanelUploaderDialog\n"],"names":["prefix","buildDefaultName","file","name","parseFilename","camelCaseName","camelCase","pascalCaseName","upperFirst","EntityPanelUploaderDialog","files","isOpen","onCancel","onSubmit","defaultProductName","inputRef","useRef","hasSelectedRef","product","setProduct","useState","useEffect","selectionStart","selectionEnd","handleSubmit","handleCancel","isValidProduct","footer","jsxs","jsx","Button","Dialog","FormRow","InputText","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAS,UACTC,IAAmB,CAACC,MAAuB;AAK/C,MAAI,CAACA,EAAM,QAAO;AAClB,QAAMC,IAAOC,EAAcF,EAAK,IAAI,EAAE,QAAQ,aAAa,EAAE,GACvDG,IAAgBC,EAAUH,CAAI,GAC9BI,IAAiBC,EAAWH,CAAa;AAC/C,SAAO,GAAGL,CAAM,GAAGO,CAAc;AACnC,GAUME,KAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AAEJ,QAAMC,IAAqBb,EAAiBS,IAAQ,CAAC,CAAC,GAChDK,IAAWC,EAAyB,IAAI,GACxCC,IAAiBD,EAAO,EAAK,GAE7B,CAACE,GAASC,CAAU,IAAIC,EAASN,CAAkB;AAGzD,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAWL,CAAkB,GAC7BG,EAAe,UAAU;AAAA,EAC3B,GAAG,CAACH,CAAkB,CAAC,GAGvBO,EAAU,MAAM;AACd,QAAIV,KAAUI,EAAS,WAAWG,EAAQ,WAAWlB,CAAM,KAAK,CAACiB,EAAe,SAAS;AAEvF,MAAAF,EAAS,QAAQ,MAAA;AAEjB,YAAMO,IAAiBtB,EAAO,QACxBuB,IAAeL,EAAQ;AAC7B,MAAAH,EAAS,QAAQ,kBAAkBO,GAAgBC,CAAY,GAC/DN,EAAe,UAAU;AAAA,IAC3B,MAAA,CAAYN,MACVM,EAAe,UAAU;AAAA,EAE7B,GAAG,CAACN,GAAQO,CAAO,CAAC;AAEpB,QAAMM,IAAe,MAAM;AACzB,IAAIN,EAAQ,KAAA,KAAUL,KACpBA,EAASK,EAAQ,MAAM;AAAA,EAE3B,GAEMO,IAAe,MAAM;AACzB,IAAAN,EAAWL,CAAkB,GACzBF,KACFA,EAAA;AAAA,EAEJ,GAEMc,IAAiBR,EAAQ,KAAA,EAAO,SAAS,GAEzCS,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,WAAA,GACzD,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GAAA,EAAO,SAAQ,QAAO,SAASL,GAAc,UAAA,UAE9C;AAAA,IACAI,gBAAAA,EAAAA,IAACC,KAAO,SAAQ,UAAS,SAASN,GAAc,UAAU,CAACE,GAAgB,UAAA,SAAA,CAE3E;AAAA,EAAA,GACF;AAGF,SACEG,gBAAAA,MAACE,KAAO,QAAApB,GAAgB,SAASc,GAAc,QAAO,iBAAgB,QAAAE,GAAgB,MAAK,MACzF,gCAAC,OAAA,EAAI,OAAO,EAAE,SAAS,SAAA,GACrB,UAAAE,gBAAAA,EAAAA,IAACG,GAAA,EAAQ,OAAM,gBACb,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,aAAY;AAAA,MACZ,OAAOG;AAAA,MACP,UAAU,CAACgB,MAAMf,EAAWe,EAAE,OAAO,KAAK;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAACA,MAAM;AAChB,QAAIA,EAAE,QAAQ,WAAWR,KACvBQ,EAAE,eAAA,GACFV,EAAA,KACSU,EAAE,QAAQ,aACnBA,EAAE,eAAA,GACFT,EAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

package/dist/shared/src/components/EnumEditor/DraggableEnumEditorItem.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("clsx"),I=require("@dnd-kit/sortable"),N=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),r=require("@ynput/ayon-react-components"),t=require("./EnumEditor.styled.cjs.js"),q=require("./EnumEditorItem.cjs.js"),f=({item:a,isBeingDragged:x,onChange:n,onRemove:l,onDuplicate:u})=>{const{id:m,label:d,icon:i,color:c,isExpanded:e}=a,{attributes:p,listeners:E,setNodeRef:j,transform:R,transition:g}=I.useSortable({id:m,animateLayoutChanges:()=>!1}),b={transition:g,transform:N.CSS.Translate.toString(R)};return s.jsxRuntimeExports.jsxs(t.EnumItemWrapper,{ref:j,style:b,className:o({dragged:x}),children:[s.jsxRuntimeExports.jsxs(t.EnumItemHeader,{className:o({expanded:e}),onClick:()=>{n&&n(["isExpanded"],[!e])},children:[c&&s.jsxRuntimeExports.jsx(t.LabelColor,{style:{backgroundColor:c}}),i&&s.jsxRuntimeExports.jsx(r.Icon,{className:"icon",icon:i}),s.jsxRuntimeExports.jsxs("span",{children:[" ",d," "]}),s.jsxRuntimeExports.jsx("span",{className:"spacer"}),s.jsxRuntimeExports.jsx(r.Icon,{className:"icon toggle-expand",icon:e?"collapse_all":"expand_all"}),s.jsxRuntimeExports.jsx(r.Icon,{...E,...p,className:"icon draggable",icon:"drag_indicator",id:"icon"})]}),s.jsxRuntimeExports.jsx(t.EnumItemBodyExpander,{className:o({expanded:e}),children:s.jsxRuntimeExports.jsx(q,{item:a,onChange:n,onRemove:l,onDuplicate:u,showRemoveButton:!0,showDuplicateButton:!0,autoFocus:!1,isExpanded:e})})]})};module.exports=f;
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("clsx"),h=require("@dnd-kit/sortable"),q=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),o=require("@ynput/ayon-react-components"),r=require("./EnumEditor.styled.cjs.js"),f=require("./EnumEditorItem.cjs.js"),y=({item:i,isBeingDragged:m,onChange:a,onRemove:u,onDuplicate:d,pt:s,...c})=>{const{id:p,label:E,icon:l,color:x,isExpanded:t}=i,{attributes:j,listeners:R,setNodeRef:N,transform:g,transition:b}=h.useSortable({id:p,animateLayoutChanges:()=>!1}),I={transition:b,transform:q.CSS.Translate.toString(g)};return e.jsxRuntimeExports.jsxs(r.EnumItemWrapper,{ref:N,style:I,...s?.wrapper,...c,className:n(c.className,s?.wrapper?.className,{dragged:m}),children:[e.jsxRuntimeExports.jsxs(r.EnumItemHeader,{...s?.header,onClick:()=>{a&&a(["isExpanded"],[!t])},className:n(s?.header?.className,{expanded:t}),children:[x&&e.jsxRuntimeExports.jsx(r.LabelColor,{style:{backgroundColor:x}}),l&&e.jsxRuntimeExports.jsx(o.Icon,{className:"icon",icon:l}),e.jsxRuntimeExports.jsxs("span",{children:[" ",E," "]}),e.jsxRuntimeExports.jsx("span",{className:"spacer"}),e.jsxRuntimeExports.jsx(o.Icon,{className:"icon toggle-expand",icon:t?"collapse_all":"expand_all"}),e.jsxRuntimeExports.jsx(o.Icon,{...R,...j,className:"icon draggable",icon:"drag_indicator",id:"icon"})]}),e.jsxRuntimeExports.jsx(r.EnumItemBodyExpander,{className:n({expanded:t}),children:e.jsxRuntimeExports.jsx(f,{item:i,onChange:a,onRemove:u,onDuplicate:d,showRemoveButton:!0,showDuplicateButton:!0,autoFocus:!1,isExpanded:t,...s?.item})})]})};module.exports=y;
 //# sourceMappingURL=DraggableEnumEditorItem.cjs.js.map

package/dist/shared/src/components/EnumEditor/DraggableEnumEditorItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableEnumEditorItem.cjs.js","sources":["../../../../../src/components/EnumEditor/DraggableEnumEditorItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\nimport * as Styled from './EnumEditor.styled'\nimport { AttributeData } from './EnumEditor'\nimport EnumEditorItem from './EnumEditorItem'\n\ntype Props = {\n  item: AttributeData\n  isBeingDragged?: boolean\n  onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onRemove?: () => void\n  onDuplicate?: () => void\n}\n\nconst DraggableEnumEditorItem = ({\n  item,\n  isBeingDragged,\n  onChange,\n  onRemove,\n  onDuplicate,\n}: Props) => {\n  const { id, label, icon, color, isExpanded } = item\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: id,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transition,\n    transform: CSS.Translate.toString(transform),\n  }\n\n  return (\n    <Styled.EnumItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={clsx({ dragged: isBeingDragged })}\n    >\n      <Styled.EnumItemHeader\n        className={clsx({ expanded: isExpanded })}\n        onClick={() => {\n          onChange && onChange(['isExpanded'], [!isExpanded])\n        }}\n      >\n        {color && <Styled.LabelColor style={{ backgroundColor: color }} />}\n        {icon && <Icon className=\"icon\" icon={icon} />}\n        <span> {label} </span>\n        <span className=\"spacer\" />\n\n        <Icon className=\"icon toggle-expand\" icon={isExpanded ? 'collapse_all' : 'expand_all'} />\n        <Icon\n          {...listeners}\n          {...attributes}\n          className=\"icon draggable\"\n          icon=\"drag_indicator\"\n          id=\"icon\"\n        />\n      </Styled.EnumItemHeader>\n\n      <Styled.EnumItemBodyExpander className={clsx({ expanded: isExpanded })}>\n        <EnumEditorItem\n          item={item}\n          onChange={onChange}\n          onRemove={onRemove}\n          onDuplicate={onDuplicate}\n          showRemoveButton={true}\n          showDuplicateButton={true}\n          autoFocus={false}\n          isExpanded={isExpanded}\n        />\n      </Styled.EnumItemBodyExpander>\n    </Styled.EnumItemWrapper>\n  )\n}\n\nexport default DraggableEnumEditorItem\n"],"names":["DraggableEnumEditorItem","item","isBeingDragged","onChange","onRemove","onDuplicate","id","label","icon","color","isExpanded","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","jsxs","Styled.EnumItemWrapper","clsx","Styled.EnumItemHeader","jsx","Styled.LabelColor","Icon","Styled.EnumItemBodyExpander","EnumEditorItem"],"mappings":"mUAkBMA,EAA0B,CAAC,CAC/B,KAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,CACF,IAAa,CACX,KAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,WAAAC,GAAeT,EAEzC,CAAE,WAAAU,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,CAAA,EAAeC,cAAY,CAC/E,GAAAV,EACA,qBAAsB,IAAM,EAAA,CAC7B,EAEKW,EAAQ,CACZ,WAAAF,EACA,UAAWG,EAAAA,IAAI,UAAU,SAASJ,CAAS,CAAA,EAG7C,OACEK,EAAAA,kBAAAA,KAACC,EAAAA,gBAAA,CACC,IAAKP,EACL,MAAAI,EACA,UAAWI,EAAK,CAAE,QAASnB,EAAgB,EAE3C,SAAA,CAAAiB,EAAAA,kBAAAA,KAACG,EAAAA,eAAA,CACC,UAAWD,EAAK,CAAE,SAAUX,EAAY,EACxC,QAAS,IAAM,CACbP,GAAYA,EAAS,CAAC,YAAY,EAAG,CAAC,CAACO,CAAU,CAAC,CACpD,EAEC,SAAA,CAAAD,GAASc,EAAAA,kBAAAA,IAACC,aAAA,CAAkB,MAAO,CAAE,gBAAiBf,GAAS,EAC/DD,GAAQe,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CAAK,UAAU,OAAO,KAAAjB,EAAY,2BAC3C,OAAA,CAAK,SAAA,CAAA,IAAED,EAAM,GAAA,EAAC,EACfgB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAA,CAAS,0BAExBE,EAAAA,KAAA,CAAK,UAAU,qBAAqB,KAAMf,EAAa,eAAiB,aAAc,EACvFa,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CACE,GAAGb,EACH,GAAGD,EACJ,UAAU,iBACV,KAAK,iBACL,GAAG,MAAA,CAAA,CACL,CAAA,CAAA,EAGFY,wBAACG,EAAAA,qBAAA,CAA4B,UAAWL,EAAK,CAAE,SAAUX,CAAA,CAAY,EACnE,SAAAa,EAAAA,kBAAAA,IAACI,EAAA,CACC,KAAA1B,EACA,SAAAE,EACA,SAAAC,EACA,YAAAC,EACA,iBAAkB,GAClB,oBAAqB,GACrB,UAAW,GACX,WAAAK,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"DraggableEnumEditorItem.cjs.js","sources":["../../../../../src/components/EnumEditor/DraggableEnumEditorItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\nimport * as Styled from './EnumEditor.styled'\nimport { AttributeData } from './EnumEditor'\nimport EnumEditorItem, { EnumEditorItemProps } from './EnumEditorItem'\nimport React from 'react'\n\ntype DivPt = Partial<React.HTMLAttributes<HTMLDivElement>>\n\nexport interface DraggableEnumEditorItemPt {\n  wrapper?: DivPt\n  header?: DivPt\n  item?: EnumEditorItemProps\n}\n\nexport interface DraggableEnumEditorItemProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  item: AttributeData\n  isBeingDragged?: boolean\n  onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onRemove?: () => void\n  onDuplicate?: () => void\n  pt?: DraggableEnumEditorItemPt\n}\n\nconst DraggableEnumEditorItem = ({\n  item,\n  isBeingDragged,\n  onChange,\n  onRemove,\n  onDuplicate,\n  pt,\n  ...props\n}: DraggableEnumEditorItemProps) => {\n  const { id, label, icon, color, isExpanded } = item\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: id,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transition,\n    transform: CSS.Translate.toString(transform),\n  }\n\n  return (\n    <Styled.EnumItemWrapper\n      ref={setNodeRef}\n      style={style}\n      {...pt?.wrapper}\n      {...props}\n      className={clsx(props.className, pt?.wrapper?.className, { dragged: isBeingDragged })}\n    >\n      <Styled.EnumItemHeader\n        {...pt?.header}\n        onClick={() => {\n          onChange && onChange(['isExpanded'], [!isExpanded])\n        }}\n        className={clsx(pt?.header?.className, { expanded: isExpanded })}\n      >\n        {color && <Styled.LabelColor style={{ backgroundColor: color }} />}\n        {icon && <Icon className=\"icon\" icon={icon} />}\n        <span> {label} </span>\n        <span className=\"spacer\" />\n\n        <Icon className=\"icon toggle-expand\" icon={isExpanded ? 'collapse_all' : 'expand_all'} />\n        <Icon\n          {...listeners}\n          {...attributes}\n          className=\"icon draggable\"\n          icon=\"drag_indicator\"\n          id=\"icon\"\n        />\n      </Styled.EnumItemHeader>\n\n      <Styled.EnumItemBodyExpander className={clsx({ expanded: isExpanded })}>\n        <EnumEditorItem\n          item={item}\n          onChange={onChange}\n          onRemove={onRemove}\n          onDuplicate={onDuplicate}\n          showRemoveButton={true}\n          showDuplicateButton={true}\n          autoFocus={false}\n          isExpanded={isExpanded}\n          {...pt?.item}\n        />\n      </Styled.EnumItemBodyExpander>\n    </Styled.EnumItemWrapper>\n  )\n}\n\nexport default DraggableEnumEditorItem\n"],"names":["DraggableEnumEditorItem","item","isBeingDragged","onChange","onRemove","onDuplicate","pt","props","id","label","icon","color","isExpanded","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","jsxs","Styled.EnumItemWrapper","clsx","Styled.EnumItemHeader","jsx","Styled.LabelColor","Icon","Styled.EnumItemBodyExpander","EnumEditorItem"],"mappings":"mUA6BMA,EAA0B,CAAC,CAC/B,KAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAoC,CAClC,KAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,WAAAC,GAAeX,EAEzC,CAAE,WAAAY,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,CAAA,EAAeC,cAAY,CAC/E,GAAAV,EACA,qBAAsB,IAAM,EAAA,CAC7B,EAEKW,EAAQ,CACZ,WAAAF,EACA,UAAWG,EAAAA,IAAI,UAAU,SAASJ,CAAS,CAAA,EAG7C,OACEK,EAAAA,kBAAAA,KAACC,EAAAA,gBAAA,CACC,IAAKP,EACL,MAAAI,EACC,GAAGb,GAAI,QACP,GAAGC,EACJ,UAAWgB,EAAKhB,EAAM,UAAWD,GAAI,SAAS,UAAW,CAAE,QAASJ,EAAgB,EAEpF,SAAA,CAAAmB,EAAAA,kBAAAA,KAACG,EAAAA,eAAA,CACE,GAAGlB,GAAI,OACR,QAAS,IAAM,CACbH,GAAYA,EAAS,CAAC,YAAY,EAAG,CAAC,CAACS,CAAU,CAAC,CACpD,EACA,UAAWW,EAAKjB,GAAI,QAAQ,UAAW,CAAE,SAAUM,EAAY,EAE9D,SAAA,CAAAD,GAASc,EAAAA,kBAAAA,IAACC,aAAA,CAAkB,MAAO,CAAE,gBAAiBf,GAAS,EAC/DD,GAAQe,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CAAK,UAAU,OAAO,KAAAjB,EAAY,2BAC3C,OAAA,CAAK,SAAA,CAAA,IAAED,EAAM,GAAA,EAAC,EACfgB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAA,CAAS,0BAExBE,EAAAA,KAAA,CAAK,UAAU,qBAAqB,KAAMf,EAAa,eAAiB,aAAc,EACvFa,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CACE,GAAGb,EACH,GAAGD,EACJ,UAAU,iBACV,KAAK,iBACL,GAAG,MAAA,CAAA,CACL,CAAA,CAAA,EAGFY,wBAACG,EAAAA,qBAAA,CAA4B,UAAWL,EAAK,CAAE,SAAUX,CAAA,CAAY,EACnE,SAAAa,EAAAA,kBAAAA,IAACI,EAAA,CACC,KAAA5B,EACA,SAAAE,EACA,SAAAC,EACA,YAAAC,EACA,iBAAkB,GAClB,oBAAqB,GACrB,UAAW,GACX,WAAAO,EACC,GAAGN,GAAI,IAAA,CAAA,CACV,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/shared/src/components/EnumEditor/DraggableEnumEditorItem.es.js

@@ -1,53 +1,58 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
 import o from "clsx";
-import { useSortable as N } from "@dnd-kit/sortable";
-import { CSS as b } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
-import { Icon as r } from "@ynput/ayon-react-components";
-import { EnumItemWrapper as I, EnumItemHeader as h, LabelColor as y, EnumItemBodyExpander as S } from "./EnumEditor.styled.es.js";
-import B from "./EnumEditorItem.es.js";
-const v = ({
-  item: t,
-  isBeingDragged: m,
-  onChange: a,
-  onRemove: i,
-  onDuplicate: c
+import { useSortable as h } from "@dnd-kit/sortable";
+import { CSS as I } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import { Icon as t } from "@ynput/ayon-react-components";
+import { EnumItemWrapper as w, EnumItemHeader as y, LabelColor as S, EnumItemBodyExpander as B } from "./EnumEditor.styled.es.js";
+import C from "./EnumEditorItem.es.js";
+const H = ({
+  item: n,
+  isBeingDragged: i,
+  onChange: r,
+  onRemove: d,
+  onDuplicate: p,
+  pt: a,
+  ...l
 }) => {
-  const { id: d, label: p, icon: n, color: l, isExpanded: e } = t, { attributes: x, listeners: u, setNodeRef: f, transform: j, transition: E } = N({
-    id: d,
+  const { id: x, label: u, icon: m, color: c, isExpanded: s } = n, { attributes: f, listeners: j, setNodeRef: E, transform: N, transition: g } = h({
+    id: x,
     animateLayoutChanges: () => !1
-  }), g = {
-    transition: E,
-    transform: b.Translate.toString(j)
+  }), b = {
+    transition: g,
+    transform: I.Translate.toString(N)
   };
-  return /* @__PURE__ */ s.jsxs(
-    I,
+  return /* @__PURE__ */ e.jsxs(
+    w,
     {
-      ref: f,
-      style: g,
-      className: o({ dragged: m }),
+      ref: E,
+      style: b,
+      ...a?.wrapper,
+      ...l,
+      className: o(l.className, a?.wrapper?.className, { dragged: i }),
       children: [
-        /* @__PURE__ */ s.jsxs(
-          h,
+        /* @__PURE__ */ e.jsxs(
+          y,
           {
-            className: o({ expanded: e }),
+            ...a?.header,
             onClick: () => {
-              a && a(["isExpanded"], [!e]);
+              r && r(["isExpanded"], [!s]);
             },
+            className: o(a?.header?.className, { expanded: s }),
             children: [
-              l && /* @__PURE__ */ s.jsx(y, { style: { backgroundColor: l } }),
-              n && /* @__PURE__ */ s.jsx(r, { className: "icon", icon: n }),
-              /* @__PURE__ */ s.jsxs("span", { children: [
+              c && /* @__PURE__ */ e.jsx(S, { style: { backgroundColor: c } }),
+              m && /* @__PURE__ */ e.jsx(t, { className: "icon", icon: m }),
+              /* @__PURE__ */ e.jsxs("span", { children: [
                 " ",
-                p,
+                u,
                 " "
               ] }),
-              /* @__PURE__ */ s.jsx("span", { className: "spacer" }),
-              /* @__PURE__ */ s.jsx(r, { className: "icon toggle-expand", icon: e ? "collapse_all" : "expand_all" }),
-              /* @__PURE__ */ s.jsx(
-                r,
+              /* @__PURE__ */ e.jsx("span", { className: "spacer" }),
+              /* @__PURE__ */ e.jsx(t, { className: "icon toggle-expand", icon: s ? "collapse_all" : "expand_all" }),
+              /* @__PURE__ */ e.jsx(
+                t,
                 {
-                  ...u,
-                  ...x,
+                  ...j,
+                  ...f,
                   className: "icon draggable",
                   icon: "drag_indicator",
                   id: "icon"
@@ -56,17 +61,18 @@ const v = ({
             ]
           }
         ),
-        /* @__PURE__ */ s.jsx(S, { className: o({ expanded: e }), children: /* @__PURE__ */ s.jsx(
-          B,
+        /* @__PURE__ */ e.jsx(B, { className: o({ expanded: s }), children: /* @__PURE__ */ e.jsx(
+          C,
           {
-            item: t,
-            onChange: a,
-            onRemove: i,
-            onDuplicate: c,
+            item: n,
+            onChange: r,
+            onRemove: d,
+            onDuplicate: p,
             showRemoveButton: !0,
             showDuplicateButton: !0,
             autoFocus: !1,
-            isExpanded: e
+            isExpanded: s,
+            ...a?.item
           }
         ) })
       ]
@@ -74,6 +80,6 @@ const v = ({
   );
 };
 export {
-  v as default
+  H as default
 };
 //# sourceMappingURL=DraggableEnumEditorItem.es.js.map

package/dist/shared/src/components/EnumEditor/DraggableEnumEditorItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableEnumEditorItem.es.js","sources":["../../../../../src/components/EnumEditor/DraggableEnumEditorItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\nimport * as Styled from './EnumEditor.styled'\nimport { AttributeData } from './EnumEditor'\nimport EnumEditorItem from './EnumEditorItem'\n\ntype Props = {\n  item: AttributeData\n  isBeingDragged?: boolean\n  onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onRemove?: () => void\n  onDuplicate?: () => void\n}\n\nconst DraggableEnumEditorItem = ({\n  item,\n  isBeingDragged,\n  onChange,\n  onRemove,\n  onDuplicate,\n}: Props) => {\n  const { id, label, icon, color, isExpanded } = item\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: id,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transition,\n    transform: CSS.Translate.toString(transform),\n  }\n\n  return (\n    <Styled.EnumItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={clsx({ dragged: isBeingDragged })}\n    >\n      <Styled.EnumItemHeader\n        className={clsx({ expanded: isExpanded })}\n        onClick={() => {\n          onChange && onChange(['isExpanded'], [!isExpanded])\n        }}\n      >\n        {color && <Styled.LabelColor style={{ backgroundColor: color }} />}\n        {icon && <Icon className=\"icon\" icon={icon} />}\n        <span> {label} </span>\n        <span className=\"spacer\" />\n\n        <Icon className=\"icon toggle-expand\" icon={isExpanded ? 'collapse_all' : 'expand_all'} />\n        <Icon\n          {...listeners}\n          {...attributes}\n          className=\"icon draggable\"\n          icon=\"drag_indicator\"\n          id=\"icon\"\n        />\n      </Styled.EnumItemHeader>\n\n      <Styled.EnumItemBodyExpander className={clsx({ expanded: isExpanded })}>\n        <EnumEditorItem\n          item={item}\n          onChange={onChange}\n          onRemove={onRemove}\n          onDuplicate={onDuplicate}\n          showRemoveButton={true}\n          showDuplicateButton={true}\n          autoFocus={false}\n          isExpanded={isExpanded}\n        />\n      </Styled.EnumItemBodyExpander>\n    </Styled.EnumItemWrapper>\n  )\n}\n\nexport default DraggableEnumEditorItem\n"],"names":["DraggableEnumEditorItem","item","isBeingDragged","onChange","onRemove","onDuplicate","id","label","icon","color","isExpanded","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","jsxs","Styled.EnumItemWrapper","clsx","Styled.EnumItemHeader","jsx","Styled.LabelColor","Icon","Styled.EnumItemBodyExpander","EnumEditorItem"],"mappings":";;;;;;;AAkBA,MAAMA,IAA0B,CAAC;AAAA,EAC/B,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAAa;AACX,QAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,YAAAC,MAAeT,GAEzC,EAAE,YAAAU,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC/E,IAAAV;AAAA,IACA,sBAAsB,MAAM;AAAA,EAAA,CAC7B,GAEKW,IAAQ;AAAA,IACZ,YAAAF;AAAA,IACA,WAAWG,EAAI,UAAU,SAASJ,CAAS;AAAA,EAAA;AAG7C,SACEK,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAAI;AAAA,MACA,WAAWI,EAAK,EAAE,SAASnB,GAAgB;AAAA,MAE3C,UAAA;AAAA,QAAAiB,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAWD,EAAK,EAAE,UAAUX,GAAY;AAAA,YACxC,SAAS,MAAM;AACb,cAAAP,KAAYA,EAAS,CAAC,YAAY,GAAG,CAAC,CAACO,CAAU,CAAC;AAAA,YACpD;AAAA,YAEC,UAAA;AAAA,cAAAD,KAASc,gBAAAA,EAAAA,IAACC,GAAA,EAAkB,OAAO,EAAE,iBAAiBf,KAAS;AAAA,cAC/DD,KAAQe,gBAAAA,EAAAA,IAACE,GAAA,EAAK,WAAU,QAAO,MAAAjB,GAAY;AAAA,qCAC3C,QAAA,EAAK,UAAA;AAAA,gBAAA;AAAA,gBAAED;AAAA,gBAAM;AAAA,cAAA,GAAC;AAAA,cACfgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAA,CAAS;AAAA,oCAExBE,GAAA,EAAK,WAAU,sBAAqB,MAAMf,IAAa,iBAAiB,cAAc;AAAA,cACvFa,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACE,GAAGb;AAAA,kBACH,GAAGD;AAAA,kBACJ,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,IAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFY,gBAAAA,MAACG,GAAA,EAA4B,WAAWL,EAAK,EAAE,UAAUX,EAAA,CAAY,GACnE,UAAAa,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAA1B;AAAA,YACA,UAAAE;AAAA,YACA,UAAAC;AAAA,YACA,aAAAC;AAAA,YACA,kBAAkB;AAAA,YAClB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,YAAAK;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DraggableEnumEditorItem.es.js","sources":["../../../../../src/components/EnumEditor/DraggableEnumEditorItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\nimport { Icon } from '@ynput/ayon-react-components'\n\nimport * as Styled from './EnumEditor.styled'\nimport { AttributeData } from './EnumEditor'\nimport EnumEditorItem, { EnumEditorItemProps } from './EnumEditorItem'\nimport React from 'react'\n\ntype DivPt = Partial<React.HTMLAttributes<HTMLDivElement>>\n\nexport interface DraggableEnumEditorItemPt {\n  wrapper?: DivPt\n  header?: DivPt\n  item?: EnumEditorItemProps\n}\n\nexport interface DraggableEnumEditorItemProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  item: AttributeData\n  isBeingDragged?: boolean\n  onChange?: (attr: (keyof AttributeData)[], value: (boolean | string | undefined)[]) => void\n  onRemove?: () => void\n  onDuplicate?: () => void\n  pt?: DraggableEnumEditorItemPt\n}\n\nconst DraggableEnumEditorItem = ({\n  item,\n  isBeingDragged,\n  onChange,\n  onRemove,\n  onDuplicate,\n  pt,\n  ...props\n}: DraggableEnumEditorItemProps) => {\n  const { id, label, icon, color, isExpanded } = item\n\n  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({\n    id: id,\n    animateLayoutChanges: () => false,\n  })\n\n  const style = {\n    transition,\n    transform: CSS.Translate.toString(transform),\n  }\n\n  return (\n    <Styled.EnumItemWrapper\n      ref={setNodeRef}\n      style={style}\n      {...pt?.wrapper}\n      {...props}\n      className={clsx(props.className, pt?.wrapper?.className, { dragged: isBeingDragged })}\n    >\n      <Styled.EnumItemHeader\n        {...pt?.header}\n        onClick={() => {\n          onChange && onChange(['isExpanded'], [!isExpanded])\n        }}\n        className={clsx(pt?.header?.className, { expanded: isExpanded })}\n      >\n        {color && <Styled.LabelColor style={{ backgroundColor: color }} />}\n        {icon && <Icon className=\"icon\" icon={icon} />}\n        <span> {label} </span>\n        <span className=\"spacer\" />\n\n        <Icon className=\"icon toggle-expand\" icon={isExpanded ? 'collapse_all' : 'expand_all'} />\n        <Icon\n          {...listeners}\n          {...attributes}\n          className=\"icon draggable\"\n          icon=\"drag_indicator\"\n          id=\"icon\"\n        />\n      </Styled.EnumItemHeader>\n\n      <Styled.EnumItemBodyExpander className={clsx({ expanded: isExpanded })}>\n        <EnumEditorItem\n          item={item}\n          onChange={onChange}\n          onRemove={onRemove}\n          onDuplicate={onDuplicate}\n          showRemoveButton={true}\n          showDuplicateButton={true}\n          autoFocus={false}\n          isExpanded={isExpanded}\n          {...pt?.item}\n        />\n      </Styled.EnumItemBodyExpander>\n    </Styled.EnumItemWrapper>\n  )\n}\n\nexport default DraggableEnumEditorItem\n"],"names":["DraggableEnumEditorItem","item","isBeingDragged","onChange","onRemove","onDuplicate","pt","props","id","label","icon","color","isExpanded","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","jsxs","Styled.EnumItemWrapper","clsx","Styled.EnumItemHeader","jsx","Styled.LabelColor","Icon","Styled.EnumItemBodyExpander","EnumEditorItem"],"mappings":";;;;;;;AA6BA,MAAMA,IAA0B,CAAC;AAAA,EAC/B,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,YAAAC,MAAeX,GAEzC,EAAE,YAAAY,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC/E,IAAAV;AAAA,IACA,sBAAsB,MAAM;AAAA,EAAA,CAC7B,GAEKW,IAAQ;AAAA,IACZ,YAAAF;AAAA,IACA,WAAWG,EAAI,UAAU,SAASJ,CAAS;AAAA,EAAA;AAG7C,SACEK,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,OAAAI;AAAA,MACC,GAAGb,GAAI;AAAA,MACP,GAAGC;AAAA,MACJ,WAAWgB,EAAKhB,EAAM,WAAWD,GAAI,SAAS,WAAW,EAAE,SAASJ,GAAgB;AAAA,MAEpF,UAAA;AAAA,QAAAmB,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACE,GAAGlB,GAAI;AAAA,YACR,SAAS,MAAM;AACb,cAAAH,KAAYA,EAAS,CAAC,YAAY,GAAG,CAAC,CAACS,CAAU,CAAC;AAAA,YACpD;AAAA,YACA,WAAWW,EAAKjB,GAAI,QAAQ,WAAW,EAAE,UAAUM,GAAY;AAAA,YAE9D,UAAA;AAAA,cAAAD,KAASc,gBAAAA,EAAAA,IAACC,GAAA,EAAkB,OAAO,EAAE,iBAAiBf,KAAS;AAAA,cAC/DD,KAAQe,gBAAAA,EAAAA,IAACE,GAAA,EAAK,WAAU,QAAO,MAAAjB,GAAY;AAAA,qCAC3C,QAAA,EAAK,UAAA;AAAA,gBAAA;AAAA,gBAAED;AAAA,gBAAM;AAAA,cAAA,GAAC;AAAA,cACfgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAA,CAAS;AAAA,oCAExBE,GAAA,EAAK,WAAU,sBAAqB,MAAMf,IAAa,iBAAiB,cAAc;AAAA,cACvFa,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACE,GAAGb;AAAA,kBACH,GAAGD;AAAA,kBACJ,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,IAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFY,gBAAAA,MAACG,GAAA,EAA4B,WAAWL,EAAK,EAAE,UAAUX,EAAA,CAAY,GACnE,UAAAa,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAA5B;AAAA,YACA,UAAAE;AAAA,YACA,UAAAC;AAAA,YACA,aAAAC;AAAA,YACA,kBAAkB;AAAA,YAClB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,YAAAO;AAAA,YACC,GAAGN,GAAI;AAAA,UAAA;AAAA,QAAA,EACV,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),v=require("react"),R=require("react-dom"),b=require("lodash"),c=require("@dnd-kit/core"),g=require("@dnd-kit/sortable"),q=require("@ynput/ayon-react-components"),p=require("./DraggableEnumEditorItem.cjs.js"),y=require("./EnumEditor.styled.cjs.js"),I=require("./hooks/useDraggable.cjs.js"),E=require("./util/index.cjs.js"),S=()=>({id:b.uniqueId(),isExpanded:!0,label:"",value:"",isLabelFocused:!0,isNewAttribute:!1}),C=a=>a.filter(n=>n.label!==""&&n.value!=="").map(({label:n,value:e,icon:i,color:s})=>({label:n,value:e,icon:i||void 0,color:s||void 0})),A=a=>a.map(({label:n,value:e,icon:i,color:s})=>({id:b.uniqueId(),isExpanded:!1,label:n,value:e.toString(),icon:i,color:s,isLabelFocused:!1,isNewAttribute:!1})),N=({values:a,onChange:n})=>{if(!a)return null;const{items:e,handleAddItem:i,handleRemoveItem:s,handleChangeItem:m,handleDuplicateItem:j,handleDraggableEnd:D}=I({creator:S,initialData:A(a),onChange:n,normalizer:C}),h=t=>{x(t.active.id)},f=t=>{x(null),D(t)},[l,x]=v.useState();let u;return l&&(u=e.find(t=>t.id===l)),r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsxs(y.EnumListWrapper,{children:[r.jsxRuntimeExports.jsxs(c.DndContext,{collisionDetection:c.closestCenter,onDragStart:h,onDragEnd:f,children:[r.jsxRuntimeExports.jsx(g.SortableContext,{items:e,strategy:g.verticalListSortingStrategy,children:e.map((t,o)=>r.jsxRuntimeExports.jsx(p,{item:t,isBeingDragged:t.id===l,onChange:m(o),onRemove:s(o),onDuplicate:()=>j(o,{isLabelFocused:!0,isNewAttribute:!0,label:E.appendOrUpdateNumericSuffix(e[o].label,e.map(d=>d.label)," "),value:E.appendOrUpdateNumericSuffix(e[o].value,e.map(d=>d.value),"-")})},`DraggableAttributeEnum_${t.id}`))}),R.createPortal(r.jsxRuntimeExports.jsx(c.DragOverlay,{style:{},children:u&&r.jsxRuntimeExports.jsx(p,{item:u})}),document.body)]}),r.jsxRuntimeExports.jsx(q.Button,{icon:"add",variant:"text",onClick:()=>i({isNewAttribute:!0}),style:{display:"flex",justifyContent:"start"},children:"Add new item"})]})})};exports.EnumEditor=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../_virtual/jsx-runtime.cjs.js"),R=require("react"),q=require("react-dom"),E=require("lodash"),c=require("@dnd-kit/core"),x=require("@dnd-kit/sortable"),y=require("@ynput/ayon-react-components"),p=require("./DraggableEnumEditorItem.cjs.js"),S=require("./EnumEditor.styled.cjs.js"),N=require("./hooks/useDraggable.cjs.js"),b=require("./util/index.cjs.js"),A=()=>({id:E.uniqueId(),isExpanded:!0,label:"",value:"",isLabelFocused:!0,isNewAttribute:!1}),C=i=>i.filter(r=>r.label!==""&&r.value!=="").map(({label:r,value:t,icon:s,color:e})=>({label:r,value:t,icon:s||void 0,color:e||void 0})),w=i=>i.map(({label:r,value:t,icon:s,color:e})=>({id:E.uniqueId(),isExpanded:!1,label:r,value:t.toString(),icon:s,color:e,isLabelFocused:!1,isNewAttribute:!1})),L=(i,r)=>r.map((t,s)=>{const e=i[s];return e?{...t,id:e.id,isExpanded:e.isExpanded,isLabelFocused:e.isLabelFocused,isNewAttribute:e.isNewAttribute}:t}),F=({values:i,onChange:r,pt:t,...s})=>{if(!i)return null;const{items:e,handleAddItem:m,handleRemoveItem:j,handleChangeItem:D,handleDuplicateItem:f,handleDraggableEnd:h}=N({creator:A,initialData:w(i),onChange:r,normalizer:C,mergeIncomingData:L}),v=n=>{g(n.active.id)},I=n=>{g(null),h(n)},[u,g]=R.useState();let l;return u&&(l=e.find(n=>n.id===u)),a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:a.jsxRuntimeExports.jsxs(S.EnumListWrapper,{...s,children:[a.jsxRuntimeExports.jsxs(c.DndContext,{collisionDetection:c.closestCenter,onDragStart:v,onDragEnd:I,children:[a.jsxRuntimeExports.jsx(x.SortableContext,{items:e,strategy:x.verticalListSortingStrategy,children:e.map((n,o)=>a.jsxRuntimeExports.jsx(p,{item:n,isBeingDragged:n.id===u,onChange:D(o),onRemove:j(o),onDuplicate:()=>f(o,{isLabelFocused:!0,isNewAttribute:!0,label:b.appendOrUpdateNumericSuffix(e[o].label,e.map(d=>d.label)," "),value:b.appendOrUpdateNumericSuffix(e[o].value,e.map(d=>d.value),"-")}),...t?.item},`DraggableAttributeEnum_${n.id}`))}),q.createPortal(a.jsxRuntimeExports.jsx(c.DragOverlay,{style:{},children:l&&a.jsxRuntimeExports.jsx(p,{item:l,...t?.item})}),document.body)]}),a.jsxRuntimeExports.jsx(y.Button,{...t?.addButton,icon:"add",variant:"text",onClick:()=>m({isNewAttribute:!0}),className:t?.addButton?.className,style:{display:"flex",justifyContent:"start"},children:"Add new item"})]})})};exports.EnumEditor=F;
 //# sourceMappingURL=EnumEditor.cjs.js.map