@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

package/dist/shared/src/components/ProjectTableSettings/useAddColumnDrag.es.js

@@ -0,0 +1,333 @@
+import { j as h } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as U, useRef as L, useCallback as R, useEffect as G } from "react";
+import { createPortal as X } from "react-dom";
+import M from "styled-components";
+import { Icon as q } from "@ynput/ayon-react-components";
+import { useColumnSettingsContext as V } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import { DRAG_HANDLE_COLUMN_ID as Y, ROW_SELECTION_COLUMN_ID as $ } from "../../containers/ProjectTreeTable/constants.es.js";
+import { ColumnDropLine as K, COLUMN_HEADER_SELECTOR as j, getColumnDropLinePosition as W } from "../../containers/ProjectTreeTable/components/ColumnDropIndicator.es.js";
+import { TABLE_CONTAINER_ATTR as H } from "../../containers/ProjectTreeTable/hooks/useColumnDragRestriction.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../context/UriContext.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
+import "../../util/pubsub.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 { useMenuContext as Z } from "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../context/ProjectContext.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/enums.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/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.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/enums/getEnums.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/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 "../../context/ProjectFoldersContextInstance.es.js";
+import "../../context/EntityUpdatesContextInstance.es.js";
+import "react-redux";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
+import "../../context/DeleteEntitiesContext.es.js";
+import { MENU_PORTAL_CONTENT_ID as J } from "../Menu/MenuContainer.es.js";
+const O = [Y, $], P = 5, Q = `#${J}, [data-column-drag-origin]`, tt = (t, i) => {
+  const e = document.querySelector(`[${H}]`)?.getBoundingClientRect();
+  if (!e || t < e.left || t > e.right || i < e.top || i > e.bottom) return;
+  const l = Array.from(
+    document.querySelectorAll(j)
+  ).filter((w) => !O.includes(w.dataset.columnId || "")), g = l.find((w) => {
+    const C = w.getBoundingClientRect();
+    return t >= C.left && t < C.right;
+  });
+  if (g || !l.length) return g;
+  const y = l[l.length - 1];
+  return t >= y.getBoundingClientRect().right ? y : l[0];
+}, k = (t, i) => {
+  const c = document.elementsFromPoint(t, i).map((y) => y.closest?.(j)).find(Boolean) ?? tt(t, i), e = c?.dataset.columnId;
+  if (!c || !e || O.includes(e)) return null;
+  const l = c.getBoundingClientRect(), g = t < l.left + l.width / 2 ? "left" : "right";
+  return {
+    columnId: e,
+    side: g,
+    line: W(c, g)
+  };
+}, ot = (t, i) => {
+  const c = t.length ? t : i;
+  return [...c, ...i.filter((e) => !c.includes(e))];
+}, jr = () => {
+  const {
+    columnVisibility: t,
+    columnOrder: i,
+    columnPinning: c,
+    columnSizing: e,
+    columnSummaries: l,
+    columnSummaryScopes: g,
+    columnSummaryFormats: y,
+    groupBy: w,
+    groupByConfig: C,
+    sorting: D,
+    rowHeight: _,
+    setColumnsConfig: A,
+    getAllColumns: B
+  } = V(), { setMenuOpen: T } = Z(), [r, v] = U(null), E = L(null), S = L(null);
+  S.current = r;
+  const N = L({
+    columnVisibility: t,
+    columnOrder: i,
+    columnPinning: c,
+    columnSizing: e,
+    columnSummaries: l,
+    columnSummaryScopes: g,
+    columnSummaryFormats: y,
+    groupBy: w,
+    groupByConfig: C,
+    sorting: D,
+    rowHeight: _,
+    setColumnsConfig: A,
+    getAllColumns: B
+  });
+  N.current = {
+    columnVisibility: t,
+    columnOrder: i,
+    columnPinning: c,
+    columnSizing: e,
+    columnSummaries: l,
+    columnSummaryScopes: g,
+    columnSummaryFormats: y,
+    groupBy: w,
+    groupByConfig: C,
+    sorting: D,
+    rowHeight: _,
+    setColumnsConfig: A,
+    getAllColumns: B
+  };
+  const I = R((d, m) => {
+    const o = N.current, u = ot(o.columnOrder, o.getAllColumns()).filter(
+      (f) => f !== d && !O.includes(f)
+    ), p = u.indexOf(m.columnId), a = p === -1 ? u.length : p + (m.side === "left" ? 0 : 1), s = [...u.slice(0, a), d, ...u.slice(a)], n = new Set(o.columnPinning.left || []);
+    n.has(m.columnId) ? n.add(d) : n.delete(d), o.setColumnsConfig({
+      columnVisibility: { ...o.columnVisibility, [d]: !0 },
+      columnOrder: s,
+      columnPinning: { ...o.columnPinning, left: s.filter((f) => n.has(f)) },
+      columnSizing: o.columnSizing,
+      columnSummaries: o.columnSummaries,
+      columnSummaryScopes: o.columnSummaryScopes,
+      columnSummaryFormats: o.columnSummaryFormats,
+      groupBy: o.groupBy,
+      groupByConfig: o.groupByConfig,
+      sorting: o.sorting,
+      rowHeight: o.rowHeight
+    });
+  }, []), b = R(() => {
+    E.current = null, S.current && v(null);
+  }, []), z = R((d, m) => {
+    const o = m.currentTarget, u = o.getBoundingClientRect();
+    E.current = {
+      column: d,
+      x: m.clientX,
+      y: m.clientY,
+      origin: o.closest(Q),
+      immediate: !!m.target.closest?.(".hover-swap"),
+      grab: {
+        x: m.clientX - u.left,
+        y: m.clientY - u.top,
+        width: u.width
+      }
+    };
+  }, []);
+  G(() => {
+    const d = (p, a, s) => !!s && document.elementsFromPoint(p, a).some((n) => s.contains(n)), m = (p) => {
+      const { clientX: a, clientY: s } = p;
+      if (S.current) {
+        v(
+          (f) => f && { ...f, x: a, y: s, target: k(a, s) }
+        );
+        return;
+      }
+      const n = E.current;
+      n && (Math.abs(a - n.x) < P && Math.abs(s - n.y) < P || !n.immediate && d(a, s, n.origin) || v({ column: n.column, x: a, y: s, grab: n.grab, target: k(a, s) }));
+    }, o = () => {
+      const p = S.current;
+      E.current = null, p && (it(), p.target && (I(p.column.value, p.target), T(!1)), v(null));
+    }, u = (p) => {
+      p.key === "Escape" && b();
+    };
+    return window.addEventListener("pointermove", m), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", b), window.addEventListener("keydown", u), () => {
+      window.removeEventListener("pointermove", m), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", b), window.removeEventListener("keydown", u);
+    };
+  }, [I, b, T]);
+  const x = r ? document.querySelector(`[${H}]`)?.getBoundingClientRect() : void 0, F = r ? X(
+    /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+      x && /* @__PURE__ */ h.jsx(
+        et,
+        {
+          style: {
+            left: x.left,
+            top: x.top,
+            width: x.width,
+            height: x.height
+          }
+        }
+      ),
+      /* @__PURE__ */ h.jsxs(
+        nt,
+        {
+          style: {
+            left: r.x - r.grab.x,
+            top: r.y - r.grab.y,
+            width: r.grab.width
+          },
+          className: rt(r),
+          children: [
+            r.column.icon && /* @__PURE__ */ h.jsx(q, { icon: r.column.icon }),
+            /* @__PURE__ */ h.jsx("span", { children: r.column.label })
+          ]
+        }
+      ),
+      r.target && /* @__PURE__ */ h.jsx(K, { style: r.target.line })
+    ] }),
+    document.body
+  ) : null;
+  return { armDrag: z, cancelDrag: b, isDragging: !!r, dragOverlay: F };
+}, rt = (t) => t.target ? "over-target" : "", it = () => {
+  const t = (i) => {
+    i.stopPropagation(), i.preventDefault();
+  };
+  window.addEventListener("click", t, !0), setTimeout(() => window.removeEventListener("click", t, !0), 0);
+}, et = M.div`
+  position: fixed;
+  box-sizing: border-box;
+  z-index: 999;
+  pointer-events: none;
+  border-radius: 4px;
+  background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
+`, nt = M.div`
+  position: fixed;
+  box-sizing: border-box;
+  z-index: 2000;
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  padding: 4px 8px;
+  border-radius: 4px;
+  background-color: var(--md-sys-color-surface-container-highest);
+  color: var(--md-sys-color-on-surface);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  opacity: 0.6;
+
+  &.over-target {
+    opacity: 1;
+  }
+`;
+export {
+  jr as useAddColumnDrag
+};
+//# sourceMappingURL=useAddColumnDrag.es.js.map

