@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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

@@ -1 +1 @@
-{"version":3,"file":"SortableColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n  id: string\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  onTogglePinning: (columnId: string) => void\n  onToggleVisibility: (columnId: string) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n  id,\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  onTogglePinning,\n  onToggleVisibility,\n}) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      id={`column-settings-${id}`}\n    >\n      <ColumnItem\n        column={column}\n        isPinned={isPinned}\n        isHidden={isHidden}\n        isHighlighted={isHighlighted}\n        isDisabled={isDisabled}\n        onTogglePinning={onTogglePinning}\n        onToggleVisibility={onToggleVisibility}\n        dragHandleProps={{ ...attributes, ...listeners }}\n      />\n    </SortableItemWrapper>\n  )\n}\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    z-index: 1;\n    opacity: 0;\n  }\n`\n\nexport default SortableColumnItem\n"],"names":["SortableColumnItem","id","column","isPinned","isHidden","isHighlighted","isDisabled","onTogglePinning","onToggleVisibility","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ColumnItem","styled"],"mappings":"0PAkBMA,EAAkD,CAAC,CACvD,GAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,mBAAAC,CACF,IAAM,CACJ,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAAd,CAAA,CACD,EAEKe,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAACC,EAAA,CACC,IAAKR,EACL,MAAAK,EACA,UAAWF,EAAa,WAAa,GACrC,GAAI,mBAAmBb,CAAE,GAEzB,SAAAiB,EAAAA,kBAAAA,IAACE,EAAA,CACC,OAAAlB,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,gBAAiB,CAAE,GAAGC,EAAY,GAAGC,CAAA,CAAU,CAAA,CACjD,CAAA,CAGN,EAEMS,EAAsBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"SortableColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n  id: string\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  onTogglePinning: (columnId: string) => void\n  onToggleVisibility: (columnId: string) => void\n  onPaintStart?: (columnId: string) => void\n  onPaintEnter?: (columnId: string, pressed: boolean) => void\n  onDragStart?: (event: React.PointerEvent) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n  id,\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  onTogglePinning,\n  onToggleVisibility,\n  onPaintStart,\n  onPaintEnter,\n  onDragStart,\n}) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      id={`column-settings-${id}`}\n    >\n      <ColumnItem\n        column={column}\n        isPinned={isPinned}\n        isHidden={isHidden}\n        isHighlighted={isHighlighted}\n        isDisabled={isDisabled}\n        onTogglePinning={onTogglePinning}\n        onToggleVisibility={onToggleVisibility}\n        onPaintStart={onPaintStart}\n        onPaintEnter={onPaintEnter}\n        onDragStart={onDragStart}\n        dragHandleProps={{ ...attributes, ...listeners }}\n      />\n    </SortableItemWrapper>\n  )\n}\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    z-index: 1;\n    opacity: 0;\n  }\n`\n\nexport default SortableColumnItem\n"],"names":["SortableColumnItem","id","column","isPinned","isHidden","isHighlighted","isDisabled","onTogglePinning","onToggleVisibility","onPaintStart","onPaintEnter","onDragStart","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ColumnItem","styled"],"mappings":"0PAqBMA,EAAkD,CAAC,CACvD,GAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,YAAAC,CACF,IAAM,CACJ,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAA,EAAeC,cAAY,CAC3F,GAAAjB,CAAA,CACD,EAEKkB,EAAQ,CACZ,UAAWC,EAAAA,IAAI,UAAU,SAASL,CAAS,EAC3C,WAAAC,CAAA,EAGF,OACEK,EAAAA,kBAAAA,IAACC,EAAA,CACC,IAAKR,EACL,MAAAK,EACA,UAAWF,EAAa,WAAa,GACrC,GAAI,mBAAmBhB,CAAE,GAEzB,SAAAoB,EAAAA,kBAAAA,IAACE,EAAA,CACC,OAAArB,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,YAAAC,EACA,gBAAiB,CAAE,GAAGC,EAAY,GAAGC,CAAA,CAAU,CAAA,CACjD,CAAA,CAGN,EAEMS,EAAsBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,9 +1,9 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useSortable as x } from "@dnd-kit/sortable";
-import { CSS as S } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
-import b from "./ColumnItem.es.js";
-import j from "styled-components";
-const v = ({
+import { useSortable as j } from "@dnd-kit/sortable";
+import { CSS as y } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import C from "./ColumnItem.es.js";
+import I from "styled-components";
+const E = ({
   id: r,
   column: o,
   isPinned: s,
@@ -11,23 +11,26 @@ const v = ({
   isHighlighted: n,
   isDisabled: m,
   onTogglePinning: a,
-  onToggleVisibility: i
+  onToggleVisibility: i,
+  onPaintStart: l,
+  onPaintEnter: g,
+  onDragStart: f
 }) => {
-  const { attributes: l, listeners: g, setNodeRef: f, transform: p, transition: d, isDragging: c } = x({
+  const { attributes: p, listeners: d, setNodeRef: c, transform: u, transition: x, isDragging: S } = j({
     id: r
-  }), u = {
-    transform: S.Transform.toString(p),
-    transition: d
+  }), b = {
+    transform: y.Transform.toString(u),
+    transition: x
   };
   return /* @__PURE__ */ t.jsx(
-    y,
+    N,
     {
-      ref: f,
-      style: u,
-      className: c ? "dragging" : "",
+      ref: c,
+      style: b,
+      className: S ? "dragging" : "",
       id: `column-settings-${r}`,
       children: /* @__PURE__ */ t.jsx(
-        b,
+        C,
         {
           column: o,
           isPinned: s,
@@ -36,18 +39,21 @@ const v = ({
           isDisabled: m,
           onTogglePinning: a,
           onToggleVisibility: i,
-          dragHandleProps: { ...l, ...g }
+          onPaintStart: l,
+          onPaintEnter: g,
+          onDragStart: f,
+          dragHandleProps: { ...p, ...d }
         }
       )
     }
   );
-}, y = j.div`
+}, N = I.div`
   &.dragging {
     z-index: 1;
     opacity: 0;
   }
 `;
 export {
-  v as default
+  E as default
 };
 //# sourceMappingURL=SortableColumnItem.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SortableColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n  id: string\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  onTogglePinning: (columnId: string) => void\n  onToggleVisibility: (columnId: string) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n  id,\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  onTogglePinning,\n  onToggleVisibility,\n}) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      id={`column-settings-${id}`}\n    >\n      <ColumnItem\n        column={column}\n        isPinned={isPinned}\n        isHidden={isHidden}\n        isHighlighted={isHighlighted}\n        isDisabled={isDisabled}\n        onTogglePinning={onTogglePinning}\n        onToggleVisibility={onToggleVisibility}\n        dragHandleProps={{ ...attributes, ...listeners }}\n      />\n    </SortableItemWrapper>\n  )\n}\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    z-index: 1;\n    opacity: 0;\n  }\n`\n\nexport default SortableColumnItem\n"],"names":["SortableColumnItem","id","column","isPinned","isHidden","isHighlighted","isDisabled","onTogglePinning","onToggleVisibility","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ColumnItem","styled"],"mappings":";;;;;AAkBA,MAAMA,IAAkD,CAAC;AAAA,EACvD,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC3F,IAAAd;AAAA,EAAA,CACD,GAEKe,IAAQ;AAAA,IACZ,WAAWC,EAAI,UAAU,SAASL,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA;AAGF,SACEK,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,OAAAK;AAAA,MACA,WAAWF,IAAa,aAAa;AAAA,MACrC,IAAI,mBAAmBb,CAAE;AAAA,MAEzB,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAAlB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,oBAAAC;AAAA,UACA,iBAAiB,EAAE,GAAGC,GAAY,GAAGC,EAAA;AAAA,QAAU;AAAA,MAAA;AAAA,IACjD;AAAA,EAAA;AAGN,GAEMS,IAAsBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"SortableColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/SortableColumnItem.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport ColumnItem from './ColumnItem'\nimport styled from 'styled-components'\nimport { SettingsPanelItem } from '../SettingsPanel'\n\ninterface SortableColumnItemProps {\n  id: string\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  onTogglePinning: (columnId: string) => void\n  onToggleVisibility: (columnId: string) => void\n  onPaintStart?: (columnId: string) => void\n  onPaintEnter?: (columnId: string, pressed: boolean) => void\n  onDragStart?: (event: React.PointerEvent) => void\n}\n\nconst SortableColumnItem: FC<SortableColumnItemProps> = ({\n  id,\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  onTogglePinning,\n  onToggleVisibility,\n  onPaintStart,\n  onPaintEnter,\n  onDragStart,\n}) => {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <SortableItemWrapper\n      ref={setNodeRef}\n      style={style}\n      className={isDragging ? 'dragging' : ''}\n      id={`column-settings-${id}`}\n    >\n      <ColumnItem\n        column={column}\n        isPinned={isPinned}\n        isHidden={isHidden}\n        isHighlighted={isHighlighted}\n        isDisabled={isDisabled}\n        onTogglePinning={onTogglePinning}\n        onToggleVisibility={onToggleVisibility}\n        onPaintStart={onPaintStart}\n        onPaintEnter={onPaintEnter}\n        onDragStart={onDragStart}\n        dragHandleProps={{ ...attributes, ...listeners }}\n      />\n    </SortableItemWrapper>\n  )\n}\n\nconst SortableItemWrapper = styled.div`\n  &.dragging {\n    z-index: 1;\n    opacity: 0;\n  }\n`\n\nexport default SortableColumnItem\n"],"names":["SortableColumnItem","id","column","isPinned","isHidden","isHighlighted","isDisabled","onTogglePinning","onToggleVisibility","onPaintStart","onPaintEnter","onDragStart","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","SortableItemWrapper","ColumnItem","styled"],"mappings":";;;;;AAqBA,MAAMA,IAAkD,CAAC;AAAA,EACvD,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAY;AAAA,IAC3F,IAAAjB;AAAA,EAAA,CACD,GAEKkB,IAAQ;AAAA,IACZ,WAAWC,EAAI,UAAU,SAASL,CAAS;AAAA,IAC3C,YAAAC;AAAA,EAAA;AAGF,SACEK,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,OAAAK;AAAA,MACA,WAAWF,IAAa,aAAa;AAAA,MACrC,IAAI,mBAAmBhB,CAAE;AAAA,MAEzB,UAAAoB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAArB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,oBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,cAAAC;AAAA,UACA,aAAAC;AAAA,UACA,iBAAiB,EAAE,GAAGC,GAAY,GAAGC,EAAA;AAAA,QAAU;AAAA,MAAA;AAAA,IACjD;AAAA,EAAA;AAGN,GAEMS,IAAsBE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");const L=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 C=require("../../util/getEntityTypeIcon.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");require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.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/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 m="text_fields",g=({field:i,parentScope:q})=>i?L.getColumnIcon(i):q?C.getEntityTypeIcon(q):m,M=i=>i.length===1?`${i[0].charAt(0).toUpperCase()+i[0].slice(1)} attributes`:"Attributes",f=(i=[],q=[])=>[{id:"attributes",label:M(i),icon:"text_fields",match:r=>!!r.attrib&&!r.parentScope},{id:"links",label:"Links",icon:"link",match:r=>!!r.isLink},...Array.from(new Set(q.map(r=>r.parentScope).filter(Boolean))).map(r=>({id:`parent-${r}`,label:`${r.charAt(0).toUpperCase()}${r.slice(1)} fields`,icon:C.getEntityTypeIcon(r),match:n=>n.parentScope===r}))],S=(i,q=[])=>f(q,[i]).find(r=>r.match(i)),T=({columns:i,onToggle:q,isColumnVisible:r,onPaintStart:n,onPaintEnter:h,onDragStart:c,scopes:v=[],extraItems:A=[]})=>{const a=e=>{const u=r(e.value);return{id:e.value,label:e.label,icon:e.icon??g(e),hoverIcon:c?"drag_indicator":void 0,disableClose:!0,active:u,reserveActiveSlot:!0,onClick:()=>q(e.value),onPointerDown:t=>{n?.(e.value),c?.(e,t)},onPointerEnter:t=>h?.(e.value,t.buttons>0)}},o=f(v,i),s=new Map(o.map(e=>[e.id,[]])),b=[];i.forEach(e=>{const u=o.find(t=>t.match(e));u?s.get(u.id)?.push(e):b.push(e)});const I=o.filter(e=>s.get(e.id)?.length).map(e=>{const u=s.get(e.id),t=u.filter(l=>!!l.attrib),y=u.filter(l=>!l.attrib).toSorted((l,d)=>l.label.localeCompare(d.label)).map(a);if(!e.id.startsWith("parent-"))return{id:e.id,label:e.label,icon:e.icon,items:(e.id==="attributes"?u:u.toSorted((l,d)=>l.label.localeCompare(d.label))).map(a)};const p=e.id.replace("parent-","");return{id:e.id,label:e.label,icon:e.icon,items:[...y,...t.length?[{id:`${e.id}-attributes`,label:`${p.charAt(0).toUpperCase()}${p.slice(1)} attributes`,icon:"text_fields",items:t.map(a)}]:[]]}});return[b.map(a),I,A].filter(e=>e.length).flatMap((e,u)=>u?[{id:"divider"},...e]:e)};exports.DEFAULT_COLUMN_ICON=m;exports.buildAddColumnsMenu=T;exports.getAddColumnSection=S;exports.getDefaultColumnIcon=g;
