npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.1 → 0.4.3 - Mend

@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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 (1190) hide show

package/dist/shared/src/containers/ListTable/ListTableCell.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListTableCell.es.js","sources":["../../../../../src/containers/ListTable/ListTableCell.tsx"],"sourcesContent":["import React from 'react'\nimport { Cell, flexRender, Row, RowData } from '@tanstack/react-table'\nimport * as Styled from './ListTable.styled'\nimport {\n getListTableCellId,\n ListTableColumnAttributeData,\n ListTableDataTypeWidgets,\n ListTableWidgetRenderContext,\n renderListTableFallbackValue,\n} from './ListTableWidgets'\nimport clsx from 'clsx'\nimport { EDIT_TRIGGER_CLASS } from '../ProjectTreeTable'\n\nconst EDITABLE_CELL_CLASS = 'editable'\n\nconst isPlaceholderRowValue = (value: unknown): value is { __listTablePlaceholder: true } =>\n !!value && typeof value === 'object' && '__listTablePlaceholder' in (value as object)\n\n// 1. Refactored Type: Pass 'content' to the function so it can wrap it naturally\nexport type CellWrapperRenderer<TData extends RowData> =\n \| ((row: Row<TData>, content: React.ReactNode) => React.ReactElement \| null)\n \| null\n\nexport interface ListTableCellEditingState {\n editingCellId: string \| null\n startEditingCell: (cellId: string) => void\n stopEditingCell: () => void\n getDraftValue: () => string \| null\n setDraftValue: (value: string \| null) => void\n}\n\nexport interface ListTableCellCallbacks<TData extends RowData> {\n onUpdateRow: (columnId: string, value: unknown, rowId: string) => void\n onOpenViewer?: (row: TData) => void\n}\n\ninterface RowCellsProps<TData extends RowData> {\n row: Row<TData>\n cellWrapper?: CellWrapperRenderer<TData>\n columnAttributeData?: ListTableColumnAttributeData\n dataTypeWidgets?: ListTableDataTypeWidgets<TData>\n editingState: ListTableCellEditingState\n callbacks: ListTableCellCallbacks<TData>\n editable?: boolean\n}\n\nconst renderTypedCellContent = <TData extends RowData>({\n cell,\n row,\n rowIndex,\n attributeData,\n dataTypeWidgets,\n editingState,\n callbacks,\n isReadOnly,\n}: {\n cell: Cell<TData, unknown>\n row: Row<TData>\n rowIndex: number\n attributeData?: ListTableColumnAttributeData[string]\n dataTypeWidgets?: ListTableDataTypeWidgets<TData>\n editingState: ListTableCellEditingState\n callbacks: ListTableCellCallbacks<TData>\n isReadOnly: boolean\n}) => {\n const attributeType = attributeData?.type\n if (!attributeType \|\| !dataTypeWidgets?.[attributeType]) {\n return null\n }\n\n const renderer = dataTypeWidgets[attributeType]\n if (!renderer) {\n return null\n }\n\n const columnId = cell.column.id\n const cellId = getListTableCellId(row.id, columnId)\n const context: ListTableWidgetRenderContext<TData> = {\n row,\n cell,\n value: cell.getValue(),\n rowIndex,\n columnId,\n cellId,\n attributeData,\n isEditing: editingState.editingCellId === cellId,\n isReadOnly,\n startEditing: () => editingState.startEditingCell(cellId),\n stopEditing: editingState.stopEditingCell,\n updateValue: (value) => {\n callbacks.onUpdateRow(columnId, value, row.id)\n editingState.stopEditingCell()\n },\n openViewer: () => callbacks.onOpenViewer?.(row.original),\n getDraftValue: editingState.getDraftValue,\n setDraftValue: editingState.setDraftValue,\n }\n\n return renderer(context)\n}\n\nexport const RowCells = <TData extends RowData>({\n row,\n cellWrapper,\n columnAttributeData,\n dataTypeWidgets,\n editingState,\n callbacks,\n editable = true,\n}: RowCellsProps<TData>) => {\n const isPlaceholderRow = isPlaceholderRowValue(row.original)\n\n if (isPlaceholderRow) {\n const message =\n row.original && typeof row.original === 'object' && 'label' in row.original\n ? String((row.original as { label?: string }).label ?? '')\n : ''\n\n return (\n <Styled.TD key={`${row.id}-placeholder`} style={{ width: '100%' }}>\n <Styled.TDInner\n style={{ left: 0, paddingLeft: `calc(var(--padding-m) + ${row.depth * 16}px)` }}\n >\n <Styled.PlaceholderRowContent>{message}</Styled.PlaceholderRowContent>\n </Styled.TDInner>\n </Styled.TD>\n )\n }\n\n return (\n <>\n {row.getVisibleCells().map((cell, cellIndex, visibleCells) => {\n const cellId = getListTableCellId(row.id, cell.column.id)\n const attributeData = columnAttributeData?.[cell.column.id]\n const hasCustomCellRenderer = !!cell.column.columnDef.meta?.listTableCustomCell\n const attributeType = attributeData?.type\n const shouldUseTypedWidget = !!attributeType && !hasCustomCellRenderer\n const hasTypedWidget = !!(attributeType && dataTypeWidgets?.[attributeType])\n const isEditing = editingState.editingCellId === cellId\n const isColumnEditable = editable && cell.column.columnDef.meta?.editable !== false\n const typedContent =\n !shouldUseTypedWidget \|\| isPlaceholderRow\n ? null\n : renderTypedCellContent({\n cell,\n row,\n rowIndex: row.index,\n attributeData,\n dataTypeWidgets,\n editingState,\n callbacks,\n isReadOnly: !isColumnEditable,\n })\n\n const content =\n !shouldUseTypedWidget \|\| isPlaceholderRow\n ? flexRender(cell.column.columnDef.cell, cell.getContext())\n : typedContent ?? renderListTableFallbackValue(cell.getValue())\n let wrappedContent: React.ReactNode = content\n\n if (cellWrapper !== null) {\n if (cellWrapper) {\n wrappedContent = cellWrapper(row, content) \|\| content\n } else {\n wrappedContent = <Styled.ListTableCellWrapper>{content}</Styled.ListTableCellWrapper>\n }\n }\n\n const canStartTypedEdit =\n isColumnEditable && shouldUseTypedWidget && hasTypedWidget && !isPlaceholderRow\n if (canStartTypedEdit) {\n wrappedContent = (\n <Styled.EditableCellValue\n className={clsx(EDITABLE_CELL_CLASS, attributeType, { editing: isEditing })}\n >\n {wrappedContent}\n </Styled.EditableCellValue>\n )\n }\n\n return (\n <Styled.TD\n key={cell.id}\n id={cellId}\n style={{\n width: `calc(var(--col-${cell.column.id}-size) * 1px)`,\n paddingRight: cellIndex === visibleCells.length - 1 ? 'var(--padding-m)' : undefined,\n flexGrow: cellIndex === visibleCells.length - 1 ? 1 : undefined,\n }}\n onDoubleClick={\n canStartTypedEdit\n ? (e) => {\n e.stopPropagation()\n editingState.startEditingCell(cellId)\n }\n : undefined\n }\n onClick={(e) => {\n const target = e.target as HTMLElement\n // check if the click is within an editing cell\n if (isEditing && target.closest('.editing')) {\n e.stopPropagation() // prevent row click when interacting with the editing cell\n } else if (isColumnEditable) {\n // check if clicking an editable input or trigger element\n const editableElement = target.closest(`.${EDITABLE_CELL_CLASS}`)\n const triggerElement = target.closest(\n `.${EDIT_TRIGGER_CLASS}, input, textarea, select, [contenteditable=\"true\"]`,\n )\n if (editableElement \|\| triggerElement) {\n editingState.startEditingCell(cellId)\n e.stopPropagation() // prevent row click when interacting with the editing cell\n }\n }\n }}\n >\n <Styled.TDInner\n className=\"inner-td\"\n style={{\n left: cellIndex === 0 ? `calc(var(--padding-m) + ${row.depth * 16}px)` : undefined,\n }}\n >\n {wrappedContent}\n </Styled.TDInner>\n </Styled.TD>\n )\n })}\n </>\n )\n}\n"],"names":["EDITABLE_CELL_CLASS","isPlaceholderRowValue","value","renderTypedCellContent","cell","row","rowIndex","attributeData","dataTypeWidgets","editingState","callbacks","isReadOnly","attributeType","renderer","columnId","cellId","getListTableCellId","context","RowCells","cellWrapper","columnAttributeData","editable","isPlaceholderRow","message","jsx","Styled.TD","Styled.TDInner","Styled.PlaceholderRowContent","Fragment","cellIndex","visibleCells","hasCustomCellRenderer","shouldUseTypedWidget","hasTypedWidget","isEditing","isColumnEditable","typedContent","content","flexRender","renderListTableFallbackValue","wrappedContent","Styled.ListTableCellWrapper","canStartTypedEdit","Styled.EditableCellValue","clsx","e","target","editableElement","triggerElement","EDIT_TRIGGER_CLASS"],"mappings":"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"}
1	+ {"version":3,"file":"ListTableCell.es.js","sources":["../../../../../src/containers/ListTable/ListTableCell.tsx"],"sourcesContent":["import React from 'react'\nimport { Cell, flexRender, Row, RowData } from '@tanstack/react-table'\nimport * as Styled from './ListTable.styled'\nimport {\n getListTableCellId,\n ListTableColumnAttributeData,\n ListTableDataTypeWidgets,\n ListTableWidgetRenderContext,\n renderListTableFallbackValue,\n} from './ListTableWidgets'\nimport clsx from 'clsx'\nimport { EDIT_TRIGGER_CLASS } from '../ProjectTreeTable'\n\nconst EDITABLE_CELL_CLASS = 'editable'\n\nconst isPlaceholderRowValue = (value: unknown): value is { __listTablePlaceholder: true } =>\n !!value && typeof value === 'object' && '__listTablePlaceholder' in (value as object)\n\n// 1. Refactored Type: Pass 'content' to the function so it can wrap it naturally\nexport type CellWrapperRenderer<TData extends RowData> =\n \| ((row: Row<TData>, content: React.ReactNode) => React.ReactElement \| null)\n \| null\n\nexport interface ListTableCellEditingState {\n editingCellId: string \| null\n startEditingCell: (cellId: string) => void\n stopEditingCell: () => void\n getDraftValue: () => string \| null\n setDraftValue: (value: string \| null) => void\n}\n\nexport interface ListTableCellCallbacks<TData extends RowData> {\n onUpdateRow: (columnId: string, value: unknown, rowId: string) => void\n onOpenViewer?: (row: TData) => void\n}\n\ninterface RowCellsProps<TData extends RowData> {\n row: Row<TData>\n cellWrapper?: CellWrapperRenderer<TData>\n columnAttributeData?: ListTableColumnAttributeData\n dataTypeWidgets?: ListTableDataTypeWidgets<TData>\n editingState: ListTableCellEditingState\n callbacks: ListTableCellCallbacks<TData>\n editable?: boolean\n}\n\nconst renderTypedCellContent = <TData extends RowData>({\n cell,\n row,\n rowIndex,\n attributeData,\n dataTypeWidgets,\n editingState,\n callbacks,\n isReadOnly,\n}: {\n cell: Cell<TData, unknown>\n row: Row<TData>\n rowIndex: number\n attributeData?: ListTableColumnAttributeData[string]\n dataTypeWidgets?: ListTableDataTypeWidgets<TData>\n editingState: ListTableCellEditingState\n callbacks: ListTableCellCallbacks<TData>\n isReadOnly: boolean\n}) => {\n const attributeType = attributeData?.type\n if (!attributeType \|\| !dataTypeWidgets?.[attributeType]) {\n return null\n }\n\n const renderer = dataTypeWidgets[attributeType]\n if (!renderer) {\n return null\n }\n\n const columnId = cell.column.id\n const cellId = getListTableCellId(row.id, columnId)\n const context: ListTableWidgetRenderContext<TData> = {\n row,\n cell,\n value: cell.getValue(),\n rowIndex,\n columnId,\n cellId,\n attributeData,\n isEditing: editingState.editingCellId === cellId,\n isReadOnly,\n startEditing: () => editingState.startEditingCell(cellId),\n stopEditing: editingState.stopEditingCell,\n updateValue: (value) => {\n callbacks.onUpdateRow(columnId, value, row.id)\n editingState.stopEditingCell()\n },\n openViewer: () => callbacks.onOpenViewer?.(row.original),\n getDraftValue: editingState.getDraftValue,\n setDraftValue: editingState.setDraftValue,\n }\n\n return renderer(context)\n}\n\nexport const RowCells = <TData extends RowData>({\n row,\n cellWrapper,\n columnAttributeData,\n dataTypeWidgets,\n editingState,\n callbacks,\n editable = true,\n}: RowCellsProps<TData>) => {\n const isPlaceholderRow = isPlaceholderRowValue(row.original)\n\n if (isPlaceholderRow) {\n const message =\n row.original && typeof row.original === 'object' && 'label' in row.original\n ? String((row.original as { label?: string }).label ?? '')\n : ''\n\n return (\n <Styled.TD key={`${row.id}-placeholder`} style={{ width: '100%' }}>\n <Styled.TDInner\n style={{ left: 0, paddingLeft: `calc(var(--padding-m) + ${row.depth * 16}px)` }}\n >\n <Styled.PlaceholderRowContent>{message}</Styled.PlaceholderRowContent>\n </Styled.TDInner>\n </Styled.TD>\n )\n }\n\n return (\n <>\n {row.getVisibleCells().map((cell, cellIndex, visibleCells) => {\n const cellId = getListTableCellId(row.id, cell.column.id)\n const attributeData = columnAttributeData?.[cell.column.id]\n const hasCustomCellRenderer = !!cell.column.columnDef.meta?.listTableCustomCell\n const attributeType = attributeData?.type\n const shouldUseTypedWidget = !!attributeType && !hasCustomCellRenderer\n const hasTypedWidget = !!(attributeType && dataTypeWidgets?.[attributeType])\n const isEditing = editingState.editingCellId === cellId\n const isColumnEditable = editable && cell.column.columnDef.meta?.editable !== false\n const typedContent =\n !shouldUseTypedWidget \|\| isPlaceholderRow\n ? null\n : renderTypedCellContent({\n cell,\n row,\n rowIndex: row.index,\n attributeData,\n dataTypeWidgets,\n editingState,\n callbacks,\n isReadOnly: !isColumnEditable,\n })\n\n const content =\n !shouldUseTypedWidget \|\| isPlaceholderRow\n ? flexRender(cell.column.columnDef.cell, cell.getContext())\n : typedContent ?? renderListTableFallbackValue(cell.getValue())\n let wrappedContent: React.ReactNode = content\n\n if (cellWrapper !== null) {\n if (cellWrapper) {\n wrappedContent = cellWrapper(row, content) \|\| content\n } else {\n wrappedContent = <Styled.ListTableCellWrapper>{content}</Styled.ListTableCellWrapper>\n }\n }\n\n const canStartTypedEdit =\n isColumnEditable && shouldUseTypedWidget && hasTypedWidget && !isPlaceholderRow\n if (canStartTypedEdit) {\n wrappedContent = (\n <Styled.EditableCellValue\n className={clsx(EDITABLE_CELL_CLASS, attributeType, { editing: isEditing })}\n >\n {wrappedContent}\n </Styled.EditableCellValue>\n )\n }\n\n return (\n <Styled.TD\n key={cell.id}\n id={cellId}\n style={{\n width: `calc(var(--col-${cell.column.id}-size) * 1px)`,\n paddingRight: cellIndex === visibleCells.length - 1 ? 'var(--padding-m)' : undefined,\n flexGrow: cellIndex === visibleCells.length - 1 ? 1 : undefined,\n }}\n onDoubleClick={\n canStartTypedEdit\n ? (e) => {\n e.stopPropagation()\n editingState.startEditingCell(cellId)\n }\n : undefined\n }\n onClick={(e) => {\n const target = e.target as HTMLElement\n // check if the click is within an editing cell\n if (isEditing && target.closest('.editing')) {\n e.stopPropagation() // prevent row click when interacting with the editing cell\n } else if (isColumnEditable) {\n // check if clicking an editable input or trigger element\n const editableElement = target.closest(`.${EDITABLE_CELL_CLASS}`)\n const triggerElement = target.closest(\n `.${EDIT_TRIGGER_CLASS}, input, textarea, select, [contenteditable=\"true\"]`,\n )\n if (editableElement \|\| triggerElement) {\n editingState.startEditingCell(cellId)\n e.stopPropagation() // prevent row click when interacting with the editing cell\n }\n }\n }}\n >\n <Styled.TDInner\n className=\"inner-td\"\n style={{\n left: cellIndex === 0 ? `calc(var(--padding-m) + ${row.depth * 16}px)` : undefined,\n }}\n >\n {wrappedContent}\n </Styled.TDInner>\n </Styled.TD>\n )\n })}\n </>\n )\n}\n"],"names":["EDITABLE_CELL_CLASS","isPlaceholderRowValue","value","renderTypedCellContent","cell","row","rowIndex","attributeData","dataTypeWidgets","editingState","callbacks","isReadOnly","attributeType","renderer","columnId","cellId","getListTableCellId","context","RowCells","cellWrapper","columnAttributeData","editable","isPlaceholderRow","message","jsx","Styled.TD","Styled.TDInner","Styled.PlaceholderRowContent","Fragment","cellIndex","visibleCells","hasCustomCellRenderer","shouldUseTypedWidget","hasTypedWidget","isEditing","isColumnEditable","typedContent","content","flexRender","renderListTableFallbackValue","wrappedContent","Styled.ListTableCellWrapper","canStartTypedEdit","Styled.EditableCellValue","clsx","e","target","editableElement","triggerElement","EDIT_TRIGGER_CLASS"],"mappings":"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"}