package/dist/shared/src/components/ProjectTableSettings/useAddColumnDrag.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddColumnDrag.es.js","sources":["../../../../../src/components/ProjectTableSettings/useAddColumnDrag.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport {\n  DRAG_HANDLE_COLUMN_ID,\n  ROW_SELECTION_COLUMN_ID,\n} from '@shared/containers/ProjectTreeTable/constants'\nimport {\n  COLUMN_HEADER_SELECTOR,\n  ColumnDropLine,\n  getColumnDropLinePosition,\n} from '@shared/containers/ProjectTreeTable/components/ColumnDropIndicator'\nimport { TABLE_CONTAINER_ATTR } from '@shared/containers/ProjectTreeTable/hooks/useColumnDragRestriction'\nimport { useMenuContext } from '@shared/context'\nimport { MENU_PORTAL_CONTENT_ID } from '../Menu/MenuContainer'\nimport type { AddColumnItem } from './addColumnsMenu'\n\nconst SPECIAL_COLUMNS = [DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID]\nconst DRAG_THRESHOLD = 5\n\ntype DropTarget = {\n  columnId: string\n  side: 'left' | 'right'\n  line: { left: number; top: number; height: number }\n}\n// the ghost keeps the point the row was grabbed by, like the table's own column drag\ntype GrabOffset = { x: number; y: number; width: number }\ntype DragState = {\n  column: AddColumnItem\n  x: number\n  y: number\n  grab: GrabOffset\n  target: DropTarget | null\n}\n// the menu portal and the settings panel both host draggable column items\nconst ORIGIN_SELECTOR = `#${MENU_PORTAL_CONTENT_ID}, [data-column-drag-origin]`\n\n// anywhere over the table body counts too: project x up onto the header row\nconst findHeaderByX = (x: number, y: number): HTMLElement | undefined => {\n  const container = document.querySelector(`[${TABLE_CONTAINER_ATTR}]`)\n  const rect = container?.getBoundingClientRect()\n  if (!rect || x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) return undefined\n  const headers = Array.from(\n    document.querySelectorAll<HTMLElement>(COLUMN_HEADER_SELECTOR),\n  ).filter((el) => !SPECIAL_COLUMNS.includes(el.dataset.columnId || ''))\n  const hit = headers.find((el) => {\n    const r = el.getBoundingClientRect()\n    return x >= r.left && x < r.right\n  })\n  // past the last column still drops, snapping to the nearest edge\n  if (hit || !headers.length) return hit\n  const last = headers[headers.length - 1]\n  return x >= last.getBoundingClientRect().right ? last : headers[0]\n}\n\nconst findDropTarget = (x: number, y: number): DropTarget | null => {\n  // the menu dialog covers the page, so hit-test through the whole stack of elements\n  const header =\n    (document\n      .elementsFromPoint(x, y)\n      .map((el) => (el as HTMLElement).closest?.(COLUMN_HEADER_SELECTOR))\n      .find(Boolean) as HTMLElement | undefined) ?? findHeaderByX(x, y)\n  const columnId = header?.dataset.columnId\n  if (!header || !columnId || SPECIAL_COLUMNS.includes(columnId)) return null\n  const rect = header.getBoundingClientRect()\n  const side = x < rect.left + rect.width / 2 ? 'left' : 'right'\n  return {\n    columnId,\n    side,\n    line: getColumnDropLinePosition(header, side),\n  }\n}\n\n// headers are virtualized, so the DOM only holds the visible slice: never read the order from it\nconst resolveColumnOrder = (savedOrder: string[], allColumns: string[]) => {\n  const base = savedOrder.length ? savedOrder : allColumns\n  return [...base, ...allColumns.filter((id) => !base.includes(id))]\n}\n\n// drag a column out of the add-column menu and drop it where it belongs in the table header\nexport const useAddColumnDrag = () => {\n  const {\n    columnVisibility,\n    columnOrder,\n    columnPinning,\n    columnSizing,\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n    groupBy,\n    groupByConfig,\n    sorting,\n    rowHeight,\n    setColumnsConfig,\n    getAllColumns,\n  } = useColumnSettingsContext()\n  const { setMenuOpen } = useMenuContext()\n\n  const [drag, setDrag] = useState<DragState | null>(null)\n  const armedRef = useRef<{\n    column: AddColumnItem\n    x: number\n    y: number\n    origin: HTMLElement | null\n    immediate: boolean\n    grab: GrabOffset\n  } | null>(null)\n  const dragRef = useRef<DragState | null>(null)\n  dragRef.current = drag\n\n  const latestRef = useRef({\n    columnVisibility,\n    columnOrder,\n    columnPinning,\n    columnSizing,\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n    groupBy,\n    groupByConfig,\n    sorting,\n    rowHeight,\n    setColumnsConfig,\n    getAllColumns,\n  })\n  latestRef.current = {\n    columnVisibility,\n    columnOrder,\n    columnPinning,\n    columnSizing,\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n    groupBy,\n    groupByConfig,\n    sorting,\n    rowHeight,\n    setColumnsConfig,\n    getAllColumns,\n  }\n\n  // showing, ordering and pinning in one config: the updaters each persist the whole config\n  const dropColumn = useCallback((columnId: string, target: DropTarget) => {\n    const config = latestRef.current\n    const order = resolveColumnOrder(config.columnOrder, config.getAllColumns()).filter(\n      (id) => id !== columnId && !SPECIAL_COLUMNS.includes(id),\n    )\n    const targetIndex = order.indexOf(target.columnId)\n    const insertAt = targetIndex === -1 ? order.length : targetIndex + (target.side === 'left' ? 0 : 1)\n    const newOrder = [...order.slice(0, insertAt), columnId, ...order.slice(insertAt)]\n\n    // dropping into the pinned section pins the column too, dropping out of it unpins\n    const pinned = new Set(config.columnPinning.left || [])\n    if (pinned.has(target.columnId)) pinned.add(columnId)\n    else pinned.delete(columnId)\n\n    config.setColumnsConfig({\n      columnVisibility: { ...config.columnVisibility, [columnId]: true },\n      columnOrder: newOrder,\n      columnPinning: { ...config.columnPinning, left: newOrder.filter((id) => pinned.has(id)) },\n      columnSizing: config.columnSizing,\n      columnSummaries: config.columnSummaries,\n      columnSummaryScopes: config.columnSummaryScopes,\n      columnSummaryFormats: config.columnSummaryFormats,\n      groupBy: config.groupBy,\n      groupByConfig: config.groupByConfig,\n      sorting: config.sorting,\n      rowHeight: config.rowHeight,\n    })\n  }, [])\n\n  const cancelDrag = useCallback(() => {\n    armedRef.current = null\n    if (dragRef.current) setDrag(null)\n  }, [])\n\n  // press an item, then leave the menu or panel: inside them the same gesture paints instead;\n  const armDrag = useCallback((column: AddColumnItem, event: React.PointerEvent) => {\n    const item = event.currentTarget as HTMLElement\n    const rect = item.getBoundingClientRect()\n    armedRef.current = {\n      column,\n      x: event.clientX,\n      y: event.clientY,\n      origin: item.closest(ORIGIN_SELECTOR) as HTMLElement | null,\n      immediate: !!(event.target as HTMLElement).closest?.('.hover-swap'),\n      grab: {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n        width: rect.width,\n      },\n    }\n  }, [])\n\n  useEffect(() => {\n    const isOverOrigin = (x: number, y: number, origin: HTMLElement | null) =>\n      !!origin && document.elementsFromPoint(x, y).some((el) => origin.contains(el))\n\n    const handleMove = (event: PointerEvent) => {\n      const { clientX: x, clientY: y } = event\n      if (dragRef.current) {\n        setDrag((current) =>\n          current ? { ...current, x, y, target: findDropTarget(x, y) } : current,\n        )\n        return\n      }\n      const armed = armedRef.current\n      if (!armed) return\n      if (Math.abs(x - armed.x) < DRAG_THRESHOLD && Math.abs(y - armed.y) < DRAG_THRESHOLD) return\n      if (!armed.immediate && isOverOrigin(x, y, armed.origin)) return\n      setDrag({ column: armed.column, x, y, grab: armed.grab, target: findDropTarget(x, y) })\n    }\n\n    const handleUp = () => {\n      const current = dragRef.current\n      armedRef.current = null\n      if (!current) return\n      suppressNextClick()\n      if (current.target) {\n        dropColumn(current.column.value, current.target)\n        setMenuOpen(false)\n      }\n      setDrag(null)\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') cancelDrag()\n    }\n\n    window.addEventListener('pointermove', handleMove)\n    window.addEventListener('pointerup', handleUp)\n    window.addEventListener('pointercancel', cancelDrag)\n    window.addEventListener('keydown', handleKeyDown)\n    return () => {\n      window.removeEventListener('pointermove', handleMove)\n      window.removeEventListener('pointerup', handleUp)\n      window.removeEventListener('pointercancel', cancelDrag)\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [dropColumn, cancelDrag, setMenuOpen])\n\n  // re-measured on every render: drag state updates each pointermove anyway\n  const tableRect = drag\n    ? document.querySelector(`[${TABLE_CONTAINER_ATTR}]`)?.getBoundingClientRect()\n    : undefined\n\n  const dragOverlay = drag\n    ? createPortal(\n        <>\n          {tableRect && (\n            <DropZone\n              style={{\n                left: tableRect.left,\n                top: tableRect.top,\n                width: tableRect.width,\n                height: tableRect.height,\n              }}\n            />\n          )}\n          <Ghost\n            style={{\n              left: drag.x - drag.grab.x,\n              top: drag.y - drag.grab.y,\n              width: drag.grab.width,\n            }}\n            className={clsxTarget(drag)}\n          >\n            {drag.column.icon && <Icon icon={drag.column.icon} />}\n            <span>{drag.column.label}</span>\n          </Ghost>\n          {drag.target && <ColumnDropLine style={drag.target.line} />}\n        </>,\n        document.body,\n      )\n    : null\n\n  return { armDrag, cancelDrag, isDragging: !!drag, dragOverlay }\n}\n\nconst clsxTarget = (drag: DragState) => (drag.target ? 'over-target' : '')\n\nconst suppressNextClick = () => {\n  const block = (event: MouseEvent) => {\n    event.stopPropagation()\n    event.preventDefault()\n  }\n  window.addEventListener('click', block, true)\n  setTimeout(() => window.removeEventListener('click', block, true), 0)\n}\n\nconst DropZone = styled.div`\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 999;\n  pointer-events: none;\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);\n`\n\nconst Ghost = styled.div`\n  position: fixed;\n  box-sizing: border-box;\n  z-index: 2000;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: 4px 8px;\n  border-radius: 4px;\n  background-color: var(--md-sys-color-surface-container-highest);\n  color: var(--md-sys-color-on-surface);\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\n  opacity: 0.6;\n\n  &.over-target {\n    opacity: 1;\n  }\n`\n"],"names":["SPECIAL_COLUMNS","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","DRAG_THRESHOLD","ORIGIN_SELECTOR","MENU_PORTAL_CONTENT_ID","findHeaderByX","x","y","rect","TABLE_CONTAINER_ATTR","headers","COLUMN_HEADER_SELECTOR","el","hit","r","last","findDropTarget","header","columnId","side","getColumnDropLinePosition","resolveColumnOrder","savedOrder","allColumns","base","id","useAddColumnDrag","columnVisibility","columnOrder","columnPinning","columnSizing","columnSummaries","columnSummaryScopes","columnSummaryFormats","groupBy","groupByConfig","sorting","rowHeight","setColumnsConfig","getAllColumns","useColumnSettingsContext","setMenuOpen","useMenuContext","drag","setDrag","useState","armedRef","useRef","dragRef","latestRef","dropColumn","useCallback","target","config","order","targetIndex","insertAt","newOrder","pinned","cancelDrag","armDrag","column","event","item","useEffect","isOverOrigin","origin","handleMove","current","armed","handleUp","suppressNextClick","handleKeyDown","tableRect","dragOverlay","createPortal","jsxs","Fragment","jsx","DropZone","Ghost","clsxTarget","Icon","ColumnDropLine","block","styled"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/useAddColumnsMenu.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),A=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),h=require("./addColumnsMenu.cjs.js"),E=require("./useVisibilityPaint.cjs.js"),R=require("./useAddColumnDrag.cjs.js"),k=({columns:r,scopes:a,extraItems:o})=>{const{columnVisibility:P,defaultColumnVisibility:S,updateColumnVisibility:V}=A.useColumnSettingsContext(),{displayVisibility:f,isVisible:M,onPaintStart:l,onPaintEnter:g,toggle:c,cancelPaint:d,isPainting:m}=E.useVisibilityPaint({columnVisibility:P,defaultColumnVisibility:S,updateColumnVisibility:V}),{armDrag:i,cancelDrag:C,isDragging:e,dragOverlay:q}=R.useAddColumnDrag(),u=t.useRef({isPainting:m,isDragging:e,cancelPaint:d});u.current={isPainting:m,isDragging:e,cancelPaint:d};const b=t.useCallback((s,n)=>{u.current.isDragging||(n&&C(),g(s,n))},[C,g]),y=t.useCallback((s,n)=>{u.current.isPainting||i(s,n)},[i]),D=t.useMemo(()=>h.buildAddColumnsMenu({columns:r,onToggle:c,isColumnVisible:M,onPaintStart:l,onPaintEnter:b,onDragStart:y,scopes:a,extraItems:o}),[r,f,c,l,b,y,a,o]);return{menuItems:D,hasMenuItems:!!D.length,dragOverlay:q,onColumnDragStart:i,isColumnDragging:e}};exports.useAddColumnsMenu=k;
+//# sourceMappingURL=useAddColumnsMenu.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/useAddColumnsMenu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddColumnsMenu.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/useAddColumnsMenu.ts"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport { buildAddColumnsMenu, AddColumnItem } from './addColumnsMenu'\nimport { useVisibilityPaint } from './useVisibilityPaint'\nimport { useAddColumnDrag } from './useAddColumnDrag'\nimport type { MenuItemType } from '../Menu'\n\ninterface UseAddColumnsMenuProps {\n  columns: AddColumnItem[]\n  scopes?: string[]\n  extraItems?: MenuItemType[]\n}\n\nexport const useAddColumnsMenu = ({ columns, scopes, extraItems }: UseAddColumnsMenuProps) => {\n  const { columnVisibility, defaultColumnVisibility, updateColumnVisibility } =\n    useColumnSettingsContext()\n\n  const {\n    displayVisibility,\n    isVisible,\n    onPaintStart,\n    onPaintEnter,\n    toggle,\n    cancelPaint,\n    isPainting,\n  } = useVisibilityPaint({\n    columnVisibility,\n    defaultColumnVisibility,\n    updateColumnVisibility,\n  })\n\n  const { armDrag, cancelDrag, isDragging, dragOverlay } = useAddColumnDrag()\n\n  // one press, two possible gestures: painting inside the menu, dragging a column out of it\n  const gestureRef = useRef({ isPainting, isDragging, cancelPaint })\n  gestureRef.current = { isPainting, isDragging, cancelPaint }\n\n  // moving onto another item means the gesture is a paint, not a drag out to the table\n  const handlePaintEnter = useCallback((columnId: string, pressed: boolean) => {\n    if (gestureRef.current.isDragging) return\n    if (pressed) cancelDrag()\n    onPaintEnter(columnId, pressed)\n  }, [cancelDrag, onPaintEnter])\n\n  const handleDragStart = useCallback((column: AddColumnItem, event: React.PointerEvent) => {\n    if (gestureRef.current.isPainting) return\n    armDrag(column, event)\n  }, [armDrag])\n\n\n  const menuItems = useMemo(\n    () =>\n      buildAddColumnsMenu({\n        columns,\n        onToggle: toggle,\n        isColumnVisible: isVisible,\n        onPaintStart,\n        onPaintEnter: handlePaintEnter,\n        onDragStart: handleDragStart,\n        scopes,\n        extraItems,\n      }),\n    // displayVisibility drives the checkmarks, including the preview while painting\n    [\n      columns,\n      displayVisibility,\n      toggle,\n      onPaintStart,\n      handlePaintEnter,\n      handleDragStart,\n      scopes,\n      extraItems,\n    ],\n  )\n\n  return {\n    menuItems,\n    hasMenuItems: !!menuItems.length,\n    dragOverlay,\n    onColumnDragStart: armDrag,\n    isColumnDragging: isDragging,\n  }\n}\n"],"names":["useAddColumnsMenu","columns","scopes","extraItems","columnVisibility","defaultColumnVisibility","updateColumnVisibility","useColumnSettingsContext","displayVisibility","isVisible","onPaintStart","onPaintEnter","toggle","cancelPaint","isPainting","useVisibilityPaint","armDrag","cancelDrag","isDragging","dragOverlay","useAddColumnDrag","gestureRef","useRef","handlePaintEnter","useCallback","columnId","pressed","handleDragStart","column","event","menuItems","useMemo","buildAddColumnsMenu"],"mappings":"kTAaaA,EAAoB,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,WAAAC,KAAyC,CAC5F,KAAM,CAAE,iBAAAC,EAAkB,wBAAAC,EAAyB,uBAAAC,CAAA,EACjDC,EAAAA,yBAAA,EAEI,CACJ,kBAAAC,EACA,UAAAC,EACA,aAAAC,EACA,aAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,CAAA,EACEC,qBAAmB,CACrB,iBAAAX,EACA,wBAAAC,EACA,uBAAAC,CAAA,CACD,EAEK,CAAE,QAAAU,EAAS,WAAAC,EAAY,WAAAC,EAAY,YAAAC,CAAA,EAAgBC,EAAAA,iBAAA,EAGnDC,EAAaC,EAAAA,OAAO,CAAE,WAAAR,EAAY,WAAAI,EAAY,YAAAL,EAAa,EACjEQ,EAAW,QAAU,CAAE,WAAAP,EAAY,WAAAI,EAAY,YAAAL,CAAA,EAG/C,MAAMU,EAAmBC,EAAAA,YAAY,CAACC,EAAkBC,IAAqB,CACvEL,EAAW,QAAQ,aACnBK,GAAST,EAAA,EACbN,EAAac,EAAUC,CAAO,EAChC,EAAG,CAACT,EAAYN,CAAY,CAAC,EAEvBgB,EAAkBH,EAAAA,YAAY,CAACI,EAAuBC,IAA8B,CACpFR,EAAW,QAAQ,YACvBL,EAAQY,EAAQC,CAAK,CACvB,EAAG,CAACb,CAAO,CAAC,EAGNc,EAAYC,EAAAA,QAChB,IACEC,sBAAoB,CAClB,QAAA/B,EACA,SAAUW,EACV,gBAAiBH,EACjB,aAAAC,EACA,aAAca,EACd,YAAaI,EACb,OAAAzB,EACA,WAAAC,CAAA,CACD,EAEH,CACEF,EACAO,EACAI,EACAF,EACAa,EACAI,EACAzB,EACAC,CAAA,CACF,EAGF,MAAO,CACL,UAAA2B,EACA,aAAc,CAAC,CAACA,EAAU,OAC1B,YAAAX,EACA,kBAAmBH,EACnB,iBAAkBE,CAAA,CAEtB"}

