@ynput/ayon-frontend-shared 0.3.51 → 0.3.52

package/dist/shared/src/containers/NewEntity/components/NewEntity.es.js

@@ -0,0 +1,661 @@
+import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useState as x, useMemo as jt, useRef as et } from "react";
+import { isEmpty as Tt } from "lodash";
+import { Dialog as wt, Dropdown as lt, Icon as ot, ShortcutTag as vt, Toolbar as It, InputSwitch as rt, Spacer as Ft, SaveButton as kt } from "@ynput/ayon-react-components";
+import k from "styled-components";
+import Et from "./TypeEditor.es.js";
+import { getPlatformShortcutKey as Nt, KeyMode as Ot } from "../../../util/platform.es.js";
+import { toast as it } from "react-toastify";
+import "uuid";
+import { ROW_SELECTION_COLUMN_ID as pt } from "../../ProjectTreeTable/constants.es.js";
+import { parseAndFormatName as $, checkLabel as Dt, checkName as Mt } from "../../../util/checkName.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/bundles/getBundles.es.js";
+import "../../../api/queries/bundles/updateBundles.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/columnStats/groupCounts.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/products/getFolderProducts.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
+import "../../../api/queries/tasks/updateTasks.es.js";
+import "../../../api/queries/teams/getTeams.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
+import "../../../util/pubsub.es.js";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "clsx";
+import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import "../../ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../ProjectTreeTable/widgets/LinksWidget.es.js";
+import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../components/AccessUser/AccessUser.es.js";
+import "../../../components/AttributeEditor/AttributeEditor.es.js";
+import "../../../components/AttributeEditor/attributeTypeMap.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/Chips/Chips.es.js";
+import "react-dom";
+import "date-fns";
+import "../../../components/DateRangePicker/DateRangePicker.styled.es.js";
+import "../../../components/LinksManager/CellEditingDialog.es.js";
+import "../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
+import "../../../../../_virtual/index.es.js";
+import "../../../../../node_modules/refractor/lib/common.es.js";
+import "../../../../../node_modules/refractor/lib/all.es.js";
+/* empty css                                                                                 */
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
+import "rehype-raw";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../Feed/components/CommentInput/modules/index.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../node_modules/@module-federation/runtime/dist/index.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
+import "../../../context/GlobalContext.es.js";
+import { useProjectContext as Rt } from "../../../context/ProjectContext.es.js";
+import { useProjectFoldersContext as qt } from "../../../context/ProjectFoldersContext.es.js";
+import "../../../context/EntityUpdatesContextInstance.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "remark-emoji";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../Feed/components/CommentInput/CommentInput.es.js";
+import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityDate.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "../../Feed/components/ActivityFieldChange/FieldValue.es.js";
+import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../Feed/Feed.styled.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../Feed/components/FeedSearchFilter.es.js";
+import "../../Slicer/components/Slicer.es.js";
+import { useSlicerContext as Lt } from "../../Slicer/context/SlicerContext.es.js";
+import { useNewEntityContext as Pt } from "../context/NewEntityContext.es.js";
+import { InputsContainer as mt, InputLabel as nt, NewEntityForm as Bt } from "./NewEntityForm.es.js";
+import { newEntityDefinitions as F } from "../util/entityDefinitions.es.js";
+import "../../Slicer/components/SlicerDropdownFallback.es.js";
+import "../../Slicer/hooks/useTableDataBySlice.es.js";
+import "react-redux";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
+import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../Actions/Actions.styled.es.js";
+import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../Actions/ActionIcon.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../Views/context/ViewsContextInstance.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "short-uuid";
+import { parseCellId as Kt } from "../../ProjectTreeTable/utils/cellUtils.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../ListTable/ListTableRow.es.js";
+import "../../ListTable/ListTable.styled.es.js";
+import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../../context/DeleteEntitiesContext.es.js";
+import "custom-protocol-check";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/InfoMessage/InfoMessage.es.js";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../components/Feedback/FeedbackContextInstance.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/FreeTrialLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/SizeSlider/SizeSlider.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/SyncButton/SyncButton.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/Menu/Menu.styled.es.js";
+import "../../../components/Menu/MenuItem.es.js";
+import "../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../../components/ColumnHeaderMenuUI.es.js";
+import { useOptionalProjectTableContext as At } from "../../ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../ProjectTreeTable/widgets/ErrorWidget.es.js";
+import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../ProjectTreeTable/components/SelectionCell.es.js";
+import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import { useOptionalSelectionCellsContext as zt } from "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../ProjectTreeTable/components/TableFooterRow.es.js";
+import _t from "./FolderSequence.es.js";
+import $t from "../hooks/useCreateEntityShortcuts.es.js";
+const Ut = k(wt)`
+  .body {
+    overflow: visible;
+  }
+`, Wt = k.div`
+  display: flex;
+  align-items: flex-start;
+  gap: var(--base-gap-large);
+  form {
+    input:first-child {
+      margin-right: 8px;
+    }
+  }
+`, Ht = k(lt)`
+  overflow: visible;
+  min-width: fit-content;
+  .button {
+    display: flex;
+    align-items: center;
+    gap: var(--base-gap-small);
+    padding: 0 8px;
+    background-color: var(--md-sys-color-primary);
+    &,
+    .icon {
+      color: var(--md-sys-color-on-primary);
+    }
+    min-width: 100px;
+    justify-content: center;
+
+    &:hover {
+      background-color: var(--md-sys-color-primary-hover);
+    }
+  }
+`, Gt = k.span`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  padding: 0 8px;
+  height: 32px;
+  width: 100%;
+
+  .label {
+    flex: 1;
+    margin-right: 24px;
+  }
+`, qm = ({
+  disabled: f,
+  onNewEntities: S,
+  showButton: C = !0,
+  showDialog: j = !0,
+  enableShortcuts: E = !0
+}) => {
+  const { ...N } = Rt(), {
+    entityType: d,
+    setEntityType: st,
+    entityForm: p,
+    setEntityForm: O,
+    sequenceForm: m,
+    setSequenceForm: D,
+    onCreateNew: at,
+    onOpenNew: U,
+    config: u,
+    parentFolderIds: M
+  } = Pt(), [W, T] = x(!1), { selectedCells: R } = zt() || {}, { rowSelection: H, pinnedSlice: G, sliceType: J } = Lt(), { getFolderById: Q } = qt(), q = At()?.getEntityById, [y, L] = jt(() => {
+    let t;
+    if (M !== null)
+      t = M;
+    else {
+      const o = R ? Array.from(R).map((i) => Kt(i)) : [], n = Array.from(
+        new Set(
+          o.filter((i) => i && i.colId !== pt).map((i) => i?.rowId).filter(Boolean)
+        )
+      ), s = Array.from(
+        new Set(
+          o.filter((i) => i?.colId === pt).map((i) => i?.rowId).filter(Boolean)
+        )
+      ), c = n.length > 0 ? n : s;
+      if (c.length > 0) {
+        const i = c.map((l) => q?.(l)), _ = i.filter(
+          (l) => l?.entityType === "folder"
+        ), Ct = i.filter(
+          (l) => l?.entityType === "task"
+        );
+        t = Array.from(
+          /* @__PURE__ */ new Set([
+            ..._.map((l) => l.id),
+            ...Ct.map((l) => l.folderId)
+          ])
+        );
+      } else {
+        const i = J === "hierarchy" ? H : G?.rowSelection || null;
+        t = i ? Object.keys(i).filter((_) => i[_]) : [];
+      }
+    }
+    const r = t.map((o) => {
+      const n = q?.(o) || Q(o);
+      return { value: o, label: n?.label || n?.name || o };
+    });
+    return [t, r];
+  }, [
+    M,
+    R,
+    H,
+    G,
+    J,
+    q,
+    Q
+  ]), [V, X] = x(null);
+  let a = V !== null ? V : y;
+  a = a.filter((t) => y.includes(t)), a.length === 0 && y.length > 0 && (a = y);
+  const h = a.map((t) => L.find((r) => r.value === t)?.label || "").filter(Boolean), ct = h[0] || "", w = Tt(y), [dt, g] = x(!1), [ft, P] = x(!1), ut = { label: "", subType: "", name: "" }, yt = () => {
+    let t = "Add New ";
+    return w && (t += "Root "), t += d ? F[d].label : "", w || (h.length > 2 ? t += " - " + h.slice(0, 2).join(", ") + ` +${h.length - 2} more` : t += " - " + h.join(", ")), t;
+  }, B = (d === "folder" ? N?.folderTypes : N?.taskTypes) || [], Y = (t, r) => {
+    if (!r) return;
+    let o = { ...p };
+    if (o[r] = t, t && r === "subType") {
+      const n = B.find((c) => c.name === p.subType), s = B.find((c) => c.name === t);
+      if (s && p.label === n?.name) {
+        o.label = s.name;
+        const i = $(p.label, u);
+        p.name === i && (o.name = $(o.label, u));
+      }
+      setTimeout(() => {
+        b.current?.focus();
+      }, 100);
+    } else r === "label" ? (o.label = t, ft || (o.name = $(t, u))) : r === "name" && (P(!0), o.name = t);
+    O(o);
+  }, ht = (t) => {
+    O({ ...p, label: t.base, subType: t.type }), D({
+      ...m,
+      increment: t.increment,
+      length: t.length,
+      prefix: t.prefix,
+      prefixDepth: t.prefixDepth
+    });
+  }, v = et(null), b = et(null), K = () => {
+    st(null), O(ut), D((t) => ({ ...t, active: !1 })), P(!1), X(null);
+  }, gt = () => setTimeout(() => v.current?.open(), 180), [Z, tt] = x(!1), I = async (t) => {
+    const r = Dt(p.label);
+    if (!r.valid) {
+      it.error(r.error || "Invalid label");
+      return;
+    }
+    const { valid: o, error: n } = Mt(p.name);
+    if (!o) {
+      it.error(n || "Invalid name");
+      return;
+    }
+    tt(!0);
+    try {
+      const s = await at(a);
+      console.log(s), S?.(s, t), t ? (b.current && (b.current.focus(), b.current.select()), P(!1)) : K();
+    } catch {
+    } finally {
+      tt(!1);
+    }
+  }, A = (t, r) => {
+    t?.stopPropagation(), t.key === "Enter" ? r && !t.shiftKey || t.ctrlKey || t.metaKey ? (I(!1), T(!1)) : t.shiftKey && (I(!0), T(!0)) : t.key === "Escape" && K();
+  }, bt = () => {
+    dt && (g(!1), setTimeout(() => {
+      v.current?.open();
+    }, 100));
+  }, z = [
+    {
+      ...F.folder,
+      value: "folder",
+      type: "folder",
+      shortcut: "N"
+    },
+    {
+      label: "Folder sequence",
+      value: "sequence",
+      type: "folder",
+      icon: "topic",
+      shortcut: "M",
+      isSequence: !0
+    },
+    {
+      ...F.task,
+      value: "task",
+      type: "task",
+      shortcut: "T"
+    }
+  ];
+  $t({ options: z, onOpenNew: U, enabled: E });
+  const xt = (t) => {
+    const r = z.find((o) => o.value === t);
+    r && U(r.type, { isSequence: r.isSequence });
+  }, St = !p.label || !p.subType;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    C && /* @__PURE__ */ e.jsx(
+      Ht,
+      {
+        options: z,
+        value: [],
+        onChange: (t) => xt(t[0]),
+        valueTemplate: () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(ot, { icon: "add" }),
+          /* @__PURE__ */ e.jsx("span", { children: "Create" })
+        ] }),
+        itemTemplate: (t) => /* @__PURE__ */ e.jsxs(Gt, { children: [
+          /* @__PURE__ */ e.jsx(ot, { icon: t.icon }),
+          /* @__PURE__ */ e.jsx("span", { className: "label", children: t.label }),
+          /* @__PURE__ */ e.jsx(vt, { children: t.shortcut })
+        ] }),
+        itemStyle: {
+          paddingRight: 16
+        },
+        disabled: f,
+        "data-tooltip": f ? "Enable hierarchy to create new entity" : "Create new entity"
+      }
+    ),
+    j && d && /* @__PURE__ */ e.jsx(
+      Ut,
+      {
+        header: yt(),
+        isOpen: !0,
+        onClose: K,
+        onShow: gt,
+        size: m.active ? "lg" : "md",
+        style: { maxWidth: m.active ? "unset" : 430 },
+        enableBackdropClose: !1,
+        footer: /* @__PURE__ */ e.jsxs(It, { onFocus: () => g(!1), style: { width: "100%" }, children: [
+          d === "folder" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx("span", { children: "Sequence" }),
+            /* @__PURE__ */ e.jsx(
+              rt,
+              {
+                checked: m.active,
+                onChange: (t) => D({
+                  ...m,
+                  active: t.target.checked
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(Ft, {}),
+          /* @__PURE__ */ e.jsx("span", { children: "Create more" }),
+          /* @__PURE__ */ e.jsx(
+            rt,
+            {
+              checked: W,
+              onChange: (t) => T(t.target.checked)
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            kt,
+            {
+              label: F[d].createLabel,
+              onClick: () => I(W),
+              active: !St || Z,
+              disabled: !p.name || !p.label,
+              "data-shortcut": Nt("Enter", [Ot.Ctrl]),
+              saving: Z
+            }
+          )
+        ] }),
+        onKeyDown: (t) => A(t),
+        onClick: (t) => {
+          t.target.tagName !== "INPUT" && g(!1);
+        },
+        children: /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "var(--base-gap-large)"
+            },
+            children: [
+              !w && /* @__PURE__ */ e.jsxs(mt, { children: [
+                /* @__PURE__ */ e.jsx(nt, { children: "Parent folder" }),
+                /* @__PURE__ */ e.jsx(
+                  lt,
+                  {
+                    value: a,
+                    options: L,
+                    onChange: (t) => X(t),
+                    disabled: L.length <= 1,
+                    multiSelect: !0,
+                    style: { width: "100%", minHeight: 32 }
+                  }
+                )
+              ] }),
+              m.active ? (
+                // @ts-ignore
+                /* @__PURE__ */ e.jsx(
+                  _t,
+                  {
+                    base: p.label,
+                    type: p.subType,
+                    increment: m.increment,
+                    length: m.length,
+                    prefix: m.prefix,
+                    prefixDepth: m.prefixDepth,
+                    parentLabel: ct,
+                    entityType: "folder",
+                    nesting: !1,
+                    onChange: ht,
+                    isRoot: w,
+                    typeSelectRef: v,
+                    onLastInputKeydown: (t) => A(t, !0),
+                    folders: N?.folderTypes || []
+                  }
+                )
+              ) : /* @__PURE__ */ e.jsxs(Wt, { children: [
+                /* @__PURE__ */ e.jsxs(mt, { children: [
+                  /* @__PURE__ */ e.jsx(nt, { children: "Type" }),
+                  /* @__PURE__ */ e.jsx(
+                    Et,
+                    {
+                      value: [p.subType],
+                      onChange: (t) => Y(t, "subType"),
+                      options: B,
+                      style: { width: 160 },
+                      ref: v,
+                      onFocus: bt,
+                      onClick: () => g(!1)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  Bt,
+                  {
+                    handleChange: Y,
+                    entityForm: p,
+                    labelRef: b,
+                    setNameFocused: g,
+                    handleKeyDown: A,
+                    nameInfo: `Names are auto generated from the label using the Entity Naming setting on the project anatomy. Capitalization: ${u.capitalization}. Separator: "${u.separator}"`
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}, Lm = (f, S, C) => {
+  if (!f || !S) return "";
+  const j = (f === "folder" ? C?.folderTypes : C?.taskTypes)?.find(
+    (E) => E.name === S
+  );
+  return j ? j.name : "";
+};
+export {
+  qm as NewEntity,
+  Lm as generateLabel
+};
+//# sourceMappingURL=NewEntity.es.js.map