@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

@@ -0,0 +1,147 @@
+import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
+import { useEffect as m } from "react";
+import { Menu as e } from "../Menu/Menu.es.js";
+import { MenuContainer as n } from "../Menu/MenuContainer.es.js";
+import "../Menu/MenuItem.es.js";
+import "@ynput/ayon-react-components";
+import "../Menu/Menu.styled.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 "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import { useMenuContext as f } 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";
+const Lt = ({ menuId: o, menuItems: t }) => {
+  const { menuOpen: i, setMenuOpen: r } = f();
+  return m(() => {
+    !t.length && i === o && r(!1);
+  }, [t.length, i, o, r]), /* @__PURE__ */ p.jsx(n, { targetId: o, id: o, align: "left", children: /* @__PURE__ */ p.jsx(e, { menu: t, onClose: () => r(!1) }) });
+};
+export {
+  Lt as AddColumnMenu
+};
+//# sourceMappingURL=AddColumnMenu.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddColumnMenu.es.js","sources":["../../../../../src/components/ProjectTableSettings/AddColumnMenu.tsx"],"sourcesContent":["import { FC, useEffect } from 'react'\nimport { Menu, MenuContainer, MenuItemType } from '../Menu'\nimport { useMenuContext } from '@shared/context'\n\ninterface AddColumnMenuProps {\n  menuId: string\n  menuItems: MenuItemType[]\n}\n\nexport const AddColumnMenu: FC<AddColumnMenuProps> = ({ menuId, menuItems }) => {\n  const { menuOpen, setMenuOpen } = useMenuContext()\n\n  // adding the last column would otherwise leave an empty popup on screen\n  useEffect(() => {\n    if (!menuItems.length && menuOpen === menuId) setMenuOpen(false)\n  }, [menuItems.length, menuOpen, menuId, setMenuOpen])\n\n  return (\n    <MenuContainer targetId={menuId} id={menuId} align=\"left\">\n      <Menu menu={menuItems} onClose={() => setMenuOpen(false)} />\n    </MenuContainer>\n  )\n}\n"],"names":["AddColumnMenu","menuId","menuItems","menuOpen","setMenuOpen","useMenuContext","useEffect","MenuContainer","jsx","Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,KAAwC,CAAC,EAAE,QAAAC,GAAQ,WAAAC,QAAgB;AAC9E,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA;AAGlC,SAAAC,EAAU,MAAM;AACd,IAAI,CAACJ,EAAU,UAAUC,MAAaF,OAAoB,EAAK;AAAA,EACjE,GAAG,CAACC,EAAU,QAAQC,GAAUF,GAAQG,CAAW,CAAC,yBAGjDG,GAAA,EAAc,UAAUN,GAAQ,IAAIA,GAAQ,OAAM,QACjD,UAAAO,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMP,GAAW,SAAS,MAAME,EAAY,EAAK,GAAG,GAC5D;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";const a=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("clsx"),m=require("react"),x=require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js"),d=require("@ynput/ayon-react-components"),h=require("styled-components"),v=h(x.SettingsPanelItemTemplate)`
+"use strict";const a=require("../../../../_virtual/jsx-runtime.cjs.js"),y=require("clsx"),j=require("react"),b=require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js"),v=require("@ynput/ayon-react-components"),w=require("styled-components"),R=w(b.SettingsPanelItemTemplate)`
   &:hover {
     .pin-action {
       opacity: 1;
@@ -10,6 +10,20 @@
     height: 20px;
   }
 
+  .hover-swap {
+    display: none;
+    cursor: grab;
+  }
+
+  &.drag-reveal:hover {
+    .hover-swap {
+      display: inline-block;
+    }
+    .hover-swap ~ .icon {
+      display: none;
+    }
+  }
+
   &.overlay {
     box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
   }
@@ -27,5 +41,5 @@
       opacity: 0;
     }
   }
