npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.31 → 0.3.32 - Mend

@ynput/ayon-frontend-shared 0.3.31 → 0.3.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (877) hide show

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),l=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"),C=require("@dnd-kit/core"),R=require("@dnd-kit/sortable"),je=require("react-toastify");require("@ynput/ayon-react-components");require("../SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.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/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/updateUsers.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("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/PowerpackContextInstance.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");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("@tanstack/react-virtual");require("clsx");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/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("./ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");const v=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),te=({columns:b,highlighted:g,columnVisibility:t,updateColumnVisibility:O,columnPinning:o,updateColumnPinning:w,columnOrder:d,setColumnsConfig:S,columnSizing:I,groupBy:m,sorting:k,rowHeight:T,defaultColumnVisibility:f})=>{const[Q,U]=l.useState(null),[qe,X]=l.useState(!1),[oe,Y]=l.useState(!1),[Z,ee]=l.useState(!1),[le,M]=l.useState(!1),[ae,A]=l.useState(!1),ce=C.useSensors(C.useSensor(C.PointerSensor,{activationConstraint:{distance:5}})),L=l.useRef(null);l.useEffect(()=>{if(L.current&&g){const e=L.current.querySelector(`#column-settings-${g}`);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}},[g]);const{visibleColumns:h,hiddenColumns:P,pinnedColumns:p}=l.useMemo(()=>{const e=b.filter(u=>v.checkColumnVisibility(t,u.value,f)),r=b.filter(u=>!v.checkColumnVisibility(t,u.value,f)),i=e.filter(u=>o.left?.includes(u.value));return{visibleColumns:e.filter(u=>!o.left?.includes(u.value)),hiddenColumns:r,pinnedColumns:i}},[b,t,o,f]),y=l.useMemo(()=>{const e=[...h];return d.length>0&&e.sort((r,i)=>{const a=d.indexOf(r.value),u=d.indexOf(i.value);return a===-1?1:u===-1?-1:a-u}),e},[h,d]),D=l.useMemo(()=>{const e=[...p];return d.length>0&&e.sort((r,i)=>{const a=d.indexOf(r.value),u=d.indexOf(i.value);return a===-1?1:u===-1?-1:a-u}),e},[p,d]),re=l.useMemo(()=>y.map(e=>e.value),[y]),ie=l.useMemo(()=>D.map(e=>e.value),[D]),N=e=>{const r=v.checkColumnVisibility(t,e,f),i={...t,[e]:!r};console.log("Toggling visibility for",e,"to",!r),O(i)},z=e=>{const r={...o},i={...t};r.left?.includes(e)?r.left=r.left.filter(a=>a!==e):(r.left=[...r.left||[],e],v.checkColumnVisibility(t,e,f)||(i[e]=!0,O(i))),w(r)},de=e=>{const r=e.active.id;U(r),ee(o.left?.includes(r)||!1)},fe=e=>{const{active:r,over:i}=e;if(i&&r.id!==i.id){const a=v.checkColumnVisibility(t,r.id,f),u=v.checkColumnVisibility(t,i.id,f),s=o.left?.includes(i.id)||!1,j=!u;X(!a&&u&&!s),Y(u&&s),A(j),M(u&&!s)}else M(!1),A(!1)},ge=e=>{X(!1),Y(!1),ee(!1),M(!1),A(!1);const{active:r,over:i}=e;if(i&&r.id!==i.id){const a=[...h,...P,...p].find(s=>s.value===r.id),u=[...h,...P,...p].find(s=>s.value===i.id);if(a&&u){const s=r.id,j=i.id,F=v.checkColumnVisibility(t,s,f),W=v.checkColumnVisibility(t,j,f),H=o.left?.includes(s)||!1,V=o.left?.includes(j)||!1,xe=!W,q={columnVisibility:{...t},columnOrder:[...d],columnPinning:{...o},columnSizing:{...I},groupBy:m,sorting:k,rowHeight:T};if(F&&W){let c=[...q.columnPinning.left||[]];H!==V&&(H&&!V?c=c.filter(_=>_!==s):!H&&V&&(c=[...c,s]));const x=[...ie,...re],ue=x.indexOf(s),se=x.indexOf(j);if(ue===-1||se===-1){console.error("Invalid column order state"),je.toast.error("Invalid column order state");return}const ne=R.arrayMove(x,ue,se),ve=ne.filter(_=>c.includes(_));q.columnOrder=ne,q.columnPinning={...q.columnPinning,left:ve},S(q)}else if(!F&&W){if(q.columnVisibility[s]=!0,V){const x=[...q.columnPinning.left||[],s];q.columnPinning.left=x}const c=[...ie,...re];if(!c.includes(s)){const x=c.indexOf(j);c.splice(x,0,s)}q.columnOrder=c,S(q)}else if(F&&xe){if(q.columnVisibility[s]=!1,H){const c=(q.columnPinning.left||[]).filter(x=>x!==s);q.columnPinning.left=c}S(q)}}}U(null)},E=Q?[...h,...P,...p].find(e=>e.value===Q):null;return n.jsxRuntimeExports.jsx(C.DndContext,{sensors:ce,collisionDetection:C.closestCenter,onDragStart:de,onDragOver:fe,onDragEnd:ge,children:n.jsxRuntimeExports.jsxs(Ce,{children:[p.length>0&&n.jsxRuntimeExports.jsxs(G,{className:oe&&!Z?"drop-target":"",children:[n.jsxRuntimeExports.jsx(J,{children:"Pinned Columns"}),n.jsxRuntimeExports.jsx(R.SortableContext,{items:D.map(e=>e.value),strategy:R.verticalListSortingStrategy,children:n.jsxRuntimeExports.jsx($.Menu,{children:D.map(e=>n.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:!0,isHidden:!1,isDisabled:!!m&&e.value==="name",isHighlighted:g===e.value,onTogglePinning:z,onToggleVisibility:N},e.value))})})]}),n.jsxRuntimeExports.jsxs(G,{className:qe||Z&&le?"drop-target":"",children:[n.jsxRuntimeExports.jsx(J,{children:"Visible Columns"}),n.jsxRuntimeExports.jsx(R.SortableContext,{items:y.map(e=>e.value),strategy:R.verticalListSortingStrategy,children:n.jsxRuntimeExports.jsx($.Menu,{children:y.map(e=>n.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:!1,isHidden:!1,isHighlighted:g===e.value,isDisabled:!!m&&e.value==="name",onTogglePinning:z,onToggleVisibility:N},e.value))})})]}),P.length>0&&n.jsxRuntimeExports.jsxs(G,{className:ae?"drop-target":"",children:[n.jsxRuntimeExports.jsx(J,{children:"Hidden Columns"}),n.jsxRuntimeExports.jsx($.Menu,{ref:L,children:P.map(e=>n.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:o.left?.includes(e.value)||!1,isHidden:!0,isHighlighted:g===e.value,isDisabled:!!m&&e.value==="name",onTogglePinning:z,onToggleVisibility:N},e.value))})]}),n.jsxRuntimeExports.jsx(C.DragOverlay,{children:E&&n.jsxRuntimeExports.jsx(pe,{column:E,isPinned:o.left?.includes(E.value)||!1,isHidden:!v.checkColumnVisibility(t,E.value,f),isHighlighted:g===E.value,dragOverlay:!0})})]})})},Ce=K.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),l=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"),C=require("@dnd-kit/core"),R=require("@dnd-kit/sortable"),je=require("react-toastify");require("@ynput/ayon-react-components");require("../SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.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/updateActivities.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/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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/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/updateUsers.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("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/PowerpackContextInstance.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");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.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("clsx");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("./ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");const v=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),te=({columns:b,highlighted:g,columnVisibility:t,updateColumnVisibility:O,columnPinning:o,updateColumnPinning:w,columnOrder:d,setColumnsConfig:S,columnSizing:I,groupBy:m,sorting:k,rowHeight:T,defaultColumnVisibility:f})=>{const[Q,U]=l.useState(null),[qe,X]=l.useState(!1),[oe,Y]=l.useState(!1),[Z,ee]=l.useState(!1),[le,M]=l.useState(!1),[ae,A]=l.useState(!1),ce=C.useSensors(C.useSensor(C.PointerSensor,{activationConstraint:{distance:5}})),L=l.useRef(null);l.useEffect(()=>{if(L.current&&g){const e=L.current.querySelector(`#column-settings-${g}`);e&&e.scrollIntoView({behavior:"smooth",block:"center"})}},[g]);const{visibleColumns:h,hiddenColumns:P,pinnedColumns:p}=l.useMemo(()=>{const e=b.filter(u=>v.checkColumnVisibility(t,u.value,f)),r=b.filter(u=>!v.checkColumnVisibility(t,u.value,f)),i=e.filter(u=>o.left?.includes(u.value));return{visibleColumns:e.filter(u=>!o.left?.includes(u.value)),hiddenColumns:r,pinnedColumns:i}},[b,t,o,f]),y=l.useMemo(()=>{const e=[...h];return d.length>0&&e.sort((r,i)=>{const a=d.indexOf(r.value),u=d.indexOf(i.value);return a===-1?1:u===-1?-1:a-u}),e},[h,d]),D=l.useMemo(()=>{const e=[...p];return d.length>0&&e.sort((r,i)=>{const a=d.indexOf(r.value),u=d.indexOf(i.value);return a===-1?1:u===-1?-1:a-u}),e},[p,d]),re=l.useMemo(()=>y.map(e=>e.value),[y]),ie=l.useMemo(()=>D.map(e=>e.value),[D]),N=e=>{const r=v.checkColumnVisibility(t,e,f),i={...t,[e]:!r};console.log("Toggling visibility for",e,"to",!r),O(i)},z=e=>{const r={...o},i={...t};r.left?.includes(e)?r.left=r.left.filter(a=>a!==e):(r.left=[...r.left||[],e],v.checkColumnVisibility(t,e,f)||(i[e]=!0,O(i))),w(r)},de=e=>{const r=e.active.id;U(r),ee(o.left?.includes(r)||!1)},fe=e=>{const{active:r,over:i}=e;if(i&&r.id!==i.id){const a=v.checkColumnVisibility(t,r.id,f),u=v.checkColumnVisibility(t,i.id,f),s=o.left?.includes(i.id)||!1,j=!u;X(!a&&u&&!s),Y(u&&s),A(j),M(u&&!s)}else M(!1),A(!1)},ge=e=>{X(!1),Y(!1),ee(!1),M(!1),A(!1);const{active:r,over:i}=e;if(i&&r.id!==i.id){const a=[...h,...P,...p].find(s=>s.value===r.id),u=[...h,...P,...p].find(s=>s.value===i.id);if(a&&u){const s=r.id,j=i.id,F=v.checkColumnVisibility(t,s,f),W=v.checkColumnVisibility(t,j,f),H=o.left?.includes(s)||!1,V=o.left?.includes(j)||!1,xe=!W,q={columnVisibility:{...t},columnOrder:[...d],columnPinning:{...o},columnSizing:{...I},groupBy:m,sorting:k,rowHeight:T};if(F&&W){let c=[...q.columnPinning.left||[]];H!==V&&(H&&!V?c=c.filter(_=>_!==s):!H&&V&&(c=[...c,s]));const x=[...ie,...re],ue=x.indexOf(s),se=x.indexOf(j);if(ue===-1||se===-1){console.error("Invalid column order state"),je.toast.error("Invalid column order state");return}const ne=R.arrayMove(x,ue,se),ve=ne.filter(_=>c.includes(_));q.columnOrder=ne,q.columnPinning={...q.columnPinning,left:ve},S(q)}else if(!F&&W){if(q.columnVisibility[s]=!0,V){const x=[...q.columnPinning.left||[],s];q.columnPinning.left=x}const c=[...ie,...re];if(!c.includes(s)){const x=c.indexOf(j);c.splice(x,0,s)}q.columnOrder=c,S(q)}else if(F&&xe){if(q.columnVisibility[s]=!1,H){const c=(q.columnPinning.left||[]).filter(x=>x!==s);q.columnPinning.left=c}S(q)}}}U(null)},E=Q?[...h,...P,...p].find(e=>e.value===Q):null;return n.jsxRuntimeExports.jsx(C.DndContext,{sensors:ce,collisionDetection:C.closestCenter,onDragStart:de,onDragOver:fe,onDragEnd:ge,children:n.jsxRuntimeExports.jsxs(Ce,{children:[p.length>0&&n.jsxRuntimeExports.jsxs(G,{className:oe&&!Z?"drop-target":"",children:[n.jsxRuntimeExports.jsx(J,{children:"Pinned Columns"}),n.jsxRuntimeExports.jsx(R.SortableContext,{items:D.map(e=>e.value),strategy:R.verticalListSortingStrategy,children:n.jsxRuntimeExports.jsx($.Menu,{children:D.map(e=>n.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:!0,isHidden:!1,isDisabled:!!m&&e.value==="name",isHighlighted:g===e.value,onTogglePinning:z,onToggleVisibility:N},e.value))})})]}),n.jsxRuntimeExports.jsxs(G,{className:qe||Z&&le?"drop-target":"",children:[n.jsxRuntimeExports.jsx(J,{children:"Visible Columns"}),n.jsxRuntimeExports.jsx(R.SortableContext,{items:y.map(e=>e.value),strategy:R.verticalListSortingStrategy,children:n.jsxRuntimeExports.jsx($.Menu,{children:y.map(e=>n.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:!1,isHidden:!1,isHighlighted:g===e.value,isDisabled:!!m&&e.value==="name",onTogglePinning:z,onToggleVisibility:N},e.value))})})]}),P.length>0&&n.jsxRuntimeExports.jsxs(G,{className:ae?"drop-target":"",children:[n.jsxRuntimeExports.jsx(J,{children:"Hidden Columns"}),n.jsxRuntimeExports.jsx($.Menu,{ref:L,children:P.map(e=>n.jsxRuntimeExports.jsx(B,{id:e.value,column:e,isPinned:o.left?.includes(e.value)||!1,isHidden:!0,isHighlighted:g===e.value,isDisabled:!!m&&e.value==="name",onTogglePinning:z,onToggleVisibility:N},e.value))})]}),n.jsxRuntimeExports.jsx(C.DragOverlay,{children:E&&n.jsxRuntimeExports.jsx(pe,{column:E,isPinned:o.left?.includes(E.value)||!1,isHidden:!v.checkColumnVisibility(t,E.value,f),isHighlighted:g===E.value,dragOverlay:!0})})]})})},Ce=K.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);