package/dist/shared/src/components/ProjectTableSettings/useAddColumnsMenu.es.js

@@ -0,0 +1,59 @@
+import { useRef as M, useCallback as D, useMemo as A } from "react";
+import { useColumnSettingsContext as E } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import { buildAddColumnsMenu as R } from "./addColumnsMenu.es.js";
+import { useVisibilityPaint as k } from "./useVisibilityPaint.es.js";
+import { useAddColumnDrag as v } from "./useAddColumnDrag.es.js";
+const q = ({ columns: o, scopes: a, extraItems: s }) => {
+  const { columnVisibility: P, defaultColumnVisibility: y, updateColumnVisibility: V } = E(), {
+    displayVisibility: p,
+    isVisible: S,
+    onPaintStart: u,
+    onPaintEnter: l,
+    toggle: g,
+    cancelPaint: m,
+    isPainting: c
+  } = k({
+    columnVisibility: P,
+    defaultColumnVisibility: y,
+    updateColumnVisibility: V
+  }), { armDrag: i, cancelDrag: d, isDragging: t, dragOverlay: h } = v(), r = M({ isPainting: c, isDragging: t, cancelPaint: m });
+  r.current = { isPainting: c, isDragging: t, cancelPaint: m };
+  const f = D((e, n) => {
+    r.current.isDragging || (n && d(), l(e, n));
+  }, [d, l]), C = D((e, n) => {
+    r.current.isPainting || i(e, n);
+  }, [i]), b = A(
+    () => R({
+      columns: o,
+      onToggle: g,
+      isColumnVisible: S,
+      onPaintStart: u,
+      onPaintEnter: f,
+      onDragStart: C,
+      scopes: a,
+      extraItems: s
+    }),
+    // displayVisibility drives the checkmarks, including the preview while painting
+    [
+      o,
+      p,
+      g,
+      u,
+      f,
+      C,
+      a,
+      s
+    ]
+  );
+  return {
+    menuItems: b,
+    hasMenuItems: !!b.length,
+    dragOverlay: h,
+    onColumnDragStart: i,
+    isColumnDragging: t
+  };
+};
+export {
+  q as useAddColumnsMenu
+};
+//# sourceMappingURL=useAddColumnsMenu.es.js.map