-`,g=({column:e,isPinned:s,isHidden:t,isHighlighted:r,isDisabled:o,dragHandleProps:c,dragOverlay:l=!1,onTogglePinning:i,onToggleVisibility:n})=>{const p=m.useMemo(()=>[{icon:"push_pin",onClick:()=>i?.(e.value),active:s,className:"pin-action"},{icon:t?"visibility_off":"visibility",onClick:()=>n?.(e.value),active:!t}],[s,t,e.value,i,n]);return a.jsxRuntimeExports.jsx(v,{item:e,actions:p,isHighlighted:r,isDisabled:o,className:u({hidden:t,overlay:l}),startContent:a.jsxRuntimeExports.jsx("div",{...c,className:"drag-handle",children:a.jsxRuntimeExports.jsx(d.Icon,{icon:"drag_indicator"})})})};module.exports=g;
+`,q=({id:u,column:e,isPinned:r,isHidden:t,isHighlighted:x,isDisabled:s,dragHandleProps:d,dragOverlay:m=!1,hideDragHandle:i=!1,onTogglePinning:c,onToggleVisibility:l,onPaintStart:p,onPaintEnter:h,onDragStart:n})=>{const g=j.useMemo(()=>[{icon:"push_pin",onClick:()=>c?.(e.value),active:r,className:"pin-action"},{icon:t?"visibility_off":"visibility",onClick:()=>l?.(e.value),onPointerDown:s?void 0:()=>p?.(e.value),active:!t}],[r,t,s,e.value,c,l,p]);return a.jsxRuntimeExports.jsx(R,{id:u,item:e,actions:g,isHighlighted:x,isDisabled:s,className:y({hidden:t,overlay:m,"drag-reveal":i&&!!n}),onPointerEnter:o=>h?.(e.value,o.buttons>0),onPointerDown:o=>o.target.closest(".action")?void 0:n?.(o),startContent:i?n?a.jsxRuntimeExports.jsx(v.Icon,{icon:"drag_indicator",className:"hover-swap"}):void 0:a.jsxRuntimeExports.jsx("div",{...d,className:"drag-handle",children:a.jsxRuntimeExports.jsx(v.Icon,{icon:"drag_indicator"})})})};module.exports=q;
 //# sourceMappingURL=ColumnItem.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FC, useMemo } from 'react'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItem,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`\n  &:hover {\n    .pin-action {\n      opacity: 1;\n    }\n  }\n\n  .drag-handle {\n    cursor: grab;\n    height: 20px;\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n  }\n\n  &.dragging {\n    opacity: 0;\n\n    .drag-handle {\n      cursor: grabbing;\n    }\n  }\n\n  &.hidden {\n    .pin-action {\n      opacity: 0;\n    }\n  }\n`\n\ninterface ColumnItemProps {\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  dragHandleProps?: any\n  dragOverlay?: boolean\n  onTogglePinning?: (columnId: string) => void\n  onToggleVisibility?: (columnId: string) => void\n}\n\nconst ColumnItem: FC<ColumnItemProps> = ({\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  // Dragging props\n  dragHandleProps,\n  dragOverlay = false,\n  // Callbacks\n  onTogglePinning,\n  onToggleVisibility,\n}) => {\n  const itemActions = useMemo(\n    () => [\n      {\n        icon: 'push_pin',\n        onClick: () => onTogglePinning?.(column.value),\n        active: isPinned,\n        className: 'pin-action',\n      },\n      {\n        icon: isHidden ? 'visibility_off' : 'visibility',\n        onClick: () => onToggleVisibility?.(column.value),\n        active: !isHidden,\n      },\n    ],\n    [isPinned, isHidden, column.value, onTogglePinning, onToggleVisibility],\n  )\n\n  return (\n    <SettingsPanelItemTemplateStyled\n      item={column}\n      actions={itemActions}\n      isHighlighted={isHighlighted}\n      isDisabled={isDisabled}\n      className={clsx({ hidden: isHidden, overlay: dragOverlay })}\n      startContent={\n        <div {...dragHandleProps} className={'drag-handle'}>\n          <Icon icon=\"drag_indicator\" />\n        </div>\n      }\n    />\n  )\n}\n\nexport default ColumnItem\n"],"names":["SettingsPanelItemTemplateStyled","styled","SettingsPanelItemTemplate","ColumnItem","column","isPinned","isHidden","isHighlighted","isDisabled","dragHandleProps","dragOverlay","onTogglePinning","onToggleVisibility","itemActions","useMemo","jsx","clsx","Icon"],"mappings":"qPASMA,EAAkCC,EAAOC,2BAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2ClEC,EAAkC,CAAC,CACvC,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EAEA,gBAAAC,EACA,YAAAC,EAAc,GAEd,gBAAAC,EACA,mBAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAAA,QAClB,IAAM,CACJ,CACE,KAAM,WACN,QAAS,IAAMH,IAAkBP,EAAO,KAAK,EAC7C,OAAQC,EACR,UAAW,YAAA,EAEb,CACE,KAAMC,EAAW,iBAAmB,aACpC,QAAS,IAAMM,IAAqBR,EAAO,KAAK,EAChD,OAAQ,CAACE,CAAA,CACX,EAEF,CAACD,EAAUC,EAAUF,EAAO,MAAOO,EAAiBC,CAAkB,CAAA,EAGxE,OACEG,EAAAA,kBAAAA,IAACf,EAAA,CACC,KAAMI,EACN,QAASS,EACT,cAAAN,EACA,WAAAC,EACA,UAAWQ,EAAK,CAAE,OAAQV,EAAU,QAASI,EAAa,EAC1D,aACEK,EAAAA,kBAAAA,IAAC,MAAA,CAAK,GAAGN,EAAiB,UAAW,cACnC,SAAAM,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CAAK,KAAK,gBAAA,CAAiB,CAAA,CAC9B,CAAA,CAAA,CAIR"}