+//# sourceMappingURL=addColumnsMenu.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addColumnsMenu.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/addColumnsMenu.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuItemType } from '../Menu'\nimport type { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport type { EntityType } from '@shared/containers'\nimport { getColumnIcon } from '@shared/containers/ProjectTreeTable'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport const DEFAULT_COLUMN_ICON = 'text_fields'\n\nexport const getDefaultColumnIcon = ({\n  field,\n  parentScope,\n}: Pick<AddColumnItem, 'field' | 'parentScope'>) =>\n  field ? getColumnIcon(field) : parentScope ? getEntityTypeIcon(parentScope) : DEFAULT_COLUMN_ICON\n\nexport type AddColumnItem = SettingsPanelItem & {\n  attrib?: { builtin?: boolean; scope?: string[] }\n  field?: string\n  isLink?: boolean\n  parentScope?: EntityType\n}\n\nexport type AddColumnSection = {\n  id: string\n  label: string\n  icon: string\n  match: (item: AddColumnItem) => boolean\n}\n\n// tables showing a single entity name their attributes after it, mixed tables stay generic\nconst getAttributesLabel = (scopes: string[]) =>\n  scopes.length === 1\n    ? `${scopes[0].charAt(0).toUpperCase() + scopes[0].slice(1)} attributes`\n    : 'Attributes'\n\nconst getActiveAddColumnSections = (\n  scopes: string[] = [],\n  columns: AddColumnItem[] = [],\n): AddColumnSection[] => [\n  {\n    id: 'attributes',\n    label: getAttributesLabel(scopes),\n    icon: 'text_fields',\n    match: (item) => !!item.attrib && !item.parentScope,\n  },\n  { id: 'links', label: 'Links', icon: 'link', match: (item) => !!item.isLink },\n  ...Array.from(new Set(columns.map((column) => column.parentScope).filter(Boolean))).map(\n    (parentScope) => ({\n      id: `parent-${parentScope}`,\n      label: `${(parentScope as string).charAt(0).toUpperCase()}${(parentScope as string).slice(\n        1,\n      )} fields`,\n      icon: getEntityTypeIcon(parentScope as string),\n      match: (item: AddColumnItem) => item.parentScope === parentScope,\n    }),\n  ),\n]\n\nexport const getAddColumnSection = (\n  item: AddColumnItem,\n  scopes: string[] = [],\n): AddColumnSection | undefined =>\n  getActiveAddColumnSections(scopes, [item]).find((section) => section.match(item))\n\nexport const buildAddColumnsMenu = ({\n  columns,\n  onToggle,\n  isColumnVisible,\n  onPaintStart,\n  onPaintEnter,\n  onDragStart,\n  scopes = [],\n  extraItems = [],\n}: {\n  columns: AddColumnItem[]\n  onToggle: (columnId: string) => void\n  isColumnVisible: (columnId: string) => boolean\n  // pressing an item and dragging over others applies the same show/hide to all of them\n  onPaintStart?: (columnId: string) => void\n  onPaintEnter?: (columnId: string, pressed: boolean) => void\n  // pressing an item and dragging out of the menu drops the column into the table header\n  onDragStart?: (column: AddColumnItem, event: React.PointerEvent) => void\n  scopes?: string[]\n  // page actions appended at the end, e.g. Lists' \"List attributes\"\n  extraItems?: MenuItemType[]\n}): MenuItemType[] => {\n  const toMenuItem = (column: AddColumnItem): MenuItemType => {\n    const visible = isColumnVisible(column.value)\n    return {\n      id: column.value,\n      label: column.label,\n      icon: column.icon ?? getDefaultColumnIcon(column),\n      hoverIcon: onDragStart ? 'drag_indicator' : undefined,\n      disableClose: true,\n      active: visible,\n      reserveActiveSlot: true,\n      onClick: () => onToggle(column.value),\n      onPointerDown: (event: React.PointerEvent) => {\n        onPaintStart?.(column.value)\n        onDragStart?.(column, event)\n      },\n      onPointerEnter: (event: React.PointerEvent) =>\n        onPaintEnter?.(column.value, event.buttons > 0),\n    }\n  }\n\n  const activeSections = getActiveAddColumnSections(scopes, columns)\n\n  const sectioned = new Map(activeSections.map((section) => [section.id, [] as AddColumnItem[]]))\n  const topLevel: AddColumnItem[] = []\n\n  columns.forEach((column) => {\n    const section = activeSections.find((s) => s.match(column))\n    if (section) sectioned.get(section.id)?.push(column)\n    else topLevel.push(column)\n  })\n\n  const sectionItems: MenuItemType[] = activeSections\n    .filter((section) => sectioned.get(section.id)?.length)\n    .map((section) => {\n      const sectionColumns = sectioned.get(section.id) as AddColumnItem[]\n      const attributeColumns = sectionColumns.filter((column) => !!column.attrib)\n      const fieldItems = sectionColumns\n        .filter((column) => !column.attrib)\n        .toSorted((a, b) => a.label.localeCompare(b.label))\n        .map(toMenuItem)\n\n      if (!section.id.startsWith('parent-')) {\n        return {\n          id: section.id,\n          label: section.label,\n          icon: section.icon,\n          items: (section.id === 'attributes'\n            ? sectionColumns\n            : sectionColumns.toSorted((a, b) => a.label.localeCompare(b.label))\n          ).map(toMenuItem),\n        }\n      }\n\n      const parentScope = section.id.replace('parent-', '')\n      return {\n        id: section.id,\n        label: section.label,\n        icon: section.icon,\n        items: [\n          ...fieldItems,\n          ...(attributeColumns.length\n            ? [\n                {\n                  id: `${section.id}-attributes`,\n                  label: `${parentScope.charAt(0).toUpperCase()}${parentScope.slice(1)} attributes`,\n                  icon: 'text_fields',\n                  items: attributeColumns.map(toMenuItem),\n                },\n              ]\n            : []),\n        ],\n      }\n    })\n\n  const groups = [topLevel.map(toMenuItem), sectionItems, extraItems].filter(\n    (group) => group.length,\n  )\n\n  return groups.flatMap((group, i) => (i ? [{ id: 'divider' }, ...group] : group))\n}\n"],"names":["DEFAULT_COLUMN_ICON","getDefaultColumnIcon","field","parentScope","getColumnIcon","getEntityTypeIcon","getAttributesLabel","scopes","getActiveAddColumnSections","columns","item","column","getAddColumnSection","section","buildAddColumnsMenu","onToggle","isColumnVisible","onPaintStart","onPaintEnter","onDragStart","extraItems","toMenuItem","visible","event","activeSections","sectioned","topLevel","s","sectionItems","sectionColumns","attributeColumns","fieldItems","a","b","group","i"],"mappings":"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"}

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