package/dist/shared/src/components/ProjectTableSettings/useAddColumnsMenu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddColumnsMenu.es.js","sources":["../../../../../src/components/ProjectTableSettings/useAddColumnsMenu.ts"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport { buildAddColumnsMenu, AddColumnItem } from './addColumnsMenu'\nimport { useVisibilityPaint } from './useVisibilityPaint'\nimport { useAddColumnDrag } from './useAddColumnDrag'\nimport type { MenuItemType } from '../Menu'\n\ninterface UseAddColumnsMenuProps {\n  columns: AddColumnItem[]\n  scopes?: string[]\n  extraItems?: MenuItemType[]\n}\n\nexport const useAddColumnsMenu = ({ columns, scopes, extraItems }: UseAddColumnsMenuProps) => {\n  const { columnVisibility, defaultColumnVisibility, updateColumnVisibility } =\n    useColumnSettingsContext()\n\n  const {\n    displayVisibility,\n    isVisible,\n    onPaintStart,\n    onPaintEnter,\n    toggle,\n    cancelPaint,\n    isPainting,\n  } = useVisibilityPaint({\n    columnVisibility,\n    defaultColumnVisibility,\n    updateColumnVisibility,\n  })\n\n  const { armDrag, cancelDrag, isDragging, dragOverlay } = useAddColumnDrag()\n\n  // one press, two possible gestures: painting inside the menu, dragging a column out of it\n  const gestureRef = useRef({ isPainting, isDragging, cancelPaint })\n  gestureRef.current = { isPainting, isDragging, cancelPaint }\n\n  // moving onto another item means the gesture is a paint, not a drag out to the table\n  const handlePaintEnter = useCallback((columnId: string, pressed: boolean) => {\n    if (gestureRef.current.isDragging) return\n    if (pressed) cancelDrag()\n    onPaintEnter(columnId, pressed)\n  }, [cancelDrag, onPaintEnter])\n\n  const handleDragStart = useCallback((column: AddColumnItem, event: React.PointerEvent) => {\n    if (gestureRef.current.isPainting) return\n    armDrag(column, event)\n  }, [armDrag])\n\n\n  const menuItems = useMemo(\n    () =>\n      buildAddColumnsMenu({\n        columns,\n        onToggle: toggle,\n        isColumnVisible: isVisible,\n        onPaintStart,\n        onPaintEnter: handlePaintEnter,\n        onDragStart: handleDragStart,\n        scopes,\n        extraItems,\n      }),\n    // displayVisibility drives the checkmarks, including the preview while painting\n    [\n      columns,\n      displayVisibility,\n      toggle,\n      onPaintStart,\n      handlePaintEnter,\n      handleDragStart,\n      scopes,\n      extraItems,\n    ],\n  )\n\n  return {\n    menuItems,\n    hasMenuItems: !!menuItems.length,\n    dragOverlay,\n    onColumnDragStart: armDrag,\n    isColumnDragging: isDragging,\n  }\n}\n"],"names":["useAddColumnsMenu","columns","scopes","extraItems","columnVisibility","defaultColumnVisibility","updateColumnVisibility","useColumnSettingsContext","displayVisibility","isVisible","onPaintStart","onPaintEnter","toggle","cancelPaint","isPainting","useVisibilityPaint","armDrag","cancelDrag","isDragging","dragOverlay","useAddColumnDrag","gestureRef","useRef","handlePaintEnter","useCallback","columnId","pressed","handleDragStart","column","event","menuItems","useMemo","buildAddColumnsMenu"],"mappings":";;;;;AAaO,MAAMA,IAAoB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,YAAAC,QAAyC;AAC5F,QAAM,EAAE,kBAAAC,GAAkB,yBAAAC,GAAyB,wBAAAC,EAAA,IACjDC,EAAA,GAEI;AAAA,IACJ,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAmB;AAAA,IACrB,kBAAAX;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,CACD,GAEK,EAAE,SAAAU,GAAS,YAAAC,GAAY,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,EAAA,GAGnDC,IAAaC,EAAO,EAAE,YAAAR,GAAY,YAAAI,GAAY,aAAAL,GAAa;AACjE,EAAAQ,EAAW,UAAU,EAAE,YAAAP,GAAY,YAAAI,GAAY,aAAAL,EAAA;AAG/C,QAAMU,IAAmBC,EAAY,CAACC,GAAkBC,MAAqB;AAC3E,IAAIL,EAAW,QAAQ,eACnBK,KAAST,EAAA,GACbN,EAAac,GAAUC,CAAO;AAAA,EAChC,GAAG,CAACT,GAAYN,CAAY,CAAC,GAEvBgB,IAAkBH,EAAY,CAACI,GAAuBC,MAA8B;AACxF,IAAIR,EAAW,QAAQ,cACvBL,EAAQY,GAAQC,CAAK;AAAA,EACvB,GAAG,CAACb,CAAO,CAAC,GAGNc,IAAYC;AAAA,IAChB,MACEC,EAAoB;AAAA,MAClB,SAAA/B;AAAA,MACA,UAAUW;AAAA,MACV,iBAAiBH;AAAA,MACjB,cAAAC;AAAA,MACA,cAAca;AAAA,MACd,aAAaI;AAAA,MACb,QAAAzB;AAAA,MACA,YAAAC;AAAA,IAAA,CACD;AAAA;AAAA,IAEH;AAAA,MACEF;AAAA,MACAO;AAAA,MACAI;AAAA,MACAF;AAAA,MACAa;AAAA,MACAI;AAAA,MACAzB;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,WAAA2B;AAAA,IACA,cAAc,CAAC,CAACA,EAAU;AAAA,IAC1B,aAAAX;AAAA,IACA,mBAAmBH;AAAA,IACnB,kBAAkBE;AAAA,EAAA;AAEtB;"}