package/dist/shared/src/containers/ListTable/ListTableHeader.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("@tanstack/react-table"),h=require("@dnd-kit/sortable"),w=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),c=require("clsx"),t=require("./ListTable.styled.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/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("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const E=require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("../ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");const N=require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../ProjectTreeTable/utils/columnIds.cjs.js");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../NewEntity/components/NewEntity.cjs.js");require("../Slicer/components/Slicer.cjs.js");require("../Slicer/context/SlicerContextInstance.cjs.js");require("../Slicer/components/SlicerDropdownFallback.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../NewEntity/context/NewEntityContextInstance.cjs.js");require("../NewEntity/components/NewEntityForm.cjs.js");require("@dnd-kit/core");require("../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../Views/context/ViewsContextInstance.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");require("./ListTableRow.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/InfoMessage/InfoMessage.cjs.js");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/FreeTrialLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/ProjectTableSettings/ColumnsSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/SyncButton/SyncButton.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");require("../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");const k=require("../../components/ColumnHeaderMenuUI.cjs.js");function O({header:r,enabled:n,enableSorting:m=!1,enableColumnVisibility:x=!1,enableColumnResizing:f=!1,isLast:p=!1}){const{attributes:S,listeners:b,setNodeRef:C,isDragging:R,transform:z,transition:H}=h.useSortable({id:r.id,data:{type:"column"},disabled:!n}),e=r.column,s=m&&e.getCanSort(),u=e.getIsSorted(),a=`list-table-menu-${r.id}`,{menuOpen:j}=E.useMenuContext(),y=j===a,d=s?[{id:"sort-asc",label:"Sort ascending",icon:"sort",selected:u==="asc",onClick:()=>e.toggleSorting(!1)},{id:"sort-desc",label:"Sort descending",icon:"sort",className:"sort-desc-icon",selected:u==="desc",onClick:()=>e.toggleSorting(!0)}]:[],v=x&&e.getCanHide()?[...d.length>0?[{id:"divider-visibility",type:"divider"}]:[],{id:"hide",label:"Hide column",icon:"visibility_off",onClick:()=>e.toggleVisibility(!1)}]:[],o=[...d,...v],M=f&&e.getCanResize(),T=e.getIsResizing(),{columnSizingInfo:l}=r.getContext().table.getState(),g=l.isResizingColumn===e.id?l.deltaOffset??0:0,I=!!l.isResizingColumn,D={onPointerDown:i=>i.stopPropagation(),onMouseDown:i=>i.stopPropagation()};return q.jsxRuntimeExports.jsxs(t.SortableTHStyled,{ref:C,style:{width:`calc(var(--header-${r.id}-size) * 1px)`,transform:w.CSS.Transform.toString(z)??void 0,transition:H,flexGrow:p?1:void 0},className:c({grab:n,dragging:R,"menu-open":y,resizing:I,sorted:!!u}),...n?{...S,...b}:{},children:[q.jsxRuntimeExports.jsx(t.THContent,{children:r.isPlaceholder?null:P.flexRender(r.column.columnDef.header,r.getContext())}),(o.length>0||s)&&q.jsxRuntimeExports.jsxs(t.THActions,{...D,children:[o.length>0&&q.jsxRuntimeExports.jsx(k.ColumnHeaderMenuUI,{menuItems:o,menuId:a,className:"header-menu"}),s&&q.jsxRuntimeExports.jsx(N,{icon:"sort",className:c("sort-button",{visible:!!u}),style:{transform:u==="desc"?"rotate(180deg) scaleX(-1)":"none"},onClick:e.getToggleSortingHandler(),selected:!!u})]}),M&&q.jsxRuntimeExports.jsx(t.ResizeHandle,{className:c("resize-handle",{resizing:T}),style:{transform:g?`translateX(${g}px)`:void 0},onDoubleClick:()=>e.resetSize(),onMouseDown:i=>{i.stopPropagation(),r.getResizeHandler()(i)},onTouchStart:r.getResizeHandler(),onPointerDown:i=>i.stopPropagation()})]})}exports.SortableTHComponent=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("@tanstack/react-table"),h=require("@dnd-kit/sortable"),w=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),u=require("clsx"),i=require("./ListTable.styled.cjs.js"),E=require("../../components/ColumnHeaderMenuUI.cjs.js"),N=require("../ProjectTreeTable/components/HeaderActionButton.cjs.js"),k=require("../../context/MenuContext.cjs.js");function O({header:t,enabled:r,enableSorting:x=!1,enableColumnVisibility:f=!1,enableColumnResizing:p=!1,isLast:S=!1}){const{attributes:b,listeners:C,setNodeRef:R,isDragging:z,transform:H,transition:j}=h.useSortable({id:t.id,data:{type:"column"},disabled:!r}),e=t.column,l=x&&e.getCanSort(),s=e.getIsSorted(),d=`list-table-menu-${t.id}`,{menuOpen:y}=k.useMenuContext(),v=y===d,g=l?[{id:"sort-asc",label:"Sort ascending",icon:"sort",selected:s==="asc",onClick:()=>e.toggleSorting(!1)},{id:"sort-desc",label:"Sort descending",icon:"sort",className:"sort-desc-icon",selected:s==="desc",onClick:()=>e.toggleSorting(!0)}]:[],M=f&&e.getCanHide()?[...g.length>0?[{id:"divider-visibility",type:"divider"}]:[],{id:"hide",label:"Hide column",icon:"visibility_off",onClick:()=>e.toggleVisibility(!1)}]:[],c=[...g,...M],T=p&&e.getCanResize(),I=e.getIsResizing(),{columnSizingInfo:a}=t.getContext().table.getState(),m=a.isResizingColumn===e.id?a.deltaOffset??0:0,q=!!a.isResizingColumn,D={onPointerDown:n=>n.stopPropagation(),onMouseDown:n=>n.stopPropagation()};return o.jsxRuntimeExports.jsxs(i.SortableTHStyled,{ref:R,style:{width:`calc(var(--header-${t.id}-size) * 1px)`,transform:w.CSS.Transform.toString(H)??void 0,transition:j,flexGrow:S?1:void 0},className:u({grab:r,dragging:z,"menu-open":v,resizing:q,sorted:!!s}),...r?{...b,...C}:{},children:[o.jsxRuntimeExports.jsx(i.THContent,{children:t.isPlaceholder?null:P.flexRender(t.column.columnDef.header,t.getContext())}),(c.length>0||l)&&o.jsxRuntimeExports.jsxs(i.THActions,{...D,children:[c.length>0&&o.jsxRuntimeExports.jsx(E.ColumnHeaderMenuUI,{menuItems:c,menuId:d,className:"header-menu"}),l&&o.jsxRuntimeExports.jsx(N,{icon:"sort",className:u("sort-button",{visible:!!s}),style:{transform:s==="desc"?"rotate(180deg) scaleX(-1)":"none"},onClick:e.getToggleSortingHandler(),selected:!!s})]}),T&&o.jsxRuntimeExports.jsx(i.ResizeHandle,{className:u("resize-handle",{resizing:I}),style:{transform:m?`translateX(${m}px)`:void 0},onDoubleClick:()=>e.resetSize(),onMouseDown:n=>{n.stopPropagation(),t.getResizeHandler()(n)},onTouchStart:t.getResizeHandler(),onPointerDown:n=>n.stopPropagation()})]})}exports.SortableTHComponent=O;
 //# sourceMappingURL=ListTableHeader.cjs.js.map