package/dist/shared/src/components/ProjectTableSettings/ColumnsSettings.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnsSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnsSettings.tsx"],"sourcesContent":["// React and Styling imports\nimport { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport * as Styled from './TableSettings.styled'\nimport {\n ColumnOrderState,\n ColumnPinningState,\n ColumnSizingState,\n SortingState,\n VisibilityState,\n} from '@tanstack/react-table'\n\n// Context and Components imports\nimport {\n ColumnsConfig,\n TableGroupBy,\n useColumnSettingsContext,\n} from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport ColumnItem from './ColumnItem'\nimport SortableColumnItem from './SortableColumnItem'\n\n// DND (Drag and Drop) imports\nimport {\n DndContext,\n closestCenter,\n DragEndEvent,\n DragStartEvent,\n useSensor,\n useSensors,\n PointerSensor,\n DragOverlay,\n DragOverEvent,\n} from '@dnd-kit/core'\nimport { SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable'\n\n// Notification imports\nimport { toast } from 'react-toastify'\nimport { checkColumnVisibility } from '../../containers/ProjectTreeTable/utils'\nimport { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\n\ninterface ColumnsSettingsProps {\n columns: SettingsPanelItem[]\n highlighted?: SettingHighlightedId\n columnVisibility: VisibilityState\n updateColumnVisibility: (visibility: VisibilityState) => void\n columnPinning: ColumnPinningState\n updateColumnPinning: (pinning: ColumnPinningState) => void\n columnOrder: ColumnOrderState\n setColumnsConfig: (config: ColumnsConfig) => void\n columnSizing: ColumnSizingState\n groupBy?: TableGroupBy\n sorting: SortingState\n rowHeight?: number\n defaultColumnVisibility?: VisibilityState\n}\n\nexport const ColumnsSettings: FC<ColumnsSettingsProps> = ({\n columns,\n highlighted,\n columnVisibility,\n updateColumnVisibility,\n columnPinning,\n updateColumnPinning,\n columnOrder,\n setColumnsConfig,\n columnSizing,\n groupBy,\n sorting,\n rowHeight,\n defaultColumnVisibility,\n}) => {\n // State for the currently dragged column\n const [activeId, setActiveId] = useState<string \| null>(null)\n const [isHiddenOverVisible, setIsHiddenOverVisible] = useState(false)\n const [isDraggingOverPinned, setIsDraggingOverPinned] = useState(false)\n const [isDraggingFromPinned, setIsDraggingFromPinned] = useState(false)\n // Add a new state to track if we're hovering over the visible section\n const [isHoveringVisibleSection, setIsHoveringVisibleSection] = useState(false)\n // Add state to track if dragging over the hidden section\n const [isDraggingOverHidden, setIsDraggingOverHidden] = useState(false)\n\n // Setup sensors for dnd-kit\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 5,\n },\n }),\n )\n\n const menuRef = useRef<HTMLUListElement \| null>(null)\n\n // if highlighted is set, scroll to the highlighted column\n useEffect(() => {\n if (menuRef.current && highlighted) {\n const highlightedElement = menuRef.current.querySelector(`#column-settings-${highlighted}`)\n if (highlightedElement) {\n highlightedElement.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n })\n }\n }\n }, [highlighted])\n\n // Separate columns into visible, hidden, and pinned\n const { visibleColumns, hiddenColumns, pinnedColumns } = useMemo(() => {\n // First filter columns by visibility\n const visible = columns.filter((col) =>\n checkColumnVisibility(columnVisibility, col.value, defaultColumnVisibility),\n )\n const hidden = columns.filter(\n (col) => !checkColumnVisibility(columnVisibility, col.value, defaultColumnVisibility),\n )\n\n // Then separate out pinned columns from visible\n const pinned = visible.filter((col) => columnPinning.left?.includes(col.value))\n const unpinnedVisible = visible.filter((col) => !columnPinning.left?.includes(col.value))\n\n return {\n visibleColumns: unpinnedVisible,\n hiddenColumns: hidden,\n pinnedColumns: pinned,\n }\n }, [columns, columnVisibility, columnPinning, defaultColumnVisibility])\n\n // Sort columns based on columnOrder\n const sortedVisibleColumns = useMemo(() => {\n // Create a copy of visible columns\n const visibleCopy = [...visibleColumns]\n\n // If we have a column order, use it to sort\n if (columnOrder.length > 0) {\n visibleCopy.sort((a, b) => {\n const indexA = columnOrder.indexOf(a.value)\n const indexB = columnOrder.indexOf(b.value)\n\n // If column is not in order array, place at end\n if (indexA === -1) return 1\n if (indexB === -1) return -1\n\n return indexA - indexB\n })\n }\n\n return visibleCopy\n }, [visibleColumns, columnOrder])\n\n // Sort pinned columns based on columnOrder\n const sortedPinnedColumns = useMemo(() => {\n // Create a copy of pinned columns\n const pinnedCopy = [...pinnedColumns]\n\n // If we have a column order, use it to sort\n if (columnOrder.length > 0) {\n pinnedCopy.sort((a, b) => {\n const indexA = columnOrder.indexOf(a.value)\n const indexB = columnOrder.indexOf(b.value)\n\n // If column is not in order array, place at end\n if (indexA === -1) return 1\n if (indexB === -1) return -1\n\n return indexA - indexB\n })\n }\n\n return pinnedCopy\n }, [pinnedColumns, columnOrder])\n\n const sortedVisibleColumnsIds = useMemo(\n () => sortedVisibleColumns.map((col) => col.value),\n [sortedVisibleColumns],\n )\n\n const sortedPinnedColumnsIds = useMemo(\n () => sortedPinnedColumns.map((col) => col.value),\n [sortedPinnedColumns],\n )\n\n // Toggle column visibility\n const toggleVisibility = (columnId: string) => {\n const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n const newState = { ...columnVisibility, [columnId]: !isVisible }\n console.log('Toggling visibility for', columnId, 'to', !isVisible)\n updateColumnVisibility(newState)\n }\n\n // Toggle column pinning\n const togglePinning = (columnId: string) => {\n const newState = { ...columnPinning }\n const newVisibility = { ...columnVisibility }\n\n // If column is currently pinned, unpin it\n if (newState.left?.includes(columnId)) {\n newState.left = newState.left.filter((id) => id !== columnId)\n } else {\n // If column is currently unpinned, pin it\n newState.left = [...(newState.left \|\| []), columnId]\n // If column is hidden, show it\n if (!checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)) {\n newVisibility[columnId] = true\n updateColumnVisibility(newVisibility)\n }\n }\n updateColumnPinning(newState)\n }\n\n // When drag starts\n const handleDragStart = (event: DragStartEvent) => {\n const id = event.active.id as string\n setActiveId(id)\n setIsDraggingFromPinned(columnPinning.left?.includes(id) \|\| false)\n }\n\n // Track when dragging over different sections\n const handleDragOver = (event: DragOverEvent) => {\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n // Check if we're dragging a hidden column over a visible column\n const isActiveVisible = checkColumnVisibility(\n columnVisibility,\n active.id as string,\n defaultColumnVisibility,\n )\n const isOverVisible = checkColumnVisibility(\n columnVisibility,\n over.id as string,\n defaultColumnVisibility,\n )\n const isOverPinned = columnPinning.left?.includes(over.id as string) \|\| false\n const isOverHidden = !isOverVisible\n\n setIsHiddenOverVisible(!isActiveVisible && isOverVisible && !isOverPinned)\n setIsDraggingOverPinned(isOverVisible && isOverPinned)\n setIsDraggingOverHidden(isOverHidden)\n\n // Set if we're hovering over the visible (unpinned) section\n setIsHoveringVisibleSection(isOverVisible && !isOverPinned)\n } else {\n // Reset when not over any column\n setIsHoveringVisibleSection(false)\n setIsDraggingOverHidden(false)\n }\n }\n\n // When drag ends, reset all states\n const handleDragEnd = (event: DragEndEvent) => {\n // Reset states\n setIsHiddenOverVisible(false)\n setIsDraggingOverPinned(false)\n setIsDraggingFromPinned(false)\n setIsHoveringVisibleSection(false)\n setIsDraggingOverHidden(false)\n\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n // Find the dragged column and target column\n const activeColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(\n (col) => col.value === active.id,\n )\n const overColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(\n (col) => col.value === over.id,\n )\n\n if (activeColumn && overColumn) {\n const activeId = active.id as string\n const overId = over.id as string\n const isActiveVisible = checkColumnVisibility(\n columnVisibility,\n activeId,\n defaultColumnVisibility,\n )\n const isOverVisible = checkColumnVisibility(\n columnVisibility,\n overId,\n defaultColumnVisibility,\n )\n const isActivePinned = columnPinning.left?.includes(activeId) \|\| false\n const isOverPinned = columnPinning.left?.includes(overId) \|\| false\n const isOverHidden = !isOverVisible\n\n // Create a new config object that we'll update and apply at the end\n const newConfig: ColumnsConfig = {\n columnVisibility: { ...columnVisibility },\n columnOrder: [...columnOrder],\n columnPinning: { ...columnPinning },\n columnSizing: { ...columnSizing },\n groupBy,\n sorting,\n rowHeight,\n }\n\n // If we're moving a column between visible columns (including pinned)\n if (isActiveVisible && isOverVisible) {\n let newPinningLeft = [...(newConfig.columnPinning.left \|\| [])]\n\n // Handle pinning/unpinning based on target section\n if (isActivePinned !== isOverPinned) {\n if (isActivePinned && !isOverPinned) {\n // Moving from pinned to unpinned section\n newPinningLeft = newPinningLeft.filter((id) => id !== activeId)\n } else if (!isActivePinned && isOverPinned) {\n // Moving from unpinned to pinned section\n newPinningLeft = [...newPinningLeft, activeId]\n }\n }\n\n // Update order within the appropriate section\n const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n const oldIndex = allVisibleIds.indexOf(activeId)\n const newIndex = allVisibleIds.indexOf(overId)\n\n if (oldIndex === -1 \|\| newIndex === -1) {\n console.error('Invalid column order state')\n toast.error('Invalid column order state')\n return\n }\n\n const newOrder = arrayMove(allVisibleIds, oldIndex, newIndex)\n\n // new pinning left should be ordered by the new order\n const newPinningLeftOrdered = newOrder.filter((id) => newPinningLeft.includes(id))\n\n // Update config object\n newConfig.columnOrder = newOrder\n newConfig.columnPinning = {\n ...newConfig.columnPinning,\n left: newPinningLeftOrdered,\n }\n\n // Apply all changes at once\n setColumnsConfig(newConfig)\n }\n\n // If we're dragging from hidden to visible\n else if (!isActiveVisible && isOverVisible) {\n // Make the column visible\n newConfig.columnVisibility[activeId] = true\n\n // If dropping into pinned section, also pin the column\n if (isOverPinned) {\n const newPinningLeft = [...(newConfig.columnPinning.left \|\| []), activeId]\n newConfig.columnPinning.left = newPinningLeft\n }\n\n // Update order to place it near the over column\n const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n\n // Add the column to order if not already there\n if (!allVisibleIds.includes(activeId)) {\n const overIndex = allVisibleIds.indexOf(overId)\n allVisibleIds.splice(overIndex, 0, activeId)\n }\n\n newConfig.columnOrder = allVisibleIds\n\n // Apply all changes at once\n setColumnsConfig(newConfig)\n }\n\n // If we're dragging from visible to hidden\n else if (isActiveVisible && isOverHidden) {\n // Make the active column hidden\n newConfig.columnVisibility[activeId] = false\n\n // If the column was pinned, remove it from pinned\n if (isActivePinned) {\n const newPinningLeft = (newConfig.columnPinning.left \|\| []).filter(\n (id) => id !== activeId,\n )\n newConfig.columnPinning.left = newPinningLeft\n }\n\n // Apply all changes at once\n setColumnsConfig(newConfig)\n }\n }\n }\n\n setActiveId(null)\n }\n\n // Find the active column for the drag overlay\n const activeColumn = activeId\n ? [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find((col) => col.value === activeId)\n : null\n\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragOver={handleDragOver}\n onDragEnd={handleDragEnd}\n >\n <ColumnsContainer>\n {/* Pinned Columns Section /}\n {pinnedColumns.length > 0 && (\n <Section className={isDraggingOverPinned && !isDraggingFromPinned ? 'drop-target' : ''}>\n <SectionTitle>Pinned Columns</SectionTitle>\n <SortableContext\n items={sortedPinnedColumns.map((col) => col.value)}\n strategy={verticalListSortingStrategy}\n >\n <Styled.Menu>\n {sortedPinnedColumns.map((column) => (\n <SortableColumnItem\n key={column.value}\n id={column.value}\n column={column}\n isPinned={true}\n isHidden={false}\n isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n isHighlighted={highlighted === column.value}\n onTogglePinning={togglePinning}\n onToggleVisibility={toggleVisibility}\n />\n ))}\n </Styled.Menu>\n </SortableContext>\n </Section>\n )}\n\n {/ Visible Columns Section /}\n <Section\n className={\n isHiddenOverVisible \|\| (isDraggingFromPinned && isHoveringVisibleSection)\n ? 'drop-target'\n : ''\n }\n >\n <SectionTitle>Visible Columns</SectionTitle>\n <SortableContext\n items={sortedVisibleColumns.map((col) => col.value)}\n strategy={verticalListSortingStrategy}\n >\n <Styled.Menu>\n {sortedVisibleColumns.map((column) => (\n <SortableColumnItem\n key={column.value}\n id={column.value}\n column={column}\n isPinned={false}\n isHidden={false}\n isHighlighted={highlighted === column.value}\n isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n onTogglePinning={togglePinning}\n onToggleVisibility={toggleVisibility}\n />\n ))}\n </Styled.Menu>\n </SortableContext>\n </Section>\n\n {/ Hidden Columns Section /}\n {hiddenColumns.length > 0 && (\n <Section className={isDraggingOverHidden ? 'drop-target' : ''}>\n <SectionTitle>Hidden Columns</SectionTitle>\n <Styled.Menu ref={menuRef}>\n {hiddenColumns.map((column) => (\n <SortableColumnItem\n key={column.value}\n id={column.value}\n column={column}\n isPinned={columnPinning.left?.includes(column.value) \|\| false}\n isHidden={true}\n isHighlighted={highlighted === column.value}\n isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n onTogglePinning={togglePinning}\n onToggleVisibility={toggleVisibility}\n />\n ))}\n </Styled.Menu>\n </Section>\n )}\n\n {/ Drag Overlay */}\n <DragOverlay>\n {activeColumn && (\n <ColumnItem\n column={activeColumn}\n isPinned={columnPinning.left?.includes(activeColumn.value) \|\| false}\n isHidden={\n !checkColumnVisibility(\n columnVisibility,\n activeColumn.value,\n defaultColumnVisibility,\n )\n }\n isHighlighted={highlighted === activeColumn.value}\n dragOverlay={true}\n />\n )}\n </DragOverlay>\n </ColumnsContainer>\n </DndContext>\n )\n}\n\n// Styled components\nconst ColumnsContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n`\n\nconst Section = styled.section`\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n transition: background-color 0.2s ease;\n border-radius: 4px;\n\n &.drop-target {\n background-color: var(--md-sys-color-surface-container);\n box-shadow: 0 0 0 1px var(--md-sys-color-outline);\n }\n`\n\nconst SectionTitle = styled.div`\n font-weight: 500;\n color: var(--md-sys-color-outline);\n padding: 4px 0;\n`\n\nexport default ColumnsSettings\n\n// Backward-compat wrapper that reads all data from ColumnSettingsContext\ntype ColumnsSettingsWithContextProps = Pick<ColumnsSettingsProps, 'columns' \| 'highlighted'>\n\nexport const ColumnsSettingsWithContext: FC<ColumnsSettingsWithContextProps> = (props) => {\n const {\n columnVisibility,\n defaultColumnVisibility,\n updateColumnVisibility,\n columnPinning,\n updateColumnPinning,\n columnOrder,\n setColumnsConfig,\n columnSizing,\n groupBy,\n sorting,\n rowHeight,\n } = useColumnSettingsContext()\n\n return (\n <ColumnsSettings\n {...props}\n columnVisibility={columnVisibility}\n defaultColumnVisibility={defaultColumnVisibility}\n updateColumnVisibility={updateColumnVisibility}\n columnPinning={columnPinning}\n updateColumnPinning={updateColumnPinning}\n columnOrder={columnOrder}\n setColumnsConfig={setColumnsConfig}\n columnSizing={columnSizing}\n groupBy={groupBy}\n sorting={sorting}\n rowHeight={rowHeight}\n />\n )\n}\n"],"names":["ColumnsSettings","columns","highlighted","columnVisibility","updateColumnVisibility","columnPinning","updateColumnPinning","columnOrder","setColumnsConfig","columnSizing","groupBy","sorting","rowHeight","defaultColumnVisibility","activeId","setActiveId","useState","isHiddenOverVisible","setIsHiddenOverVisible","isDraggingOverPinned","setIsDraggingOverPinned","isDraggingFromPinned","setIsDraggingFromPinned","isHoveringVisibleSection","setIsHoveringVisibleSection","isDraggingOverHidden","setIsDraggingOverHidden","sensors","useSensors","useSensor","PointerSensor","menuRef","useRef","useEffect","highlightedElement","visibleColumns","hiddenColumns","pinnedColumns","useMemo","visible","col","checkColumnVisibility","hidden","pinned","sortedVisibleColumns","visibleCopy","a","b","indexA","indexB","sortedPinnedColumns","pinnedCopy","sortedVisibleColumnsIds","sortedPinnedColumnsIds","toggleVisibility","columnId","isVisible","newState","togglePinning","newVisibility","id","handleDragStart","event","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","jsx","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","props","useColumnSettingsContext"],"mappings":"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"}
1	+ {"version":3,"file":"ColumnsSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnsSettings.tsx"],"sourcesContent":["// React and Styling imports\nimport { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport * as Styled from './TableSettings.styled'\nimport {\n ColumnOrderState,\n ColumnPinningState,\n ColumnSizingState,\n SortingState,\n VisibilityState,\n} from '@tanstack/react-table'\n\n// Context and Components imports\nimport {\n ColumnsConfig,\n TableGroupBy,\n useColumnSettingsContext,\n} from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport ColumnItem from './ColumnItem'\nimport SortableColumnItem from './SortableColumnItem'\n\n// DND (Drag and Drop) imports\nimport {\n DndContext,\n closestCenter,\n DragEndEvent,\n DragStartEvent,\n useSensor,\n useSensors,\n PointerSensor,\n DragOverlay,\n DragOverEvent,\n} from '@dnd-kit/core'\nimport { SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable'\n\n// Notification imports\nimport { toast } from 'react-toastify'\nimport { checkColumnVisibility } from '../../containers/ProjectTreeTable/utils'\nimport { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\n\ninterface ColumnsSettingsProps {\n columns: SettingsPanelItem[]\n highlighted?: SettingHighlightedId\n columnVisibility: VisibilityState\n updateColumnVisibility: (visibility: VisibilityState) => void\n columnPinning: ColumnPinningState\n updateColumnPinning: (pinning: ColumnPinningState) => void\n columnOrder: ColumnOrderState\n setColumnsConfig: (config: ColumnsConfig) => void\n columnSizing: ColumnSizingState\n groupBy?: TableGroupBy\n sorting: SortingState\n rowHeight?: number\n defaultColumnVisibility?: VisibilityState\n}\n\nexport const ColumnsSettings: FC<ColumnsSettingsProps> = ({\n columns,\n highlighted,\n columnVisibility,\n updateColumnVisibility,\n columnPinning,\n updateColumnPinning,\n columnOrder,\n setColumnsConfig,\n columnSizing,\n groupBy,\n sorting,\n rowHeight,\n defaultColumnVisibility,\n}) => {\n // State for the currently dragged column\n const [activeId, setActiveId] = useState<string \| null>(null)\n const [isHiddenOverVisible, setIsHiddenOverVisible] = useState(false)\n const [isDraggingOverPinned, setIsDraggingOverPinned] = useState(false)\n const [isDraggingFromPinned, setIsDraggingFromPinned] = useState(false)\n // Add a new state to track if we're hovering over the visible section\n const [isHoveringVisibleSection, setIsHoveringVisibleSection] = useState(false)\n // Add state to track if dragging over the hidden section\n const [isDraggingOverHidden, setIsDraggingOverHidden] = useState(false)\n\n // Setup sensors for dnd-kit\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n distance: 5,\n },\n }),\n )\n\n const menuRef = useRef<HTMLUListElement \| null>(null)\n\n // if highlighted is set, scroll to the highlighted column\n useEffect(() => {\n if (menuRef.current && highlighted) {\n const highlightedElement = menuRef.current.querySelector(`#column-settings-${highlighted}`)\n if (highlightedElement) {\n highlightedElement.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n })\n }\n }\n }, [highlighted])\n\n // Separate columns into visible, hidden, and pinned\n const { visibleColumns, hiddenColumns, pinnedColumns } = useMemo(() => {\n // First filter columns by visibility\n const visible = columns.filter((col) =>\n checkColumnVisibility(columnVisibility, col.value, defaultColumnVisibility),\n )\n const hidden = columns.filter(\n (col) => !checkColumnVisibility(columnVisibility, col.value, defaultColumnVisibility),\n )\n\n // Then separate out pinned columns from visible\n const pinned = visible.filter((col) => columnPinning.left?.includes(col.value))\n const unpinnedVisible = visible.filter((col) => !columnPinning.left?.includes(col.value))\n\n return {\n visibleColumns: unpinnedVisible,\n hiddenColumns: hidden,\n pinnedColumns: pinned,\n }\n }, [columns, columnVisibility, columnPinning, defaultColumnVisibility])\n\n // Sort columns based on columnOrder\n const sortedVisibleColumns = useMemo(() => {\n // Create a copy of visible columns\n const visibleCopy = [...visibleColumns]\n\n // If we have a column order, use it to sort\n if (columnOrder.length > 0) {\n visibleCopy.sort((a, b) => {\n const indexA = columnOrder.indexOf(a.value)\n const indexB = columnOrder.indexOf(b.value)\n\n // If column is not in order array, place at end\n if (indexA === -1) return 1\n if (indexB === -1) return -1\n\n return indexA - indexB\n })\n }\n\n return visibleCopy\n }, [visibleColumns, columnOrder])\n\n // Sort pinned columns based on columnOrder\n const sortedPinnedColumns = useMemo(() => {\n // Create a copy of pinned columns\n const pinnedCopy = [...pinnedColumns]\n\n // If we have a column order, use it to sort\n if (columnOrder.length > 0) {\n pinnedCopy.sort((a, b) => {\n const indexA = columnOrder.indexOf(a.value)\n const indexB = columnOrder.indexOf(b.value)\n\n // If column is not in order array, place at end\n if (indexA === -1) return 1\n if (indexB === -1) return -1\n\n return indexA - indexB\n })\n }\n\n return pinnedCopy\n }, [pinnedColumns, columnOrder])\n\n const sortedVisibleColumnsIds = useMemo(\n () => sortedVisibleColumns.map((col) => col.value),\n [sortedVisibleColumns],\n )\n\n const sortedPinnedColumnsIds = useMemo(\n () => sortedPinnedColumns.map((col) => col.value),\n [sortedPinnedColumns],\n )\n\n // Toggle column visibility\n const toggleVisibility = (columnId: string) => {\n const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n const newState = { ...columnVisibility, [columnId]: !isVisible }\n console.log('Toggling visibility for', columnId, 'to', !isVisible)\n updateColumnVisibility(newState)\n }\n\n // Toggle column pinning\n const togglePinning = (columnId: string) => {\n const newState = { ...columnPinning }\n const newVisibility = { ...columnVisibility }\n\n // If column is currently pinned, unpin it\n if (newState.left?.includes(columnId)) {\n newState.left = newState.left.filter((id) => id !== columnId)\n } else {\n // If column is currently unpinned, pin it\n newState.left = [...(newState.left \|\| []), columnId]\n // If column is hidden, show it\n if (!checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)) {\n newVisibility[columnId] = true\n updateColumnVisibility(newVisibility)\n }\n }\n updateColumnPinning(newState)\n }\n\n // When drag starts\n const handleDragStart = (event: DragStartEvent) => {\n const id = event.active.id as string\n setActiveId(id)\n setIsDraggingFromPinned(columnPinning.left?.includes(id) \|\| false)\n }\n\n // Track when dragging over different sections\n const handleDragOver = (event: DragOverEvent) => {\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n // Check if we're dragging a hidden column over a visible column\n const isActiveVisible = checkColumnVisibility(\n columnVisibility,\n active.id as string,\n defaultColumnVisibility,\n )\n const isOverVisible = checkColumnVisibility(\n columnVisibility,\n over.id as string,\n defaultColumnVisibility,\n )\n const isOverPinned = columnPinning.left?.includes(over.id as string) \|\| false\n const isOverHidden = !isOverVisible\n\n setIsHiddenOverVisible(!isActiveVisible && isOverVisible && !isOverPinned)\n setIsDraggingOverPinned(isOverVisible && isOverPinned)\n setIsDraggingOverHidden(isOverHidden)\n\n // Set if we're hovering over the visible (unpinned) section\n setIsHoveringVisibleSection(isOverVisible && !isOverPinned)\n } else {\n // Reset when not over any column\n setIsHoveringVisibleSection(false)\n setIsDraggingOverHidden(false)\n }\n }\n\n // When drag ends, reset all states\n const handleDragEnd = (event: DragEndEvent) => {\n // Reset states\n setIsHiddenOverVisible(false)\n setIsDraggingOverPinned(false)\n setIsDraggingFromPinned(false)\n setIsHoveringVisibleSection(false)\n setIsDraggingOverHidden(false)\n\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n // Find the dragged column and target column\n const activeColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(\n (col) => col.value === active.id,\n )\n const overColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(\n (col) => col.value === over.id,\n )\n\n if (activeColumn && overColumn) {\n const activeId = active.id as string\n const overId = over.id as string\n const isActiveVisible = checkColumnVisibility(\n columnVisibility,\n activeId,\n defaultColumnVisibility,\n )\n const isOverVisible = checkColumnVisibility(\n columnVisibility,\n overId,\n defaultColumnVisibility,\n )\n const isActivePinned = columnPinning.left?.includes(activeId) \|\| false\n const isOverPinned = columnPinning.left?.includes(overId) \|\| false\n const isOverHidden = !isOverVisible\n\n // Create a new config object that we'll update and apply at the end\n const newConfig: ColumnsConfig = {\n columnVisibility: { ...columnVisibility },\n columnOrder: [...columnOrder],\n columnPinning: { ...columnPinning },\n columnSizing: { ...columnSizing },\n groupBy,\n sorting,\n rowHeight,\n }\n\n // If we're moving a column between visible columns (including pinned)\n if (isActiveVisible && isOverVisible) {\n let newPinningLeft = [...(newConfig.columnPinning.left \|\| [])]\n\n // Handle pinning/unpinning based on target section\n if (isActivePinned !== isOverPinned) {\n if (isActivePinned && !isOverPinned) {\n // Moving from pinned to unpinned section\n newPinningLeft = newPinningLeft.filter((id) => id !== activeId)\n } else if (!isActivePinned && isOverPinned) {\n // Moving from unpinned to pinned section\n newPinningLeft = [...newPinningLeft, activeId]\n }\n }\n\n // Update order within the appropriate section\n const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n const oldIndex = allVisibleIds.indexOf(activeId)\n const newIndex = allVisibleIds.indexOf(overId)\n\n if (oldIndex === -1 \|\| newIndex === -1) {\n console.error('Invalid column order state')\n toast.error('Invalid column order state')\n return\n }\n\n const newOrder = arrayMove(allVisibleIds, oldIndex, newIndex)\n\n // new pinning left should be ordered by the new order\n const newPinningLeftOrdered = newOrder.filter((id) => newPinningLeft.includes(id))\n\n // Update config object\n newConfig.columnOrder = newOrder\n newConfig.columnPinning = {\n ...newConfig.columnPinning,\n left: newPinningLeftOrdered,\n }\n\n // Apply all changes at once\n setColumnsConfig(newConfig)\n }\n\n // If we're dragging from hidden to visible\n else if (!isActiveVisible && isOverVisible) {\n // Make the column visible\n newConfig.columnVisibility[activeId] = true\n\n // If dropping into pinned section, also pin the column\n if (isOverPinned) {\n const newPinningLeft = [...(newConfig.columnPinning.left \|\| []), activeId]\n newConfig.columnPinning.left = newPinningLeft\n }\n\n // Update order to place it near the over column\n const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n\n // Add the column to order if not already there\n if (!allVisibleIds.includes(activeId)) {\n const overIndex = allVisibleIds.indexOf(overId)\n allVisibleIds.splice(overIndex, 0, activeId)\n }\n\n newConfig.columnOrder = allVisibleIds\n\n // Apply all changes at once\n setColumnsConfig(newConfig)\n }\n\n // If we're dragging from visible to hidden\n else if (isActiveVisible && isOverHidden) {\n // Make the active column hidden\n newConfig.columnVisibility[activeId] = false\n\n // If the column was pinned, remove it from pinned\n if (isActivePinned) {\n const newPinningLeft = (newConfig.columnPinning.left \|\| []).filter(\n (id) => id !== activeId,\n )\n newConfig.columnPinning.left = newPinningLeft\n }\n\n // Apply all changes at once\n setColumnsConfig(newConfig)\n }\n }\n }\n\n setActiveId(null)\n }\n\n // Find the active column for the drag overlay\n const activeColumn = activeId\n ? [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find((col) => col.value === activeId)\n : null\n\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragOver={handleDragOver}\n onDragEnd={handleDragEnd}\n >\n <ColumnsContainer>\n {/* Pinned Columns Section /}\n {pinnedColumns.length > 0 && (\n <Section className={isDraggingOverPinned && !isDraggingFromPinned ? 'drop-target' : ''}>\n <SectionTitle>Pinned Columns</SectionTitle>\n <SortableContext\n items={sortedPinnedColumns.map((col) => col.value)}\n strategy={verticalListSortingStrategy}\n >\n <Styled.Menu>\n {sortedPinnedColumns.map((column) => (\n <SortableColumnItem\n key={column.value}\n id={column.value}\n column={column}\n isPinned={true}\n isHidden={false}\n isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n isHighlighted={highlighted === column.value}\n onTogglePinning={togglePinning}\n onToggleVisibility={toggleVisibility}\n />\n ))}\n </Styled.Menu>\n </SortableContext>\n </Section>\n )}\n\n {/ Visible Columns Section /}\n <Section\n className={\n isHiddenOverVisible \|\| (isDraggingFromPinned && isHoveringVisibleSection)\n ? 'drop-target'\n : ''\n }\n >\n <SectionTitle>Visible Columns</SectionTitle>\n <SortableContext\n items={sortedVisibleColumns.map((col) => col.value)}\n strategy={verticalListSortingStrategy}\n >\n <Styled.Menu>\n {sortedVisibleColumns.map((column) => (\n <SortableColumnItem\n key={column.value}\n id={column.value}\n column={column}\n isPinned={false}\n isHidden={false}\n isHighlighted={highlighted === column.value}\n isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n onTogglePinning={togglePinning}\n onToggleVisibility={toggleVisibility}\n />\n ))}\n </Styled.Menu>\n </SortableContext>\n </Section>\n\n {/ Hidden Columns Section /}\n {hiddenColumns.length > 0 && (\n <Section className={isDraggingOverHidden ? 'drop-target' : ''}>\n <SectionTitle>Hidden Columns</SectionTitle>\n <Styled.Menu ref={menuRef}>\n {hiddenColumns.map((column) => (\n <SortableColumnItem\n key={column.value}\n id={column.value}\n column={column}\n isPinned={columnPinning.left?.includes(column.value) \|\| false}\n isHidden={true}\n isHighlighted={highlighted === column.value}\n isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n onTogglePinning={togglePinning}\n onToggleVisibility={toggleVisibility}\n />\n ))}\n </Styled.Menu>\n </Section>\n )}\n\n {/ Drag Overlay */}\n <DragOverlay>\n {activeColumn && (\n <ColumnItem\n column={activeColumn}\n isPinned={columnPinning.left?.includes(activeColumn.value) \|\| false}\n isHidden={\n !checkColumnVisibility(\n columnVisibility,\n activeColumn.value,\n defaultColumnVisibility,\n )\n }\n isHighlighted={highlighted === activeColumn.value}\n dragOverlay={true}\n />\n )}\n </DragOverlay>\n </ColumnsContainer>\n </DndContext>\n )\n}\n\n// Styled components\nconst ColumnsContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n`\n\nconst Section = styled.section`\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n transition: background-color 0.2s ease;\n border-radius: 4px;\n\n &.drop-target {\n background-color: var(--md-sys-color-surface-container);\n box-shadow: 0 0 0 1px var(--md-sys-color-outline);\n }\n`\n\nconst SectionTitle = styled.div`\n font-weight: 500;\n color: var(--md-sys-color-outline);\n padding: 4px 0;\n`\n\nexport default ColumnsSettings\n\n// Backward-compat wrapper that reads all data from ColumnSettingsContext\ntype ColumnsSettingsWithContextProps = Pick<ColumnsSettingsProps, 'columns' \| 'highlighted'>\n\nexport const ColumnsSettingsWithContext: FC<ColumnsSettingsWithContextProps> = (props) => {\n const {\n columnVisibility,\n defaultColumnVisibility,\n updateColumnVisibility,\n columnPinning,\n updateColumnPinning,\n columnOrder,\n setColumnsConfig,\n columnSizing,\n groupBy,\n sorting,\n rowHeight,\n } = useColumnSettingsContext()\n\n return (\n <ColumnsSettings\n {...props}\n columnVisibility={columnVisibility}\n defaultColumnVisibility={defaultColumnVisibility}\n updateColumnVisibility={updateColumnVisibility}\n columnPinning={columnPinning}\n updateColumnPinning={updateColumnPinning}\n columnOrder={columnOrder}\n setColumnsConfig={setColumnsConfig}\n columnSizing={columnSizing}\n groupBy={groupBy}\n sorting={sorting}\n rowHeight={rowHeight}\n />\n )\n}\n"],"names":["ColumnsSettings","columns","highlighted","columnVisibility","updateColumnVisibility","columnPinning","updateColumnPinning","columnOrder","setColumnsConfig","columnSizing","groupBy","sorting","rowHeight","defaultColumnVisibility","activeId","setActiveId","useState","isHiddenOverVisible","setIsHiddenOverVisible","isDraggingOverPinned","setIsDraggingOverPinned","isDraggingFromPinned","setIsDraggingFromPinned","isHoveringVisibleSection","setIsHoveringVisibleSection","isDraggingOverHidden","setIsDraggingOverHidden","sensors","useSensors","useSensor","PointerSensor","menuRef","useRef","useEffect","highlightedElement","visibleColumns","hiddenColumns","pinnedColumns","useMemo","visible","col","checkColumnVisibility","hidden","pinned","sortedVisibleColumns","visibleCopy","a","b","indexA","indexB","sortedPinnedColumns","pinnedCopy","sortedVisibleColumnsIds","sortedPinnedColumnsIds","toggleVisibility","columnId","isVisible","newState","togglePinning","newVisibility","id","handleDragStart","event","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","jsx","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","props","useColumnSettingsContext"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/ColumnsSettings.es.js CHANGED Viewed

@@ -74,6 +74,7 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -137,19 +138,30 @@ import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "@tanstack/react-table";
-import "@tanstack/react-virtual";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+/* empty css                                               */
 import "clsx";
-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/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../AccessSearchInput/AccessSearchInput.styled.es.js";
@@ -170,10 +182,7 @@ import "react-quill-ayon";
 import "../DetailsPanelDetails/BorderedSection.es.js";
 import "../QuillListStyles/QuillListStyles.es.js";
 import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "react-markdown";
-import "remark-gfm";
 import "rehype-raw";
-import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../DetailsPanelDetails/hooks/useMentionSystem.es.js";
 import "../../containers/Feed/components/CommentInput/modules/index.es.js";
 import "../DetailsPanelDetails/DetailsSection.es.js";
@@ -183,64 +192,6 @@ import "../EarlyPreview/EarlyPreview.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../EnumEditor/EnumEditor.styled.es.js";
-import "../../containers/ContextMenu/ContextMenuContext.es.js";
-/* empty css                                               */
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
-import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../containers/Feed/components/ActivityDate.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../containers/Feed/Feed.styled.es.js";
-import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContext.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../containers/Actions/Actions.styled.es.js";
-import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../containers/Actions/ActionIcon.es.js";
-import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-import "../../containers/Views/context/ViewsContextInstance.es.js";
-import "../../containers/Views/Views.styled.es.js";
-import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../containers/ListTable/ListTableRow.es.js";
-import "../../containers/ListTable/ListTable.styled.es.js";
 import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../ReviewablesList/ReviewablesList.styled.es.js";
@@ -253,6 +204,7 @@ import "../Feedback/SupportBubble.es.js";
 import "../FileThumbnail/FileThumbnail.es.js";
 import "../LegacyBadge/LegacyBadge.es.js";
 import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/FreeTrialLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
@@ -260,6 +212,10 @@ import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
 import "./ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
+import "react-router-dom";
+import "../../containers/Slicer/components/Slicer.es.js";
+import "../../containers/Slicer/context/SlicerContext.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
@@ -278,12 +234,58 @@ import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
 import "../ReviewablesSelector/ReviewablesSelector.es.js";
 import "../ColumnHeaderMenuUI.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "@tanstack/react-virtual";
+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/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/ListTable/ListTableRow.es.js";
+import "../../containers/ListTable/ListTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import { checkColumnVisibility as g } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
 const Ti = ({
   columns: b,
@@ -550,7 +552,7 @@ const Ti = ({
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, Up = (b) => {
+`, Yp = (b) => {
   const {
     columnVisibility: f,
     defaultColumnVisibility: m,
@@ -584,6 +586,6 @@ const Ti = ({
 };
 export {
   Ti as ColumnsSettings,
-  Up as ColumnsSettingsWithContext
+  Yp as ColumnsSettingsWithContext
 };
 //# sourceMappingURL=ColumnsSettings.es.js.map