@@ -0,0 +1,281 @@
+import "../../../../_virtual/jsx-runtime.es.js";
+import "react";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "clsx";
+import { getColumnIcon as $ } from "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "@ynput/ayon-react-components";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../context/MenuContext.es.js";
+import "react-toastify";
+import "lodash";
+import { getEntityTypeIcon as f } from "../../util/getEntityTypeIcon.es.js";
+import "uuid";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
+import "../../util/pubsub.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "react-router-dom";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "date-fns";
+import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.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 "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+/* empty css                                               */
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+import "../../context/DeleteEntitiesContext.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../containers/Slicer/context/SlicerContextInstance.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import "../ColumnHeaderMenuUI.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../InfoMessage/InfoMessage.es.js";
+import "../Feedback/FeedbackContextInstance.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../../containers/ProjectTreeTable/components/ColumnDropIndicator.es.js";
+import "react-dom";
+import "../../context/UriContext.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
+import "../Chips/Chips.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/WebsocketContext.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 "../LinksManager/CellEditingDialog.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
+const L = "text_fields", _ = ({
+  field: r,
+  parentScope: p
+}) => r ? $(r) : p ? f(p) : L, k = (r) => r.length === 1 ? `${r[0].charAt(0).toUpperCase() + r[0].slice(1)} attributes` : "Attributes", h = (r = [], p = []) => [
+  {
+    id: "attributes",
+    label: k(r),
+    icon: "text_fields",
+    match: (i) => !!i.attrib && !i.parentScope
+  },
+  { id: "links", label: "Links", icon: "link", match: (i) => !!i.isLink },
+  ...Array.from(new Set(p.map((i) => i.parentScope).filter(Boolean))).map(
+    (i) => ({
+      id: `parent-${i}`,
+      label: `${i.charAt(0).toUpperCase()}${i.slice(
+        1
+      )} fields`,
+      icon: f(i),
+      match: (l) => l.parentScope === i
+    })
+  )
+], ro = (r, p = []) => h(p, [r]).find((i) => i.match(r)), oo = ({
+  columns: r,
+  onToggle: p,
+  isColumnVisible: i,
+  onPaintStart: l,
+  onPaintEnter: C,
+  onDragStart: c,
+  scopes: v = [],
+  extraItems: g = []
+}) => {
+  const a = (t) => {
+    const o = i(t.value);
+    return {
+      id: t.value,
+      label: t.label,
+      icon: t.icon ?? _(t),
+      hoverIcon: c ? "drag_indicator" : void 0,
+      disableClose: !0,
+      active: o,
+      reserveActiveSlot: !0,
+      onClick: () => p(t.value),
+      onPointerDown: (m) => {
+        l?.(t.value), c?.(t, m);
+      },
+      onPointerEnter: (m) => C?.(t.value, m.buttons > 0)
+    };
+  }, n = h(v, r), s = new Map(n.map((t) => [t.id, []])), b = [];
+  r.forEach((t) => {
+    const o = n.find((m) => m.match(t));
+    o ? s.get(o.id)?.push(t) : b.push(t);
+  });
+  const A = n.filter((t) => s.get(t.id)?.length).map((t) => {
+    const o = s.get(t.id), m = o.filter((e) => !!e.attrib), I = o.filter((e) => !e.attrib).toSorted((e, d) => e.label.localeCompare(d.label)).map(a);
+    if (!t.id.startsWith("parent-"))
+      return {
+        id: t.id,
+        label: t.label,
+        icon: t.icon,
+        items: (t.id === "attributes" ? o : o.toSorted((e, d) => e.label.localeCompare(d.label))).map(a)
+      };
+    const u = t.id.replace("parent-", "");
+    return {
+      id: t.id,
+      label: t.label,
+      icon: t.icon,
+      items: [
+        ...I,
+        ...m.length ? [
+          {
+            id: `${t.id}-attributes`,
+            label: `${u.charAt(0).toUpperCase()}${u.slice(1)} attributes`,
+            icon: "text_fields",
+            items: m.map(a)
+          }
+        ] : []
+      ]
+    };
+  });
+  return [b.map(a), A, g].filter(
+    (t) => t.length
+  ).flatMap((t, o) => o ? [{ id: "divider" }, ...t] : t);
+};
+export {
+  L as DEFAULT_COLUMN_ICON,
+  oo as buildAddColumnsMenu,
+  ro as getAddColumnSection,
+  _ as getDefaultColumnIcon
+};
+//# sourceMappingURL=addColumnsMenu.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addColumnsMenu.es.js","sources":["../../../../../src/components/ProjectTableSettings/addColumnsMenu.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuItemType } from '../Menu'\nimport type { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport type { EntityType } from '@shared/containers'\nimport { getColumnIcon } from '@shared/containers/ProjectTreeTable'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport const DEFAULT_COLUMN_ICON = 'text_fields'\n\nexport const getDefaultColumnIcon = ({\n  field,\n  parentScope,\n}: Pick<AddColumnItem, 'field' | 'parentScope'>) =>\n  field ? getColumnIcon(field) : parentScope ? getEntityTypeIcon(parentScope) : DEFAULT_COLUMN_ICON\n\nexport type AddColumnItem = SettingsPanelItem & {\n  attrib?: { builtin?: boolean; scope?: string[] }\n  field?: string\n  isLink?: boolean\n  parentScope?: EntityType\n}\n\nexport type AddColumnSection = {\n  id: string\n  label: string\n  icon: string\n  match: (item: AddColumnItem) => boolean\n}\n\n// tables showing a single entity name their attributes after it, mixed tables stay generic\nconst getAttributesLabel = (scopes: string[]) =>\n  scopes.length === 1\n    ? `${scopes[0].charAt(0).toUpperCase() + scopes[0].slice(1)} attributes`\n    : 'Attributes'\n\nconst getActiveAddColumnSections = (\n  scopes: string[] = [],\n  columns: AddColumnItem[] = [],\n): AddColumnSection[] => [\n  {\n    id: 'attributes',\n    label: getAttributesLabel(scopes),\n    icon: 'text_fields',\n    match: (item) => !!item.attrib && !item.parentScope,\n  },\n  { id: 'links', label: 'Links', icon: 'link', match: (item) => !!item.isLink },\n  ...Array.from(new Set(columns.map((column) => column.parentScope).filter(Boolean))).map(\n    (parentScope) => ({\n      id: `parent-${parentScope}`,\n      label: `${(parentScope as string).charAt(0).toUpperCase()}${(parentScope as string).slice(\n        1,\n      )} fields`,\n      icon: getEntityTypeIcon(parentScope as string),\n      match: (item: AddColumnItem) => item.parentScope === parentScope,\n    }),\n  ),\n]\n\nexport const getAddColumnSection = (\n  item: AddColumnItem,\n  scopes: string[] = [],\n): AddColumnSection | undefined =>\n  getActiveAddColumnSections(scopes, [item]).find((section) => section.match(item))\n\nexport const buildAddColumnsMenu = ({\n  columns,\n  onToggle,\n  isColumnVisible,\n  onPaintStart,\n  onPaintEnter,\n  onDragStart,\n  scopes = [],\n  extraItems = [],\n}: {\n  columns: AddColumnItem[]\n  onToggle: (columnId: string) => void\n  isColumnVisible: (columnId: string) => boolean\n  // pressing an item and dragging over others applies the same show/hide to all of them\n  onPaintStart?: (columnId: string) => void\n  onPaintEnter?: (columnId: string, pressed: boolean) => void\n  // pressing an item and dragging out of the menu drops the column into the table header\n  onDragStart?: (column: AddColumnItem, event: React.PointerEvent) => void\n  scopes?: string[]\n  // page actions appended at the end, e.g. Lists' \"List attributes\"\n  extraItems?: MenuItemType[]\n}): MenuItemType[] => {\n  const toMenuItem = (column: AddColumnItem): MenuItemType => {\n    const visible = isColumnVisible(column.value)\n    return {\n      id: column.value,\n      label: column.label,\n      icon: column.icon ?? getDefaultColumnIcon(column),\n      hoverIcon: onDragStart ? 'drag_indicator' : undefined,\n      disableClose: true,\n      active: visible,\n      reserveActiveSlot: true,\n      onClick: () => onToggle(column.value),\n      onPointerDown: (event: React.PointerEvent) => {\n        onPaintStart?.(column.value)\n        onDragStart?.(column, event)\n      },\n      onPointerEnter: (event: React.PointerEvent) =>\n        onPaintEnter?.(column.value, event.buttons > 0),\n    }\n  }\n\n  const activeSections = getActiveAddColumnSections(scopes, columns)\n\n  const sectioned = new Map(activeSections.map((section) => [section.id, [] as AddColumnItem[]]))\n  const topLevel: AddColumnItem[] = []\n\n  columns.forEach((column) => {\n    const section = activeSections.find((s) => s.match(column))\n    if (section) sectioned.get(section.id)?.push(column)\n    else topLevel.push(column)\n  })\n\n  const sectionItems: MenuItemType[] = activeSections\n    .filter((section) => sectioned.get(section.id)?.length)\n    .map((section) => {\n      const sectionColumns = sectioned.get(section.id) as AddColumnItem[]\n      const attributeColumns = sectionColumns.filter((column) => !!column.attrib)\n      const fieldItems = sectionColumns\n        .filter((column) => !column.attrib)\n        .toSorted((a, b) => a.label.localeCompare(b.label))\n        .map(toMenuItem)\n\n      if (!section.id.startsWith('parent-')) {\n        return {\n          id: section.id,\n          label: section.label,\n          icon: section.icon,\n          items: (section.id === 'attributes'\n            ? sectionColumns\n            : sectionColumns.toSorted((a, b) => a.label.localeCompare(b.label))\n          ).map(toMenuItem),\n        }\n      }\n\n      const parentScope = section.id.replace('parent-', '')\n      return {\n        id: section.id,\n        label: section.label,\n        icon: section.icon,\n        items: [\n          ...fieldItems,\n          ...(attributeColumns.length\n            ? [\n                {\n                  id: `${section.id}-attributes`,\n                  label: `${parentScope.charAt(0).toUpperCase()}${parentScope.slice(1)} attributes`,\n                  icon: 'text_fields',\n                  items: attributeColumns.map(toMenuItem),\n                },\n              ]\n            : []),\n        ],\n      }\n    })\n\n  const groups = [topLevel.map(toMenuItem), sectionItems, extraItems].filter(\n    (group) => group.length,\n  )\n\n  return groups.flatMap((group, i) => (i ? [{ id: 'divider' }, ...group] : group))\n}\n"],"names":["DEFAULT_COLUMN_ICON","getDefaultColumnIcon","field","parentScope","getColumnIcon","getEntityTypeIcon","getAttributesLabel","scopes","getActiveAddColumnSections","columns","item","column","getAddColumnSection","section","buildAddColumnsMenu","onToggle","isColumnVisible","onPaintStart","onPaintEnter","onDragStart","extraItems","toMenuItem","visible","event","activeSections","sectioned","topLevel","s","sectionItems","sectionColumns","attributeColumns","fieldItems","a","b","group","i"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),U=require("react-dom"),k=require("styled-components"),F=require("@ynput/ayon-react-components"),G=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),j=require("../../containers/ProjectTreeTable/constants.cjs.js"),v=require("../../containers/ProjectTreeTable/components/ColumnDropIndicator.cjs.js"),P=require("../../containers/ProjectTreeTable/hooks/useColumnDragRestriction.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.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");const X=require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");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("../../context/ProjectFoldersContextInstance.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("../../context/DeleteEntitiesContext.cjs.js");const V=require("../Menu/MenuContainer.cjs.js"),L=[j.DRAG_HANDLE_COLUMN_ID,j.ROW_SELECTION_COLUMN_ID],M=5,Y=`#${V.MENU_PORTAL_CONTENT_ID}, [data-column-drag-origin]`,$=(e,n)=>{const t=document.querySelector(`[${P.TABLE_CONTAINER_ATTR}]`)?.getBoundingClientRect();if(!t||e<t.left||e>t.right||n<t.top||n>t.bottom)return;const q=Array.from(document.querySelectorAll(v.COLUMN_HEADER_SELECTOR)).filter(y=>!L.includes(y.dataset.columnId||"")),g=q.find(y=>{const h=y.getBoundingClientRect();return e>=h.left&&e<h.right});if(g||!q.length)return g;const C=q[q.length-1];return e>=C.getBoundingClientRect().right?C:q[0]},I=(e,n)=>{const l=document.elementsFromPoint(e,n).map(C=>C.closest?.(v.COLUMN_HEADER_SELECTOR)).find(Boolean)??$(e,n),t=l?.dataset.columnId;if(!l||!t||L.includes(t))return null;const q=l.getBoundingClientRect(),g=e<q.left+q.width/2?"left":"right";return{columnId:t,side:g,line:v.getColumnDropLinePosition(l,g)}},K=(e,n)=>{const l=e.length?e:n;return[...l,...n.filter(t=>!l.includes(t))]},W=()=>{const{columnVisibility:e,columnOrder:n,columnPinning:l,columnSizing:t,columnSummaries:q,columnSummaryScopes:g,columnSummaryFormats:C,groupBy:y,groupByConfig:h,sorting:O,rowHeight:D,setColumnsConfig:T,getAllColumns:A}=G.useColumnSettingsContext(),{setMenuOpen:_}=X.useMenuContext(),[i,w]=f.useState(null),b=f.useRef(null),S=f.useRef(null);S.current=i;const N=f.useRef({columnVisibility:e,columnOrder:n,columnPinning:l,columnSizing:t,columnSummaries:q,columnSummaryScopes:g,columnSummaryFormats:C,groupBy:y,groupByConfig:h,sorting:O,rowHeight:D,setColumnsConfig:T,getAllColumns:A});N.current={columnVisibility:e,columnOrder:n,columnPinning:l,columnSizing:t,columnSummaries:q,columnSummaryScopes:g,columnSummaryFormats:C,groupBy:y,groupByConfig:h,sorting:O,rowHeight:D,setColumnsConfig:T,getAllColumns:A};const B=f.useCallback((m,o)=>{const r=N.current,a=K(r.columnOrder,r.getAllColumns()).filter(p=>p!==m&&!L.includes(p)),s=a.indexOf(o.columnId),d=s===-1?a.length:s+(o.side==="left"?0:1),c=[...a.slice(0,d),m,...a.slice(d)],u=new Set(r.columnPinning.left||[]);u.has(o.columnId)?u.add(m):u.delete(m),r.setColumnsConfig({columnVisibility:{...r.columnVisibility,[m]:!0},columnOrder:c,columnPinning:{...r.columnPinning,left:c.filter(p=>u.has(p))},columnSizing:r.columnSizing,columnSummaries:r.columnSummaries,columnSummaryScopes:r.columnSummaryScopes,columnSummaryFormats:r.columnSummaryFormats,groupBy:r.groupBy,groupByConfig:r.groupByConfig,sorting:r.sorting,rowHeight:r.rowHeight})},[]),E=f.useCallback(()=>{b.current=null,S.current&&w(null)},[]),H=f.useCallback((m,o)=>{const r=o.currentTarget,a=r.getBoundingClientRect();b.current={column:m,x:o.clientX,y:o.clientY,origin:r.closest(Y),immediate:!!o.target.closest?.(".hover-swap"),grab:{x:o.clientX-a.left,y:o.clientY-a.top,width:a.width}}},[]);f.useEffect(()=>{const m=(s,d,c)=>!!c&&document.elementsFromPoint(s,d).some(u=>c.contains(u)),o=s=>{const{clientX:d,clientY:c}=s;if(S.current){w(p=>p&&{...p,x:d,y:c,target:I(d,c)});return}const u=b.current;u&&(Math.abs(d-u.x)<M&&Math.abs(c-u.y)<M||!u.immediate&&m(d,c,u.origin)||w({column:u.column,x:d,y:c,grab:u.grab,target:I(d,c)}))},r=()=>{const s=S.current;b.current=null,s&&(J(),s.target&&(B(s.column.value,s.target),_(!1)),w(null))},a=s=>{s.key==="Escape"&&E()};return window.addEventListener("pointermove",o),window.addEventListener("pointerup",r),window.addEventListener("pointercancel",E),window.addEventListener("keydown",a),()=>{window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",r),window.removeEventListener("pointercancel",E),window.removeEventListener("keydown",a)}},[B,E,_]);const R=i?document.querySelector(`[${P.TABLE_CONTAINER_ATTR}]`)?.getBoundingClientRect():void 0,z=i?U.createPortal(x.jsxRuntimeExports.jsxs(x.jsxRuntimeExports.Fragment,{children:[R&&x.jsxRuntimeExports.jsx(Q,{style:{left:R.left,top:R.top,width:R.width,height:R.height}}),x.jsxRuntimeExports.jsxs(ee,{style:{left:i.x-i.grab.x,top:i.y-i.grab.y,width:i.grab.width},className:Z(i),children:[i.column.icon&&x.jsxRuntimeExports.jsx(F.Icon,{icon:i.column.icon}),x.jsxRuntimeExports.jsx("span",{children:i.column.label})]}),i.target&&x.jsxRuntimeExports.jsx(v.ColumnDropLine,{style:i.target.line})]}),document.body):null;return{armDrag:H,cancelDrag:E,isDragging:!!i,dragOverlay:z}},Z=e=>e.target?"over-target":"",J=()=>{const e=n=>{n.stopPropagation(),n.preventDefault()};window.addEventListener("click",e,!0),setTimeout(()=>window.removeEventListener("click",e,!0),0)},Q=k.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);
+`,ee=k.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;
+  }
+`;exports.useAddColumnDrag=W;
+//# sourceMappingURL=useAddColumnDrag.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddColumnDrag.cjs.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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"}