+{"version":3,"file":"ColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React, { FC, useMemo } from 'react'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItem,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`\n  &:hover {\n    .pin-action {\n      opacity: 1;\n    }\n  }\n\n  .drag-handle {\n    cursor: grab;\n    height: 20px;\n  }\n\n  .hover-swap {\n    display: none;\n    cursor: grab;\n  }\n\n  &.drag-reveal:hover {\n    .hover-swap {\n      display: inline-block;\n    }\n    .hover-swap ~ .icon {\n      display: none;\n    }\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n  }\n\n  &.dragging {\n    opacity: 0;\n\n    .drag-handle {\n      cursor: grabbing;\n    }\n  }\n\n  &.hidden {\n    .pin-action {\n      opacity: 0;\n    }\n  }\n`\n\ninterface ColumnItemProps {\n  id?: string\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  dragHandleProps?: any\n  dragOverlay?: boolean\n  hideDragHandle?: 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 ColumnItem: FC<ColumnItemProps> = ({\n  id,\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  // Dragging props\n  dragHandleProps,\n  dragOverlay = false,\n  hideDragHandle = false,\n  // Callbacks\n  onTogglePinning,\n  onToggleVisibility,\n  onPaintStart,\n  onPaintEnter,\n  onDragStart,\n}) => {\n  const itemActions = useMemo(\n    () => [\n      {\n        icon: 'push_pin',\n        onClick: () => onTogglePinning?.(column.value),\n        active: isPinned,\n        className: 'pin-action',\n      },\n      {\n        icon: isHidden ? 'visibility_off' : 'visibility',\n        onClick: () => onToggleVisibility?.(column.value),\n        // arms a paint drag, the toggle itself still happens on click\n        onPointerDown: isDisabled ? undefined : () => onPaintStart?.(column.value),\n        active: !isHidden,\n      },\n    ],\n    [\n      isPinned,\n      isHidden,\n      isDisabled,\n      column.value,\n      onTogglePinning,\n      onToggleVisibility,\n      onPaintStart,\n    ],\n  )\n\n  return (\n    <SettingsPanelItemTemplateStyled\n      id={id}\n      item={column}\n      actions={itemActions}\n      isHighlighted={isHighlighted}\n      isDisabled={isDisabled}\n      className={clsx({\n        hidden: isHidden,\n        overlay: dragOverlay,\n        'drag-reveal': hideDragHandle && !!onDragStart,\n      })}\n      onPointerEnter={(event) => onPaintEnter?.(column.value, event.buttons > 0)}\n      onPointerDown={(event) =>\n        // the row actions arm their own gestures\n        (event.target as HTMLElement).closest('.action') ? undefined : onDragStart?.(event)\n      }\n      startContent={\n        hideDragHandle ? (\n          onDragStart ? (\n            <Icon icon=\"drag_indicator\" className=\"hover-swap\" />\n          ) : undefined\n        ) : (\n          <div {...dragHandleProps} className=\"drag-handle\">\n            <Icon icon=\"drag_indicator\" />\n          </div>\n        )\n      }\n    />\n  )\n}\n\nexport default ColumnItem\n"],"names":["SettingsPanelItemTemplateStyled","styled","SettingsPanelItemTemplate","ColumnItem","id","column","isPinned","isHidden","isHighlighted","isDisabled","dragHandleProps","dragOverlay","hideDragHandle","onTogglePinning","onToggleVisibility","onPaintStart","onPaintEnter","onDragStart","itemActions","useMemo","jsx","clsx","event","Icon"],"mappings":"qPASMA,EAAkCC,EAAOC,2BAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8DlEC,EAAkC,CAAC,CACvC,GAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EAEA,gBAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EAAiB,GAEjB,gBAAAC,EACA,mBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,YAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAAA,QAClB,IAAM,CACJ,CACE,KAAM,WACN,QAAS,IAAMN,IAAkBR,EAAO,KAAK,EAC7C,OAAQC,EACR,UAAW,YAAA,EAEb,CACE,KAAMC,EAAW,iBAAmB,aACpC,QAAS,IAAMO,IAAqBT,EAAO,KAAK,EAEhD,cAAeI,EAAa,OAAY,IAAMM,IAAeV,EAAO,KAAK,EACzE,OAAQ,CAACE,CAAA,CACX,EAEF,CACED,EACAC,EACAE,EACAJ,EAAO,MACPQ,EACAC,EACAC,CAAA,CACF,EAGF,OACEK,EAAAA,kBAAAA,IAACpB,EAAA,CACC,GAAAI,EACA,KAAMC,EACN,QAASa,EACT,cAAAV,EACA,WAAAC,EACA,UAAWY,EAAK,CACd,OAAQd,EACR,QAASI,EACT,cAAeC,GAAkB,CAAC,CAACK,CAAA,CACpC,EACD,eAAiBK,GAAUN,IAAeX,EAAO,MAAOiB,EAAM,QAAU,CAAC,EACzE,cAAgBA,GAEbA,EAAM,OAAuB,QAAQ,SAAS,EAAI,OAAYL,IAAcK,CAAK,EAEpF,aACEV,EACEK,EACEG,EAAAA,kBAAAA,IAACG,EAAAA,MAAK,KAAK,iBAAiB,UAAU,YAAA,CAAa,EACjD,OAEJH,wBAAC,MAAA,CAAK,GAAGV,EAAiB,UAAU,cAClC,SAAAU,EAAAA,kBAAAA,IAACG,OAAA,CAAK,KAAK,gBAAA,CAAiB,CAAA,CAC9B,CAAA,CAAA,CAKV"}

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

@@ -1,10 +1,10 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import l from "clsx";
-import { useMemo as d } from "react";
-import { SettingsPanelItemTemplate as h } from "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import y from "clsx";
+import { useMemo as u } from "react";
+import { SettingsPanelItemTemplate as b } from "../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import { Icon as v } from "@ynput/ayon-react-components";
-import x from "styled-components";
-const f = x(h)`
+import w from "styled-components";
+const j = w(b)`
   &:hover {
     .pin-action {
       opacity: 1;
@@ -16,6 +16,20 @@ const f = x(h)`
     height: 20px;
   }
 
+  .hover-swap {
+    display: none;
+    cursor: grab;
+  }
+
+  &.drag-reveal:hover {
+    .hover-swap {
+      display: inline-block;
+    }
+    .hover-swap ~ .icon {
+      display: none;
+    }
+  }
+
   &.overlay {
     box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
   }
@@ -33,48 +47,73 @@ const f = x(h)`
       opacity: 0;
     }
   }
