@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/NewEntity.es.js

@@ -1,13 +1,1258 @@
-import { I as a, a as n, N as s, b as i, c as o, d as r, g as w, u as N } from "./chunks/NewEntityContext.es.js";
-import { n as E } from "./chunks/entityDefinitions.es.js";
+import { jsx as t, jsxs as f, Fragment as ue } from "react/jsx-runtime";
+import { useState as z, forwardRef as Ue, useRef as ce, useEffect as Le, useLayoutEffect as Ve, useContext as Pe, useMemo as ge } from "react";
+import { isEmpty as Ce } from "lodash";
+import "primereact/confirmdialog";
+import { toast as me } from "react-toastify";
+import { g as Je, R as Me } from "./chunks/realtimeUpdatesUtils.es.js";
+import { p as be, c as Xe, a as Ze } from "./chunks/parseHtmlToPlainTextWithLinks.es.js";
+import { bi as Ge } from "./chunks/searchTerms.es.js";
+import { dl as Qe } from "./chunks/getUris.es.js";
+import "@module-federation/enhanced/runtime";
+import { x as Te, y as ze, M as Ye } from "./chunks/DeleteEntitiesContextInstance.es.js";
+import "semver";
+import { Dropdown as De, Icon as Q, InputText as he, Button as fe, InputSwitch as Ne, InputNumber as je, Spacer as Be, theme as qe, Dialog as et, ShortcutTag as tt, Toolbar as nt, SaveButton as at } from "@ynput/ayon-react-components";
+import "./chunks/ContextMenuContextInstance.es.js";
+import Ae from "clsx";
+import "uuid";
+import "react-dom";
+import "react-redux";
+import { f as rt, d as ot, C as st, g as lt, h as it, p as ct } from "./chunks/MetaWidget.es.js";
+import { N as dt, u as pt } from "./chunks/NewEntityContextInstance.es.js";
+import E from "styled-components";
+import { a as ft, K as ut } from "./chunks/platform.es.js";
+import "./chunks/PlayableIcon.es.js";
+import "date-fns";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "match-sorter";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import "react-router-dom";
+import { u as mt } from "./chunks/useHierarchySelection.es.js";
+import { n as te } from "./chunks/entityDefinitions.es.js";
+import "@tanstack/react-table";
+const Ee = (c, m, u) => {
+  const d = c.match(/\d+$/), v = m.match(/\d+$/), h = d ? parseInt(d[0], 10) : NaN, O = (v ? parseInt(v[0], 10) : NaN) - h;
+  if (isNaN(O)) return [];
+  const r = [];
+  for (let D = 0; D < u; D++) {
+    const y = h + D * O, F = c.match(/\d+$/);
+    if (!F) return [];
+    const A = String(y).padStart(F[0].length, "0"), _ = c.replace(/\d+$/, A);
+    r.push(_);
+  }
+  return r;
+}, ht = (c, m, u) => {
+  if (!c || !m) return "";
+  const d = (c === "folder" ? u?.folderTypes : u?.taskTypes)?.find(
+    (v) => v.name === m
+  );
+  return d ? d.name : "";
+}, xn = ({ children: c }) => {
+  const { projectName: m, ...u } = Te(), { attribFields: d } = rt(), { findNonInheritedValues: v, getFolderById: h } = ze(), { attrib: n = {}, statuses: O } = u || {}, { anatomy: r } = Te(), { entity_naming: D = { capitalization: "lower", separator: "_" } } = r, { rowSelection: y, sliceType: F } = ot(), A = O?.filter((a) => a.scope?.includes("task"))?.[0]?.name || O?.[0]?.name || "none", _ = O?.filter((a) => a.scope?.includes("folder"))?.[0]?.name || O?.[0]?.name || "none", [q, o] = z(null), [R, J] = z(null), K = { label: "", subType: "", name: "" }, [x, ne] = z(K), [W, V] = z({
+    active: !1,
+    increment: "",
+    length: 10,
+    prefix: !1,
+    prefixDepth: 0
+  }), X = (a, p, g, S) => {
+    const s = {};
+    if (F !== "hierarchy" && !Ce(y) && a === "task") {
+      const b = Object.keys(y).filter(
+        (l) => !["hasValue", "noValue"].includes(l)
+      );
+      switch (F) {
+        case "assignees":
+          s.assignees = b;
+          break;
+        case "status":
+          s.status = b[0];
+          break;
+      }
+    }
+    return {
+      type: "create",
+      entityType: a,
+      data: {
+        [`${a}Type`]: p,
+        id: Je(),
+        label: g.label || g.name,
+        name: g.name,
+        ...S && { [a === "folder" ? "parentId" : "folderId"]: S },
+        ...s
+      }
+    };
+  }, ae = (a, p, g, S, s) => {
+    if (S.length === 0 && a === "folder")
+      return g.map((l) => X(a, p, { name: l }));
+    const b = [];
+    for (const l of S)
+      for (const C of g) {
+        const $ = s ? (l.label || l.name) + C : C;
+        b.push(X(a, p, { name: $ }, l.id));
+      }
+    return b;
+  }, de = (a, p, g, S, s) => S.length === 0 && a === "folder" ? [X(a, p, { name: s, label: g })] : S.map(
+    (b) => X(a, p, { name: s, label: g }, b)
+  ), H = (a, p = {}) => {
+    const g = /* @__PURE__ */ new Set();
+    for (const T of a)
+      if (T.entityType === "folder")
+        T.data?.parentId && g.add(T.data.parentId);
+      else if (T.entityType === "task") {
+        if (!T.data?.folderId) {
+          console.warn("Task operation without folderId:", T);
+          continue;
+        }
+        g.add(T.data.folderId);
+      }
+    const S = /* @__PURE__ */ new Map();
+    for (const T of g) {
+      if (!T) continue;
+      const k = v(
+        T,
+        d.map((P) => P.name)
+      );
+      S.set(T, k);
+    }
+    const s = a.filter((T) => T.entityType === "folder"), b = a.filter((T) => T.entityType === "task"), l = (T, k) => {
+      let P = [];
+      for (const i of T) {
+        const Z = k === "folder" ? i.data.parentId : i.data.folderId, j = S.get(Z) || n, M = Object.keys(j).reduce((N, U) => {
+          const oe = d.find((pe) => pe.name === U);
+          if (!oe) return N;
+          const ye = oe.scope?.includes(k), se = !!oe.data.inherit;
+          return ye ? N[U] = j[U] : se && j[U] && (N[U] = {
+            ...j[U],
+            inherited: !0,
+            inheritedFrom: Z
+          }), N;
+        }, {});
+        if (k === "folder") {
+          let N = i.data.parentId && p[i.data.parentId];
+          N = N ? N + "/" + i.data.name : "";
+          const U = {
+            type: "create",
+            entityType: "folder",
+            entityId: i.data.id,
+            data: {
+              ...i.data,
+              entityId: i.data.id,
+              entityType: "folder",
+              projectName: m,
+              folderType: i.data.folderType,
+              parents: [],
+              updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+              createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+              status: _,
+              ownAttrib: [],
+              path: N,
+              tags: [],
+              attrib: M,
+              links: []
+              // Add empty links object
+            }
+          };
+          P.push(U);
+        } else {
+          const N = {
+            type: "create",
+            entityType: "task",
+            entityId: i.data.id,
+            data: {
+              ...i.data,
+              entityId: i.data.id,
+              entityType: "task",
+              label: i.data.label || i.data.name,
+              taskType: i.data.taskType || "",
+              folderId: i.data.folderId || "",
+              active: !0,
+              assignees: i.data.assignees || [],
+              projectName: m,
+              status: i.data.status || A,
+              folder: {
+                path: i.data.folderId ? p[i.data.folderId] : "",
+                folderType: ""
+              },
+              tags: [],
+              ownAttrib: [],
+              path: "",
+              updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+              createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+              thumbnailHash: "",
+              subtasks: [],
+              attrib: M,
+              hasReviewables: !1,
+              // Add required field
+              links: [],
+              // Add empty links object
+              allAttrib: JSON.stringify(M),
+              parents: []
+            }
+          };
+          P.push(N);
+        }
+      }
+      return P;
+    }, C = l(
+      s,
+      "folder"
+    ), $ = l(
+      b,
+      "task"
+    );
+    return [...C, ...$];
+  }, [Y] = Qe(), ee = async (a) => {
+    if (!q || !x.label || !x.name)
+      throw me.error("Please provide a valid name and select an entity type"), new Error("Invalid entity type or label");
+    if (q === "task" && a.length === 0)
+      throw me.error("Cannot create a task without selecting a folder"), new Error("No folder selected for task creation");
+    let p;
+    if (W.active) {
+      const s = [];
+      for (const l of a) {
+        const C = h(l);
+        C && s.push({
+          id: C.id,
+          name: C.name,
+          label: C.label || C.name
+        });
+      }
+      const b = Ee(x.label, W.increment, W.length);
+      p = ae(
+        q,
+        x.subType,
+        b,
+        s,
+        W.prefix
+      );
+    } else
+      p = de(
+        q,
+        x.subType,
+        x.label,
+        a,
+        x.name
+      );
+    const g = {};
+    for (const s of a) {
+      const b = h(s);
+      b && (g[b.id] = b.path);
+    }
+    const S = H(p, g);
+    try {
+      const s = await Y({
+        operationsRequestModel: { operations: p },
+        projectName: m,
+        patchOperations: S
+      }).unwrap();
+      if (s?.success && s.operations)
+        return s.operations;
+      throw {
+        error: (
+          // @ts-expect-error - res.operations may not be typed
+          s?.operations?.[0]?.error || "An error occurred while creating the entity. Please try again."
+        )
+      };
+    } catch (s) {
+      console.log(s);
+      const b = Ge(s);
+      throw me.error(b), new Error(b);
+    }
+  }, B = (a, p) => {
+    o(a), J(p?.parentFolderIds ?? null);
+    const s = ((a === "folder" ? u?.folderTypes : u?.taskTypes) || [])[0].name || "", b = ht(a, s, u), l = {
+      subType: s,
+      label: b,
+      name: be(b, D)
+    };
+    p?.isSequence && V((C) => ({
+      ...C,
+      active: !0
+    })), ne(l);
+  };
+  return /* @__PURE__ */ t(
+    dt.Provider,
+    {
+      value: {
+        config: D,
+        entityType: q,
+        setEntityType: o,
+        entityForm: x,
+        setEntityForm: ne,
+        sequenceForm: W,
+        setSequenceForm: V,
+        onCreateNew: ee,
+        onOpenNew: B,
+        parentFolderIds: R
+      },
+      children: c
+    }
+  );
+}, xe = Ue(
+  ({
+    value: c,
+    options: m,
+    onChange: u,
+    style: d,
+    mainStyle: v,
+    disabled: h,
+    placeholder: n,
+    isChanged: O,
+    align: r,
+    type: D,
+    ...y
+  }, F) => /* @__PURE__ */ t(
+    De,
+    {
+      options: m,
+      dataKey: "name",
+      value: c,
+      valueStyle: d,
+      onChange: (A) => u(A[0]),
+      disabled: h,
+      isChanged: O,
+      placeholder: n,
+      widthExpand: !0,
+      search: !0,
+      searchFields: ["name"],
+      emptyMessage: "None Set",
+      style: v,
+      align: r,
+      ref: F,
+      ...y
+    }
+  )
+);
+xe.displayName = "TypeEditor";
+const yt = E.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+  width: 100%;
+  align-items: flex-end;
+
+  .seq {
+    /* flex: 1; */
+    flex-grow: 1;
+    width: 100%;
+  }
+
+  &.task {
+    width: 100%;
+  }
+`, $e = E.div`
+  display: flex;
+  flex-direction: column;
+  /* panel */
+  background-color: var(--md-sys-color-surface-container-high);
+  padding: 7px 4px;
+  border-radius: var(--border-radius);
+  border: 1px solid transparent;
+  z-index: 10;
+  width: 100%;
+
+  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+
+  &.is-new {
+    /* highlight new items */
+    background-color: var(--md-sys-color-secondary-container);
+    border-color: var(--md-sys-color-primary);
+  }
+
+  &.no-nesting {
+    background-color: unset;
+    border: none;
+  }
+
+  .icon {
+    font-size: 20px;
+  }
+
+  .form > .icon {
+    padding: 5px 0;
+  }
+`, gt = E($e)`
+  & > div {
+    align-items: center;
+  }
+
+  border-radius: var(--border-radius-l);
+  padding-bottom: 4px;
+  padding: 2px 4px;
+`, Se = E.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  gap: var(--base-gap-small);
+  width: 100%;
+  .delete {
+    margin-left: auto;
+  }
+
+  strong {
+    font-weight: 700;
+  }
+`, re = E.div`
+  display: flex;
+  flex-direction: column;
+  width: min-content;
+
+  /* input type number */
+  #length {
+    width: 90px;
+  }
+
+  #prefix {
+    width: 53px;
+  }
+
+  label {
+    width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`, bt = E.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+  justify-content: flex-end;
+
+  /* has no children then display none */
+  &:empty {
+    display: none;
+  }
+  width: 100%;
+`, xt = E.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--base-gap-small);
+  width: 100%;
+`, wt = E.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+  z-index: 10;
+`, vt = E.span``, kt = E.span`
+  background-color: var(--md-sys-color-surface-container-low);
+  padding: 5px 8px;
+  border-radius: var(--border-radius);
+  position: relative;
+  top: -1px;
+  right: -3px;
+
+  color: var(--md-sys-color-outline);
+  min-height: 30px;
+`;
+function It(c, m, u = "") {
+  if (c.length <= m)
+    return c.map((d) => u + d).join(", ");
+  {
+    const d = c.slice(0, Math.ceil(m / 2)).map((h) => u + h), v = c.slice(-1).map((h) => u + h);
+    return `${d.join(", ")} ... ${v.join(", ")}`;
+  }
+}
+function Re(c) {
+  return c === "Shot" ? {
+    base: "0010",
+    increment: "0020",
+    length: 10,
+    difference: 10
+  } : {
+    base: "001",
+    increment: "002",
+    length: 10,
+    difference: 1
+  };
+}
+const St = ({
+  onChange: c,
+  parentId: m = null,
+  children: u,
+  depth: d,
+  onNew: v,
+  index: h,
+  nesting: n = !0,
+  isRoot: O,
+  parentLabel: r,
+  prefixDisabled: D,
+  typeSelectRef: y,
+  onLastInputKeydown: F,
+  folders: A,
+  ..._
+}) => {
+  const { base: q, increment: o, length: R, type: J, id: K, prefix: x, prefixDepth: ne, parentBases: W } = _, V = _.entityType, X = !n && O || D;
+  let ae = [];
+  q && o && R && (ae = Ee(q, o, R));
+  const [de, H] = z(ae), Y = ce(null), ee = ce(null), B = (l) => {
+    l?.preventDefault && l?.preventDefault();
+    let { value: C, id: $ } = l.target;
+    $ === "prefixDepth" && (C = parseInt(String(C), 10));
+    const T = { [$]: C }, k = { ..._, ...T };
+    if ($ === "type") {
+      let P = !1;
+      const i = A.find((M) => M.name === C);
+      for (const M of A) {
+        if (k.base === "") {
+          P = !0;
+          break;
+        }
+        for (const N in M)
+          if (typeof M[N] == "string" && k.base?.toLowerCase().includes(M[N].toLowerCase())) {
+            P = !0;
+            break;
+          }
+      }
+      if (!P || !i) return;
+      const Z = V === "folder" && i.shortName || i.name, j = Re(String(C));
+      k.base = Z + j.base, k.increment = Z + j.increment, k.length = j.length;
+    }
+    if ($ === "base") {
+      const P = Re(k.type), i = String(C), Z = i.replace(/[^a-zA-Z]/g, ""), j = i.replace(/[^0-9]/g, ""), M = parseInt(j, 10), N = j.length, U = Z + (M + P.difference).toString().padStart(N, "0");
+      k.increment = U.replace("NaN", "");
+    }
+    if (c(
+      k,
+      typeof K == "string" ? K : void 0,
+      V
+    ), k.base && k.increment && k.length) {
+      const P = Ee(k.base, k.increment, k.length);
+      H(P);
+    }
+    $ === "type" && setTimeout(X ? () => {
+      Y.current?.focus(), Y.current?.select();
+    } : () => {
+      ee.current?.focus();
+    }, 50);
+  }, [a, p] = z(!0);
+  Le(
+    () => {
+      const l = setTimeout(() => {
+        p(!1);
+      }, 1e3);
+      return () => clearTimeout(l);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const g = It(de, 5, x ? r : void 0), S = ce(null), [s, b] = z(0);
+  return Ve(() => {
+    S.current && b(S.current.offsetWidth);
+  }, [S.current, x]), V === "task" ? /* @__PURE__ */ t(
+    gt,
+    {
+      className: Ae("task", { "is-new": a, nesting: n, "no-nesting": !n }),
+      style: { zIndex: 100 - (d ?? 0) - (h ?? 0) },
+      children: /* @__PURE__ */ f(Se, { className: "form", children: [
+        /* @__PURE__ */ t(Q, { icon: "task_alt" }),
+        /* @__PURE__ */ t("strong", { children: "Task" }),
+        /* @__PURE__ */ t("label", { children: "Type" }),
+        /* @__PURE__ */ t(
+          xe,
+          {
+            value: [J],
+            onChange: (l) => B({ target: { value: l, id: "type" } }),
+            options: A,
+            style: { width: 160 },
+            align: "right"
+          }
+        ),
+        /* @__PURE__ */ t("label", { children: "label" }),
+        /* @__PURE__ */ t(
+          he,
+          {
+            value: q,
+            id: "base",
+            onChange: B,
+            placeholder: "compositing...",
+            autoComplete: "off"
+          }
+        ),
+        /* @__PURE__ */ t(
+          fe,
+          {
+            icon: "close",
+            variant: "text",
+            onClick: () => c({ id: K, delete: !0 }, m),
+            className: "delete"
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ f(yt, { className: "folder", children: [
+    /* @__PURE__ */ f(xt, { className: "seq", style: { zIndex: 100 - (d ?? 0) - (h ?? 0) }, children: [
+      n && /* @__PURE__ */ f(wt, { className: "buttons", children: [
+        /* @__PURE__ */ f(Se, { children: [
+          d === 0 && /* @__PURE__ */ t(
+            fe,
+            {
+              icon: "south",
+              onClick: () => v?.(null),
+              label: "Root",
+              title: "add root folder"
+            }
+          ),
+          /* @__PURE__ */ t(
+            fe,
+            {
+              icon: te.folder.icon,
+              onClick: () => K && v?.(K, "folder"),
+              label: d === 0 ? te.folder.label : void 0,
+              title: "add nested folder"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          fe,
+          {
+            icon: te.task.icon,
+            onClick: () => K && v?.(K, "task"),
+            label: d === 0 ? te.task.label : void 0,
+            title: "add nested task",
+            style: { width: "max-content", marginLeft: "auto" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ f(
+        $e,
+        {
+          className: Ae({ "is-new": a, "no-nesting": !n }),
+          ref: S,
+          children: [
+            /* @__PURE__ */ f(Se, { className: "form folder", children: [
+              /* @__PURE__ */ f(re, { children: [
+                /* @__PURE__ */ t("label", { children: "Type" }),
+                /* @__PURE__ */ t(
+                  xe,
+                  {
+                    value: [J],
+                    onChange: (l) => B({ target: { value: l, id: "type" } }),
+                    options: A,
+                    style: { width: 160 },
+                    align: "right",
+                    ref: y
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(Q, { icon: "trending_flat" }),
+              (d !== 0 || !n) && /* @__PURE__ */ f(ue, { children: [
+                /* @__PURE__ */ f(ue, { children: [
+                  /* @__PURE__ */ f(re, { children: [
+                    /* @__PURE__ */ t("label", { children: "Prefix" }),
+                    /* @__PURE__ */ t(
+                      Ne,
+                      {
+                        checked: x,
+                        id: "prefix",
+                        onChange: () => B({ target: { value: !x, id: "prefix" } }),
+                        disabled: X,
+                        ref: ee,
+                        switchStyle: { margin: "4px 0" }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ t(Q, { icon: "trending_flat" })
+                ] }),
+                n && x && /* @__PURE__ */ f(re, { children: [
+                  /* @__PURE__ */ t("label", { children: "Depth" }),
+                  /* @__PURE__ */ t(
+                    je,
+                    {
+                      value: ne,
+                      id: "prefixDepth",
+                      onChange: B,
+                      max: W?.length,
+                      min: 0
+                    }
+                  )
+                ] })
+              ] }),
+              W && n && /* @__PURE__ */ t(re, { style: { display: x ? "flex" : "none" }, children: /* @__PURE__ */ t(kt, { children: W.join("") }) }),
+              /* @__PURE__ */ f(re, { className: "seq", children: [
+                /* @__PURE__ */ t("label", { children: "First Name" }),
+                /* @__PURE__ */ t(
+                  he,
+                  {
+                    value: q,
+                    id: "base",
+                    ref: Y,
+                    onChange: B,
+                    placeholder: "ep101...",
+                    autoComplete: "off"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(Q, { icon: "trending_flat" }),
+              /* @__PURE__ */ f(re, { className: "seq", children: [
+                /* @__PURE__ */ t("label", { children: "Second Name" }),
+                /* @__PURE__ */ t(
+                  he,
+                  {
+                    value: o,
+                    id: "increment",
+                    onChange: B,
+                    placeholder: "ep102...",
+                    autoComplete: "off"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(Q, { icon: "trending_flat" }),
+              /* @__PURE__ */ f(re, { children: [
+                /* @__PURE__ */ t("label", { children: "Count" }),
+                /* @__PURE__ */ t(
+                  je,
+                  {
+                    value: R,
+                    id: "length",
+                    onChange: B,
+                    placeholder: "15...",
+                    min: 2,
+                    onFocus: (l) => l.target.select(),
+                    onKeyDown: F
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t(Be, {}),
+              n && /* @__PURE__ */ t(
+                fe,
+                {
+                  icon: "close",
+                  variant: "text",
+                  onClick: () => c({ id: K, delete: !0 }),
+                  disabled: d === 0 && h === 0
+                }
+              )
+            ] }),
+            !n && /* @__PURE__ */ f(vt, { children: [
+              "Example: ",
+              g
+            ] })
+          ]
+        }
+      )
+    ] }),
+    n && /* @__PURE__ */ t(
+      bt,
+      {
+        className: "children",
+        style: { width: s, zIndex: 99 - (d ?? 0) - (h ?? 0) },
+        children: u
+      }
+    )
+  ] });
+}, Ct = ({
+  options: c,
+  onOpenNew: m,
+  enabled: u = !0
+}) => {
+  const { menuOpen: d } = Pe(Ye) || { menuOpen: !1 }, { editingCellId: v } = Pe(st) || { editingCellId: null };
+  Le(() => {
+    if (!u) return;
+    const h = (n) => {
+      if (d || n.target instanceof HTMLElement && (n.target.tagName === "INPUT" || n.target.tagName === "TEXTAREA" || n.target.isContentEditable || n.target.getAttribute("role") === "textbox") || v || n.ctrlKey || n.metaKey || n.altKey)
+        return;
+      const O = n.key.toUpperCase(), r = c.find((D) => D.shortcut === O);
+      r && !r.disabled && (n.preventDefault(), m(r.type, { isSequence: r.isSequence }));
+    };
+    return window.addEventListener("keydown", h), () => {
+      window.removeEventListener("keydown", h);
+    };
+  }, [u, c, m, v, d]);
+}, we = E.label`
+  font-size: ${qe.labelMedium};
+  color: var(--md-sys-color-outline);
+`, Oe = E.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--base-gap-small);
+
+  label {
+    white-space: nowrap;
+  }
+
+  [icon='info'] {
+    cursor: help;
+    font-size: 16px;
+    color: var(--md-sys-color-outline);
+  }
+`, Tt = E.div`
+  display: flex;
+  align-items: center;
+  margin-top: 6px;
+  gap: var(--base-gap-small);
+  width: 100%;
+  word-break: break-all;
+`, Nt = E.span`
+  position: relative;
+  padding: 2px 6px;
+  font-size: ${qe.bodySmall};
+  display: inline-flex;
+  min-height: 20px;
+  gap: var(--base-gap-small);
+  cursor: pointer;
+
+  .icon {
+    display: none;
+    font-size: 14px;
+  }
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-low);
+    border-radius: var(--border-radius-m);
+    .icon {
+      display: flex;
+    }
+  }
+`, Et = E(he)`
+  font-size: ${qe.bodySmall};
+  width: 100px;
+  max-width: 160px;
+  min-height: 0;
+  height: 20px;
+  border: 0;
+  padding: 1px 6px;
+
+  input {
+    color: var(--md-sys-color-outline);
+    outline: none;
+
+    &:focus {
+      background: var(--md-sys-color-surface-container-low);
+      border: none;
+      outline: 1px solid var(--md-sys-color-primary);
+    }
+  }
+`, Ot = ({
+  handleChange: c,
+  entityForm: m,
+  setNameFocused: u,
+  handleKeyDown: d,
+  labelRef: v,
+  nameInfo: h = ""
+}) => {
+  const [n, O] = z(!1), [r, D] = z(void 0), y = ce(null), F = () => {
+    O(!0), u(!0), D(m.name), setTimeout(() => {
+      y.current && (y.current.focus(), y.current.select());
+    }, 0);
+  }, A = (o) => {
+    const R = o.relatedTarget;
+    (!R || !y.current?.contains(R)) && (O(!1), u(!1), D(void 0));
+  }, _ = (o) => {
+    if (o.key === "ArrowDown" && !o.altKey || o.key === "Tab") {
+      o.preventDefault(), F();
+      return;
+    }
+    d(o, !0);
+  }, q = (o) => {
+    if (o.key === "Enter" || o.key === "Escape" || o.key === "ArrowUp" && !o.altKey) {
+      if (o.stopPropagation(), o.key === "Enter" && !n)
+        return F();
+      o.key === "Escape" && r !== void 0 && c(r, "name"), O(!1), u(!1), D(void 0), setTimeout(() => {
+        v.current?.focus();
+        const R = m.label.length || 0;
+        v.current?.setSelectionRange(R, R);
+      }, 0);
+      return;
+    }
+  };
+  return /* @__PURE__ */ f(Oe, { style: { flex: 1 }, children: [
+    /* @__PURE__ */ t(we, { children: "Label" }),
+    /* @__PURE__ */ t(
+      he,
+      {
+        value: m.label,
+        onChange: (o) => c(o.target.value, "label"),
+        ref: v,
+        onFocus: () => u(!0),
+        onKeyDown: _,
+        style: { flex: 1, width: "100%" }
+      }
+    ),
+    /* @__PURE__ */ f(Tt, { onKeyDown: q, children: [
+      /* @__PURE__ */ t(we, { children: "Name" }),
+      h && /* @__PURE__ */ t(Q, { icon: "info", "data-tooltip": h, "data-tooltip-delay": 0 }),
+      n ? /* @__PURE__ */ t(
+        Et,
+        {
+          ref: y,
+          value: m.name,
+          onChange: (o) => c(o.target.value, "name"),
+          onBlur: A,
+          style: { flex: 1 }
+        }
+      ) : /* @__PURE__ */ f(Nt, { onClick: F, tabIndex: 0, children: [
+        m.name,
+        " ",
+        /* @__PURE__ */ t(Q, { icon: "edit" })
+      ] })
+    ] })
+  ] });
+}, Dt = E(et)`
+  .body {
+    overflow: visible;
+  }
+`, qt = E.div`
+  display: flex;
+  align-items: flex-start;
+  gap: var(--base-gap-large);
+  form {
+    input:first-child {
+      margin-right: 8px;
+    }
+  }
+`, Ft = E(De)`
+  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);
+    }
+  }
+`, Ke = E.span`
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  color: var(--md-sys-color-outline);
+`, Pt = E.span`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  padding: 0 8px;
+  height: 32px;
+  width: 100%;
+
+  .label {
+    flex: 1;
+    margin-right: 24px;
+  }
+
+  &.disabled {
+    opacity: 0.5;
+  }
+`, wn = ({
+  disabled: c,
+  onNewEntities: m,
+  showButton: u = !0,
+  showDialog: d = !0,
+  enableShortcuts: v = !0
+}) => {
+  const { ...h } = Te(), {
+    entityType: n,
+    setEntityType: O,
+    entityForm: r,
+    setEntityForm: D,
+    sequenceForm: y,
+    setSequenceForm: F,
+    onCreateNew: A,
+    onOpenNew: _,
+    config: q,
+    parentFolderIds: o
+  } = pt(), [R, J] = z(!1), { selectedCells: K } = lt() || {}, x = mt(), { getFolderById: ne } = ze(), W = it(), V = W?.getEntityById, X = W?.showHierarchy ?? !0, ae = ge(() => {
+    if (o !== null) return o;
+    const e = K ? Array.from(K).map((I) => ct(I)) : [], w = Array.from(
+      new Set(
+        e.filter((I) => I && I.colId !== Me).map((I) => I?.rowId).filter(Boolean)
+      )
+    ), L = Array.from(
+      new Set(
+        e.filter((I) => I?.colId === Me).map((I) => I?.rowId).filter(Boolean)
+      )
+    ), le = w.length > 0 ? w : L;
+    if (le.length > 0) {
+      const I = le.map((G) => V?.(G)), ie = I.filter(
+        (G) => G?.entityType === "folder"
+      ), Ie = I.filter(
+        (G) => G?.entityType === "task"
+      ), Fe = Array.from(
+        /* @__PURE__ */ new Set([
+          ...ie.map((G) => G.id),
+          ...Ie.map((G) => G.folderId)
+        ])
+      );
+      if (Fe.length) return Fe;
+    }
+    return x ? Object.keys(x).filter((I) => x[I]) : [];
+  }, [o, K, x, V]), de = ge(() => o !== null ? o : x ? Object.keys(x).filter((e) => x[e]) : [], [o, x]), H = n === "folder" && !X ? de : ae, Y = ae.length > 0, ee = ge(
+    () => H.map((e) => {
+      const w = V?.(e) || ne(e);
+      return { value: e, label: w?.label || w?.name || e };
+    }),
+    [H, V, ne]
+  ), [B, a] = z(null);
+  let p = B !== null ? B : H;
+  p = p.filter((e) => H.includes(e)), p.length === 0 && H.length > 0 && (p = H);
+  const g = p.map((e) => ee.find((w) => w.value === e)?.label || "").filter(Boolean), S = g[0] || "", s = Ce(H), [b, l] = z(!1), [C, $] = z(!1), T = { label: "", subType: "", name: "" }, k = () => {
+    let e = "Add New ";
+    return s && n === "folder" && (e += "Root "), e += n ? te[n].label : "", s || (g.length > 2 ? e += " - " + g.slice(0, 2).join(", ") + ` +${g.length - 2} more` : e += " - " + g.join(", ")), e;
+  }, P = (n === "folder" ? h?.folderTypes : h?.taskTypes) || [], i = (e, w) => {
+    if (!w) return;
+    let L = { ...r };
+    if (L[w] = e, e && w === "subType") {
+      const le = P.find((ie) => ie.name === r.subType), I = P.find((ie) => ie.name === e);
+      if (I && r.label === le?.name) {
+        L.label = I.name;
+        const Ie = be(r.label, q);
+        r.name === Ie && (L.name = be(L.label, q));
+      }
+      setTimeout(() => {
+        M.current?.focus();
+      }, 100);
+    } else w === "label" ? (L.label = e, C || (L.name = be(e, q))) : w === "name" && ($(!0), L.name = e);
+    D(L);
+  }, Z = (e) => {
+    D({ ...r, label: e.base, subType: e.type }), F({
+      ...y,
+      increment: e.increment,
+      length: e.length,
+      prefix: e.prefix,
+      prefixDepth: e.prefixDepth
+    });
+  }, j = ce(null), M = ce(null), N = () => {
+    O(null), D(T), F((e) => ({ ...e, active: !1 })), $(!1), a(null);
+  }, U = () => setTimeout(() => j.current?.open(), 180), [oe, ye] = z(!1), se = async (e) => {
+    const w = Xe(r.label);
+    if (!w.valid) {
+      me.error(w.error || "Invalid label");
+      return;
+    }
+    const { valid: L, error: le } = Ze(r.name);
+    if (!L) {
+      me.error(le || "Invalid name");
+      return;
+    }
+    ye(!0);
+    try {
+      const I = await A(p);
+      console.log(I), m?.(I, e), e ? (M.current && (M.current.focus(), M.current.select()), $(!1)) : N();
+    } catch {
+    } finally {
+      ye(!1);
+    }
+  }, pe = (e, w) => {
+    e?.stopPropagation(), e.key === "Enter" ? w && !e.shiftKey || e.ctrlKey || e.metaKey ? (se(!1), J(!1)) : e.shiftKey && (se(!0), J(!0)) : e.key === "Escape" && N();
+  }, _e = () => {
+    b && (l(!1), setTimeout(() => {
+      j.current?.open();
+    }, 100));
+  }, ve = ge(
+    () => [
+      {
+        ...te.folder,
+        value: "folder",
+        type: "folder",
+        shortcut: "N"
+      },
+      {
+        label: "Folder sequence",
+        value: "sequence",
+        type: "folder",
+        icon: "topic",
+        shortcut: "M",
+        isSequence: !0
+      },
+      {
+        ...te.task,
+        value: "task",
+        type: "task",
+        shortcut: "T",
+        disabled: !Y,
+        disabledMessage: "Select a folder to create a task in"
+      }
+    ],
+    [Y]
+  );
+  Ct({ options: ve, onOpenNew: _, enabled: v });
+  const We = (e) => {
+    const w = ve.find((L) => L.value === e);
+    w && !w.disabled && _(w.type, { isSequence: w.isSequence });
+  }, ke = n === "task" && Ce(p), He = !r.label || !r.subType || ke;
+  return /* @__PURE__ */ f(ue, { children: [
+    u && /* @__PURE__ */ t(
+      Ft,
+      {
+        options: ve,
+        value: [],
+        onChange: (e) => We(e[0]),
+        valueTemplate: () => /* @__PURE__ */ f(ue, { children: [
+          /* @__PURE__ */ t(Q, { icon: "add" }),
+          /* @__PURE__ */ t("span", { children: "Create" })
+        ] }),
+        itemTemplate: (e) => /* @__PURE__ */ f(
+          Pt,
+          {
+            className: e.disabled ? "disabled" : void 0,
+            "data-tooltip": e.disabled ? e.disabledMessage : void 0,
+            children: [
+              /* @__PURE__ */ t(Q, { icon: e.icon }),
+              /* @__PURE__ */ t("span", { className: "label", children: e.label }),
+              /* @__PURE__ */ t(tt, { children: e.shortcut })
+            ]
+          }
+        ),
+        itemStyle: {
+          paddingRight: 16
+        },
+        disabled: c,
+        "data-tooltip": "Create new entity"
+      }
+    ),
+    d && n && /* @__PURE__ */ t(
+      Dt,
+      {
+        header: k(),
+        isOpen: !0,
+        onClose: N,
+        onShow: U,
+        size: y.active ? "lg" : "md",
+        style: { maxWidth: y.active ? "unset" : 430 },
+        enableBackdropClose: !1,
+        footer: /* @__PURE__ */ f(nt, { onFocus: () => l(!1), style: { width: "100%" }, children: [
+          n === "folder" && /* @__PURE__ */ f(ue, { children: [
+            /* @__PURE__ */ t("span", { children: "Sequence" }),
+            /* @__PURE__ */ t(
+              Ne,
+              {
+                checked: y.active,
+                onChange: (e) => F({
+                  ...y,
+                  active: e.target.checked
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(Be, {}),
+          /* @__PURE__ */ t("span", { children: "Create more" }),
+          /* @__PURE__ */ t(
+            Ne,
+            {
+              checked: R,
+              onChange: (e) => J(e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ t(
+            at,
+            {
+              label: te[n].createLabel,
+              onClick: () => se(R),
+              active: !He || oe,
+              disabled: !r.name || !r.label || ke,
+              "data-tooltip": ke ? "Select a parent folder" : void 0,
+              "data-shortcut": ft("Enter", [ut.Ctrl]),
+              saving: oe
+            }
+          )
+        ] }),
+        onKeyDown: (e) => pe(e),
+        onClick: (e) => {
+          e.target.tagName !== "INPUT" && l(!1);
+        },
+        children: /* @__PURE__ */ f(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "var(--base-gap-large)"
+            },
+            children: [
+              /* @__PURE__ */ f(Oe, { children: [
+                /* @__PURE__ */ t(we, { children: "Parent folder" }),
+                H.length > 0 ? /* @__PURE__ */ t(
+                  De,
+                  {
+                    value: p,
+                    options: ee,
+                    onChange: (e) => a(e),
+                    disabled: ee.length <= 1,
+                    multiSelect: !0,
+                    style: { width: "100%", minHeight: 32 }
+                  }
+                ) : n === "task" ? /* @__PURE__ */ t(Ke, { children: "Select a folder to create a task in" }) : /* @__PURE__ */ t(Ke, { children: "Creating in the project root" })
+              ] }),
+              y.active ? (
+                // @ts-ignore
+                /* @__PURE__ */ t(
+                  St,
+                  {
+                    base: r.label,
+                    type: r.subType,
+                    increment: y.increment,
+                    length: y.length,
+                    prefix: y.prefix,
+                    prefixDepth: y.prefixDepth,
+                    parentLabel: S,
+                    entityType: "folder",
+                    nesting: !1,
+                    onChange: Z,
+                    isRoot: s,
+                    typeSelectRef: j,
+                    onLastInputKeydown: (e) => pe(e, !0),
+                    folders: h?.folderTypes || []
+                  }
+                )
+              ) : /* @__PURE__ */ f(qt, { children: [
+                /* @__PURE__ */ f(Oe, { children: [
+                  /* @__PURE__ */ t(we, { children: "Type" }),
+                  /* @__PURE__ */ t(
+                    xe,
+                    {
+                      value: [r.subType],
+                      onChange: (e) => i(e, "subType"),
+                      options: P,
+                      style: { width: 160 },
+                      ref: j,
+                      onFocus: _e,
+                      onClick: () => l(!1)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t(
+                  Ot,
+                  {
+                    handleChange: i,
+                    entityForm: r,
+                    labelRef: M,
+                    setNameFocused: l,
+                    handleKeyDown: pe,
+                    nameInfo: `Names are auto generated from the label using the Entity Naming setting on the project anatomy. Capitalization: ${q.capitalization}. Separator: "${q.separator}"`
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
 export {
-  a as InputLabel,
-  n as InputsContainer,
-  s as NameRow,
-  i as NewEntity,
-  o as NewEntityForm,
-  r as NewEntityProvider,
-  w as generateLabel,
-  E as newEntityDefinitions,
-  N as useNewEntityContext
+  we as InputLabel,
+  Oe as InputsContainer,
+  Tt as NameRow,
+  wn as NewEntity,
+  dt as NewEntityContext,
+  Ot as NewEntityForm,
+  xn as NewEntityProvider,
+  ht as generateLabel,
+  te as newEntityDefinitions,
+  pt as useNewEntityContext
 };