package/dist/shared/src/containers/ListTable/ListTableHeader.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListTableHeader.cjs.js","sources":["../../../../../src/containers/ListTable/ListTableHeader.tsx"],"sourcesContent":["import { flexRender, Header, RowData } from '@tanstack/react-table'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport clsx from 'clsx'\nimport * as Styled from './ListTable.styled'\nimport { ColumnHeaderMenuUI, type ColumnMenuItemType } from '@shared/components'\nimport HeaderActionButton from '@shared/containers/ProjectTreeTable/components/HeaderActionButton'\nimport { useMenuContext } from '@shared/context'\nimport React from 'react'\n\ninterface SortableTHProps<TData> {\n header: Header<TData, any>\n enabled: boolean\n enableSorting?: boolean\n enableColumnVisibility?: boolean\n enableColumnResizing?: boolean\n isLast?: boolean\n}\n\nexport function SortableTHComponent<TData extends RowData>({\n header,\n enabled,\n enableSorting = false,\n enableColumnVisibility = false,\n enableColumnResizing = false,\n isLast = false,\n}: SortableTHProps<TData>) {\n const { attributes, listeners, setNodeRef, isDragging, transform, transition } = useSortable({\n id: header.id,\n data: { type: 'column' },\n disabled: !enabled,\n })\n\n const column = header.column\n const canSort = enableSorting && column.getCanSort()\n const isSorted = column.getIsSorted()\n const menuId = `list-table-menu-${header.id}`\n const { menuOpen } = useMenuContext()\n const isMenuOpen = menuOpen === menuId\n\n const sortMenuItems: ColumnMenuItemType[] = canSort\n ? [\n {\n id: 'sort-asc',\n label: 'Sort ascending',\n icon: 'sort',\n selected: isSorted === 'asc',\n onClick: () => column.toggleSorting(false),\n },\n {\n id: 'sort-desc',\n label: 'Sort descending',\n icon: 'sort',\n className: 'sort-desc-icon',\n selected: isSorted === 'desc',\n onClick: () => column.toggleSorting(true),\n },\n ]\n : []\n\n const canHide = enableColumnVisibility && column.getCanHide()\n const hideMenuItems: ColumnMenuItemType[] = canHide\n ? [\n ...(sortMenuItems.length > 0\n ? [{ id: 'divider-visibility', type: 'divider' as const }]\n : []),\n {\n id: 'hide',\n label: 'Hide column',\n icon: 'visibility_off',\n onClick: () => column.toggleVisibility(false),\n },\n ]\n : []\n\n const allMenuItems: ColumnMenuItemType[] = [...sortMenuItems, ...hideMenuItems]\n\n const canResize = enableColumnResizing && column.getCanResize()\n const isResizing = column.getIsResizing()\n const { columnSizingInfo } = header.getContext().table.getState()\n const resizeOffset =\n columnSizingInfo.isResizingColumn === column.id ? columnSizingInfo.deltaOffset ?? 0 : 0\n const anyResizing = !!columnSizingInfo.isResizingColumn\n\n // Prevent drag from starting when clicking action buttons\n const preventDrag = {\n onPointerDown: (e: React.PointerEvent) => e.stopPropagation(),\n onMouseDown: (e: React.MouseEvent) => e.stopPropagation(),\n }\n\n return (\n <Styled.SortableTHStyled\n ref={setNodeRef}\n style={{\n width: `calc(var(--header-${header.id}-size) * 1px)`,\n transform: CSS.Transform.toString(transform) ?? undefined,\n transition,\n flexGrow: isLast ? 1 : undefined,\n }}\n className={clsx({\n grab: enabled,\n dragging: isDragging,\n 'menu-open': isMenuOpen,\n resizing: anyResizing,\n sorted: !!isSorted,\n })}\n {...(enabled ? { ...attributes, ...listeners } : {})}\n >\n <Styled.THContent>\n {header.isPlaceholder\n ? null\n : flexRender(header.column.columnDef.header, header.getContext())}\n </Styled.THContent>\n {(allMenuItems.length > 0 \|\| canSort) && (\n <Styled.THActions {...preventDrag}>\n {allMenuItems.length > 0 && (\n <ColumnHeaderMenuUI menuItems={allMenuItems} menuId={menuId} className=\"header-menu\" />\n )}\n {canSort && (\n <HeaderActionButton\n icon=\"sort\"\n className={clsx('sort-button', { visible: !!isSorted })}\n style={{\n transform: isSorted === 'desc' ? 'rotate(180deg) scaleX(-1)' : 'none',\n }}\n onClick={column.getToggleSortingHandler()}\n selected={!!isSorted}\n />\n )}\n </Styled.THActions>\n )}\n {canResize && (\n <Styled.ResizeHandle\n className={clsx('resize-handle', { resizing: isResizing })}\n style={{ transform: resizeOffset ? `translateX(${resizeOffset}px)` : undefined }}\n onDoubleClick={() => column.resetSize()}\n onMouseDown={(e: React.MouseEvent) => {\n e.stopPropagation()\n header.getResizeHandler()(e)\n }}\n onTouchStart={header.getResizeHandler()}\n onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n />\n )}\n </Styled.SortableTHStyled>\n )\n}\n"],"names":["SortableTHComponent","header","enabled","enableSorting","enableColumnVisibility","enableColumnResizing","isLast","attributes","listeners","setNodeRef","isDragging","transform","transition","useSortable","column","canSort","isSorted","menuId","menuOpen","useMenuContext","isMenuOpen","sortMenuItems","hideMenuItems","allMenuItems","canResize","isResizing","columnSizingInfo","resizeOffset","anyResizing","preventDrag","e","jsxs","Styled.SortableTHStyled","CSS","clsx","jsx","Styled.THContent","flexRender","Styled.THActions","ColumnHeaderMenuUI","HeaderActionButton","Styled.ResizeHandle"],"mappings":"~~k9iBAmBO~~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"}
1	+ {"version":3,"file":"ListTableHeader.cjs.js","sources":["../../../../../src/containers/ListTable/ListTableHeader.tsx"],"sourcesContent":["import { flexRender, Header, RowData } from '@tanstack/react-table'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport clsx from 'clsx'\nimport * as Styled from './ListTable.styled'\nimport { ColumnHeaderMenuUI, type ColumnMenuItemType } from '@shared/components/ColumnHeaderMenuUI'\nimport HeaderActionButton from '@shared/containers/ProjectTreeTable/components/HeaderActionButton'\nimport { useMenuContext } from '@shared/context/MenuContext'\nimport React from 'react'\n\ninterface SortableTHProps<TData> {\n header: Header<TData, any>\n enabled: boolean\n enableSorting?: boolean\n enableColumnVisibility?: boolean\n enableColumnResizing?: boolean\n isLast?: boolean\n}\n\nexport function SortableTHComponent<TData extends RowData>({\n header,\n enabled,\n enableSorting = false,\n enableColumnVisibility = false,\n enableColumnResizing = false,\n isLast = false,\n}: SortableTHProps<TData>) {\n const { attributes, listeners, setNodeRef, isDragging, transform, transition } = useSortable({\n id: header.id,\n data: { type: 'column' },\n disabled: !enabled,\n })\n\n const column = header.column\n const canSort = enableSorting && column.getCanSort()\n const isSorted = column.getIsSorted()\n const menuId = `list-table-menu-${header.id}`\n const { menuOpen } = useMenuContext()\n const isMenuOpen = menuOpen === menuId\n\n const sortMenuItems: ColumnMenuItemType[] = canSort\n ? [\n {\n id: 'sort-asc',\n label: 'Sort ascending',\n icon: 'sort',\n selected: isSorted === 'asc',\n onClick: () => column.toggleSorting(false),\n },\n {\n id: 'sort-desc',\n label: 'Sort descending',\n icon: 'sort',\n className: 'sort-desc-icon',\n selected: isSorted === 'desc',\n onClick: () => column.toggleSorting(true),\n },\n ]\n : []\n\n const canHide = enableColumnVisibility && column.getCanHide()\n const hideMenuItems: ColumnMenuItemType[] = canHide\n ? [\n ...(sortMenuItems.length > 0\n ? [{ id: 'divider-visibility', type: 'divider' as const }]\n : []),\n {\n id: 'hide',\n label: 'Hide column',\n icon: 'visibility_off',\n onClick: () => column.toggleVisibility(false),\n },\n ]\n : []\n\n const allMenuItems: ColumnMenuItemType[] = [...sortMenuItems, ...hideMenuItems]\n\n const canResize = enableColumnResizing && column.getCanResize()\n const isResizing = column.getIsResizing()\n const { columnSizingInfo } = header.getContext().table.getState()\n const resizeOffset =\n columnSizingInfo.isResizingColumn === column.id ? columnSizingInfo.deltaOffset ?? 0 : 0\n const anyResizing = !!columnSizingInfo.isResizingColumn\n\n // Prevent drag from starting when clicking action buttons\n const preventDrag = {\n onPointerDown: (e: React.PointerEvent) => e.stopPropagation(),\n onMouseDown: (e: React.MouseEvent) => e.stopPropagation(),\n }\n\n return (\n <Styled.SortableTHStyled\n ref={setNodeRef}\n style={{\n width: `calc(var(--header-${header.id}-size) * 1px)`,\n transform: CSS.Transform.toString(transform) ?? undefined,\n transition,\n flexGrow: isLast ? 1 : undefined,\n }}\n className={clsx({\n grab: enabled,\n dragging: isDragging,\n 'menu-open': isMenuOpen,\n resizing: anyResizing,\n sorted: !!isSorted,\n })}\n {...(enabled ? { ...attributes, ...listeners } : {})}\n >\n <Styled.THContent>\n {header.isPlaceholder\n ? null\n : flexRender(header.column.columnDef.header, header.getContext())}\n </Styled.THContent>\n {(allMenuItems.length > 0 \|\| canSort) && (\n <Styled.THActions {...preventDrag}>\n {allMenuItems.length > 0 && (\n <ColumnHeaderMenuUI menuItems={allMenuItems} menuId={menuId} className=\"header-menu\" />\n )}\n {canSort && (\n <HeaderActionButton\n icon=\"sort\"\n className={clsx('sort-button', { visible: !!isSorted })}\n style={{\n transform: isSorted === 'desc' ? 'rotate(180deg) scaleX(-1)' : 'none',\n }}\n onClick={column.getToggleSortingHandler()}\n selected={!!isSorted}\n />\n )}\n </Styled.THActions>\n )}\n {canResize && (\n <Styled.ResizeHandle\n className={clsx('resize-handle', { resizing: isResizing })}\n style={{ transform: resizeOffset ? `translateX(${resizeOffset}px)` : undefined }}\n onDoubleClick={() => column.resetSize()}\n onMouseDown={(e: React.MouseEvent) => {\n e.stopPropagation()\n header.getResizeHandler()(e)\n }}\n onTouchStart={header.getResizeHandler()}\n onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n />\n )}\n </Styled.SortableTHStyled>\n )\n}\n"],"names":["SortableTHComponent","header","enabled","enableSorting","enableColumnVisibility","enableColumnResizing","isLast","attributes","listeners","setNodeRef","isDragging","transform","transition","useSortable","column","canSort","isSorted","menuId","menuOpen","useMenuContext","isMenuOpen","sortMenuItems","hideMenuItems","allMenuItems","canResize","isResizing","columnSizingInfo","resizeOffset","anyResizing","preventDrag","e","jsxs","Styled.SortableTHStyled","CSS","clsx","jsx","Styled.THContent","flexRender","Styled.THActions","ColumnHeaderMenuUI","HeaderActionButton","Styled.ResizeHandle"],"mappings":"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"}