-`, I = ({
-  column: t,
-  isPinned: e,
+`, P = ({
+  id: m,
+  column: o,
+  isPinned: s,
   isHidden: a,
-  isHighlighted: s,
-  isDisabled: c,
+  isHighlighted: d,
+  isDisabled: t,
   // Dragging props
-  dragHandleProps: n,
-  dragOverlay: m = !1,
+  dragHandleProps: h,
+  dragOverlay: x = !1,
+  hideDragHandle: n = !1,
   // Callbacks
-  onTogglePinning: r,
-  onToggleVisibility: i
+  onTogglePinning: c,
+  onToggleVisibility: p,
+  onPaintStart: l,
+  onPaintEnter: f,
+  onDragStart: i
 }) => {
-  const p = d(
+  const g = u(
     () => [
       {
         icon: "push_pin",
-        onClick: () => r?.(t.value),
-        active: e,
+        onClick: () => c?.(o.value),
+        active: s,
         className: "pin-action"
       },
       {
         icon: a ? "visibility_off" : "visibility",
-        onClick: () => i?.(t.value),
+        onClick: () => p?.(o.value),
+        // arms a paint drag, the toggle itself still happens on click
+        onPointerDown: t ? void 0 : () => l?.(o.value),
         active: !a
       }
     ],
-    [e, a, t.value, r, i]
+    [
+      s,
+      a,
+      t,
+      o.value,
+      c,
+      p,
+      l
+    ]
   );
-  return /* @__PURE__ */ o.jsx(
-    f,
+  return /* @__PURE__ */ r.jsx(
+    j,
     {
-      item: t,
-      actions: p,
-      isHighlighted: s,
-      isDisabled: c,
-      className: l({ hidden: a, overlay: m }),
-      startContent: /* @__PURE__ */ o.jsx("div", { ...n, className: "drag-handle", children: /* @__PURE__ */ o.jsx(v, { icon: "drag_indicator" }) })
+      id: m,
+      item: o,
+      actions: g,
+      isHighlighted: d,
+      isDisabled: t,
+      className: y({
+        hidden: a,
+        overlay: x,
+        "drag-reveal": n && !!i
+      }),
+      onPointerEnter: (e) => f?.(o.value, e.buttons > 0),
+      onPointerDown: (e) => (
+        // the row actions arm their own gestures
+        e.target.closest(".action") ? void 0 : i?.(e)
+      ),
+      startContent: n ? i ? /* @__PURE__ */ r.jsx(v, { icon: "drag_indicator", className: "hover-swap" }) : void 0 : /* @__PURE__ */ r.jsx("div", { ...h, className: "drag-handle", children: /* @__PURE__ */ r.jsx(v, { icon: "drag_indicator" }) })
     }
   );
 };
 export {
-  I as default
+  P as default
 };
 //# sourceMappingURL=ColumnItem.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FC, useMemo } from 'react'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItem,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`\n  &:hover {\n    .pin-action {\n      opacity: 1;\n    }\n  }\n\n  .drag-handle {\n    cursor: grab;\n    height: 20px;\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n  }\n\n  &.dragging {\n    opacity: 0;\n\n    .drag-handle {\n      cursor: grabbing;\n    }\n  }\n\n  &.hidden {\n    .pin-action {\n      opacity: 0;\n    }\n  }\n`\n\ninterface ColumnItemProps {\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  dragHandleProps?: any\n  dragOverlay?: boolean\n  onTogglePinning?: (columnId: string) => void\n  onToggleVisibility?: (columnId: string) => void\n}\n\nconst ColumnItem: FC<ColumnItemProps> = ({\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  // Dragging props\n  dragHandleProps,\n  dragOverlay = false,\n  // Callbacks\n  onTogglePinning,\n  onToggleVisibility,\n}) => {\n  const itemActions = useMemo(\n    () => [\n      {\n        icon: 'push_pin',\n        onClick: () => onTogglePinning?.(column.value),\n        active: isPinned,\n        className: 'pin-action',\n      },\n      {\n        icon: isHidden ? 'visibility_off' : 'visibility',\n        onClick: () => onToggleVisibility?.(column.value),\n        active: !isHidden,\n      },\n    ],\n    [isPinned, isHidden, column.value, onTogglePinning, onToggleVisibility],\n  )\n\n  return (\n    <SettingsPanelItemTemplateStyled\n      item={column}\n      actions={itemActions}\n      isHighlighted={isHighlighted}\n      isDisabled={isDisabled}\n      className={clsx({ hidden: isHidden, overlay: dragOverlay })}\n      startContent={\n        <div {...dragHandleProps} className={'drag-handle'}>\n          <Icon icon=\"drag_indicator\" />\n        </div>\n      }\n    />\n  )\n}\n\nexport default ColumnItem\n"],"names":["SettingsPanelItemTemplateStyled","styled","SettingsPanelItemTemplate","ColumnItem","column","isPinned","isHidden","isHighlighted","isDisabled","dragHandleProps","dragOverlay","onTogglePinning","onToggleVisibility","itemActions","useMemo","jsx","clsx","Icon"],"mappings":";;;;;;AASA,MAAMA,IAAkCC,EAAOC,CAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2ClEC,IAAkC,CAAC;AAAA,EACvC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA;AAAA,EAEA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA;AAAA,EAEd,iBAAAC;AAAA,EACA,oBAAAC;AACF,MAAM;AACJ,QAAMC,IAAcC;AAAA,IAClB,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,SAAS,MAAMH,IAAkBP,EAAO,KAAK;AAAA,QAC7C,QAAQC;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,MAAMC,IAAW,mBAAmB;AAAA,QACpC,SAAS,MAAMM,IAAqBR,EAAO,KAAK;AAAA,QAChD,QAAQ,CAACE;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,CAACD,GAAUC,GAAUF,EAAO,OAAOO,GAAiBC,CAAkB;AAAA,EAAA;AAGxE,SACEG,gBAAAA,EAAAA;AAAAA,IAACf;AAAA,IAAA;AAAA,MACC,MAAMI;AAAA,MACN,SAASS;AAAA,MACT,eAAAN;AAAA,MACA,YAAAC;AAAA,MACA,WAAWQ,EAAK,EAAE,QAAQV,GAAU,SAASI,GAAa;AAAA,MAC1D,cACEK,gBAAAA,EAAAA,IAAC,OAAA,EAAK,GAAGN,GAAiB,WAAW,eACnC,UAAAM,gBAAAA,EAAAA,IAACE,GAAA,EAAK,MAAK,iBAAA,CAAiB,EAAA,CAC9B;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"ColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React, { FC, useMemo } from 'react'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItem,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`\n  &:hover {\n    .pin-action {\n      opacity: 1;\n    }\n  }\n\n  .drag-handle {\n    cursor: grab;\n    height: 20px;\n  }\n\n  .hover-swap {\n    display: none;\n    cursor: grab;\n  }\n\n  &.drag-reveal:hover {\n    .hover-swap {\n      display: inline-block;\n    }\n    .hover-swap ~ .icon {\n      display: none;\n    }\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n  }\n\n  &.dragging {\n    opacity: 0;\n\n    .drag-handle {\n      cursor: grabbing;\n    }\n  }\n\n  &.hidden {\n    .pin-action {\n      opacity: 0;\n    }\n  }\n`\n\ninterface ColumnItemProps {\n  id?: string\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  dragHandleProps?: any\n  dragOverlay?: boolean\n  hideDragHandle?: 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 ColumnItem: FC<ColumnItemProps> = ({\n  id,\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  isDisabled,\n  // Dragging props\n  dragHandleProps,\n  dragOverlay = false,\n  hideDragHandle = false,\n  // Callbacks\n  onTogglePinning,\n  onToggleVisibility,\n  onPaintStart,\n  onPaintEnter,\n  onDragStart,\n}) => {\n  const itemActions = useMemo(\n    () => [\n      {\n        icon: 'push_pin',\n        onClick: () => onTogglePinning?.(column.value),\n        active: isPinned,\n        className: 'pin-action',\n      },\n      {\n        icon: isHidden ? 'visibility_off' : 'visibility',\n        onClick: () => onToggleVisibility?.(column.value),\n        // arms a paint drag, the toggle itself still happens on click\n        onPointerDown: isDisabled ? undefined : () => onPaintStart?.(column.value),\n        active: !isHidden,\n      },\n    ],\n    [\n      isPinned,\n      isHidden,\n      isDisabled,\n      column.value,\n      onTogglePinning,\n      onToggleVisibility,\n      onPaintStart,\n    ],\n  )\n\n  return (\n    <SettingsPanelItemTemplateStyled\n      id={id}\n      item={column}\n      actions={itemActions}\n      isHighlighted={isHighlighted}\n      isDisabled={isDisabled}\n      className={clsx({\n        hidden: isHidden,\n        overlay: dragOverlay,\n        'drag-reveal': hideDragHandle && !!onDragStart,\n      })}\n      onPointerEnter={(event) => onPaintEnter?.(column.value, event.buttons > 0)}\n      onPointerDown={(event) =>\n        // the row actions arm their own gestures\n        (event.target as HTMLElement).closest('.action') ? undefined : onDragStart?.(event)\n      }\n      startContent={\n        hideDragHandle ? (\n          onDragStart ? (\n            <Icon icon=\"drag_indicator\" className=\"hover-swap\" />\n          ) : undefined\n        ) : (\n          <div {...dragHandleProps} className=\"drag-handle\">\n            <Icon icon=\"drag_indicator\" />\n          </div>\n        )\n      }\n    />\n  )\n}\n\nexport default ColumnItem\n"],"names":["SettingsPanelItemTemplateStyled","styled","SettingsPanelItemTemplate","ColumnItem","id","column","isPinned","isHidden","isHighlighted","isDisabled","dragHandleProps","dragOverlay","hideDragHandle","onTogglePinning","onToggleVisibility","onPaintStart","onPaintEnter","onDragStart","itemActions","useMemo","jsx","clsx","event","Icon"],"mappings":";;;;;;AASA,MAAMA,IAAkCC,EAAOC,CAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8DlEC,IAAkC,CAAC;AAAA,EACvC,IAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA;AAAA,EAEA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,gBAAAC,IAAiB;AAAA;AAAA,EAEjB,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAcC;AAAA,IAClB,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,SAAS,MAAMN,IAAkBR,EAAO,KAAK;AAAA,QAC7C,QAAQC;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,MAAMC,IAAW,mBAAmB;AAAA,QACpC,SAAS,MAAMO,IAAqBT,EAAO,KAAK;AAAA;AAAA,QAEhD,eAAeI,IAAa,SAAY,MAAMM,IAAeV,EAAO,KAAK;AAAA,QACzE,QAAQ,CAACE;AAAA,MAAA;AAAA,IACX;AAAA,IAEF;AAAA,MACED;AAAA,MACAC;AAAA,MACAE;AAAA,MACAJ,EAAO;AAAA,MACPQ;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SACEK,gBAAAA,EAAAA;AAAAA,IAACpB;AAAA,IAAA;AAAA,MACC,IAAAI;AAAA,MACA,MAAMC;AAAA,MACN,SAASa;AAAA,MACT,eAAAV;AAAA,MACA,YAAAC;AAAA,MACA,WAAWY,EAAK;AAAA,QACd,QAAQd;AAAA,QACR,SAASI;AAAA,QACT,eAAeC,KAAkB,CAAC,CAACK;AAAA,MAAA,CACpC;AAAA,MACD,gBAAgB,CAACK,MAAUN,IAAeX,EAAO,OAAOiB,EAAM,UAAU,CAAC;AAAA,MACzE,eAAe,CAACA;AAAA;AAAA,QAEbA,EAAM,OAAuB,QAAQ,SAAS,IAAI,SAAYL,IAAcK,CAAK;AAAA;AAAA,MAEpF,cACEV,IACEK,IACEG,gBAAAA,EAAAA,IAACG,KAAK,MAAK,kBAAiB,WAAU,aAAA,CAAa,IACjD,SAEJH,gBAAAA,MAAC,OAAA,EAAK,GAAGV,GAAiB,WAAU,eAClC,UAAAU,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAK,iBAAA,CAAiB,EAAA,CAC9B;AAAA,IAAA;AAAA,EAAA;AAKV;"}

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),K=require("styled-components"),$=require("./TableSettings.styled.cjs.js"),me=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),pe=require("./ColumnItem.cjs.js"),B=require("./SortableColumnItem.cjs.js"),h=require("@dnd-kit/core"),y=require("@dnd-kit/sortable"),je=require("react-toastify"),Se=require("@ynput/ayon-react-components");require("../SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("lodash");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");require("clsx");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("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../context/ProjectContext.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/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/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/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("@tanstack/react-table");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("../../context/ProjectFoldersContextInstance.cjs.js");require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");const v=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),Ce=require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js"),he=({icon:m,label:d,checked:u,onChange:p,disabled:o,...b})=>i.jsxRuntimeExports.jsx(Ce.SettingsPanelItemTemplate,{item:{value:d,label:d,icon:m},isDisabled:o,style:{paddingRight:8},disableHover:!0,endContent:i.jsxRuntimeExports.jsx(Se.InputSwitch,{checked:u,disabled:o,onChange:a=>p(a.currentTarget.checked)}),...b}),ue=({columns:m,highlighted:d,columnVisibility:u,updateColumnVisibility:p,columnPinning:o,updateColumnPinning:b,columnOrder:a,setColumnsConfig:R,columnSizing:V,groupBy:j,sorting:k,rowHeight:T,defaultColumnVisibility:f,...Pe})=>{const[Q,U]=c.useState(null),[oe,X]=c.useState(!1),[le,Y]=c.useState(!1),[Z,ee]=c.useState(!1),[ae,M]=c.useState(!1),[ce,A]=c.useState(!1),de=h.useSensors(h.useSensor(h.PointerSensor,{activationConstraint:{distance:5}})),L=c.useRef(null);c.useEffect(()=>{if(L.current&&d){const e=L.current.querySelector(`#column-settings-${d}`);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}},[d]);const{visibleColumns:P,hiddenColumns:E,pinnedColumns:S}=c.useMemo(()=>{const e=m.filter(s=>v.checkColumnVisibility(u,s.value,f)),r=m.filter(s=>!v.checkColumnVisibility(u,s.value,f)),n=e.filter(s=>o.left?.includes(s.value));return{visibleColumns:e.filter(s=>!o.left?.includes(s.value)),hiddenColumns:r,pinnedColumns:n}},[m,u,o,f]),D=c.useMemo(()=>{const e=[...P];return a.length>0&&e.sort((r,n)=>{const q=a.indexOf(r.value),s=a.indexOf(n.value);return q===-1?1:s===-1?-1:q-s}),e},[P,a]),H=c.useMemo(()=>{const e=[...S];return a.length>0&&e.sort((r,n)=>{const q=a.indexOf(r.value),s=a.indexOf(n.value);return q===-1?1:s===-1?-1:q-s}),e},[S,a]),re=c.useMemo(()=>D.map(e=>e.value),[D]),ie=c.useMemo(()=>H.map(e=>e.value),[H]),N=e=>{const r=v.checkColumnVisibility(u,e,f),n={...u,[e]:!r};console.log("Toggling visibility for",e,"to",!r),p(n)},z=e=>{const r={...o},n={...u};r.left?.includes(e)?r.left=r.left.filter(q=>q!==e):(r.left=[...r.left||[],e],v.checkColumnVisibility(u,e,f)||(n[e]=!0,p(n))),b(r)},qe=e=>{const r=e.active.id;U(r),ee(o.left?.includes(r)||!1)},ge=e=>{const{active:r,over:n}=e;if(n&&r.id!==n.id){const q=v.checkColumnVisibility(u,r.id,f),s=v.checkColumnVisibility(u,n.id,f),t=o.left?.includes(n.id)||!1,C=!s;X(!q&&s&&!t),Y(s&&t),A(C),M(s&&!t)}else M(!1),A(!1)},fe=e=>{X(!1),Y(!1),ee(!1),M(!1),A(!1);const{active:r,over:n}=e;if(n&&r.id!==n.id){const q=[...P,...E,...S].find(t=>t.value===r.id),s=[...P,...E,...S].find(t=>t.value===n.id);if(q&&s){const t=r.id,C=n.id,F=v.checkColumnVisibility(u,t,f),W=v.checkColumnVisibility(u,C,f),w=o.left?.includes(t)||!1,I=o.left?.includes(C)||!1,xe=!W,l={columnVisibility:{...u},columnOrder:[...a],columnPinning:{...o},columnSizing:{...V},groupBy:j,sorting:k,rowHeight:T};if(F&&W){let g=[...l.columnPinning.left||[]];w!==I&&(w&&!I?g=g.filter(_=>_!==t):!w&&I&&(g=[...g,t]));const x=[...ie,...re],ne=x.indexOf(t),se=x.indexOf(C);if(ne===-1||se===-1){console.error("Invalid column order state"),je.toast.error("Invalid column order state");return}const te=y.arrayMove(x,ne,se),ve=te.filter(_=>g.includes(_));l.columnOrder=te,l.columnPinning={...l.columnPinning,left:ve},R(l)}else if(!F&&W){if(l.columnVisibility[t]=!0,I){const x=[...l.columnPinning.left||[],t];l.columnPinning.left=x}const g=[...ie,...re];if(!g.includes(t)){const x=g.indexOf(C);g.splice(x,0,t)}l.columnOrder=g,R(l)}else if(F&&xe){if(l.columnVisibility[t]=!1,w){const g=(l.columnPinning.left||[]).filter(x=>x!==t);l.columnPinning.left=g}R(l)}}}U(null)},O=Q?[...P,...E,...S].find(e=>e.value===Q):null;return i.jsxRuntimeExports.jsx(h.DndContext,{sensors:de,collisionDetection:h.closestCenter,onDragStart:qe,onDragOver:ge,onDragEnd:fe,children:i.jsxRuntimeExports.jsxs(be,{children:[S.length>0&&i.jsxRuntimeExports.jsxs(G,{className:le&&!Z?"drop-target":"",children:[i.jsxRuntimeExports.jsx(J,{children:"Pinned Columns"}),i.jsxRuntimeExports.jsx(y.SortableContext,{items:H.map(e=>e.value),strategy:y.verticalListSortingStrategy,children:i.jsxRuntimeExports.jsx($.Menu,{children:H.map(e=>i.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:!0,isHidden:!1,isDisabled:!!j&&e.value==="name",isHighlighted:d===e.value,onTogglePinning:z,onToggleVisibility:N},e.value))})})]}),i.jsxRuntimeExports.jsxs(G,{className:oe||Z&&ae?"drop-target":"",children:[i.jsxRuntimeExports.jsx(J,{children:"Visible Columns"}),i.jsxRuntimeExports.jsx(y.SortableContext,{items:D.map(e=>e.value),strategy:y.verticalListSortingStrategy,children:i.jsxRuntimeExports.jsx($.Menu,{children:D.map(e=>i.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:!1,isHidden:!1,isHighlighted:d===e.value,isDisabled:!!j&&e.value==="name",onTogglePinning:z,onToggleVisibility:N},e.value))})})]}),E.length>0&&i.jsxRuntimeExports.jsxs(G,{className:ce?"drop-target":"",children:[i.jsxRuntimeExports.jsx(J,{children:"Hidden Columns"}),i.jsxRuntimeExports.jsx($.Menu,{ref:L,children:E.map(e=>i.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:o.left?.includes(e.value)||!1,isHidden:!0,isHighlighted:d===e.value,isDisabled:!!j&&e.value==="name",onTogglePinning:z,onToggleVisibility:N},e.value))})]}),i.jsxRuntimeExports.jsx(h.DragOverlay,{children:O&&i.jsxRuntimeExports.jsx(pe,{column:O,isPinned:o.left?.includes(O.value)||!1,isHidden:!v.checkColumnVisibility(u,O.value,f),isHighlighted:d===O.value,dragOverlay:!0})})]})})},be=K.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),I=require("styled-components"),Ee=require("@ynput/ayon-react-components"),re=require("./TableSettings.styled.cjs.js"),ze=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),Se=require("./ColumnItem.cjs.js"),be=require("./SortableColumnItem.cjs.js"),C=require("@dnd-kit/core"),h=require("@dnd-kit/sortable"),We=require("react-toastify");require("../SearchFilter/filterDates.cjs.js");require("date-fns");require("uuid");require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("lodash");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");require("clsx");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("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../context/ProjectContext.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("@tanstack/react-table");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("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");const S=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const Ge=require("../../context/MenuContext.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");const L=require("./addColumnsMenu.cjs.js"),je=require("./AddColumnMenu.cjs.js"),Je=require("./useVisibilityPaint.cjs.js"),Ke=require("../TableSearch/TableSearch.cjs.js"),Qe=require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js"),k="add-column-menu-list",Xe=[],Ye=(t,n)=>t.parentScope&&t.attrib?`${t.parentScope.charAt(0).toUpperCase()}${t.parentScope.slice(1)} attributes`:L.getAddColumnSection(t,n)?.label,H=(t,n)=>{const o=Ye(t,n);return{...t,icon:t.icon??L.getDefaultColumnIcon(t),...o?{path:o}:{}}},Ze=({icon:t,label:n,checked:o,onChange:g,disabled:l,...m})=>i.jsxRuntimeExports.jsx(Qe.SettingsPanelItemTemplate,{item:{value:n,label:n,icon:t},isDisabled:l,style:{paddingRight:8},disableHover:!0,endContent:i.jsxRuntimeExports.jsx(Ee.InputSwitch,{checked:o,disabled:l,onChange:c=>g(c.currentTarget.checked)}),...m}),ne=({columns:t,highlighted:n,columnVisibility:o,updateColumnVisibility:g,columnPinning:l,updateColumnPinning:m,columnOrder:c,setColumnsConfig:M,columnSizing:_,groupBy:D,sorting:B,rowHeight:N,defaultColumnVisibility:d,columnSummaries:$,columnSummaryScopes:F,columnSummaryFormats:U,groupByConfig:Pe,addColumnMenuItems:ye,onColumnDragStart:z,isColumnDragging:he,scopes:f=Xe,search:v,onSearchChange:se})=>{const[ue,oe]=a.useState(null),[Ie,le]=a.useState(!1),[ae,ce]=a.useState(!1),[Me,W]=a.useState(!1),V=e=>!!D&&e==="name",{baseVisibility:De,displayVisibility:Ve,isVisible:de,onPaintStart:b,onPaintEnter:j,toggle:R,cancelPaint:we}=Je.useVisibilityPaint({columnVisibility:o,defaultColumnVisibility:d,updateColumnVisibility:g,isLocked:V}),{toggleMenuOpen:Oe}=Ge.useMenuContext(),w=a.useRef(null),qe=a.useRef({columnVisibility:o,updateColumnVisibility:g});qe.current={columnVisibility:o,updateColumnVisibility:g};const xe=a.useRef(null);a.useEffect(()=>{if(!n||xe.current===n||!t.some(s=>s.value===n))return;xe.current=n;const{columnVisibility:e,updateColumnVisibility:r}=qe.current;S.checkColumnVisibility(e,n,d)||r({...e,[n]:!0})},[n,t,d]),a.useEffect(()=>{!w.current||!n||w.current.querySelector(`#column-settings-${n}`)?.scrollIntoView({behavior:"smooth",block:"center"})},[n,o]);const Ae=C.useSensors(C.useSensor(C.PointerSensor,{activationConstraint:{distance:5}})),fe=De,G=e=>!de(e),{visibleColumns:E,pinnedColumns:p}=a.useMemo(()=>{const e=t.filter(u=>S.checkColumnVisibility(fe,u.value,d)),r=e.filter(u=>l.left?.includes(u.value));return{visibleColumns:e.filter(u=>!l.left?.includes(u.value)),pinnedColumns:r}},[t,fe,l,d]),O=a.useMemo(()=>{const e=[...E];return c.length>0&&e.sort((r,s)=>{const u=c.indexOf(r.value),q=c.indexOf(s.value);return u===-1?1:q===-1?-1:u-q}),e},[E,c]),A=a.useMemo(()=>{const e=[...p];return c.length>0&&e.sort((r,s)=>{const u=c.indexOf(r.value),q=c.indexOf(s.value);return u===-1?1:q===-1?-1:u-q}),e},[p,c]),Te=a.useMemo(()=>O.map(e=>e.value),[O]),ke=a.useMemo(()=>A.map(e=>e.value),[A]),He=a.useMemo(()=>{if(typeof v!="string")return[];const e=v.toLowerCase().split(/\s+/).filter(Boolean);return t.map(r=>({...r,path:L.getAddColumnSection(r,f)?.label})).filter(r=>{const s=[r.path,r.label].filter(Boolean).join(" / ").toLowerCase();return e.every(u=>s.includes(u))}).toSorted((r,s)=>+!!r.path-+!!s.path)},[t,v,f]),Le=a.useMemo(()=>L.buildAddColumnsMenu({columns:t,onToggle:R,isColumnVisible:de,onPaintStart:b,onPaintEnter:j,scopes:f}),[t,Ve,R,b,j,f]),J=ye??Le,ge=typeof v=="string"?i.jsxRuntimeExports.jsx(rr,{value:v,onChange:e=>se?.(e),onClose:()=>se?.(null)}):i.jsxRuntimeExports.jsx(er,{variant:"text",icon:"add",id:k,disabled:!J.length,onClick:()=>Oe(k),children:"Add column"}),me=e=>({columnVisibility:{...o},columnOrder:[...c],columnPinning:{...l},columnSizing:{..._},columnSummaries:$,columnSummaryScopes:F,columnSummaryFormats:U,groupBy:D,groupByConfig:Pe,sorting:B,rowHeight:N,...e}),K=e=>{const r={...l};if(r.left?.includes(e)){r.left=r.left.filter(s=>s!==e),m(r);return}if(r.left=[...r.left||[],e],S.checkColumnVisibility(o,e,d)){m(r);return}M(me({columnPinning:r,columnVisibility:{...o,[e]:!0}}))},_e=e=>{const r=e.active.id;oe(r),ce(l.left?.includes(r)||!1),we()},Be=e=>{const{active:r,over:s}=e;if(s&&r.id!==s.id){const u=S.checkColumnVisibility(o,s.id,d),q=l.left?.includes(s.id)||!1;le(u&&q),W(u&&!q)}else W(!1)},Ne=e=>{le(!1),ce(!1),W(!1);const{active:r,over:s}=e;if(s&&r.id!==s.id){const u=[...E,...p].find(x=>x.value===r.id),q=[...E,...p].find(x=>x.value===s.id);if(u&&q){const x=r.id,Q=s.id,$e=S.checkColumnVisibility(o,x,d),Fe=S.checkColumnVisibility(o,Q,d),X=l.left?.includes(x)||!1,Y=l.left?.includes(Q)||!1,P=me({});if($e&&Fe){let y=[...P.columnPinning.left||[]];X!==Y&&(X&&!Y?y=y.filter(ee=>ee!==x):!X&&Y&&(y=[...y,x]));const Z=[...ke,...Te],ve=Z.indexOf(x),pe=Z.indexOf(Q);if(ve===-1||pe===-1){console.error("Invalid column order state"),We.toast.error("Invalid column order state");return}const Ce=h.arrayMove(Z,ve,pe),Ue=Ce.filter(ee=>y.includes(ee));P.columnOrder=Ce,P.columnPinning={...P.columnPinning,left:Ue},M(P)}}}oe(null)},T=ue?[...E,...p].find(e=>e.value===ue):null;return typeof v=="string"?i.jsxRuntimeExports.jsxs(Re,{ref:w,"data-column-drag-origin":!0,children:[ge,i.jsxRuntimeExports.jsx(je.AddColumnMenu,{menuId:k,menuItems:J}),i.jsxRuntimeExports.jsxs(ie,{children:[i.jsxRuntimeExports.jsx(te,{children:"All Columns"}),i.jsxRuntimeExports.jsx(re.Menu,{children:He.map(e=>i.jsxRuntimeExports.jsx(Se,{id:`column-settings-${e.value}`,column:H(e,f),isPinned:l.left?.includes(e.value)||!1,isHidden:G(e.value),isHighlighted:n===e.value,isDisabled:V(e.value),hideDragHandle:!0,onTogglePinning:K,onToggleVisibility:R,onPaintStart:b,onPaintEnter:j,onDragStart:r=>z?.(e,r)},e.value))})]})]}):i.jsxRuntimeExports.jsx(C.DndContext,{sensors:Ae,collisionDetection:C.closestCenter,onDragStart:_e,onDragOver:Be,onDragEnd:Ne,children:i.jsxRuntimeExports.jsxs(Re,{ref:w,"data-column-drag-origin":!0,children:[ge,i.jsxRuntimeExports.jsx(je.AddColumnMenu,{menuId:k,menuItems:J}),p.length>0&&i.jsxRuntimeExports.jsxs(ie,{className:Ie&&!ae?"drop-target":"",children:[i.jsxRuntimeExports.jsx(te,{children:"Pinned Columns"}),i.jsxRuntimeExports.jsx(h.SortableContext,{items:A.map(e=>e.value),strategy:h.verticalListSortingStrategy,children:i.jsxRuntimeExports.jsx(re.Menu,{children:A.map(e=>i.jsxRuntimeExports.jsx(be,{id:e.value,column:H(e,f),isPinned:!0,isHidden:G(e.value),isDisabled:V(e.value),isHighlighted:n===e.value,onTogglePinning:K,onToggleVisibility:R,onPaintStart:b,onPaintEnter:j,onDragStart:r=>z?.(e,r)},e.value))})})]}),i.jsxRuntimeExports.jsxs(ie,{className:ae&&Me?"drop-target":"",children:[i.jsxRuntimeExports.jsx(te,{children:"Visible Columns"}),i.jsxRuntimeExports.jsx(h.SortableContext,{items:O.map(e=>e.value),strategy:h.verticalListSortingStrategy,children:i.jsxRuntimeExports.jsx(re.Menu,{children:O.map(e=>i.jsxRuntimeExports.jsx(be,{id:e.value,column:H(e,f),isPinned:!1,isHidden:G(e.value),isHighlighted:n===e.value,isDisabled:V(e.value),onTogglePinning:K,onToggleVisibility:R,onPaintStart:b,onPaintEnter:j,onDragStart:r=>z?.(e,r)},e.value))})})]}),i.jsxRuntimeExports.jsx(C.DragOverlay,{children:T&&!he&&i.jsxRuntimeExports.jsx(Se,{column:H(T,f),isPinned:l.left?.includes(T.value)||!1,isHidden:!1,isHighlighted:n===T.value,dragOverlay:!0})})]})})},Re=I.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
-`,G=K.section`
+`,ie=I.section`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -14,9 +14,17 @@
     background-color: var(--md-sys-color-surface-container);
     box-shadow: 0 0 0 1px var(--md-sys-color-outline);
   }
