@ynput/ayon-frontend-shared 0.7.2 → 0.7.4

package/dist/ProjectsTable.es.js

@@ -0,0 +1,526 @@
+import { jsxs as R, jsx as a } from "react/jsx-runtime";
+import { H as ot, b as W, c as mt, S as ft, a as ut, e as Z } from "./chunks/SimpleTable.es.js";
+import { useCallback as x, useMemo as tt } from "react";
+import "./chunks/ReviewablesSelector.es.js";
+import "match-sorter";
+import { theme as ht } from "@ynput/ayon-react-components";
+import X from "clsx";
+import "./chunks/SimpleForm.es.js";
+import "./chunks/MetaWidget.es.js";
+import "react-dom";
+import "date-fns";
+import "./chunks/PlayableIcon.es.js";
+import { u as gt, o as bt } from "./chunks/TableExportContextInstance.es.js";
+import "lodash";
+import "primereact/confirmdialog";
+import "react-toastify";
+import "uuid";
+import "./chunks/searchTerms.es.js";
+import "axios";
+import "./chunks/getUris.es.js";
+import "./chunks/JsonViewer.es.js";
+import "./chunks/Watchers.es.js";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
+import "semver";
+import "./chunks/ContextMenuContextInstance.es.js";
+import "react-redux";
+import { useNavigate as vt } from "react-router-dom";
+import "./chunks/EmptyPlaceholder.es.js";
+import "./chunks/EmptyPlaceholderFlex.styled.es.js";
+import "./chunks/InfoMessage.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "./chunks/VersionUploadContextInstance.es.js";
+import "./chunks/EntityTooltip.es.js";
+import "./chunks/ColumnDropIndicator.styled.es.js";
+import "@tanstack/react-table";
+import "@ynput/ayon-addon";
+import { T as Ct } from "./chunks/EntityPickerDialog.es.js";
+import "remark-gfm";
+import "react-markdown";
+import "primereact/splitter";
+import "./chunks/Slicer.es.js";
+import "./chunks/NewEntityContextInstance.es.js";
+import { M as It, a as Nt } from "./chunks/Menu.es.js";
+import "./chunks/ThumbnailSimple.es.js";
+import F from "styled-components";
+import { b as jt } from "./chunks/buildHierarchicalTableRows.es.js";
+import { g as Pt } from "./chunks/getProjectDisplayName.es.js";
+import "custom-protocol-check";
+import "./chunks/GroupSettingsFallback.es.js";
+const $ = "projects-list-menu", wt = F(ot)`
+  flex-direction: column;
+`, xt = F(ot)`
+  padding: 0;
+  border: none;
+
+  container-type: inline-size;
+
+  /* when this container gets smaller than */
+  /* 188px remove add-project button  */
+  @container (max-width: 188px) {
+    .add-project {
+      display: none;
+    }
+  }
+  /* 155px remove select all button */
+  @container (max-width: 155px) {
+    .select-all {
+      display: none;
+    }
+  }
+
+  /* 125px remove search */
+  @container (max-width: 125px) {
+    .search-projects {
+      display: none;
+    }
+  }
+`, yt = F.span`
+  display: flex;
+  align-items: center;
+  ${ht.labelLarge}
+  height: 32px;
+  padding-left: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+`, Tt = F.div`
+  display: flex;
+  gap: var(--base-gap-small);
+`, St = ({
+  title: r,
+  search: c,
+  onSearch: g,
+  onSelectAll: d,
+  buttonLabels: b = {},
+  hiddenButtons: i = [],
+  onNewProject: m,
+  showAddProject: C = !1,
+  menuItems: f = [],
+  toggleMenu: v
+}) => {
+  const { menuOpen: u } = gt(), h = u === $, t = {
+    icon: "add",
+    tooltip: "Add new project",
+    ...b.add
+  }, e = {
+    icon: "search",
+    tooltip: "Search projects",
+    ...b.search
+  };
+  return /* @__PURE__ */ R(wt, { className: "projects-list-header", children: [
+    /* @__PURE__ */ R(xt, { className: "projects-list-header-top", children: [
+      /* @__PURE__ */ a(yt, { children: r }),
+      /* @__PURE__ */ R(Tt, { className: "projects-list-header-buttons", children: [
+        /* @__PURE__ */ a(
+          W,
+          {
+            icon: "more_horiz",
+            onClick: () => v?.(!0),
+            id: $,
+            className: X("list-menu", { active: h })
+          }
+        ),
+        /* @__PURE__ */ a(It, { targetId: $, id: $, align: "left", children: /* @__PURE__ */ a(Nt, { menu: f, onClose: () => v?.(!1) }) }),
+        C && /* @__PURE__ */ a(
+          W,
+          {
+            icon: t.icon,
+            "data-tooltip": t.tooltip,
+            "data-shortcut": t.shortcut,
+            onClick: m,
+            className: "add-project"
+          }
+        ),
+        !i.includes("select-all") && d && /* @__PURE__ */ a(
+          W,
+          {
+            icon: "checklist",
+            "data-tooltip": "Select all",
+            onClick: d,
+            className: "select-all"
+          }
+        ),
+        !i.includes("search") && /* @__PURE__ */ a(
+          W,
+          {
+            icon: e.icon,
+            "data-tooltip": e.tooltip,
+            "data-shortcut": e.shortcut,
+            onClick: () => typeof c != "string" && g(""),
+            className: "search-projects"
+          }
+        )
+      ] })
+    ] }),
+    typeof c == "string" && /* @__PURE__ */ a(Ct, { value: c, onChange: g, onClose: () => g(void 0) })
+  ] });
+}, Mt = "folder", q = "folder", Rt = (r) => `${q}-${r}`, z = (r) => !r || typeof r != "string" ? null : r.startsWith(q + "-") ? r.substring((q + "-").length) : null, He = (r = [], c = [], g = !0, d = !1) => {
+  const b = /* @__PURE__ */ new Map();
+  for (const t of c)
+    b.set(String(t.id), t);
+  const i = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Set();
+  for (const t of c)
+    i.set(t.id, {
+      id: t.id,
+      folder: t,
+      children: /* @__PURE__ */ new Map(),
+      items: [],
+      hasAnyItems: !1
+    }), t.parentId || m.add(t.id);
+  for (const t of c)
+    if (t.parentId && i.has(t.parentId)) {
+      const e = i.get(t.parentId), o = i.get(t.id);
+      e.children.set(t.id, o);
+    }
+  const C = [];
+  for (const t of r) {
+    const e = t.projectFolder;
+    if (d && e && b.has(e)) {
+      const o = i.get(e);
+      o.items.push(t), o.hasAnyItems = !0;
+    } else
+      C.push(t);
+  }
+  for (const t of i.values())
+    if (t.hasAnyItems) {
+      let e = t.folder;
+      for (; e.parentId; ) {
+        const o = i.get(e.parentId);
+        if (o)
+          o.hasAnyItems = !0, e = o.folder;
+        else
+          break;
+      }
+    }
+  const f = (t) => ({
+    id: t.name,
+    name: t.name,
+    label: Pt(t),
+    inactive: !t.active,
+    subRows: [],
+    data: {
+      id: t.name,
+      active: t.active,
+      code: t.code || t.name,
+      projectLabel: t.label || void 0
+    }
+  }), u = jt({
+    folderNodes: i,
+    rootFolderIds: m,
+    showEmptyFolders: g,
+    buildFolderRowId: Rt,
+    createItemRow: f,
+    sortFolderNodes: (t) => t.sort((e, o) => e.folder.position !== void 0 && o.folder.position !== void 0 ? e.folder.position - o.folder.position : e.folder.label.localeCompare(o.folder.label)),
+    getFolderLabel: (t) => t.label,
+    getFolderIcon: (t) => t.data?.icon || Mt,
+    getFolderColor: (t) => t.data?.color,
+    getItemCount: (t) => t.items.length + Array.from(t.children.values()).reduce((e, o) => e + o.items.length, 0),
+    getFolderIsEmpty: (t) => t.isEmpty
+  }), h = C.map((t) => f(t));
+  return [...u, ...h];
+}, et = ({
+  tableData: r,
+  search: c,
+  isLoading: g,
+  multiSelect: d,
+  error: b,
+  readonly: i,
+  rowContextMenuBuilders: m = [],
+  renamingFolder: C,
+  onSubmitRenameFolder: f,
+  closeRenameFolder: v,
+  renamingProject: u,
+  onSubmitRenameProject: h,
+  closeRenameProject: t,
+  onRenameFolder: e,
+  onRenameProject: o,
+  onOpenProject: y,
+  fitContent: _,
+  hidePinned: T,
+  onSettingsClick: S,
+  enableClickToDeselect: J = !1,
+  ...U
+}) => {
+  const D = vt(), k = x(
+    (n) => {
+      S ? S(n) : D("/manageProjects/projectSettings?project=" + n);
+    },
+    [S, D]
+  ), V = x(
+    (n) => {
+      !!z(n) ? e?.(n) : o?.(n);
+    },
+    [e, o]
+  ), E = x(
+    (n, s) => {
+      !!z(n) ? f?.(s) : h?.(s);
+    },
+    [f, h]
+  ), L = x(() => {
+    v?.(), t?.();
+  }, [v, t]), O = C || u, A = x(
+    (n) => {
+      console.log("onRowDoubleClick", n), !i && (z(n) || y?.(n));
+    },
+    [i, y]
+  ), H = x(
+    (n, s) => {
+      const N = !!z(s.id || ""), P = s.getIsPinned() === "top", B = N ? [] : [
+        {
+          icon: "settings_applications",
+          className: "settings-icon",
+          onClick: (w) => {
+            w.stopPropagation(), k?.(s.id);
+          }
+        },
+        {
+          icon: "push_pin",
+          className: X("pin", { active: P }),
+          show: P ? "always" : "hover",
+          onClick: (w) => {
+            w.stopPropagation(), i || s.pin(P ? !1 : "top");
+          }
+        }
+      ];
+      return /* @__PURE__ */ a(
+        mt,
+        {
+          ...n,
+          id: s.id,
+          className: X(n.className, { pinned: P, hidePinned: T }),
+          actions: B,
+          badge: N ? s.original.data.count : s.original.data.code,
+          renamePlaceholder: N ? void 0 : "Project label",
+          enableNonFolderIndent: !1,
+          inactive: s.original.data.active === !1,
+          renameInitialValue: s.id === u ? s.original.data.projectLabel || "" : void 0
+        }
+      );
+    },
+    [k, i, u, T]
+  );
+  return /* @__PURE__ */ a(
+    ft,
+    {
+      data: r,
+      globalFilter: c ?? void 0,
+      isExpandable: r.some((n) => n.subRows.length > 0),
+      isLoading: !!g,
+      isMultiSelect: d,
+      error: b,
+      enableClickToDeselect: J,
+      enableNonFolderIndent: !0,
+      fitContent: _,
+      rowContextMenuBuilders: i ? [] : m,
+      addonShortcuts: { table: "projects", projectName: null },
+      meta: {
+        renamingFolder: C,
+        onSubmitRenameFolder: f,
+        closeRenameFolder: v,
+        renamingProject: u,
+        onSubmitRenameProject: h,
+        closeRenameProject: t
+      },
+      onRename: i ? void 0 : V,
+      onSubmitRename: E,
+      onCancelRename: L,
+      onRowDoubleClick: A,
+      renamingId: O,
+      ...U,
+      children: H
+    }
+  );
+}, Ft = F.hr`
+  margin: 0;
+  width: 100%;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+  border-color: var(--md-sys-color-outline-variant);
+`, Be = ({
+  data: r,
+  isLoading: c,
+  error: g,
+  search: d,
+  onSearch: b,
+  onRowSelectionChange: i,
+  rowPinning: m,
+  onRowPinningChange: C,
+  expanded: f,
+  setExpanded: v,
+  multiSelect: u,
+  readonly: h = !1,
+  buildMenuItems: t,
+  rowContextMenuBuilders: e = [],
+  selection: o,
+  onSelect: y,
+  onOpenProject: _,
+  onSettingsClick: T,
+  title: S = "Projects",
+  showAddProject: J,
+  onNewProject: U,
+  toggleMenu: D,
+  onSelectAll: k,
+  hiddenButtons: V = [],
+  renamingFolder: E,
+  onSubmitRenameFolder: L,
+  closeRenameFolder: O,
+  renamingProject: A,
+  onSubmitRenameProject: H,
+  closeRenameProject: n,
+  onRenameFolder: s,
+  onRenameProject: N,
+  containerClassName: P,
+  enableClickToDeselect: B,
+  pt: w
+}) => {
+  const [M, j] = bt(
+    "project-list-selection",
+    "all"
+  ), G = o.reduce((l, p) => (l[p] = !0, l), {}), it = o.some((l) => m.includes(l)), K = M === "pinned" && o.length && !it ? "all" : M, nt = K === "pinned" ? G : {}, st = K === "all" ? G : {}, lt = (l) => {
+    M !== "pinned" && j("pinned");
+    const p = Object.keys(l).filter((I) => l[I]);
+    y?.(p), i?.(l);
+  }, rt = (l) => {
+    M !== "all" && j("all");
+    const p = Object.keys(l).filter((I) => l[I]);
+    y?.(p), i?.(l);
+  }, at = tt(
+    () => [
+      ...e,
+      (() => (j("pinned"), []))
+    ],
+    [e, j]
+  ), ct = tt(
+    () => [
+      ...e,
+      (() => (j("all"), []))
+    ],
+    [e, j]
+  ), Q = (l) => {
+    const p = l?.top || [];
+    M === "pinned" && o.length > 0 && (o.some((pt) => p.includes(pt)) || j("all")), C?.(l);
+  }, dt = new Set(m), Y = r.flatMap(function l(p) {
+    const I = [];
+    return dt.has(p.name) && I.push(p), p.subRows?.length && I.push(...p.subRows.flatMap(l)), I;
+  });
+  return /* @__PURE__ */ R(
+    ut,
+    {
+      ...w?.container,
+      className: P,
+      style: { height: "100%", minWidth: 50, ...w?.container?.style },
+      children: [
+        !h && b && /* @__PURE__ */ a(
+          St,
+          {
+            title: S,
+            search: d,
+            onSearch: b,
+            showAddProject: J,
+            onNewProject: U,
+            menuItems: t?.(o),
+            toggleMenu: D,
+            onSelectAll: k,
+            hiddenButtons: V
+          }
+        ),
+        Y.length > 0 && !d && /* @__PURE__ */ R(
+          Z,
+          {
+            rowSelection: nt,
+            onRowSelectionChange: lt,
+            rowPinning: { top: m },
+            onRowPinningChange: Q,
+            expanded: f,
+            setExpanded: v,
+            children: [
+              /* @__PURE__ */ a(
+                et,
+                {
+                  tableData: Y,
+                  search: d,
+                  isLoading: c,
+                  multiSelect: u,
+                  error: g,
+                  readonly: h,
+                  rowContextMenuBuilders: at,
+                  renamingFolder: E,
+                  onSubmitRenameFolder: L,
+                  closeRenameFolder: O,
+                  renamingProject: A,
+                  onSubmitRenameProject: H,
+                  closeRenameProject: n,
+                  onRenameFolder: s,
+                  onRenameProject: N,
+                  onOpenProject: _,
+                  onSettingsClick: T,
+                  enableClickToDeselect: B,
+                  fitContent: !0,
+                  className: "pinned-projects"
+                }
+              ),
+              /* @__PURE__ */ a(Ft, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          Z,
+          {
+            rowSelection: st,
+            onRowSelectionChange: rt,
+            rowPinning: { top: m },
+            onRowPinningChange: Q,
+            expanded: f,
+            setExpanded: v,
+            children: /* @__PURE__ */ a(
+              et,
+              {
+                tableData: r,
+                search: d,
+                isLoading: c,
+                multiSelect: u,
+                error: g,
+                readonly: h,
+                rowContextMenuBuilders: ct,
+                renamingFolder: E,
+                onSubmitRenameFolder: L,
+                closeRenameFolder: O,
+                renamingProject: A,
+                onSubmitRenameProject: H,
+                closeRenameProject: n,
+                onRenameFolder: s,
+                onRenameProject: N,
+                onOpenProject: _,
+                onSettingsClick: T,
+                enableClickToDeselect: B,
+                hidePinned: !d,
+                className: "all-projects"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as PROJECTS_LIST_MENU_ID,
+  q as PROJECT_FOLDER_ROW_ID_PREFIX,
+  Be as ProjectsTable,
+  Rt as buildProjectFolderRowId,
+  He as buildProjectsTableData,
+  z as parseProjectFolderRowId
+};