package/dist/shared/src/components/ProjectTableSettings/useProjectTableColumnItems.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../_virtual/jsx-runtime.cjs.js");const b=require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");const r=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("@ynput/ayon-react-components");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../context/MenuContext.cjs.js");require("react-toastify");require("lodash");const m=require("../../util/getAttributeIcon.cjs.js"),g=require("../../util/attributeEnum.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("date-fns");const q=require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js"),C=require("../../containers/ProjectTreeTable/utils/cellUtils.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const p=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js"),I=require("../../context/ProjectContext.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");;/* empty css                                                 */require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnDropIndicator.cjs.js");require("react-dom");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../Chips/Chips.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("react-redux");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const L=require("./addColumnsMenu.cjs.js"),T=[],v=[],N=({extraColumns:a=T,hiddenColumns:s=v,includeLinks:c=!0,parentColumns:t=[]})=>{const{linkTypes:n}=I.useProjectContext(),{attribFields:o,scopes:i}=p.useProjectTableContext(),l=b.useMemo(()=>[{value:"thumbnail",label:r.getColumnLabel("thumbnail"),icon:r.getColumnIcon("thumbnail")},{value:"name",label:r.getNameColumnLabel(i),icon:r.getColumnIcon("name")},{value:q.ENTITY_COLUMN_IDS.folder,label:r.getColumnLabel(q.ENTITY_COLUMN_IDS.folder),icon:r.getColumnIcon(q.ENTITY_COLUMN_IDS.folder)},{value:q.ENTITY_COLUMN_IDS.task,label:r.getColumnLabel(q.ENTITY_COLUMN_IDS.task),icon:r.getColumnIcon(q.ENTITY_COLUMN_IDS.task),hidden:!["product","version"].some(e=>i.includes(e))},{value:"assignees",label:r.getColumnLabel("assignees"),icon:r.getColumnIcon("assignees"),hidden:!i.includes("task")},{value:"product",label:r.getColumnLabel("product"),icon:r.getColumnIcon("product"),hidden:!["product","version"].some(e=>i.includes(e))},{value:"entityType",label:r.getColumnLabel("entityType"),icon:r.getColumnIcon("entityType")},{value:"status",label:r.getColumnLabel("status"),icon:r.getColumnIcon("status")},{value:"subType",label:r.getColumnLabel("subType",i),icon:r.getColumnIcon("subType")},{value:"tags",label:r.getColumnLabel("tags"),icon:r.getColumnIcon("tags")},{value:"createdAt",label:r.getColumnLabel("createdAt"),icon:r.getColumnIcon("createdAt")},{value:"updatedAt",label:r.getColumnLabel("updatedAt"),icon:r.getColumnIcon("updatedAt")},{value:"subtasks",label:r.getColumnLabel("subtasks"),icon:r.getColumnIcon("subtasks"),hidden:!i.includes("task")},{value:"comments",label:r.getColumnLabel("comments"),icon:r.getColumnIcon("comments"),hidden:!i.some(e=>["task","version","product","folder"].includes(e))},...o.filter(e=>e.scope?.some(u=>i.includes(u))).map(e=>({value:`attrib_${e.name}`,label:e.data.title||e.name,icon:m.getAttributeIcon(e.name,e.data.type,g.hasEnumOptions(e.data)),attrib:{builtin:e.builtin,scope:e.scope}})),...n&&c?n.filter(e=>[e.inputType,e.outputType].some(u=>i.includes(u))).flatMap(e=>[{value:r.getLinkColumnId(e,"in"),label:r.getLinkLabel(e,"in"),icon:"link",isLink:!0},{value:r.getLinkColumnId(e,"out"),label:r.getLinkLabel(e,"out"),icon:"link",isLink:!0}]):[],...t.map(e=>({value:e.id||C.getScopedColumnId(e.scope,e.field),label:e.label,field:e.field,parentScope:e.scope})),...Array.from(new Set(t.filter(e=>e.includeAttributes!==!1).map(e=>e.scope))).flatMap(e=>o.filter(u=>!u.scope||u.scope.includes(e)).map(u=>({value:C.getScopedColumnId(e,u.name,!0),label:u.data.title||u.name,icon:m.getAttributeIcon(u.name,u.data.type,!!u.data.enum),attrib:{builtin:u.builtin,scope:u.scope},parentScope:e}))),...a.map(e=>({...e,icon:e.icon??L.DEFAULT_COLUMN_ICON}))],[i,o,n,c,t,a]),d=b.useMemo(()=>l.filter(e=>!e.hidden&&!s.includes(e.value)),[l,s]);return{columns:l,visibleColumns:d,scopes:i}};exports.useProjectTableColumnItems=N;
+//# sourceMappingURL=useProjectTableColumnItems.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/useProjectTableColumnItems.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjectTableColumnItems.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/useProjectTableColumnItems.ts"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  getColumnLabel,\n  getColumnIcon,\n  getNameColumnLabel,\n  ENTITY_COLUMN_IDS,\n  getScopedColumnId,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { useProjectContext } from '@shared/context'\nimport { useMemo } from 'react'\nimport { AddColumnItem, DEFAULT_COLUMN_ICON } from './addColumnsMenu'\nimport { getAttributeIcon } from '@shared/util/getAttributeIcon'\nimport { hasEnumOptions } from '@shared/util'\nimport type { ParentColumnDefinition } from '@shared/containers'\n\ninterface UseProjectTableColumnItemsProps {\n  extraColumns?: { value: string; label: string; icon?: string }[]\n  hiddenColumns?: string[]\n  includeLinks?: boolean\n  parentColumns?: ParentColumnDefinition[]\n}\n\nconst NO_EXTRA_COLUMNS: { value: string; label: string }[] = []\nconst NO_HIDDEN_COLUMNS: string[] = []\n\n// the settings panel and the table's add button must offer exactly the same columns\nexport const useProjectTableColumnItems = ({\n  extraColumns = NO_EXTRA_COLUMNS,\n  hiddenColumns = NO_HIDDEN_COLUMNS,\n  includeLinks = true,\n  parentColumns = [],\n}: UseProjectTableColumnItemsProps) => {\n  const { linkTypes } = useProjectContext()\n  const { attribFields, scopes } = useProjectTableContext()\n\n  const columns: (AddColumnItem & { hidden?: boolean })[] = useMemo(\n    () => [\n      {\n        value: 'thumbnail',\n        label: getColumnLabel('thumbnail'),\n        icon: getColumnIcon('thumbnail'),\n      },\n      {\n        value: 'name',\n        label: getNameColumnLabel(scopes),\n        icon: getColumnIcon('name'),\n      },\n      {\n        value: ENTITY_COLUMN_IDS.folder,\n        label: getColumnLabel(ENTITY_COLUMN_IDS.folder),\n        icon: getColumnIcon(ENTITY_COLUMN_IDS.folder),\n      },\n      {\n        value: ENTITY_COLUMN_IDS.task,\n        label: getColumnLabel(ENTITY_COLUMN_IDS.task),\n        icon: getColumnIcon(ENTITY_COLUMN_IDS.task),\n        hidden: !['product', 'version'].some((scope) => scopes.includes(scope)),\n      },\n      {\n        value: 'assignees',\n        label: getColumnLabel('assignees'),\n        icon: getColumnIcon('assignees'),\n        hidden: !scopes.includes('task'),\n      },\n      {\n        value: 'product',\n        label: getColumnLabel('product'),\n        icon: getColumnIcon('product'),\n        hidden: !['product', 'version'].some((scope) => scopes.includes(scope)),\n      },\n      {\n        value: 'entityType',\n        label: getColumnLabel('entityType'),\n        icon: getColumnIcon('entityType'),\n      },\n      {\n        value: 'status',\n        label: getColumnLabel('status'),\n        icon: getColumnIcon('status'),\n      },\n      {\n        value: 'subType',\n        label: getColumnLabel('subType', scopes),\n        icon: getColumnIcon('subType'),\n      },\n      {\n        value: 'tags',\n        label: getColumnLabel('tags'),\n        icon: getColumnIcon('tags'),\n      },\n      {\n        value: 'createdAt',\n        label: getColumnLabel('createdAt'),\n        icon: getColumnIcon('createdAt'),\n      },\n      {\n        value: 'updatedAt',\n        label: getColumnLabel('updatedAt'),\n        icon: getColumnIcon('updatedAt'),\n      },\n      {\n        value: 'subtasks',\n        label: getColumnLabel('subtasks'),\n        icon: getColumnIcon('subtasks'),\n        hidden: !scopes.includes('task'),\n      },\n      {\n        value: 'comments',\n        label: getColumnLabel('comments'),\n        icon: getColumnIcon('comments'),\n        hidden: !scopes.some((scope) => ['task', 'version', 'product', 'folder'].includes(scope)),\n      },\n      ...attribFields\n        .filter((field) => field.scope?.some((scope) => scopes.includes(scope)))\n        .map((field) => ({\n          value: `attrib_${field.name}`,\n          label: field.data.title || field.name,\n          icon: getAttributeIcon(field.name, field.data.type, hasEnumOptions(field.data)),\n          attrib: { builtin: field.builtin, scope: field.scope },\n        })),\n      ...(linkTypes && includeLinks\n        ? linkTypes\n            .filter((link) =>\n              [link.inputType, link.outputType].some((type) => scopes.includes(type)),\n            )\n            .flatMap((link) => [\n              {\n                value: getLinkColumnId(link, 'in'),\n                label: getLinkLabel(link, 'in'),\n                icon: 'link',\n                isLink: true,\n              },\n              {\n                value: getLinkColumnId(link, 'out'),\n                label: getLinkLabel(link, 'out'),\n                icon: 'link',\n                isLink: true,\n              },\n            ])\n        : []),\n      ...parentColumns.map((column) => ({\n        value: column.id || getScopedColumnId(column.scope, column.field),\n        label: column.label,\n        field: column.field,\n        parentScope: column.scope,\n      })),\n      ...Array.from(\n        new Set(\n          parentColumns\n            .filter((column) => column.includeAttributes !== false)\n            .map((column) => column.scope),\n        ),\n      ).flatMap((scope) =>\n        attribFields\n          .filter((field) => !field.scope || field.scope.includes(scope))\n          .map((field) => ({\n            value: getScopedColumnId(scope, field.name, true),\n            label: field.data.title || field.name,\n            icon: getAttributeIcon(field.name, field.data.type, !!field.data.enum),\n            attrib: { builtin: field.builtin, scope: field.scope },\n            parentScope: scope,\n          })),\n      ),\n      ...extraColumns.map((column) => ({\n        ...column,\n        icon: column.icon ?? DEFAULT_COLUMN_ICON,\n      })),\n    ],\n    [scopes, attribFields, linkTypes, includeLinks, parentColumns, extraColumns],\n  )\n\n  const visibleColumns = useMemo(\n    () => columns.filter((column) => !column.hidden && !hiddenColumns.includes(column.value)),\n    [columns, hiddenColumns],\n  )\n\n  return { columns, visibleColumns, scopes }\n}\n"],"names":["NO_EXTRA_COLUMNS","NO_HIDDEN_COLUMNS","useProjectTableColumnItems","extraColumns","hiddenColumns","includeLinks","parentColumns","linkTypes","useProjectContext","attribFields","scopes","useProjectTableContext","columns","useMemo","getColumnLabel","getColumnIcon","getNameColumnLabel","ENTITY_COLUMN_IDS","scope","field","getAttributeIcon","hasEnumOptions","link","type","getLinkColumnId","getLinkLabel","column","getScopedColumnId","DEFAULT_COLUMN_ICON","visibleColumns"],"mappings":"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"}