-`,J=K.div`
+`,te=I.div`
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`,Re=m=>{const{columnVisibility:d,defaultColumnVisibility:u,updateColumnVisibility:p,columnPinning:o,updateColumnPinning:b,columnOrder:a,setColumnsConfig:R,columnSizing:V,groupBy:j,sorting:k,rowHeight:T}=me.useColumnSettingsContext();return i.jsxRuntimeExports.jsx(ue,{...m,columnVisibility:d,defaultColumnVisibility:u,updateColumnVisibility:p,columnPinning:o,updateColumnPinning:b,columnOrder:a,setColumnsConfig:R,columnSizing:V,groupBy:j,sorting:k,rowHeight:T})};exports.ColumnsSettings=ue;exports.ColumnsSettingsWithContext=Re;exports.SettingSwitch=he;
+`,er=I(Ee.Button)`
+  justify-content: flex-start;
+`,rr=I(Ke.TableSearch)`
+  padding: 0;
+
+  input {
+    height: 32px;
+  }
+`,ir=t=>{const{columnVisibility:n,defaultColumnVisibility:o,updateColumnVisibility:g,columnPinning:l,updateColumnPinning:m,columnOrder:c,setColumnsConfig:M,columnSizing:_,groupBy:D,groupByConfig:B,sorting:N,rowHeight:d,columnSummaries:$,columnSummaryScopes:F,columnSummaryFormats:U}=ze.useColumnSettingsContext();return i.jsxRuntimeExports.jsx(ne,{...t,columnVisibility:n,defaultColumnVisibility:o,updateColumnVisibility:g,columnPinning:l,updateColumnPinning:m,columnOrder:c,setColumnsConfig:M,columnSizing:_,groupBy:D,groupByConfig:B,sorting:N,rowHeight:d,columnSummaries:$,columnSummaryScopes:F,columnSummaryFormats:U})};exports.ColumnsSettings=ne;exports.ColumnsSettingsWithContext=ir;exports.SettingSwitch=Ze;exports.default=ne;
 //# sourceMappingURL=ColumnsSettings.cjs.js.map